diff --git a/DESCRIPTION b/DESCRIPTION
index fbeecd7..6739796 100644
--- a/DESCRIPTION
+++ b/DESCRIPTION
@@ -1,6 +1,6 @@
 Package: enviPathR
 Title: Client for the 'enviPath' 'RESTful' API
-Version: 1.0.2
+Version: 1.0.3
 Authors@R:
     c(person(given = "Giulio", family = "Benedetti",
           role = c("aut", "cre", "cph"),
@@ -23,7 +23,7 @@ Imports:
     BiocParallel,
     httr2,
     stats,
-    stringr,
+    stringi,
     tools
 Suggests:
     BiocStyle,
@@ -36,8 +36,8 @@ Suggests:
 License: Artistic-2.0
 Encoding: UTF-8
 Roxygen: list(markdown = TRUE)
-RoxygenNote: 8.0.0
-URL: https://envipath.github.io/enviPathR/
+URL: https://github.com/enviPath/enviPathR, https://envipath.github.io/enviPathR
 BugReports: https://github.com/enviPath/enviPathR/issues
 Config/testthat/edition: 3
 VignetteBuilder: knitr
+Config/roxygen2/version: 8.1.1
diff --git a/NAMESPACE b/NAMESPACE
index 803317e..d14a21f 100644
--- a/NAMESPACE
+++ b/NAMESPACE
@@ -7,21 +7,28 @@ export(epLogin)
 export(epLogout)
 export(epModel)
 export(epTypes)
-importFrom(BiocParallel,bplapply)
-importFrom(BiocParallel,bpmapply)
-importFrom(BiocParallel,bpparam)
-importFrom(httr2,req_body_form)
-importFrom(httr2,req_cookie_preserve)
-importFrom(httr2,req_error)
-importFrom(httr2,req_method)
-importFrom(httr2,req_perform)
-importFrom(httr2,req_retry)
-importFrom(httr2,req_throttle)
-importFrom(httr2,req_url_path_append)
-importFrom(httr2,request)
-importFrom(httr2,resp_body_json)
+importFrom(BiocParallel,
+  bplapply,
+  bpmapply,
+  bpparam
+)
+importFrom(httr2,
+  req_body_form,
+  req_cookie_preserve,
+  req_error,
+  req_get_body,
+  req_method,
+  req_perform,
+  req_retry,
+  req_throttle,
+  req_url_path_append,
+  request,
+  resp_body_json,
+  resp_url
+)
 importFrom(stats,complete.cases)
-importFrom(stringr,fixed)
-importFrom(stringr,str_remove)
-importFrom(stringr,str_split)
+importFrom(stringi,
+  stri_replace_first_regex,
+  stri_split_fixed
+)
 importFrom(tools,R_user_dir)
diff --git a/NEWS b/NEWS
index 4a2ed1f..ff6c4da 100644
--- a/NEWS
+++ b/NEWS
@@ -1,5 +1,6 @@
 Changes in version 1.0.x
 * Submitted to CRAN
+* Included raw API calls in output metadata
 
 Changes in version 0.99.x
 * Introduced epTypes, epLogin, epLogout, epList, epLink, epGet and epModel
\ No newline at end of file
diff --git a/R/get.R b/R/get.R
index ca25b0b..167e2d7 100644
--- a/R/get.R
+++ b/R/get.R
@@ -30,7 +30,11 @@
 #'   not serial. (Default: \code{5})
 #' 
 #' @returns
-#' A list of objects.
+#' A list of retrieved objects.
+#' 
+#' @details
+#' For transparency, the performed raw API calls can be accessed with
+#' \code{attr(x, "call")}, where \code{x} is the output of \code{epGet}.
 #' 
 #' @examples
 #' \dontshow{
@@ -76,10 +80,15 @@ epGet <- function(type, init = NULL, pkg = NULL, property = NULL,
         SIMPLIFY = FALSE,
         BPPARAM = BPPARAM
     )
+    # Store raw API calls in corresponding attribute
+    attr(out, "call")$url <- vapply(
+        out, attr, character(1L), "call", USE.NAMES = FALSE
+    )
     return(out)
 } 
 
-#' @importFrom httr2 request req_url_path_append req_cookie_preserve req_throttle resp_body_json
+#' @importFrom httr2 request req_url_path_append req_cookie_preserve
+#'   req_throttle resp_url resp_body_json
 .ep_get <- function(init, type, pkg, property, rate){
     # Prepare get request
     req <- request(eP_env$url) |>
@@ -92,5 +101,7 @@ epGet <- function(type, init = NULL, pkg = NULL, property = NULL,
     resp <- .ep_perform(req)
     # Process response
     out <- resp_body_json(resp, simplifyVector = TRUE)
+    # Store raw API call in corresponding attribute
+    attr(out, "call") <- resp_url(resp)
     return(out)
 }
diff --git a/R/link.R b/R/link.R
index 1e97ff5..1eb0977 100644
--- a/R/link.R
+++ b/R/link.R
@@ -32,6 +32,10 @@
 #' @returns
 #' A data frame with links between from and to.
 #' 
+#' @details
+#' For transparency, the performed raw API calls can be accessed with
+#' \code{attr(x, "call")}, where \code{x} is the output of \code{epLink}.
+#' 
 #' @examples
 #' \dontshow{
 #'     username <- Sys.getenv("EP_USERNAME")
@@ -54,7 +58,7 @@ NULL
 #' @export
 #' @rdname epLink
 #' @importFrom BiocParallel bplapply bpparam
-#' @importFrom stringr str_remove
+#' @importFrom stringi stri_replace_first_regex
 #' @importFrom stats complete.cases
 epLink <- function(from, to, init = NULL, pkg = NULL, BPPARAM = bpparam(), rate = 5){
     # Check from
@@ -97,6 +101,8 @@ epLink <- function(from, to, init = NULL, pkg = NULL, BPPARAM = bpparam(), rate
         x = rep(init, lengths(out, use.names = FALSE)),
         y = unlist(out, use.names = FALSE)
     )
+    # Store raw API calls in corresponding attribute
+    attr(linkmap, "call")$url <- vapply(out, attr, character(1L), "call")
     # Set linkmap column names
     colnames(linkmap) <- c(from, to)
     # Remove missing values
@@ -108,19 +114,21 @@ epLink <- function(from, to, init = NULL, pkg = NULL, BPPARAM = bpparam(), rate
     }
     # Remove structure identifier for compounds
     if( by == "pathway2compound" ){
-        linkmap[to] <- str_remove(linkmap[[to]], "/structure/.*")
+        linkmap[to] <- linkmap[[to]] |>
+            stri_replace_first_regex("/structure/.*", "")
     }
     if( by == "pathway2reaction" ){
         rxn_df <- epList("reaction", pkg = pkg)
         linkmap[to] <- rxn_df$id[rxn_df$name %in% linkmap[[to]]]
     }
     # Remove id prefix
-    linkmap[to] <- str_remove(linkmap[[to]], ".*/")
+    linkmap[to] <- stri_replace_first_regex(linkmap[[to]], ".*/", "")
     return(linkmap)
 }
 
 
-#' @importFrom httr2 request req_url_path_append req_cookie_preserve req_throttle resp_body_json
+#' @importFrom httr2 request req_url_path_append req_cookie_preserve
+#'   req_throttle resp_url resp_body_json
 .ep_link <- function(init, from, to, pkg, rate){
     # Prepare link request
     req <- request(eP_env$url) |>
@@ -137,6 +145,8 @@ epLink <- function(from, to, init = NULL, pkg = NULL, BPPARAM = bpparam(), rate
         unlist(use.names = FALSE)
     # Simplify list to single object
     if( is.null(out) ) out <- NA
+    # Store raw API call in corresponding attribute
+    attr(out, "call") <- resp_url(resp)
     return(out)
 }
 
diff --git a/R/list.R b/R/list.R
index 970b678..8bf02da 100644
--- a/R/list.R
+++ b/R/list.R
@@ -15,6 +15,10 @@
 #' @returns
 #' A data frame with all objects belonging to \code{type} in \code{pkg}.
 #' 
+#' @details
+#' For transparency, the performed raw API call can be accessed with
+#' \code{attr(x, "call")}, where \code{x} is the output of \code{epList}.
+#' 
 #' @examples
 #' \dontshow{
 #'     username <- Sys.getenv("EP_USERNAME")
@@ -53,8 +57,8 @@ NULL
 
 #' @export
 #' @rdname epList
-#' @importFrom httr2 req_url_path_append req_cookie_preserve resp_body_json
-#' @importFrom stringr str_remove
+#' @importFrom httr2 req_url_path_append req_cookie_preserve resp_url resp_body_json
+#' @importFrom stringi stri_replace_first_regex
 epList <- function(type, pkg = NULL){
     # Check type
     .check_type(type)
@@ -64,36 +68,40 @@ epList <- function(type, pkg = NULL){
     if( type == "package" && is_pkg ){
         stop("'pkg' cannot be defined when listing packages.", call. = FALSE)
     }
-    
+    # Initialise request and preserve cookies
     req <- request(eP_env$url) |>
         req_cookie_preserve(eP_env$cookies)
-    
+    # Append package id to call url
     if( is_pkg ) req <- req_url_path_append(req, "package", pkg)
-        
+    # Append object type to call url
     req <- req_url_path_append(req, type)
-    
+    # Perform query
     resp <- .ep_perform(req)
-    
+    # Retrieve result from response
     out <- resp_body_json(resp, simplifyVector = TRUE)
     # Extract data.frame
     df <- out[[1L]]
     # Remove id prefix
-    df$id <- str_remove(df$id, ".*/")
-    
+    df$id <- stri_replace_first_regex(df$id, ".*/", "")
+    # Select relevant variables to keep
     to_keep <- c("name", "id")
     # Include review status except for type setting
     if( type != "setting" ) to_keep <- c(to_keep, "reviewStatus")
-    
+    # Add package-specific stats
     if( type == "package" ){
-      
+        # Retrieve object types
         obj.types <- names(df$links[[1L]])
+        # Count objects for each type
         obj.counts <- vapply(obj.types, .extract_obj_counts, numeric(nrow(df)), df)
-      
+        # Combine object counts into table
         df <- cbind(df, obj.counts)
+        # Add description and object counts to relevant variables
         to_keep <- c(to_keep, "description", obj.types)
     }
     # Select relevant columns
     df <- df[ , to_keep]
+    # Store raw API call in corresponding attribute
+    attr(df, "call")$url <- resp_url(resp)
     return(df)
 }
 
diff --git a/R/model.R b/R/model.R
index 26abda7..d895a7f 100644
--- a/R/model.R
+++ b/R/model.R
@@ -17,6 +17,10 @@
 #' A list with two data frames with information on nodes and edges,
 #' respectively.
 #' 
+#' @details
+#' For transparency, the performed raw API call can be accessed with
+#' \code{attr(x, "call")}, where \code{x} is the output of \code{epModel}.
+#' 
 #' @examples
 #' \dontshow{
 #'     username <- Sys.getenv("EP_USERNAME")
@@ -77,7 +81,8 @@ NULL
 
 #' @export
 #' @rdname epModel
-#' @importFrom httr2 request req_method req_url_path_append req_body_form req_cookie_preserve resp_body_json
+#' @importFrom httr2 request req_method req_url_path_append req_body_form
+#'   req_cookie_preserve req_get_body resp_url resp_body_json
 epModel <- function(smiles, setting = NULL){
     # Check smiles
     if( !is.character(smiles) || !nzchar(smiles) ){
@@ -99,6 +104,9 @@ epModel <- function(smiles, setting = NULL){
     resp <- .ep_perform(req)
     # Process response
     out <- resp_body_json(resp, simplifyVector = TRUE)
+    # Store raw API call in corresponding attribute
+    attr(out, "call")$url <- resp_url(resp)
+    attr(out, "call")$body <- req_get_body(req)
     # Process rule variables
     if( is.data.frame(out$edges$rule) ){
         out$edges$ruleId <- out$edges$rule$uuid
diff --git a/R/types.R b/R/types.R
index 5caea21..62b450a 100644
--- a/R/types.R
+++ b/R/types.R
@@ -25,12 +25,12 @@ NULL
 
 #' @export
 #' @rdname epTypes
-#' @importFrom stringr str_split fixed
+#' @importFrom stringi stri_split_fixed
 epTypes <- function(){
     # Retrieve links between object types
     links <- eP_env$links |>
         names() |>
-        str_split(fixed("2"), simplify = TRUE) |>
+        stri_split_fixed("2", simplify = TRUE) |>
         as.data.frame()
     # Give names to link columns
     colnames(links) <- c("from", "to")
diff --git a/README.md b/README.md
index 2f8e47d..7b1c643 100644
--- a/README.md
+++ b/README.md
@@ -4,8 +4,8 @@
 [![pulls](https://img.shields.io/github/issues-pr/enviPath/enviPathR)](https://github.com/enviPath/enviPathR/pulls)
 [![CRAN status](https://www.r-pkg.org/badges/version/enviPathR)](https://CRAN.R-project.org/package=enviPathR)
 [![R-CMD-check](https://github.com/enviPath/enviPathR/workflows/build/badge.svg)](https://github.com/enviPath/enviPathR/actions)
-[![](https://cranlogs.r-pkg.org/badges/enviPathR)](https://cran.r-project.org/package=enviPathR)
 [![CodeFactor](https://www.codefactor.io/repository/github/enviPath/envipathr/badge)](https://www.codefactor.io/repository/github/enviPath/envipathr)
+[![downloads](https://cranlogs.r-pkg.org/badges/enviPathR)](https://cran.r-project.org/package=enviPathR)
 
 This package provides a client to the enviPath biotransformation database and
 pathway prediction system. It accesses enviPath resources through its [legacy
diff --git a/man/epGet.Rd b/man/epGet.Rd
index 307f5c5..1703c7a 100644
--- a/man/epGet.Rd
+++ b/man/epGet.Rd
@@ -39,11 +39,15 @@ requests per second to be sent to the enviPath API when \code{BPPARAM} is
 not serial. (Default: \code{5})}
 }
 \value{
-A list of objects.
+A list of retrieved objects.
 }
 \description{
 epGet returns raw objects from enviPath.
 }
+\details{
+For transparency, the performed raw API calls can be accessed with
+\code{attr(x, "call")}, where \code{x} is the output of \code{epGet}.
+}
 \examples{
 \dontshow{
     username <- Sys.getenv("EP_USERNAME")
diff --git a/man/epLink.Rd b/man/epLink.Rd
index 69a93e6..97ed554 100644
--- a/man/epLink.Rd
+++ b/man/epLink.Rd
@@ -37,6 +37,10 @@ A data frame with links between from and to.
 \description{
 epLink returns mappings between enviPath object types.
 }
+\details{
+For transparency, the performed raw API calls can be accessed with
+\code{attr(x, "call")}, where \code{x} is the output of \code{epLink}.
+}
 \examples{
 \dontshow{
     username <- Sys.getenv("EP_USERNAME")
diff --git a/man/epList.Rd b/man/epList.Rd
index 66a7130..c3e593a 100644
--- a/man/epList.Rd
+++ b/man/epList.Rd
@@ -20,6 +20,10 @@ A data frame with all objects belonging to \code{type} in \code{pkg}.
 \description{
 epList returns a list with info on objects available in enviPath.
 }
+\details{
+For transparency, the performed raw API call can be accessed with
+\code{attr(x, "call")}, where \code{x} is the output of \code{epList}.
+}
 \examples{
 \dontshow{
     username <- Sys.getenv("EP_USERNAME")
diff --git a/man/epModel.Rd b/man/epModel.Rd
index 4d86911..c2a7dd1 100644
--- a/man/epModel.Rd
+++ b/man/epModel.Rd
@@ -22,6 +22,10 @@ respectively.
 epModel predicts the biotransformation pathway for a compound expressed with
 \code{smiles} using the selected model \code{setting}.
 }
+\details{
+For transparency, the performed raw API call can be accessed with
+\code{attr(x, "call")}, where \code{x} is the output of \code{epModel}.
+}
 \examples{
 \dontshow{
     username <- Sys.getenv("EP_USERNAME")
diff --git a/pkgdown/_pkgdown.yml b/pkgdown/_pkgdown.yml
index 8a43e28..44ff7d9 100644
--- a/pkgdown/_pkgdown.yml
+++ b/pkgdown/_pkgdown.yml
@@ -1,4 +1,12 @@
+url: https://envipath.github.io/enviPathR
 destination: docs
+
+template:
+  bootstrap: 5
+  light-switch: true
+  bslib:
+    navbar-bg: "#142D4A"
+
 reference:
 - title: Work with enviPath API
 - contents:
diff --git a/tests/httptest/get/package_reaction/wrong.R b/tests/httptest/get/package_reaction/wrong.R
index b807eb6..2191fff 100644
--- a/tests/httptest/get/package_reaction/wrong.R
+++ b/tests/httptest/get/package_reaction/wrong.R
@@ -1,12 +1,12 @@
 structure(list(method = "GET", url = "https://package_reaction/wrong", 
     status_code = 404L, headers = structure(list(Server = "nginx/1.24.0 (Ubuntu)", 
-        Date = "Sat, 24 Oct 2026 03:32:42 GMT", `Content-Type` = "text/html; charset=utf-8", 
+        Date = "Fri, 13 Nov 2026 02:48:31 GMT", `Content-Type` = "text/html; charset=utf-8", 
         `Transfer-Encoding` = "chunked", Connection = "keep-alive", 
         Vary = "Authorization, Cookie", `X-Frame-Options` = "DENY", 
         `X-Content-Type-Options` = "nosniff", `Referrer-Policy` = "same-origin", 
-        `Cross-Origin-Opener-Policy` = "same-origin", `Set-Cookie` = "csrftoken=9u2FC7Dz4uZvd2M57D4NgVQKCxqiSjaO; expires=Sat, 23 Oct 2027 03:32:42 GMT; Max-Age=31449600; Path=/; SameSite=Lax", 
+        `Cross-Origin-Opener-Policy` = "same-origin", `Set-Cookie` = "csrftoken=TUPLC8ByY6rJp7zLNJIxlk4OAyW5YNW2; expires=Fri, 12 Nov 2027 02:48:31 GMT; Max-Age=31449600; Path=/; SameSite=Lax", 
         `Content-Encoding` = "gzip"), class = "httr2_headers"), 
-    body = charToRaw("<!doctype html>\n<html data-theme=\"envipath\" lang=\"en\">\n  \n  <head>\n    <title>enviPath</title>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <meta name=\"csrf-token\" content=\"f2yJaIigNhzXjQ5ynZIdqwTJKxWFqlwvemqeCFLFHBoimIHtksCQwhzjcUcN8uw9\" />\n\n    \n    <link\n      rel=\"shortcut icon\"\n      type=\"image/png\"\n      href=\"/static/images/favicon.ico\"\n    />\n\n    \n    <link\n      href=\"/static/css/output.css\"\n      rel=\"stylesheet\"\n      type=\"text/css\"\n    />\n\n    \n    <script src=\"https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js\"></script>\n    <script src=\"/static/js/utils/timeseries-chart.js\"></script>\n\n    \n    <script\n      defer\n      src=\"https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js\"\n    ></script>\n    <script src=\"/static/js/alpine/index.js\"></script>\n    <script src=\"/static/js/alpine/search.js\"></script>\n    <script src=\"/static/js/alpine/pagination.js\"></script>\n    <script src=\"/static/js/alpine/pathway.js\"></script>\n    <script src=\"/static/js/alpine/components/schema-form.js\"></script>\n    <script src=\"/static/js/alpine/components/widgets.js\"></script>\n\n    \n    <link\n      href=\"https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css\"\n      rel=\"stylesheet\"\n    />\n\n    \n    <script src=\"https://community.envipath.org/javascripts/embed-topics.js\"></script>\n\n    <script>\n      const csrftoken = document.querySelector(\"[name=csrf-token]\").content;\n    </script>\n\n    \n    <script src=\"/static/js/pps.js\"></script>\n\n    \n      <!-- Matomo -->\n      <script>\n        var _paq = (window._paq = window._paq || []);\n        _paq.push([\"trackPageView\"]);\n        _paq.push([\"enableLinkTracking\"]);\n        (function () {\n          var u = \"//matomo.envipath.com/\";\n          _paq.push([\"setTrackerUrl\", u + \"matomo.php\"]);\n          _paq.push([\"setSiteId\", \"1\"]);\n          var d = document,\n            g = d.createElement(\"script\"),\n            s = d.getElementsByTagName(\"script\")[0];\n          g.async = true;\n          g.src = u + \"matomo.js\";\n          s.parentNode.insertBefore(g, s);\n        })();\n      </script>\n      <!-- End Matomo Code -->\n    \n  </head>\n  <body class=\"bg-base-300 min-h-screen\">\n    \n\n<div class=\"drawer drawer-mobile\">\n  <input id=\"drawer-toggle\" type=\"checkbox\" class=\"drawer-toggle\" />\n  <div class=\"drawer-content flex flex-col\">\n    \n    <div class=\"navbar x-50 bg-neutral-50 text-neutral-950 shadow-lg\">\n      <div class=\"navbar-start\">\n        \n        \n        <a\n          href=\"https://envipath.org\"\n          class=\"btn btn-ghost text-xl normal-case\"\n        >\n          <svg class=\"fill-base-content h-8\" viewBox=\"0 0 104 26\" role=\"img\">\n            <use href=\"/static/images/logo-name.svg#ep-logo-name\" />\n          </svg>\n        </a>\n      </div>\n\n      \n\n      <div class=\"navbar-end\">\n        \n        \n          <div class=\"dropdown dropdown-end\">\n            <div\n              tabindex=\"0\"\n              role=\"button\"\n              class=\"btn btn-ghost btn-circle m-1\"\n              id=\"loggedInButton\"\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                class=\"lucide lucide-circle-user-icon lucide-circle-user\"\n              >\n                <circle cx=\"12\" cy=\"12\" r=\"10\" />\n                <circle cx=\"12\" cy=\"10\" r=\"3\" />\n                <path d=\"M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662\" />\n              </svg>\n            </div>\n            <ul\n              tabindex=\"-1\"\n              class=\"dropdown-content menu bg-base-100 rounded-box z-50 w-52 p-2 shadow-sm\"\n            >\n              <li>\n                <a href=\"https://envipath.org/user/f3ce2e6a-b8c4-46d2-a6ed-6be4d8ae23fa\" id=\"accountbutton\"\n                  >User Profile</a\n                >\n              </li>\n              <li>\n                <form\n                  id=\"logoutForm\"\n                  action=\"/logout\"\n                  method=\"post\"\n                  style=\"display: none;\"\n                >\n                  <input type=\"hidden\" name=\"csrfmiddlewaretoken\" value=\"f2yJaIigNhzXjQ5ynZIdqwTJKxWFqlwvemqeCFLFHBoimIHtksCQwhzjcUcN8uw9\">\n                  <input type=\"hidden\" name=\"logout\" value=\"true\" />\n                </form>\n                <a\n                  href=\"#\"\n                  id=\"logoutButton\"\n                  onclick=\"event.preventDefault(); document.getElementById('logoutForm').submit();\"\n                  >Logout</a\n                >\n              </li>\n            </ul>\n          </div>\n        \n      </div>\n    </div>\n  </div>\n  \n  <div class=\"drawer-side\">\n    <label for=\"drawer-toggle\" class=\"drawer-overlay\"></label>\n    <ul class=\"menu min-h-full w-80 bg-base-200 p-4 text-base-content\">\n      \n      <li class=\"mb-4\">\n        <div class=\"flex items-center justify-between\">\n          <span class=\"font-bold text-lg\">Menu</span>\n          <label\n            for=\"drawer-toggle\"\n            class=\"btn btn-sm btn-circle btn-ghost\"\n            aria-label=\"Close menu\"\n          >\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"h-6 w-6\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M6 18L18 6M6 6l12 12\"\n              />\n            </svg>\n          </label>\n        </div>\n      </li>\n      \n    </ul>\n  </div>\n</div>\n\n<script>\n  // OS-aware search shortcut display\n  (function () {\n    const isMac = /Mac/.test(navigator.platform);\n    const shortcutElement = document.getElementById(\"search-shortcut\");\n    if (shortcutElement) {\n      shortcutElement.textContent = isMac ? \"⌘K\" : \"Ctrl+K\";\n    }\n  })();\n</script>\n\n\n    \n    <main class=\"w-full\">\n      \n        \n        \n\n        \n        <div\n          id=\"docContent\"\n          class=\"bg-base-100 mx-auto md:my-8 md:max-w-6xl md:rounded-lg md:shadow-xl\"\n        >\n          \n          \n\n          \n          \n  <div class=\"flex min-h-[60vh] flex-col items-center justify-center p-8\">\n    <div class=\"w-full max-w-2xl\">\n      <div class=\"alert alert-info mb-6 shadow-lg\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          class=\"h-8 w-8 shrink-0 stroke-current\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n        >\n          <path\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            stroke-width=\"2\"\n            d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n          />\n        </svg>\n        <div class=\"flex flex-col\">\n          <h3 class=\"text-lg font-bold\">Page Not Found</h3>\n          <p class=\"text-sm\">The page you're looking for doesn't exist.</p>\n        </div>\n      </div>\n\n      <div class=\"card bg-base-100 shadow-xl\">\n        <div class=\"card-body\">\n          <h2 class=\"card-title mb-4 text-2xl\">404 Error</h2>\n          <p class=\"text-base-content/70 mb-4\">\n            The page or resource you requested could not be found. It may have\n            been moved, deleted, or the URL might be incorrect.\n          </p>\n          <div class=\"card-actions mt-6 justify-end\">\n            <a href=\"/\" class=\"btn btn-primary\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                class=\"mr-2 h-5 w-5\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"2\"\n                  d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"\n                />\n              </svg>\n              Go Home\n            </a>\n            <a\n              href=\"https://wiki.envipath.org/index.php/packages\"\n              target=\"_blank\"\n              class=\"btn btn-outline\"\n            >\n              Learn More\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                class=\"ml-2 h-5 w-5\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"2\"\n                  d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"\n                />\n              </svg>\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n\n          \n          \n        </div>\n      \n    </main>\n\n    \n<div class=\"bg-base-300 text-base-content mx-auto mt-10 lg:max-w-5xl\">\n  <footer class=\"footer sm:footer-horizontal p-10\">\n    \n    <nav>\n      <h6 class=\"footer-title\">Company</h6>\n      <a class=\"link link-hover\" href=\"/about\" target=\"_blank\">About us</a>\n    </nav>\n    <nav>\n      <h6 class=\"footer-title\">Legal</h6>\n      <a class=\"link link-hover\" href=\"/terms\">Terms of use</a>\n      <a class=\"link link-hover\" href=\"/privacy\">Privacy policy</a>\n      <a class=\"link link-hover\" href=\"/cookie-policy\">Cookie policy</a>\n      <a class=\"link link-hover\" href=\"/cite\">Cite enviPath</a>\n    </nav>\n  </footer>\n  <footer class=\"footer border-t-2 border-neutral-300 px-10 py-4\">\n    <div class=\"flex w-full flex-row items-start justify-between\">\n      <aside class=\"grid-flow-col items-center\">\n        <svg\n          class=\"fill-neutral-content m-2 h-14 flex-shrink-0\"\n          viewbox=\"0 0 65 65\"\n        >\n          <use\n            href=\"/static/images/logo-square.svg#ep-logo-square\"\n          ></use>\n        </svg>\n\n        enviPath Ltd.\n        <br />\n        Biodegredation prediction since 2015.\n      </aside>\n      <aside class=\"text-base-200 mt-2 text-sm\">\n        <span class=\"text-xs tracking-tight\">Version</span>\n        <span class=\"text-base font-bold\">1.0.0</span>\n      </aside>\n    </div>\n    <nav class=\"md:place-self-center md:justify-self-end\">\n      <div class=\"grid grid-flow-col gap-4\">\n        <a href=\"https://www.youtube.com/@envipath7231\" target=\"_blank\">\n          <svg\n            role=\"img\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            class=\"h-6 w-6 fill-current\"\n          >\n            <title>YouTube</title>\n            <path\n              d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\n            />\n          </svg>\n        </a>\n        <a href=\"https://community.envipath.org/\" target=\"_blank\">\n          <svg\n            role=\"img\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            class=\"h-6 w-6 fill-current\"\n          >\n            <title>Discourse</title>\n            <path\n              d=\"M12.103 0C18.666 0 24 5.485 24 11.997c0 6.51-5.33 11.99-11.9 11.99L0 24V11.79C0 5.28 5.532 0 12.103 0zm.116 4.563c-2.593-.003-4.996 1.352-6.337 3.57-1.33 2.208-1.387 4.957-.148 7.22L4.4 19.61l4.794-1.074c2.745 1.225 5.965.676 8.136-1.39 2.17-2.054 2.86-5.228 1.737-7.997-1.135-2.778-3.84-4.59-6.84-4.585h-.008z\"\n            />\n          </svg>\n        </a>\n        <a href=\"https://www.linkedin.com/company/envipath/\" target=\"_blank\">\n          <img\n            src=\"/static/images/linkedin.png\"\n            alt=\"LinkedIn\"\n            class=\"h-6 w-6\"\n          />\n        </a>\n      </div>\n    </nav>\n  </footer>\n</div>\n\n\n    \n    \n\n    \n      <dialog\n  id=\"search_modal\"\n  class=\"modal items-start sm:items-center\"\n  x-data=\"searchModal()\"\n  @close=\"reset()\"\n>\n  <div class=\"modal-box mt-4 sm:mt-0 p-1 sm:h-8/12 sm:w-[85vw] sm:max-w-5xl\">\n    <!-- Search Input and Mode Selector -->\n    <div class=\"form-control mb-4 w-full shrink-0\">\n      <div class=\"join m-0 w-full items-center p-3\">\n        <label class=\"input join-item input-ghost grow\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            class=\"lucide lucide-search-icon lucide-search\"\n          >\n            <path d=\"m21 21-4.34-4.34\" />\n            <circle cx=\"11\" cy=\"11\" r=\"8\" />\n          </svg>\n          <input\n            type=\"text\"\n            autofocus\n            x-ref=\"searchbar\"\n            x-model=\"query\"\n            @keydown.enter=\"performSearch('')\"\n            placeholder=\"Benfuracarb\"\n            class=\"grow\"\n            aria-label=\"Search\"\n          />\n        </label>\n\n        <!-- Mode Dropdown -->\n        <div>\n          <button\n            type=\"button\"\n            tabindex=\"0\"\n            popovertarget=\"search_dropdown_menu\"\n            style=\"anchor-name: --anchor-mode\"\n            class=\"btn join-item btn-ghost\"\n          >\n            <span x-text=\"searchModeLabel\"></span>\n            <svg\n              class=\"ml-1 h-4 w-4\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              viewBox=\"0 0 24 24\"\n            >\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M19 9l-7 7-7-7\"\n              />\n            </svg>\n          </button>\n          <ul\n            tabindex=\"0\"\n            class=\"dropdown dropdown-end menu bg-base-200 rounded-box w-64 p-2 shadow-lg\"\n            popover\n            x-ref=\"modeDropdown\"\n            id=\"search_dropdown_menu\"\n            style=\"position-anchor: --anchor-mode\"\n          >\n            <li class=\"menu-title\">Text</li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('text', 'Text')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Search on object names and descriptions\"\n              >\n                Text\n              </a>\n            </li>\n            <li class=\"menu-title\">SMILES</li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('smiles_default', 'Default')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Ignores stereochemistry and charge\"\n              >\n                Default\n              </a>\n            </li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('smiles_canonical', 'Canonical')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Ignores stereochemistry, preserves charge\"\n              >\n                Canonical\n              </a>\n            </li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('smiles_exact', 'Exact')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Exact match for stereochemistry and charge\"\n              >\n                Exact\n              </a>\n            </li>\n            <li class=\"menu-title\">InChI</li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('inchikey', 'InChIKey')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Search by InChIKey\"\n              >\n                InChIKey\n              </a>\n            </li>\n          </ul>\n        </div>\n\n        <button\n          type=\"button\"\n          @click=\"performSearch('')\"\n          class=\"btn btn-xs btn-ghost join-item\"\n        >\n          <kbd class=\"kbd kbd-sm text-base-content/50 p-1\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              class=\"lucide lucide-corner-down-left-icon lucide-corner-down-left\"\n            >\n              <path d=\"M20 4v7a4 4 0 0 1-4 4H4\" />\n              <path d=\"m9 10-5 5 5 5\" />\n            </svg>\n          </kbd>\n        </button>\n      </div>\n    </div>\n\n    <!-- Package Selector with Pills -->\n    <div class=\"form-control mb-4 shrink-0\">\n      <!-- Pills Container -->\n      <div\n        class=\"border-base-300 m-3 flex min-h-12 flex-wrap items-center gap-2 rounded-lg border-2 border-dashed p-3\"\n      >\n        <!-- Dynamic Pills -->\n        <template x-for=\"pkg in selectedPackages\" :key=\"pkg.url\">\n          <span class=\"badge badge-outline gap-2 max-w-xs\">\n            <span class=\"truncate\" :title=\"pkg.name\" x-text=\"pkg.name\"></span>\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"h-4 w-4 cursor-pointer hover:text-error shrink-0 rotate-45\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              @click=\"removePackage(pkg.url)\"\n            >\n              <path d=\"M5 12h14\" />\n              <path d=\"M12 5v14\" />\n            </svg>\n          </span>\n        </template>\n\n        <!-- Add Package Button -->\n        <button\n          type=\"button\"\n          popovertarget=\"package_dropdown_menu\"\n          style=\"anchor-name: --anchor-packages\"\n          class=\"btn btn-sm btn-ghost gap-2 text-base-content/50\"\n        >\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            class=\"lucide lucide-plus-icon lucide-plus\"\n          >\n            <path d=\"M5 12h14\" />\n            <path d=\"M12 5v14\" />\n          </svg>\n          Add Package\n        </button>\n      </div>\n\n      <!-- Package Dropdown Menu -->\n      <ul\n        class=\"dropdown dropdown-center menu bg-base-200 rounded-box max-h-96 w-80 overflow-y-auto p-2 shadow-lg\"\n        popover\n        x-ref=\"packageDropdown\"\n        id=\"package_dropdown_menu\"\n        style=\"position-anchor: --anchor-packages\"\n      >\n        \n          <li class=\"menu-title\">Reviewed Packages</li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/87a49584-d937-482c-9c33-25928dcb02a8\"\n                data-package-name=\"enviPath-PFAS\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/87a49584-d937-482c-9c33-25928dcb02a8', 'enviPath-PFAS')\"\n              >\n                <span>enviPath-PFAS</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/87a49584-d937-482c-9c33-25928dcb02a8') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/32de3cf4-e3e6-4168-956e-32fa5ddb0ce1\"\n                data-package-name=\"EAWAG-BBD\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/32de3cf4-e3e6-4168-956e-32fa5ddb0ce1', 'EAWAG-BBD')\"\n              >\n                <span>EAWAG-BBD</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/32de3cf4-e3e6-4168-956e-32fa5ddb0ce1') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/f05e38d8-e9b4-4c3e-b0d8-9ab29966eccf\"\n                data-package-name=\"EAWAG-SEDIMENT\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/f05e38d8-e9b4-4c3e-b0d8-9ab29966eccf', 'EAWAG-SEDIMENT')\"\n              >\n                <span>EAWAG-SEDIMENT</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/f05e38d8-e9b4-4c3e-b0d8-9ab29966eccf') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/521c547a-fd2a-491c-ad5b-7eaa1577fb65\"\n                data-package-name=\"EAWAG-SLUDGE\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/521c547a-fd2a-491c-ad5b-7eaa1577fb65', 'EAWAG-SLUDGE')\"\n              >\n                <span>EAWAG-SLUDGE</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/521c547a-fd2a-491c-ad5b-7eaa1577fb65') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/5882df9c-dae1-4d80-a40e-db4724271456\"\n                data-package-name=\"EAWAG-SOIL\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/5882df9c-dae1-4d80-a40e-db4724271456', 'EAWAG-SOIL')\"\n              >\n                <span>EAWAG-SOIL</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/5882df9c-dae1-4d80-a40e-db4724271456') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/134886bb-b52e-4ad6-91d3-a02cecde6d95\"\n                data-package-name=\"Public Prediction Models\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/134886bb-b52e-4ad6-91d3-a02cecde6d95', 'Public Prediction Models')\"\n              >\n                <span>Public Prediction Models</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/134886bb-b52e-4ad6-91d3-a02cecde6d95') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n          <li class=\"menu-title\">Unreviewed Packages</li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/5b594bf6-56a8-4ce5-9a63-5fd4b525756e\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:04:40.517620\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/5b594bf6-56a8-4ce5-9a63-5fd4b525756e', 'Autogenerated Package for Batch Prediction 2026-09-01 00:04:40.517620')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:04:40.517620</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/5b594bf6-56a8-4ce5-9a63-5fd4b525756e') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/aee2524b-79f3-4640-a519-aac543ac05e3\"\n                data-package-name=\"RiboRings’ Package\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/aee2524b-79f3-4640-a519-aac543ac05e3', 'RiboRings’ Package')\"\n              >\n                <span>RiboRings’ Package</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/aee2524b-79f3-4640-a519-aac543ac05e3') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/7a3bddd7-c1a2-4699-a885-8b9044fd4fe2\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:06:57.531194\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/7a3bddd7-c1a2-4699-a885-8b9044fd4fe2', 'Autogenerated Package for Batch Prediction 2026-09-01 00:06:57.531194')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:06:57.531194</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/7a3bddd7-c1a2-4699-a885-8b9044fd4fe2') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/d1898032-350b-438a-a702-63906c7ed76a\"\n                data-package-name=\"32de3cf4-e3e6-4168-956e-32fa5ddb0ce1\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/d1898032-350b-438a-a702-63906c7ed76a', '32de3cf4-e3e6-4168-956e-32fa5ddb0ce1')\"\n              >\n                <span>32de3cf4-e3e6-4168-956e-32fa5ddb0ce1</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/d1898032-350b-438a-a702-63906c7ed76a') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/995230c9-167a-4108-8002-d8fadd242dff\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:04:22.775931\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/995230c9-167a-4108-8002-d8fadd242dff', 'Autogenerated Package for Batch Prediction 2026-09-01 00:04:22.775931')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:04:22.775931</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/995230c9-167a-4108-8002-d8fadd242dff') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/c3c6699a-8c78-4987-af4d-4a041ffc448d\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:08:26.613909\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/c3c6699a-8c78-4987-af4d-4a041ffc448d', 'Autogenerated Package for Batch Prediction 2026-09-01 00:08:26.613909')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:08:26.613909</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/c3c6699a-8c78-4987-af4d-4a041ffc448d') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/7245f711-51d0-4b1e-b49d-99a9d9744c96\"\n                data-package-name=\"32de3cf4-e3e6-4168-956e-32fa5ddb0ce1\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/7245f711-51d0-4b1e-b49d-99a9d9744c96', '32de3cf4-e3e6-4168-956e-32fa5ddb0ce1')\"\n              >\n                <span>32de3cf4-e3e6-4168-956e-32fa5ddb0ce1</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/7245f711-51d0-4b1e-b49d-99a9d9744c96') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n        \n      </ul>\n    </div>\n\n    <!-- Loading Indicator -->\n    <div x-show=\"isSearching\" class=\"flex shrink-0 justify-center py-8\">\n      <span class=\"loading loading-spinner loading-lg text-primary\"></span>\n    </div>\n\n    <!-- Results Container -->\n    <div class=\"min-h-0 flex-1 overflow-y-auto p-2\">\n      <!-- No packages selected error -->\n      <template x-if=\"results && results.error === 'no_packages'\">\n        <div class=\"alert alert-info\">\n          <svg\n            class=\"w-6 h-6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n            />\n          </svg>\n          <span>Please select at least one package</span>\n        </div>\n      </template>\n\n      <!-- Search error -->\n      <template x-if=\"error\">\n        <div class=\"alert alert-error\">\n          <svg\n            class=\"w-6 h-6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n            />\n          </svg>\n          <span x-text=\"error\"></span>\n        </div>\n      </template>\n\n      <!-- No results -->\n      <template x-if=\"results && !results.error && !hasResults()\">\n        <div class=\"alert alert-warning\">\n          <svg\n            class=\"w-6 h-6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n            />\n          </svg>\n          <span>No results found</span>\n        </div>\n      </template>\n\n      <!-- Results display -->\n      <template x-if=\"results && !results.error && hasResults()\">\n        <div class=\"mb-2\">\n          <div class=\"text-sm font-semibold text-base-content/70 mb-2\">\n            Results\n          </div>\n\n          <!-- Compounds -->\n          <template x-if=\"results.Compounds && results.Compounds.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Compounds\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Compounds.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Compounds\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Compound Structures -->\n          <template\n            x-if=\"results['Compound Structures'] && results['Compound Structures'].length > 0\"\n          >\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Compound Structures\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results['Compound Structures'].length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template\n                  x-for=\"item in results['Compound Structures']\"\n                  :key=\"item.url\"\n                >\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Rules -->\n          <template x-if=\"results.Rules && results.Rules.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Rules\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Rules.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Rules\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Reactions -->\n          <template x-if=\"results.Reactions && results.Reactions.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Reactions\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Reactions.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Reactions\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Pathways -->\n          <template x-if=\"results.Pathways && results.Pathways.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Pathways\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Pathways.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Pathways\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n        </div>\n      </template>\n    </div>\n  </div>\n\n  <form method=\"dialog\" class=\"modal-backdrop\">\n    <button aria-label=\"close\"></button>\n  </form>\n</dialog>\n\n    \n\n    <script>\n      document.addEventListener(\"DOMContentLoaded\", function () {\n        // Show actions button if there are actions defined\n        const actionsButtonUl = document.querySelector(\"#actionsButton ul\");\n        if (actionsButtonUl && actionsButtonUl.children.length > 0) {\n          document.getElementById(\"actionsButton\").style.display = \"\";\n        }\n      });\n\n      // Open search modal function\n      function openSearchModal() {\n        const searchModal = document.getElementById(\"search_modal\");\n        if (searchModal) {\n          searchModal.showModal();\n        }\n      }\n\n      // Click handler for search badge\n      const searchTrigger = document.getElementById(\"search-trigger\");\n      if (searchTrigger) {\n        searchTrigger.addEventListener(\"click\", function (event) {\n          event.preventDefault();\n          openSearchModal();\n        });\n      }\n\n      // Global keyboard shortcut for search (Cmd+K on Mac, Ctrl+K on Windows/Linux)\n      document.addEventListener(\"keydown\", function (event) {\n        // Check if user is typing in an input field\n        const activeElement = document.activeElement;\n        const isInputField =\n          activeElement &&\n          (activeElement.tagName === \"INPUT\" ||\n            activeElement.tagName === \"TEXTAREA\" ||\n            activeElement.contentEditable === \"true\");\n\n        if (isInputField) {\n          return; // Don't trigger shortcut when typing in input fields\n        }\n\n        // Check for Cmd+K (Mac) or Ctrl+K (Windows/Linux)\n        const isMac = /Mac/.test(navigator.platform);\n        const isCorrectModifier = isMac ? event.metaKey : event.ctrlKey;\n\n        if (isCorrectModifier && event.key === \"k\") {\n          event.preventDefault();\n          openSearchModal();\n        }\n      });\n    </script>\n  </body>\n</html>\n"), 
-    timing = c(redirect = 0, namelookup = 2.7e-05, connect = 0, 
-    pretransfer = 0.000101, starttransfer = 0.389223, total = 0.389606
+    body = charToRaw("<!doctype html>\n<html data-theme=\"envipath\" lang=\"en\">\n  \n  <head>\n    <title>enviPath</title>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <meta name=\"csrf-token\" content=\"wlsTjaxQtti2bciVmVisLvAklRZLEqAGf57uL8YehpzBq9HwZuQPWFuYLfLGs3my\" />\n\n    \n    <link\n      rel=\"shortcut icon\"\n      type=\"image/png\"\n      href=\"/static/images/favicon.ico\"\n    />\n\n    \n    <link\n      href=\"/static/css/output.css\"\n      rel=\"stylesheet\"\n      type=\"text/css\"\n    />\n\n    \n    <script src=\"https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js\"></script>\n    <script src=\"/static/js/utils/timeseries-chart.js\"></script>\n\n    \n    <script\n      defer\n      src=\"https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js\"\n    ></script>\n    <script src=\"/static/js/alpine/index.js\"></script>\n    <script src=\"/static/js/alpine/search.js\"></script>\n    <script src=\"/static/js/alpine/pagination.js\"></script>\n    <script src=\"/static/js/alpine/pathway.js\"></script>\n    <script src=\"/static/js/alpine/components/schema-form.js\"></script>\n    <script src=\"/static/js/alpine/components/widgets.js\"></script>\n\n    \n    <link\n      href=\"https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css\"\n      rel=\"stylesheet\"\n    />\n\n    \n    <script src=\"https://community.envipath.org/javascripts/embed-topics.js\"></script>\n\n    <script>\n      const csrftoken = document.querySelector(\"[name=csrf-token]\").content;\n    </script>\n\n    \n    <script src=\"/static/js/pps.js\"></script>\n\n    \n      <!-- Matomo -->\n      <script>\n        var _paq = (window._paq = window._paq || []);\n        _paq.push([\"trackPageView\"]);\n        _paq.push([\"enableLinkTracking\"]);\n        (function () {\n          var u = \"//matomo.envipath.com/\";\n          _paq.push([\"setTrackerUrl\", u + \"matomo.php\"]);\n          _paq.push([\"setSiteId\", \"1\"]);\n          var d = document,\n            g = d.createElement(\"script\"),\n            s = d.getElementsByTagName(\"script\")[0];\n          g.async = true;\n          g.src = u + \"matomo.js\";\n          s.parentNode.insertBefore(g, s);\n        })();\n      </script>\n      <!-- End Matomo Code -->\n    \n  </head>\n  <body class=\"bg-base-300 min-h-screen\">\n    \n\n<div class=\"drawer drawer-mobile\">\n  <input id=\"drawer-toggle\" type=\"checkbox\" class=\"drawer-toggle\" />\n  <div class=\"drawer-content flex flex-col\">\n    \n    <div class=\"navbar x-50 bg-neutral-50 text-neutral-950 shadow-lg\">\n      <div class=\"navbar-start\">\n        \n        \n        <a\n          href=\"https://envipath.org\"\n          class=\"btn btn-ghost text-xl normal-case\"\n        >\n          <svg class=\"fill-base-content h-8\" viewBox=\"0 0 104 26\" role=\"img\">\n            <use href=\"/static/images/logo-name.svg#ep-logo-name\" />\n          </svg>\n        </a>\n      </div>\n\n      \n\n      <div class=\"navbar-end\">\n        \n        \n          <div class=\"dropdown dropdown-end\">\n            <div\n              tabindex=\"0\"\n              role=\"button\"\n              class=\"btn btn-ghost btn-circle m-1\"\n              id=\"loggedInButton\"\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                class=\"lucide lucide-circle-user-icon lucide-circle-user\"\n              >\n                <circle cx=\"12\" cy=\"12\" r=\"10\" />\n                <circle cx=\"12\" cy=\"10\" r=\"3\" />\n                <path d=\"M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662\" />\n              </svg>\n            </div>\n            <ul\n              tabindex=\"-1\"\n              class=\"dropdown-content menu bg-base-100 rounded-box z-50 w-52 p-2 shadow-sm\"\n            >\n              <li>\n                <a href=\"https://envipath.org/user/f3ce2e6a-b8c4-46d2-a6ed-6be4d8ae23fa\" id=\"accountbutton\"\n                  >User Profile</a\n                >\n              </li>\n              <li>\n                <form\n                  id=\"logoutForm\"\n                  action=\"/logout\"\n                  method=\"post\"\n                  style=\"display: none;\"\n                >\n                  <input type=\"hidden\" name=\"csrfmiddlewaretoken\" value=\"wlsTjaxQtti2bciVmVisLvAklRZLEqAGf57uL8YehpzBq9HwZuQPWFuYLfLGs3my\">\n                  <input type=\"hidden\" name=\"logout\" value=\"true\" />\n                </form>\n                <a\n                  href=\"#\"\n                  id=\"logoutButton\"\n                  onclick=\"event.preventDefault(); document.getElementById('logoutForm').submit();\"\n                  >Logout</a\n                >\n              </li>\n            </ul>\n          </div>\n        \n      </div>\n    </div>\n  </div>\n  \n  <div class=\"drawer-side\">\n    <label for=\"drawer-toggle\" class=\"drawer-overlay\"></label>\n    <ul class=\"menu min-h-full w-80 bg-base-200 p-4 text-base-content\">\n      \n      <li class=\"mb-4\">\n        <div class=\"flex items-center justify-between\">\n          <span class=\"font-bold text-lg\">Menu</span>\n          <label\n            for=\"drawer-toggle\"\n            class=\"btn btn-sm btn-circle btn-ghost\"\n            aria-label=\"Close menu\"\n          >\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"h-6 w-6\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M6 18L18 6M6 6l12 12\"\n              />\n            </svg>\n          </label>\n        </div>\n      </li>\n      \n    </ul>\n  </div>\n</div>\n\n<script>\n  // OS-aware search shortcut display\n  (function () {\n    const isMac = /Mac/.test(navigator.platform);\n    const shortcutElement = document.getElementById(\"search-shortcut\");\n    if (shortcutElement) {\n      shortcutElement.textContent = isMac ? \"⌘K\" : \"Ctrl+K\";\n    }\n  })();\n</script>\n\n\n    \n    <main class=\"w-full\">\n      \n        \n        \n\n        \n        <div\n          id=\"docContent\"\n          class=\"bg-base-100 mx-auto md:my-8 md:max-w-6xl md:rounded-lg md:shadow-xl\"\n        >\n          \n          \n\n          \n          \n  <div class=\"flex min-h-[60vh] flex-col items-center justify-center p-8\">\n    <div class=\"w-full max-w-2xl\">\n      <div class=\"alert alert-info mb-6 shadow-lg\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          class=\"h-8 w-8 shrink-0 stroke-current\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n        >\n          <path\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            stroke-width=\"2\"\n            d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n          />\n        </svg>\n        <div class=\"flex flex-col\">\n          <h3 class=\"text-lg font-bold\">Page Not Found</h3>\n          <p class=\"text-sm\">The page you're looking for doesn't exist.</p>\n        </div>\n      </div>\n\n      <div class=\"card bg-base-100 shadow-xl\">\n        <div class=\"card-body\">\n          <h2 class=\"card-title mb-4 text-2xl\">404 Error</h2>\n          <p class=\"text-base-content/70 mb-4\">\n            The page or resource you requested could not be found. It may have\n            been moved, deleted, or the URL might be incorrect.\n          </p>\n          <div class=\"card-actions mt-6 justify-end\">\n            <a href=\"/\" class=\"btn btn-primary\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                class=\"mr-2 h-5 w-5\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"2\"\n                  d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"\n                />\n              </svg>\n              Go Home\n            </a>\n            <a\n              href=\"https://wiki.envipath.org/index.php/packages\"\n              target=\"_blank\"\n              class=\"btn btn-outline\"\n            >\n              Learn More\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                class=\"ml-2 h-5 w-5\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"2\"\n                  d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"\n                />\n              </svg>\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n\n          \n          \n        </div>\n      \n    </main>\n\n    \n<div class=\"bg-base-300 text-base-content mx-auto mt-10 lg:max-w-5xl\">\n  <footer class=\"footer sm:footer-horizontal p-10\">\n    \n    <nav>\n      <h6 class=\"footer-title\">Company</h6>\n      <a class=\"link link-hover\" href=\"/about\" target=\"_blank\">About us</a>\n    </nav>\n    <nav>\n      <h6 class=\"footer-title\">Legal</h6>\n      <a class=\"link link-hover\" href=\"/terms\">Terms of use</a>\n      <a class=\"link link-hover\" href=\"/privacy\">Privacy policy</a>\n      <a class=\"link link-hover\" href=\"/cookie-policy\">Cookie policy</a>\n      <a class=\"link link-hover\" href=\"/cite\">Cite enviPath</a>\n    </nav>\n  </footer>\n  <footer class=\"footer border-t-2 border-neutral-300 px-10 py-4\">\n    <div class=\"flex w-full flex-row items-start justify-between\">\n      <aside class=\"grid-flow-col items-center\">\n        <svg\n          class=\"fill-neutral-content m-2 h-14 flex-shrink-0\"\n          viewbox=\"0 0 65 65\"\n        >\n          <use\n            href=\"/static/images/logo-square.svg#ep-logo-square\"\n          ></use>\n        </svg>\n\n        enviPath Ltd.\n        <br />\n        Biodegredation prediction since 2015.\n      </aside>\n      <aside class=\"text-base-200 mt-2 text-sm\">\n        <span class=\"text-xs tracking-tight\">Version</span>\n        <span class=\"text-base font-bold\">1.0.0</span>\n      </aside>\n    </div>\n    <nav class=\"md:place-self-center md:justify-self-end\">\n      <div class=\"grid grid-flow-col gap-4\">\n        <a href=\"https://www.youtube.com/@envipath7231\" target=\"_blank\">\n          <svg\n            role=\"img\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            class=\"h-6 w-6 fill-current\"\n          >\n            <title>YouTube</title>\n            <path\n              d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\n            />\n          </svg>\n        </a>\n        <a href=\"https://community.envipath.org/\" target=\"_blank\">\n          <svg\n            role=\"img\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            class=\"h-6 w-6 fill-current\"\n          >\n            <title>Discourse</title>\n            <path\n              d=\"M12.103 0C18.666 0 24 5.485 24 11.997c0 6.51-5.33 11.99-11.9 11.99L0 24V11.79C0 5.28 5.532 0 12.103 0zm.116 4.563c-2.593-.003-4.996 1.352-6.337 3.57-1.33 2.208-1.387 4.957-.148 7.22L4.4 19.61l4.794-1.074c2.745 1.225 5.965.676 8.136-1.39 2.17-2.054 2.86-5.228 1.737-7.997-1.135-2.778-3.84-4.59-6.84-4.585h-.008z\"\n            />\n          </svg>\n        </a>\n        <a href=\"https://www.linkedin.com/company/envipath/\" target=\"_blank\">\n          <img\n            src=\"/static/images/linkedin.png\"\n            alt=\"LinkedIn\"\n            class=\"h-6 w-6\"\n          />\n        </a>\n      </div>\n    </nav>\n  </footer>\n</div>\n\n\n    \n    \n\n    \n      <dialog\n  id=\"search_modal\"\n  class=\"modal items-start sm:items-center\"\n  x-data=\"searchModal()\"\n  @close=\"reset()\"\n>\n  <div class=\"modal-box mt-4 sm:mt-0 p-1 sm:h-8/12 sm:w-[85vw] sm:max-w-5xl\">\n    <!-- Search Input and Mode Selector -->\n    <div class=\"form-control mb-4 w-full shrink-0\">\n      <div class=\"join m-0 w-full items-center p-3\">\n        <label class=\"input join-item input-ghost grow\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            class=\"lucide lucide-search-icon lucide-search\"\n          >\n            <path d=\"m21 21-4.34-4.34\" />\n            <circle cx=\"11\" cy=\"11\" r=\"8\" />\n          </svg>\n          <input\n            type=\"text\"\n            autofocus\n            x-ref=\"searchbar\"\n            x-model=\"query\"\n            @keydown.enter=\"performSearch('')\"\n            placeholder=\"Benfuracarb\"\n            class=\"grow\"\n            aria-label=\"Search\"\n          />\n        </label>\n\n        <!-- Mode Dropdown -->\n        <div>\n          <button\n            type=\"button\"\n            tabindex=\"0\"\n            popovertarget=\"search_dropdown_menu\"\n            style=\"anchor-name: --anchor-mode\"\n            class=\"btn join-item btn-ghost\"\n          >\n            <span x-text=\"searchModeLabel\"></span>\n            <svg\n              class=\"ml-1 h-4 w-4\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              viewBox=\"0 0 24 24\"\n            >\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M19 9l-7 7-7-7\"\n              />\n            </svg>\n          </button>\n          <ul\n            tabindex=\"0\"\n            class=\"dropdown dropdown-end menu bg-base-200 rounded-box w-64 p-2 shadow-lg\"\n            popover\n            x-ref=\"modeDropdown\"\n            id=\"search_dropdown_menu\"\n            style=\"position-anchor: --anchor-mode\"\n          >\n            <li class=\"menu-title\">Text</li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('text', 'Text')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Search on object names and descriptions\"\n              >\n                Text\n              </a>\n            </li>\n            <li class=\"menu-title\">SMILES</li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('smiles_default', 'Default')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Ignores stereochemistry and charge\"\n              >\n                Default\n              </a>\n            </li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('smiles_canonical', 'Canonical')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Ignores stereochemistry, preserves charge\"\n              >\n                Canonical\n              </a>\n            </li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('smiles_exact', 'Exact')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Exact match for stereochemistry and charge\"\n              >\n                Exact\n              </a>\n            </li>\n            <li class=\"menu-title\">InChI</li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('inchikey', 'InChIKey')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Search by InChIKey\"\n              >\n                InChIKey\n              </a>\n            </li>\n          </ul>\n        </div>\n\n        <button\n          type=\"button\"\n          @click=\"performSearch('')\"\n          class=\"btn btn-xs btn-ghost join-item\"\n        >\n          <kbd class=\"kbd kbd-sm text-base-content/50 p-1\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              class=\"lucide lucide-corner-down-left-icon lucide-corner-down-left\"\n            >\n              <path d=\"M20 4v7a4 4 0 0 1-4 4H4\" />\n              <path d=\"m9 10-5 5 5 5\" />\n            </svg>\n          </kbd>\n        </button>\n      </div>\n    </div>\n\n    <!-- Package Selector with Pills -->\n    <div class=\"form-control mb-4 shrink-0\">\n      <!-- Pills Container -->\n      <div\n        class=\"border-base-300 m-3 flex min-h-12 flex-wrap items-center gap-2 rounded-lg border-2 border-dashed p-3\"\n      >\n        <!-- Dynamic Pills -->\n        <template x-for=\"pkg in selectedPackages\" :key=\"pkg.url\">\n          <span class=\"badge badge-outline gap-2 max-w-xs\">\n            <span class=\"truncate\" :title=\"pkg.name\" x-text=\"pkg.name\"></span>\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"h-4 w-4 cursor-pointer hover:text-error shrink-0 rotate-45\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              @click=\"removePackage(pkg.url)\"\n            >\n              <path d=\"M5 12h14\" />\n              <path d=\"M12 5v14\" />\n            </svg>\n          </span>\n        </template>\n\n        <!-- Add Package Button -->\n        <button\n          type=\"button\"\n          popovertarget=\"package_dropdown_menu\"\n          style=\"anchor-name: --anchor-packages\"\n          class=\"btn btn-sm btn-ghost gap-2 text-base-content/50\"\n        >\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            class=\"lucide lucide-plus-icon lucide-plus\"\n          >\n            <path d=\"M5 12h14\" />\n            <path d=\"M12 5v14\" />\n          </svg>\n          Add Package\n        </button>\n      </div>\n\n      <!-- Package Dropdown Menu -->\n      <ul\n        class=\"dropdown dropdown-center menu bg-base-200 rounded-box max-h-96 w-80 overflow-y-auto p-2 shadow-lg\"\n        popover\n        x-ref=\"packageDropdown\"\n        id=\"package_dropdown_menu\"\n        style=\"position-anchor: --anchor-packages\"\n      >\n        \n          <li class=\"menu-title\">Reviewed Packages</li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/87a49584-d937-482c-9c33-25928dcb02a8\"\n                data-package-name=\"enviPath-PFAS\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/87a49584-d937-482c-9c33-25928dcb02a8', 'enviPath-PFAS')\"\n              >\n                <span>enviPath-PFAS</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/87a49584-d937-482c-9c33-25928dcb02a8') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/32de3cf4-e3e6-4168-956e-32fa5ddb0ce1\"\n                data-package-name=\"EAWAG-BBD\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/32de3cf4-e3e6-4168-956e-32fa5ddb0ce1', 'EAWAG-BBD')\"\n              >\n                <span>EAWAG-BBD</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/32de3cf4-e3e6-4168-956e-32fa5ddb0ce1') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/f05e38d8-e9b4-4c3e-b0d8-9ab29966eccf\"\n                data-package-name=\"EAWAG-SEDIMENT\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/f05e38d8-e9b4-4c3e-b0d8-9ab29966eccf', 'EAWAG-SEDIMENT')\"\n              >\n                <span>EAWAG-SEDIMENT</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/f05e38d8-e9b4-4c3e-b0d8-9ab29966eccf') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/521c547a-fd2a-491c-ad5b-7eaa1577fb65\"\n                data-package-name=\"EAWAG-SLUDGE\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/521c547a-fd2a-491c-ad5b-7eaa1577fb65', 'EAWAG-SLUDGE')\"\n              >\n                <span>EAWAG-SLUDGE</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/521c547a-fd2a-491c-ad5b-7eaa1577fb65') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/5882df9c-dae1-4d80-a40e-db4724271456\"\n                data-package-name=\"EAWAG-SOIL\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/5882df9c-dae1-4d80-a40e-db4724271456', 'EAWAG-SOIL')\"\n              >\n                <span>EAWAG-SOIL</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/5882df9c-dae1-4d80-a40e-db4724271456') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/134886bb-b52e-4ad6-91d3-a02cecde6d95\"\n                data-package-name=\"Public Prediction Models\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/134886bb-b52e-4ad6-91d3-a02cecde6d95', 'Public Prediction Models')\"\n              >\n                <span>Public Prediction Models</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/134886bb-b52e-4ad6-91d3-a02cecde6d95') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n          <li class=\"menu-title\">Unreviewed Packages</li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/5b594bf6-56a8-4ce5-9a63-5fd4b525756e\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:04:40.517620\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/5b594bf6-56a8-4ce5-9a63-5fd4b525756e', 'Autogenerated Package for Batch Prediction 2026-09-01 00:04:40.517620')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:04:40.517620</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/5b594bf6-56a8-4ce5-9a63-5fd4b525756e') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/aee2524b-79f3-4640-a519-aac543ac05e3\"\n                data-package-name=\"RiboRings’ Package\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/aee2524b-79f3-4640-a519-aac543ac05e3', 'RiboRings’ Package')\"\n              >\n                <span>RiboRings’ Package</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/aee2524b-79f3-4640-a519-aac543ac05e3') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/7a3bddd7-c1a2-4699-a885-8b9044fd4fe2\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:06:57.531194\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/7a3bddd7-c1a2-4699-a885-8b9044fd4fe2', 'Autogenerated Package for Batch Prediction 2026-09-01 00:06:57.531194')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:06:57.531194</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/7a3bddd7-c1a2-4699-a885-8b9044fd4fe2') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/d1898032-350b-438a-a702-63906c7ed76a\"\n                data-package-name=\"32de3cf4-e3e6-4168-956e-32fa5ddb0ce1\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/d1898032-350b-438a-a702-63906c7ed76a', '32de3cf4-e3e6-4168-956e-32fa5ddb0ce1')\"\n              >\n                <span>32de3cf4-e3e6-4168-956e-32fa5ddb0ce1</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/d1898032-350b-438a-a702-63906c7ed76a') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/995230c9-167a-4108-8002-d8fadd242dff\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:04:22.775931\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/995230c9-167a-4108-8002-d8fadd242dff', 'Autogenerated Package for Batch Prediction 2026-09-01 00:04:22.775931')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:04:22.775931</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/995230c9-167a-4108-8002-d8fadd242dff') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/c3c6699a-8c78-4987-af4d-4a041ffc448d\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:08:26.613909\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/c3c6699a-8c78-4987-af4d-4a041ffc448d', 'Autogenerated Package for Batch Prediction 2026-09-01 00:08:26.613909')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:08:26.613909</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/c3c6699a-8c78-4987-af4d-4a041ffc448d') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/7245f711-51d0-4b1e-b49d-99a9d9744c96\"\n                data-package-name=\"32de3cf4-e3e6-4168-956e-32fa5ddb0ce1\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/7245f711-51d0-4b1e-b49d-99a9d9744c96', '32de3cf4-e3e6-4168-956e-32fa5ddb0ce1')\"\n              >\n                <span>32de3cf4-e3e6-4168-956e-32fa5ddb0ce1</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/7245f711-51d0-4b1e-b49d-99a9d9744c96') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n        \n      </ul>\n    </div>\n\n    <!-- Loading Indicator -->\n    <div x-show=\"isSearching\" class=\"flex shrink-0 justify-center py-8\">\n      <span class=\"loading loading-spinner loading-lg text-primary\"></span>\n    </div>\n\n    <!-- Results Container -->\n    <div class=\"min-h-0 flex-1 overflow-y-auto p-2\">\n      <!-- No packages selected error -->\n      <template x-if=\"results && results.error === 'no_packages'\">\n        <div class=\"alert alert-info\">\n          <svg\n            class=\"w-6 h-6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n            />\n          </svg>\n          <span>Please select at least one package</span>\n        </div>\n      </template>\n\n      <!-- Search error -->\n      <template x-if=\"error\">\n        <div class=\"alert alert-error\">\n          <svg\n            class=\"w-6 h-6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n            />\n          </svg>\n          <span x-text=\"error\"></span>\n        </div>\n      </template>\n\n      <!-- No results -->\n      <template x-if=\"results && !results.error && !hasResults()\">\n        <div class=\"alert alert-warning\">\n          <svg\n            class=\"w-6 h-6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n            />\n          </svg>\n          <span>No results found</span>\n        </div>\n      </template>\n\n      <!-- Results display -->\n      <template x-if=\"results && !results.error && hasResults()\">\n        <div class=\"mb-2\">\n          <div class=\"text-sm font-semibold text-base-content/70 mb-2\">\n            Results\n          </div>\n\n          <!-- Compounds -->\n          <template x-if=\"results.Compounds && results.Compounds.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Compounds\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Compounds.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Compounds\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Compound Structures -->\n          <template\n            x-if=\"results['Compound Structures'] && results['Compound Structures'].length > 0\"\n          >\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Compound Structures\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results['Compound Structures'].length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template\n                  x-for=\"item in results['Compound Structures']\"\n                  :key=\"item.url\"\n                >\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Rules -->\n          <template x-if=\"results.Rules && results.Rules.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Rules\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Rules.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Rules\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Reactions -->\n          <template x-if=\"results.Reactions && results.Reactions.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Reactions\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Reactions.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Reactions\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Pathways -->\n          <template x-if=\"results.Pathways && results.Pathways.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Pathways\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Pathways.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Pathways\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n        </div>\n      </template>\n    </div>\n  </div>\n\n  <form method=\"dialog\" class=\"modal-backdrop\">\n    <button aria-label=\"close\"></button>\n  </form>\n</dialog>\n\n    \n\n    <script>\n      document.addEventListener(\"DOMContentLoaded\", function () {\n        // Show actions button if there are actions defined\n        const actionsButtonUl = document.querySelector(\"#actionsButton ul\");\n        if (actionsButtonUl && actionsButtonUl.children.length > 0) {\n          document.getElementById(\"actionsButton\").style.display = \"\";\n        }\n      });\n\n      // Open search modal function\n      function openSearchModal() {\n        const searchModal = document.getElementById(\"search_modal\");\n        if (searchModal) {\n          searchModal.showModal();\n        }\n      }\n\n      // Click handler for search badge\n      const searchTrigger = document.getElementById(\"search-trigger\");\n      if (searchTrigger) {\n        searchTrigger.addEventListener(\"click\", function (event) {\n          event.preventDefault();\n          openSearchModal();\n        });\n      }\n\n      // Global keyboard shortcut for search (Cmd+K on Mac, Ctrl+K on Windows/Linux)\n      document.addEventListener(\"keydown\", function (event) {\n        // Check if user is typing in an input field\n        const activeElement = document.activeElement;\n        const isInputField =\n          activeElement &&\n          (activeElement.tagName === \"INPUT\" ||\n            activeElement.tagName === \"TEXTAREA\" ||\n            activeElement.contentEditable === \"true\");\n\n        if (isInputField) {\n          return; // Don't trigger shortcut when typing in input fields\n        }\n\n        // Check for Cmd+K (Mac) or Ctrl+K (Windows/Linux)\n        const isMac = /Mac/.test(navigator.platform);\n        const isCorrectModifier = isMac ? event.metaKey : event.ctrlKey;\n\n        if (isCorrectModifier && event.key === \"k\") {\n          event.preventDefault();\n          openSearchModal();\n        }\n      });\n    </script>\n  </body>\n</html>\n"), 
+    timing = c(redirect = 0, namelookup = 3.4e-05, connect = 0, 
+    pretransfer = 0.000406, starttransfer = 0.38394, total = 0.38436
     ), cache = new.env(parent = emptyenv())), class = "httr2_response")
diff --git a/tests/httptest/link/package_compound/wrong.R b/tests/httptest/link/package_compound/wrong.R
index 83f4554..ba22f90 100644
--- a/tests/httptest/link/package_compound/wrong.R
+++ b/tests/httptest/link/package_compound/wrong.R
@@ -1,12 +1,12 @@
 structure(list(method = "GET", url = "https://package_compound/wrong", 
     status_code = 404L, headers = structure(list(Server = "nginx/1.24.0 (Ubuntu)", 
-        Date = "Sat, 24 Oct 2026 03:32:43 GMT", `Content-Type` = "text/html; charset=utf-8", 
+        Date = "Fri, 13 Nov 2026 02:48:32 GMT", `Content-Type` = "text/html; charset=utf-8", 
         `Transfer-Encoding` = "chunked", Connection = "keep-alive", 
         Vary = "Authorization, Cookie", `X-Frame-Options` = "DENY", 
         `X-Content-Type-Options` = "nosniff", `Referrer-Policy` = "same-origin", 
-        `Cross-Origin-Opener-Policy` = "same-origin", `Set-Cookie` = "csrftoken=9u2FC7Dz4uZvd2M57D4NgVQKCxqiSjaO; expires=Sat, 23 Oct 2027 03:32:43 GMT; Max-Age=31449600; Path=/; SameSite=Lax", 
+        `Cross-Origin-Opener-Policy` = "same-origin", `Set-Cookie` = "csrftoken=TUPLC8ByY6rJp7zLNJIxlk4OAyW5YNW2; expires=Fri, 12 Nov 2027 02:48:32 GMT; Max-Age=31449600; Path=/; SameSite=Lax", 
         `Content-Encoding` = "gzip"), class = "httr2_headers"), 
-    body = charToRaw("<!doctype html>\n<html data-theme=\"envipath\" lang=\"en\">\n  \n  <head>\n    <title>enviPath</title>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <meta name=\"csrf-token\" content=\"NEf2wMM8SRVyiPyi6VZD8uXU7bDZZ4lIMY7xYJfxMbKTlHad3oTgefDuzyT7Hdlm\" />\n\n    \n    <link\n      rel=\"shortcut icon\"\n      type=\"image/png\"\n      href=\"/static/images/favicon.ico\"\n    />\n\n    \n    <link\n      href=\"/static/css/output.css\"\n      rel=\"stylesheet\"\n      type=\"text/css\"\n    />\n\n    \n    <script src=\"https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js\"></script>\n    <script src=\"/static/js/utils/timeseries-chart.js\"></script>\n\n    \n    <script\n      defer\n      src=\"https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js\"\n    ></script>\n    <script src=\"/static/js/alpine/index.js\"></script>\n    <script src=\"/static/js/alpine/search.js\"></script>\n    <script src=\"/static/js/alpine/pagination.js\"></script>\n    <script src=\"/static/js/alpine/pathway.js\"></script>\n    <script src=\"/static/js/alpine/components/schema-form.js\"></script>\n    <script src=\"/static/js/alpine/components/widgets.js\"></script>\n\n    \n    <link\n      href=\"https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css\"\n      rel=\"stylesheet\"\n    />\n\n    \n    <script src=\"https://community.envipath.org/javascripts/embed-topics.js\"></script>\n\n    <script>\n      const csrftoken = document.querySelector(\"[name=csrf-token]\").content;\n    </script>\n\n    \n    <script src=\"/static/js/pps.js\"></script>\n\n    \n      <!-- Matomo -->\n      <script>\n        var _paq = (window._paq = window._paq || []);\n        _paq.push([\"trackPageView\"]);\n        _paq.push([\"enableLinkTracking\"]);\n        (function () {\n          var u = \"//matomo.envipath.com/\";\n          _paq.push([\"setTrackerUrl\", u + \"matomo.php\"]);\n          _paq.push([\"setSiteId\", \"1\"]);\n          var d = document,\n            g = d.createElement(\"script\"),\n            s = d.getElementsByTagName(\"script\")[0];\n          g.async = true;\n          g.src = u + \"matomo.js\";\n          s.parentNode.insertBefore(g, s);\n        })();\n      </script>\n      <!-- End Matomo Code -->\n    \n  </head>\n  <body class=\"bg-base-300 min-h-screen\">\n    \n\n<div class=\"drawer drawer-mobile\">\n  <input id=\"drawer-toggle\" type=\"checkbox\" class=\"drawer-toggle\" />\n  <div class=\"drawer-content flex flex-col\">\n    \n    <div class=\"navbar x-50 bg-neutral-50 text-neutral-950 shadow-lg\">\n      <div class=\"navbar-start\">\n        \n        \n        <a\n          href=\"https://envipath.org\"\n          class=\"btn btn-ghost text-xl normal-case\"\n        >\n          <svg class=\"fill-base-content h-8\" viewBox=\"0 0 104 26\" role=\"img\">\n            <use href=\"/static/images/logo-name.svg#ep-logo-name\" />\n          </svg>\n        </a>\n      </div>\n\n      \n\n      <div class=\"navbar-end\">\n        \n        \n          <div class=\"dropdown dropdown-end\">\n            <div\n              tabindex=\"0\"\n              role=\"button\"\n              class=\"btn btn-ghost btn-circle m-1\"\n              id=\"loggedInButton\"\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                class=\"lucide lucide-circle-user-icon lucide-circle-user\"\n              >\n                <circle cx=\"12\" cy=\"12\" r=\"10\" />\n                <circle cx=\"12\" cy=\"10\" r=\"3\" />\n                <path d=\"M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662\" />\n              </svg>\n            </div>\n            <ul\n              tabindex=\"-1\"\n              class=\"dropdown-content menu bg-base-100 rounded-box z-50 w-52 p-2 shadow-sm\"\n            >\n              <li>\n                <a href=\"https://envipath.org/user/f3ce2e6a-b8c4-46d2-a6ed-6be4d8ae23fa\" id=\"accountbutton\"\n                  >User Profile</a\n                >\n              </li>\n              <li>\n                <form\n                  id=\"logoutForm\"\n                  action=\"/logout\"\n                  method=\"post\"\n                  style=\"display: none;\"\n                >\n                  <input type=\"hidden\" name=\"csrfmiddlewaretoken\" value=\"NEf2wMM8SRVyiPyi6VZD8uXU7bDZZ4lIMY7xYJfxMbKTlHad3oTgefDuzyT7Hdlm\">\n                  <input type=\"hidden\" name=\"logout\" value=\"true\" />\n                </form>\n                <a\n                  href=\"#\"\n                  id=\"logoutButton\"\n                  onclick=\"event.preventDefault(); document.getElementById('logoutForm').submit();\"\n                  >Logout</a\n                >\n              </li>\n            </ul>\n          </div>\n        \n      </div>\n    </div>\n  </div>\n  \n  <div class=\"drawer-side\">\n    <label for=\"drawer-toggle\" class=\"drawer-overlay\"></label>\n    <ul class=\"menu min-h-full w-80 bg-base-200 p-4 text-base-content\">\n      \n      <li class=\"mb-4\">\n        <div class=\"flex items-center justify-between\">\n          <span class=\"font-bold text-lg\">Menu</span>\n          <label\n            for=\"drawer-toggle\"\n            class=\"btn btn-sm btn-circle btn-ghost\"\n            aria-label=\"Close menu\"\n          >\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"h-6 w-6\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M6 18L18 6M6 6l12 12\"\n              />\n            </svg>\n          </label>\n        </div>\n      </li>\n      \n    </ul>\n  </div>\n</div>\n\n<script>\n  // OS-aware search shortcut display\n  (function () {\n    const isMac = /Mac/.test(navigator.platform);\n    const shortcutElement = document.getElementById(\"search-shortcut\");\n    if (shortcutElement) {\n      shortcutElement.textContent = isMac ? \"⌘K\" : \"Ctrl+K\";\n    }\n  })();\n</script>\n\n\n    \n    <main class=\"w-full\">\n      \n        \n        \n\n        \n        <div\n          id=\"docContent\"\n          class=\"bg-base-100 mx-auto md:my-8 md:max-w-6xl md:rounded-lg md:shadow-xl\"\n        >\n          \n          \n\n          \n          \n  <div class=\"flex min-h-[60vh] flex-col items-center justify-center p-8\">\n    <div class=\"w-full max-w-2xl\">\n      <div class=\"alert alert-info mb-6 shadow-lg\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          class=\"h-8 w-8 shrink-0 stroke-current\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n        >\n          <path\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            stroke-width=\"2\"\n            d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n          />\n        </svg>\n        <div class=\"flex flex-col\">\n          <h3 class=\"text-lg font-bold\">Page Not Found</h3>\n          <p class=\"text-sm\">The page you're looking for doesn't exist.</p>\n        </div>\n      </div>\n\n      <div class=\"card bg-base-100 shadow-xl\">\n        <div class=\"card-body\">\n          <h2 class=\"card-title mb-4 text-2xl\">404 Error</h2>\n          <p class=\"text-base-content/70 mb-4\">\n            The page or resource you requested could not be found. It may have\n            been moved, deleted, or the URL might be incorrect.\n          </p>\n          <div class=\"card-actions mt-6 justify-end\">\n            <a href=\"/\" class=\"btn btn-primary\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                class=\"mr-2 h-5 w-5\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"2\"\n                  d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"\n                />\n              </svg>\n              Go Home\n            </a>\n            <a\n              href=\"https://wiki.envipath.org/index.php/packages\"\n              target=\"_blank\"\n              class=\"btn btn-outline\"\n            >\n              Learn More\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                class=\"ml-2 h-5 w-5\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"2\"\n                  d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"\n                />\n              </svg>\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n\n          \n          \n        </div>\n      \n    </main>\n\n    \n<div class=\"bg-base-300 text-base-content mx-auto mt-10 lg:max-w-5xl\">\n  <footer class=\"footer sm:footer-horizontal p-10\">\n    \n    <nav>\n      <h6 class=\"footer-title\">Company</h6>\n      <a class=\"link link-hover\" href=\"/about\" target=\"_blank\">About us</a>\n    </nav>\n    <nav>\n      <h6 class=\"footer-title\">Legal</h6>\n      <a class=\"link link-hover\" href=\"/terms\">Terms of use</a>\n      <a class=\"link link-hover\" href=\"/privacy\">Privacy policy</a>\n      <a class=\"link link-hover\" href=\"/cookie-policy\">Cookie policy</a>\n      <a class=\"link link-hover\" href=\"/cite\">Cite enviPath</a>\n    </nav>\n  </footer>\n  <footer class=\"footer border-t-2 border-neutral-300 px-10 py-4\">\n    <div class=\"flex w-full flex-row items-start justify-between\">\n      <aside class=\"grid-flow-col items-center\">\n        <svg\n          class=\"fill-neutral-content m-2 h-14 flex-shrink-0\"\n          viewbox=\"0 0 65 65\"\n        >\n          <use\n            href=\"/static/images/logo-square.svg#ep-logo-square\"\n          ></use>\n        </svg>\n\n        enviPath Ltd.\n        <br />\n        Biodegredation prediction since 2015.\n      </aside>\n      <aside class=\"text-base-200 mt-2 text-sm\">\n        <span class=\"text-xs tracking-tight\">Version</span>\n        <span class=\"text-base font-bold\">1.0.0</span>\n      </aside>\n    </div>\n    <nav class=\"md:place-self-center md:justify-self-end\">\n      <div class=\"grid grid-flow-col gap-4\">\n        <a href=\"https://www.youtube.com/@envipath7231\" target=\"_blank\">\n          <svg\n            role=\"img\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            class=\"h-6 w-6 fill-current\"\n          >\n            <title>YouTube</title>\n            <path\n              d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\n            />\n          </svg>\n        </a>\n        <a href=\"https://community.envipath.org/\" target=\"_blank\">\n          <svg\n            role=\"img\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            class=\"h-6 w-6 fill-current\"\n          >\n            <title>Discourse</title>\n            <path\n              d=\"M12.103 0C18.666 0 24 5.485 24 11.997c0 6.51-5.33 11.99-11.9 11.99L0 24V11.79C0 5.28 5.532 0 12.103 0zm.116 4.563c-2.593-.003-4.996 1.352-6.337 3.57-1.33 2.208-1.387 4.957-.148 7.22L4.4 19.61l4.794-1.074c2.745 1.225 5.965.676 8.136-1.39 2.17-2.054 2.86-5.228 1.737-7.997-1.135-2.778-3.84-4.59-6.84-4.585h-.008z\"\n            />\n          </svg>\n        </a>\n        <a href=\"https://www.linkedin.com/company/envipath/\" target=\"_blank\">\n          <img\n            src=\"/static/images/linkedin.png\"\n            alt=\"LinkedIn\"\n            class=\"h-6 w-6\"\n          />\n        </a>\n      </div>\n    </nav>\n  </footer>\n</div>\n\n\n    \n    \n\n    \n      <dialog\n  id=\"search_modal\"\n  class=\"modal items-start sm:items-center\"\n  x-data=\"searchModal()\"\n  @close=\"reset()\"\n>\n  <div class=\"modal-box mt-4 sm:mt-0 p-1 sm:h-8/12 sm:w-[85vw] sm:max-w-5xl\">\n    <!-- Search Input and Mode Selector -->\n    <div class=\"form-control mb-4 w-full shrink-0\">\n      <div class=\"join m-0 w-full items-center p-3\">\n        <label class=\"input join-item input-ghost grow\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            class=\"lucide lucide-search-icon lucide-search\"\n          >\n            <path d=\"m21 21-4.34-4.34\" />\n            <circle cx=\"11\" cy=\"11\" r=\"8\" />\n          </svg>\n          <input\n            type=\"text\"\n            autofocus\n            x-ref=\"searchbar\"\n            x-model=\"query\"\n            @keydown.enter=\"performSearch('')\"\n            placeholder=\"Benfuracarb\"\n            class=\"grow\"\n            aria-label=\"Search\"\n          />\n        </label>\n\n        <!-- Mode Dropdown -->\n        <div>\n          <button\n            type=\"button\"\n            tabindex=\"0\"\n            popovertarget=\"search_dropdown_menu\"\n            style=\"anchor-name: --anchor-mode\"\n            class=\"btn join-item btn-ghost\"\n          >\n            <span x-text=\"searchModeLabel\"></span>\n            <svg\n              class=\"ml-1 h-4 w-4\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              viewBox=\"0 0 24 24\"\n            >\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M19 9l-7 7-7-7\"\n              />\n            </svg>\n          </button>\n          <ul\n            tabindex=\"0\"\n            class=\"dropdown dropdown-end menu bg-base-200 rounded-box w-64 p-2 shadow-lg\"\n            popover\n            x-ref=\"modeDropdown\"\n            id=\"search_dropdown_menu\"\n            style=\"position-anchor: --anchor-mode\"\n          >\n            <li class=\"menu-title\">Text</li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('text', 'Text')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Search on object names and descriptions\"\n              >\n                Text\n              </a>\n            </li>\n            <li class=\"menu-title\">SMILES</li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('smiles_default', 'Default')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Ignores stereochemistry and charge\"\n              >\n                Default\n              </a>\n            </li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('smiles_canonical', 'Canonical')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Ignores stereochemistry, preserves charge\"\n              >\n                Canonical\n              </a>\n            </li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('smiles_exact', 'Exact')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Exact match for stereochemistry and charge\"\n              >\n                Exact\n              </a>\n            </li>\n            <li class=\"menu-title\">InChI</li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('inchikey', 'InChIKey')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Search by InChIKey\"\n              >\n                InChIKey\n              </a>\n            </li>\n          </ul>\n        </div>\n\n        <button\n          type=\"button\"\n          @click=\"performSearch('')\"\n          class=\"btn btn-xs btn-ghost join-item\"\n        >\n          <kbd class=\"kbd kbd-sm text-base-content/50 p-1\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              class=\"lucide lucide-corner-down-left-icon lucide-corner-down-left\"\n            >\n              <path d=\"M20 4v7a4 4 0 0 1-4 4H4\" />\n              <path d=\"m9 10-5 5 5 5\" />\n            </svg>\n          </kbd>\n        </button>\n      </div>\n    </div>\n\n    <!-- Package Selector with Pills -->\n    <div class=\"form-control mb-4 shrink-0\">\n      <!-- Pills Container -->\n      <div\n        class=\"border-base-300 m-3 flex min-h-12 flex-wrap items-center gap-2 rounded-lg border-2 border-dashed p-3\"\n      >\n        <!-- Dynamic Pills -->\n        <template x-for=\"pkg in selectedPackages\" :key=\"pkg.url\">\n          <span class=\"badge badge-outline gap-2 max-w-xs\">\n            <span class=\"truncate\" :title=\"pkg.name\" x-text=\"pkg.name\"></span>\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"h-4 w-4 cursor-pointer hover:text-error shrink-0 rotate-45\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              @click=\"removePackage(pkg.url)\"\n            >\n              <path d=\"M5 12h14\" />\n              <path d=\"M12 5v14\" />\n            </svg>\n          </span>\n        </template>\n\n        <!-- Add Package Button -->\n        <button\n          type=\"button\"\n          popovertarget=\"package_dropdown_menu\"\n          style=\"anchor-name: --anchor-packages\"\n          class=\"btn btn-sm btn-ghost gap-2 text-base-content/50\"\n        >\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            class=\"lucide lucide-plus-icon lucide-plus\"\n          >\n            <path d=\"M5 12h14\" />\n            <path d=\"M12 5v14\" />\n          </svg>\n          Add Package\n        </button>\n      </div>\n\n      <!-- Package Dropdown Menu -->\n      <ul\n        class=\"dropdown dropdown-center menu bg-base-200 rounded-box max-h-96 w-80 overflow-y-auto p-2 shadow-lg\"\n        popover\n        x-ref=\"packageDropdown\"\n        id=\"package_dropdown_menu\"\n        style=\"position-anchor: --anchor-packages\"\n      >\n        \n          <li class=\"menu-title\">Reviewed Packages</li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/87a49584-d937-482c-9c33-25928dcb02a8\"\n                data-package-name=\"enviPath-PFAS\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/87a49584-d937-482c-9c33-25928dcb02a8', 'enviPath-PFAS')\"\n              >\n                <span>enviPath-PFAS</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/87a49584-d937-482c-9c33-25928dcb02a8') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/32de3cf4-e3e6-4168-956e-32fa5ddb0ce1\"\n                data-package-name=\"EAWAG-BBD\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/32de3cf4-e3e6-4168-956e-32fa5ddb0ce1', 'EAWAG-BBD')\"\n              >\n                <span>EAWAG-BBD</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/32de3cf4-e3e6-4168-956e-32fa5ddb0ce1') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/f05e38d8-e9b4-4c3e-b0d8-9ab29966eccf\"\n                data-package-name=\"EAWAG-SEDIMENT\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/f05e38d8-e9b4-4c3e-b0d8-9ab29966eccf', 'EAWAG-SEDIMENT')\"\n              >\n                <span>EAWAG-SEDIMENT</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/f05e38d8-e9b4-4c3e-b0d8-9ab29966eccf') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/521c547a-fd2a-491c-ad5b-7eaa1577fb65\"\n                data-package-name=\"EAWAG-SLUDGE\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/521c547a-fd2a-491c-ad5b-7eaa1577fb65', 'EAWAG-SLUDGE')\"\n              >\n                <span>EAWAG-SLUDGE</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/521c547a-fd2a-491c-ad5b-7eaa1577fb65') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/5882df9c-dae1-4d80-a40e-db4724271456\"\n                data-package-name=\"EAWAG-SOIL\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/5882df9c-dae1-4d80-a40e-db4724271456', 'EAWAG-SOIL')\"\n              >\n                <span>EAWAG-SOIL</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/5882df9c-dae1-4d80-a40e-db4724271456') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/134886bb-b52e-4ad6-91d3-a02cecde6d95\"\n                data-package-name=\"Public Prediction Models\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/134886bb-b52e-4ad6-91d3-a02cecde6d95', 'Public Prediction Models')\"\n              >\n                <span>Public Prediction Models</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/134886bb-b52e-4ad6-91d3-a02cecde6d95') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n          <li class=\"menu-title\">Unreviewed Packages</li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/5b594bf6-56a8-4ce5-9a63-5fd4b525756e\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:04:40.517620\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/5b594bf6-56a8-4ce5-9a63-5fd4b525756e', 'Autogenerated Package for Batch Prediction 2026-09-01 00:04:40.517620')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:04:40.517620</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/5b594bf6-56a8-4ce5-9a63-5fd4b525756e') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/aee2524b-79f3-4640-a519-aac543ac05e3\"\n                data-package-name=\"RiboRings’ Package\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/aee2524b-79f3-4640-a519-aac543ac05e3', 'RiboRings’ Package')\"\n              >\n                <span>RiboRings’ Package</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/aee2524b-79f3-4640-a519-aac543ac05e3') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/7a3bddd7-c1a2-4699-a885-8b9044fd4fe2\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:06:57.531194\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/7a3bddd7-c1a2-4699-a885-8b9044fd4fe2', 'Autogenerated Package for Batch Prediction 2026-09-01 00:06:57.531194')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:06:57.531194</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/7a3bddd7-c1a2-4699-a885-8b9044fd4fe2') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/d1898032-350b-438a-a702-63906c7ed76a\"\n                data-package-name=\"32de3cf4-e3e6-4168-956e-32fa5ddb0ce1\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/d1898032-350b-438a-a702-63906c7ed76a', '32de3cf4-e3e6-4168-956e-32fa5ddb0ce1')\"\n              >\n                <span>32de3cf4-e3e6-4168-956e-32fa5ddb0ce1</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/d1898032-350b-438a-a702-63906c7ed76a') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/995230c9-167a-4108-8002-d8fadd242dff\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:04:22.775931\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/995230c9-167a-4108-8002-d8fadd242dff', 'Autogenerated Package for Batch Prediction 2026-09-01 00:04:22.775931')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:04:22.775931</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/995230c9-167a-4108-8002-d8fadd242dff') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/c3c6699a-8c78-4987-af4d-4a041ffc448d\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:08:26.613909\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/c3c6699a-8c78-4987-af4d-4a041ffc448d', 'Autogenerated Package for Batch Prediction 2026-09-01 00:08:26.613909')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:08:26.613909</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/c3c6699a-8c78-4987-af4d-4a041ffc448d') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/7245f711-51d0-4b1e-b49d-99a9d9744c96\"\n                data-package-name=\"32de3cf4-e3e6-4168-956e-32fa5ddb0ce1\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/7245f711-51d0-4b1e-b49d-99a9d9744c96', '32de3cf4-e3e6-4168-956e-32fa5ddb0ce1')\"\n              >\n                <span>32de3cf4-e3e6-4168-956e-32fa5ddb0ce1</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/7245f711-51d0-4b1e-b49d-99a9d9744c96') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n        \n      </ul>\n    </div>\n\n    <!-- Loading Indicator -->\n    <div x-show=\"isSearching\" class=\"flex shrink-0 justify-center py-8\">\n      <span class=\"loading loading-spinner loading-lg text-primary\"></span>\n    </div>\n\n    <!-- Results Container -->\n    <div class=\"min-h-0 flex-1 overflow-y-auto p-2\">\n      <!-- No packages selected error -->\n      <template x-if=\"results && results.error === 'no_packages'\">\n        <div class=\"alert alert-info\">\n          <svg\n            class=\"w-6 h-6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n            />\n          </svg>\n          <span>Please select at least one package</span>\n        </div>\n      </template>\n\n      <!-- Search error -->\n      <template x-if=\"error\">\n        <div class=\"alert alert-error\">\n          <svg\n            class=\"w-6 h-6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n            />\n          </svg>\n          <span x-text=\"error\"></span>\n        </div>\n      </template>\n\n      <!-- No results -->\n      <template x-if=\"results && !results.error && !hasResults()\">\n        <div class=\"alert alert-warning\">\n          <svg\n            class=\"w-6 h-6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n            />\n          </svg>\n          <span>No results found</span>\n        </div>\n      </template>\n\n      <!-- Results display -->\n      <template x-if=\"results && !results.error && hasResults()\">\n        <div class=\"mb-2\">\n          <div class=\"text-sm font-semibold text-base-content/70 mb-2\">\n            Results\n          </div>\n\n          <!-- Compounds -->\n          <template x-if=\"results.Compounds && results.Compounds.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Compounds\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Compounds.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Compounds\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Compound Structures -->\n          <template\n            x-if=\"results['Compound Structures'] && results['Compound Structures'].length > 0\"\n          >\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Compound Structures\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results['Compound Structures'].length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template\n                  x-for=\"item in results['Compound Structures']\"\n                  :key=\"item.url\"\n                >\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Rules -->\n          <template x-if=\"results.Rules && results.Rules.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Rules\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Rules.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Rules\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Reactions -->\n          <template x-if=\"results.Reactions && results.Reactions.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Reactions\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Reactions.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Reactions\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Pathways -->\n          <template x-if=\"results.Pathways && results.Pathways.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Pathways\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Pathways.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Pathways\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n        </div>\n      </template>\n    </div>\n  </div>\n\n  <form method=\"dialog\" class=\"modal-backdrop\">\n    <button aria-label=\"close\"></button>\n  </form>\n</dialog>\n\n    \n\n    <script>\n      document.addEventListener(\"DOMContentLoaded\", function () {\n        // Show actions button if there are actions defined\n        const actionsButtonUl = document.querySelector(\"#actionsButton ul\");\n        if (actionsButtonUl && actionsButtonUl.children.length > 0) {\n          document.getElementById(\"actionsButton\").style.display = \"\";\n        }\n      });\n\n      // Open search modal function\n      function openSearchModal() {\n        const searchModal = document.getElementById(\"search_modal\");\n        if (searchModal) {\n          searchModal.showModal();\n        }\n      }\n\n      // Click handler for search badge\n      const searchTrigger = document.getElementById(\"search-trigger\");\n      if (searchTrigger) {\n        searchTrigger.addEventListener(\"click\", function (event) {\n          event.preventDefault();\n          openSearchModal();\n        });\n      }\n\n      // Global keyboard shortcut for search (Cmd+K on Mac, Ctrl+K on Windows/Linux)\n      document.addEventListener(\"keydown\", function (event) {\n        // Check if user is typing in an input field\n        const activeElement = document.activeElement;\n        const isInputField =\n          activeElement &&\n          (activeElement.tagName === \"INPUT\" ||\n            activeElement.tagName === \"TEXTAREA\" ||\n            activeElement.contentEditable === \"true\");\n\n        if (isInputField) {\n          return; // Don't trigger shortcut when typing in input fields\n        }\n\n        // Check for Cmd+K (Mac) or Ctrl+K (Windows/Linux)\n        const isMac = /Mac/.test(navigator.platform);\n        const isCorrectModifier = isMac ? event.metaKey : event.ctrlKey;\n\n        if (isCorrectModifier && event.key === \"k\") {\n          event.preventDefault();\n          openSearchModal();\n        }\n      });\n    </script>\n  </body>\n</html>\n"), 
-    timing = c(redirect = 0, namelookup = 4.5e-05, connect = 0, 
-    pretransfer = 0.000137, starttransfer = 0.409759, total = 0.41017
+    body = charToRaw("<!doctype html>\n<html data-theme=\"envipath\" lang=\"en\">\n  \n  <head>\n    <title>enviPath</title>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <meta name=\"csrf-token\" content=\"hw1HbMc4E90Y3NIhAajfsk2nlRBXL2ZQ0gGiDKDss5hxiK7SdJRCDuW1LfnSzFLI\" />\n\n    \n    <link\n      rel=\"shortcut icon\"\n      type=\"image/png\"\n      href=\"/static/images/favicon.ico\"\n    />\n\n    \n    <link\n      href=\"/static/css/output.css\"\n      rel=\"stylesheet\"\n      type=\"text/css\"\n    />\n\n    \n    <script src=\"https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js\"></script>\n    <script src=\"/static/js/utils/timeseries-chart.js\"></script>\n\n    \n    <script\n      defer\n      src=\"https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js\"\n    ></script>\n    <script src=\"/static/js/alpine/index.js\"></script>\n    <script src=\"/static/js/alpine/search.js\"></script>\n    <script src=\"/static/js/alpine/pagination.js\"></script>\n    <script src=\"/static/js/alpine/pathway.js\"></script>\n    <script src=\"/static/js/alpine/components/schema-form.js\"></script>\n    <script src=\"/static/js/alpine/components/widgets.js\"></script>\n\n    \n    <link\n      href=\"https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css\"\n      rel=\"stylesheet\"\n    />\n\n    \n    <script src=\"https://community.envipath.org/javascripts/embed-topics.js\"></script>\n\n    <script>\n      const csrftoken = document.querySelector(\"[name=csrf-token]\").content;\n    </script>\n\n    \n    <script src=\"/static/js/pps.js\"></script>\n\n    \n      <!-- Matomo -->\n      <script>\n        var _paq = (window._paq = window._paq || []);\n        _paq.push([\"trackPageView\"]);\n        _paq.push([\"enableLinkTracking\"]);\n        (function () {\n          var u = \"//matomo.envipath.com/\";\n          _paq.push([\"setTrackerUrl\", u + \"matomo.php\"]);\n          _paq.push([\"setSiteId\", \"1\"]);\n          var d = document,\n            g = d.createElement(\"script\"),\n            s = d.getElementsByTagName(\"script\")[0];\n          g.async = true;\n          g.src = u + \"matomo.js\";\n          s.parentNode.insertBefore(g, s);\n        })();\n      </script>\n      <!-- End Matomo Code -->\n    \n  </head>\n  <body class=\"bg-base-300 min-h-screen\">\n    \n\n<div class=\"drawer drawer-mobile\">\n  <input id=\"drawer-toggle\" type=\"checkbox\" class=\"drawer-toggle\" />\n  <div class=\"drawer-content flex flex-col\">\n    \n    <div class=\"navbar x-50 bg-neutral-50 text-neutral-950 shadow-lg\">\n      <div class=\"navbar-start\">\n        \n        \n        <a\n          href=\"https://envipath.org\"\n          class=\"btn btn-ghost text-xl normal-case\"\n        >\n          <svg class=\"fill-base-content h-8\" viewBox=\"0 0 104 26\" role=\"img\">\n            <use href=\"/static/images/logo-name.svg#ep-logo-name\" />\n          </svg>\n        </a>\n      </div>\n\n      \n\n      <div class=\"navbar-end\">\n        \n        \n          <div class=\"dropdown dropdown-end\">\n            <div\n              tabindex=\"0\"\n              role=\"button\"\n              class=\"btn btn-ghost btn-circle m-1\"\n              id=\"loggedInButton\"\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                class=\"lucide lucide-circle-user-icon lucide-circle-user\"\n              >\n                <circle cx=\"12\" cy=\"12\" r=\"10\" />\n                <circle cx=\"12\" cy=\"10\" r=\"3\" />\n                <path d=\"M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662\" />\n              </svg>\n            </div>\n            <ul\n              tabindex=\"-1\"\n              class=\"dropdown-content menu bg-base-100 rounded-box z-50 w-52 p-2 shadow-sm\"\n            >\n              <li>\n                <a href=\"https://envipath.org/user/f3ce2e6a-b8c4-46d2-a6ed-6be4d8ae23fa\" id=\"accountbutton\"\n                  >User Profile</a\n                >\n              </li>\n              <li>\n                <form\n                  id=\"logoutForm\"\n                  action=\"/logout\"\n                  method=\"post\"\n                  style=\"display: none;\"\n                >\n                  <input type=\"hidden\" name=\"csrfmiddlewaretoken\" value=\"hw1HbMc4E90Y3NIhAajfsk2nlRBXL2ZQ0gGiDKDss5hxiK7SdJRCDuW1LfnSzFLI\">\n                  <input type=\"hidden\" name=\"logout\" value=\"true\" />\n                </form>\n                <a\n                  href=\"#\"\n                  id=\"logoutButton\"\n                  onclick=\"event.preventDefault(); document.getElementById('logoutForm').submit();\"\n                  >Logout</a\n                >\n              </li>\n            </ul>\n          </div>\n        \n      </div>\n    </div>\n  </div>\n  \n  <div class=\"drawer-side\">\n    <label for=\"drawer-toggle\" class=\"drawer-overlay\"></label>\n    <ul class=\"menu min-h-full w-80 bg-base-200 p-4 text-base-content\">\n      \n      <li class=\"mb-4\">\n        <div class=\"flex items-center justify-between\">\n          <span class=\"font-bold text-lg\">Menu</span>\n          <label\n            for=\"drawer-toggle\"\n            class=\"btn btn-sm btn-circle btn-ghost\"\n            aria-label=\"Close menu\"\n          >\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"h-6 w-6\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M6 18L18 6M6 6l12 12\"\n              />\n            </svg>\n          </label>\n        </div>\n      </li>\n      \n    </ul>\n  </div>\n</div>\n\n<script>\n  // OS-aware search shortcut display\n  (function () {\n    const isMac = /Mac/.test(navigator.platform);\n    const shortcutElement = document.getElementById(\"search-shortcut\");\n    if (shortcutElement) {\n      shortcutElement.textContent = isMac ? \"⌘K\" : \"Ctrl+K\";\n    }\n  })();\n</script>\n\n\n    \n    <main class=\"w-full\">\n      \n        \n        \n\n        \n        <div\n          id=\"docContent\"\n          class=\"bg-base-100 mx-auto md:my-8 md:max-w-6xl md:rounded-lg md:shadow-xl\"\n        >\n          \n          \n\n          \n          \n  <div class=\"flex min-h-[60vh] flex-col items-center justify-center p-8\">\n    <div class=\"w-full max-w-2xl\">\n      <div class=\"alert alert-info mb-6 shadow-lg\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          class=\"h-8 w-8 shrink-0 stroke-current\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n        >\n          <path\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            stroke-width=\"2\"\n            d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n          />\n        </svg>\n        <div class=\"flex flex-col\">\n          <h3 class=\"text-lg font-bold\">Page Not Found</h3>\n          <p class=\"text-sm\">The page you're looking for doesn't exist.</p>\n        </div>\n      </div>\n\n      <div class=\"card bg-base-100 shadow-xl\">\n        <div class=\"card-body\">\n          <h2 class=\"card-title mb-4 text-2xl\">404 Error</h2>\n          <p class=\"text-base-content/70 mb-4\">\n            The page or resource you requested could not be found. It may have\n            been moved, deleted, or the URL might be incorrect.\n          </p>\n          <div class=\"card-actions mt-6 justify-end\">\n            <a href=\"/\" class=\"btn btn-primary\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                class=\"mr-2 h-5 w-5\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"2\"\n                  d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"\n                />\n              </svg>\n              Go Home\n            </a>\n            <a\n              href=\"https://wiki.envipath.org/index.php/packages\"\n              target=\"_blank\"\n              class=\"btn btn-outline\"\n            >\n              Learn More\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                class=\"ml-2 h-5 w-5\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"2\"\n                  d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"\n                />\n              </svg>\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n\n          \n          \n        </div>\n      \n    </main>\n\n    \n<div class=\"bg-base-300 text-base-content mx-auto mt-10 lg:max-w-5xl\">\n  <footer class=\"footer sm:footer-horizontal p-10\">\n    \n    <nav>\n      <h6 class=\"footer-title\">Company</h6>\n      <a class=\"link link-hover\" href=\"/about\" target=\"_blank\">About us</a>\n    </nav>\n    <nav>\n      <h6 class=\"footer-title\">Legal</h6>\n      <a class=\"link link-hover\" href=\"/terms\">Terms of use</a>\n      <a class=\"link link-hover\" href=\"/privacy\">Privacy policy</a>\n      <a class=\"link link-hover\" href=\"/cookie-policy\">Cookie policy</a>\n      <a class=\"link link-hover\" href=\"/cite\">Cite enviPath</a>\n    </nav>\n  </footer>\n  <footer class=\"footer border-t-2 border-neutral-300 px-10 py-4\">\n    <div class=\"flex w-full flex-row items-start justify-between\">\n      <aside class=\"grid-flow-col items-center\">\n        <svg\n          class=\"fill-neutral-content m-2 h-14 flex-shrink-0\"\n          viewbox=\"0 0 65 65\"\n        >\n          <use\n            href=\"/static/images/logo-square.svg#ep-logo-square\"\n          ></use>\n        </svg>\n\n        enviPath Ltd.\n        <br />\n        Biodegredation prediction since 2015.\n      </aside>\n      <aside class=\"text-base-200 mt-2 text-sm\">\n        <span class=\"text-xs tracking-tight\">Version</span>\n        <span class=\"text-base font-bold\">1.0.0</span>\n      </aside>\n    </div>\n    <nav class=\"md:place-self-center md:justify-self-end\">\n      <div class=\"grid grid-flow-col gap-4\">\n        <a href=\"https://www.youtube.com/@envipath7231\" target=\"_blank\">\n          <svg\n            role=\"img\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            class=\"h-6 w-6 fill-current\"\n          >\n            <title>YouTube</title>\n            <path\n              d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\n            />\n          </svg>\n        </a>\n        <a href=\"https://community.envipath.org/\" target=\"_blank\">\n          <svg\n            role=\"img\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            class=\"h-6 w-6 fill-current\"\n          >\n            <title>Discourse</title>\n            <path\n              d=\"M12.103 0C18.666 0 24 5.485 24 11.997c0 6.51-5.33 11.99-11.9 11.99L0 24V11.79C0 5.28 5.532 0 12.103 0zm.116 4.563c-2.593-.003-4.996 1.352-6.337 3.57-1.33 2.208-1.387 4.957-.148 7.22L4.4 19.61l4.794-1.074c2.745 1.225 5.965.676 8.136-1.39 2.17-2.054 2.86-5.228 1.737-7.997-1.135-2.778-3.84-4.59-6.84-4.585h-.008z\"\n            />\n          </svg>\n        </a>\n        <a href=\"https://www.linkedin.com/company/envipath/\" target=\"_blank\">\n          <img\n            src=\"/static/images/linkedin.png\"\n            alt=\"LinkedIn\"\n            class=\"h-6 w-6\"\n          />\n        </a>\n      </div>\n    </nav>\n  </footer>\n</div>\n\n\n    \n    \n\n    \n      <dialog\n  id=\"search_modal\"\n  class=\"modal items-start sm:items-center\"\n  x-data=\"searchModal()\"\n  @close=\"reset()\"\n>\n  <div class=\"modal-box mt-4 sm:mt-0 p-1 sm:h-8/12 sm:w-[85vw] sm:max-w-5xl\">\n    <!-- Search Input and Mode Selector -->\n    <div class=\"form-control mb-4 w-full shrink-0\">\n      <div class=\"join m-0 w-full items-center p-3\">\n        <label class=\"input join-item input-ghost grow\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            class=\"lucide lucide-search-icon lucide-search\"\n          >\n            <path d=\"m21 21-4.34-4.34\" />\n            <circle cx=\"11\" cy=\"11\" r=\"8\" />\n          </svg>\n          <input\n            type=\"text\"\n            autofocus\n            x-ref=\"searchbar\"\n            x-model=\"query\"\n            @keydown.enter=\"performSearch('')\"\n            placeholder=\"Benfuracarb\"\n            class=\"grow\"\n            aria-label=\"Search\"\n          />\n        </label>\n\n        <!-- Mode Dropdown -->\n        <div>\n          <button\n            type=\"button\"\n            tabindex=\"0\"\n            popovertarget=\"search_dropdown_menu\"\n            style=\"anchor-name: --anchor-mode\"\n            class=\"btn join-item btn-ghost\"\n          >\n            <span x-text=\"searchModeLabel\"></span>\n            <svg\n              class=\"ml-1 h-4 w-4\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              viewBox=\"0 0 24 24\"\n            >\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M19 9l-7 7-7-7\"\n              />\n            </svg>\n          </button>\n          <ul\n            tabindex=\"0\"\n            class=\"dropdown dropdown-end menu bg-base-200 rounded-box w-64 p-2 shadow-lg\"\n            popover\n            x-ref=\"modeDropdown\"\n            id=\"search_dropdown_menu\"\n            style=\"position-anchor: --anchor-mode\"\n          >\n            <li class=\"menu-title\">Text</li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('text', 'Text')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Search on object names and descriptions\"\n              >\n                Text\n              </a>\n            </li>\n            <li class=\"menu-title\">SMILES</li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('smiles_default', 'Default')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Ignores stereochemistry and charge\"\n              >\n                Default\n              </a>\n            </li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('smiles_canonical', 'Canonical')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Ignores stereochemistry, preserves charge\"\n              >\n                Canonical\n              </a>\n            </li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('smiles_exact', 'Exact')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Exact match for stereochemistry and charge\"\n              >\n                Exact\n              </a>\n            </li>\n            <li class=\"menu-title\">InChI</li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('inchikey', 'InChIKey')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Search by InChIKey\"\n              >\n                InChIKey\n              </a>\n            </li>\n          </ul>\n        </div>\n\n        <button\n          type=\"button\"\n          @click=\"performSearch('')\"\n          class=\"btn btn-xs btn-ghost join-item\"\n        >\n          <kbd class=\"kbd kbd-sm text-base-content/50 p-1\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              class=\"lucide lucide-corner-down-left-icon lucide-corner-down-left\"\n            >\n              <path d=\"M20 4v7a4 4 0 0 1-4 4H4\" />\n              <path d=\"m9 10-5 5 5 5\" />\n            </svg>\n          </kbd>\n        </button>\n      </div>\n    </div>\n\n    <!-- Package Selector with Pills -->\n    <div class=\"form-control mb-4 shrink-0\">\n      <!-- Pills Container -->\n      <div\n        class=\"border-base-300 m-3 flex min-h-12 flex-wrap items-center gap-2 rounded-lg border-2 border-dashed p-3\"\n      >\n        <!-- Dynamic Pills -->\n        <template x-for=\"pkg in selectedPackages\" :key=\"pkg.url\">\n          <span class=\"badge badge-outline gap-2 max-w-xs\">\n            <span class=\"truncate\" :title=\"pkg.name\" x-text=\"pkg.name\"></span>\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"h-4 w-4 cursor-pointer hover:text-error shrink-0 rotate-45\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              @click=\"removePackage(pkg.url)\"\n            >\n              <path d=\"M5 12h14\" />\n              <path d=\"M12 5v14\" />\n            </svg>\n          </span>\n        </template>\n\n        <!-- Add Package Button -->\n        <button\n          type=\"button\"\n          popovertarget=\"package_dropdown_menu\"\n          style=\"anchor-name: --anchor-packages\"\n          class=\"btn btn-sm btn-ghost gap-2 text-base-content/50\"\n        >\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            class=\"lucide lucide-plus-icon lucide-plus\"\n          >\n            <path d=\"M5 12h14\" />\n            <path d=\"M12 5v14\" />\n          </svg>\n          Add Package\n        </button>\n      </div>\n\n      <!-- Package Dropdown Menu -->\n      <ul\n        class=\"dropdown dropdown-center menu bg-base-200 rounded-box max-h-96 w-80 overflow-y-auto p-2 shadow-lg\"\n        popover\n        x-ref=\"packageDropdown\"\n        id=\"package_dropdown_menu\"\n        style=\"position-anchor: --anchor-packages\"\n      >\n        \n          <li class=\"menu-title\">Reviewed Packages</li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/87a49584-d937-482c-9c33-25928dcb02a8\"\n                data-package-name=\"enviPath-PFAS\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/87a49584-d937-482c-9c33-25928dcb02a8', 'enviPath-PFAS')\"\n              >\n                <span>enviPath-PFAS</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/87a49584-d937-482c-9c33-25928dcb02a8') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/32de3cf4-e3e6-4168-956e-32fa5ddb0ce1\"\n                data-package-name=\"EAWAG-BBD\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/32de3cf4-e3e6-4168-956e-32fa5ddb0ce1', 'EAWAG-BBD')\"\n              >\n                <span>EAWAG-BBD</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/32de3cf4-e3e6-4168-956e-32fa5ddb0ce1') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/f05e38d8-e9b4-4c3e-b0d8-9ab29966eccf\"\n                data-package-name=\"EAWAG-SEDIMENT\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/f05e38d8-e9b4-4c3e-b0d8-9ab29966eccf', 'EAWAG-SEDIMENT')\"\n              >\n                <span>EAWAG-SEDIMENT</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/f05e38d8-e9b4-4c3e-b0d8-9ab29966eccf') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/521c547a-fd2a-491c-ad5b-7eaa1577fb65\"\n                data-package-name=\"EAWAG-SLUDGE\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/521c547a-fd2a-491c-ad5b-7eaa1577fb65', 'EAWAG-SLUDGE')\"\n              >\n                <span>EAWAG-SLUDGE</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/521c547a-fd2a-491c-ad5b-7eaa1577fb65') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/5882df9c-dae1-4d80-a40e-db4724271456\"\n                data-package-name=\"EAWAG-SOIL\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/5882df9c-dae1-4d80-a40e-db4724271456', 'EAWAG-SOIL')\"\n              >\n                <span>EAWAG-SOIL</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/5882df9c-dae1-4d80-a40e-db4724271456') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/134886bb-b52e-4ad6-91d3-a02cecde6d95\"\n                data-package-name=\"Public Prediction Models\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/134886bb-b52e-4ad6-91d3-a02cecde6d95', 'Public Prediction Models')\"\n              >\n                <span>Public Prediction Models</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/134886bb-b52e-4ad6-91d3-a02cecde6d95') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n          <li class=\"menu-title\">Unreviewed Packages</li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/5b594bf6-56a8-4ce5-9a63-5fd4b525756e\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:04:40.517620\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/5b594bf6-56a8-4ce5-9a63-5fd4b525756e', 'Autogenerated Package for Batch Prediction 2026-09-01 00:04:40.517620')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:04:40.517620</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/5b594bf6-56a8-4ce5-9a63-5fd4b525756e') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/aee2524b-79f3-4640-a519-aac543ac05e3\"\n                data-package-name=\"RiboRings’ Package\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/aee2524b-79f3-4640-a519-aac543ac05e3', 'RiboRings’ Package')\"\n              >\n                <span>RiboRings’ Package</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/aee2524b-79f3-4640-a519-aac543ac05e3') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/7a3bddd7-c1a2-4699-a885-8b9044fd4fe2\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:06:57.531194\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/7a3bddd7-c1a2-4699-a885-8b9044fd4fe2', 'Autogenerated Package for Batch Prediction 2026-09-01 00:06:57.531194')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:06:57.531194</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/7a3bddd7-c1a2-4699-a885-8b9044fd4fe2') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/d1898032-350b-438a-a702-63906c7ed76a\"\n                data-package-name=\"32de3cf4-e3e6-4168-956e-32fa5ddb0ce1\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/d1898032-350b-438a-a702-63906c7ed76a', '32de3cf4-e3e6-4168-956e-32fa5ddb0ce1')\"\n              >\n                <span>32de3cf4-e3e6-4168-956e-32fa5ddb0ce1</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/d1898032-350b-438a-a702-63906c7ed76a') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/995230c9-167a-4108-8002-d8fadd242dff\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:04:22.775931\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/995230c9-167a-4108-8002-d8fadd242dff', 'Autogenerated Package for Batch Prediction 2026-09-01 00:04:22.775931')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:04:22.775931</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/995230c9-167a-4108-8002-d8fadd242dff') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/c3c6699a-8c78-4987-af4d-4a041ffc448d\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:08:26.613909\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/c3c6699a-8c78-4987-af4d-4a041ffc448d', 'Autogenerated Package for Batch Prediction 2026-09-01 00:08:26.613909')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:08:26.613909</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/c3c6699a-8c78-4987-af4d-4a041ffc448d') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/7245f711-51d0-4b1e-b49d-99a9d9744c96\"\n                data-package-name=\"32de3cf4-e3e6-4168-956e-32fa5ddb0ce1\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/7245f711-51d0-4b1e-b49d-99a9d9744c96', '32de3cf4-e3e6-4168-956e-32fa5ddb0ce1')\"\n              >\n                <span>32de3cf4-e3e6-4168-956e-32fa5ddb0ce1</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/7245f711-51d0-4b1e-b49d-99a9d9744c96') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n        \n      </ul>\n    </div>\n\n    <!-- Loading Indicator -->\n    <div x-show=\"isSearching\" class=\"flex shrink-0 justify-center py-8\">\n      <span class=\"loading loading-spinner loading-lg text-primary\"></span>\n    </div>\n\n    <!-- Results Container -->\n    <div class=\"min-h-0 flex-1 overflow-y-auto p-2\">\n      <!-- No packages selected error -->\n      <template x-if=\"results && results.error === 'no_packages'\">\n        <div class=\"alert alert-info\">\n          <svg\n            class=\"w-6 h-6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n            />\n          </svg>\n          <span>Please select at least one package</span>\n        </div>\n      </template>\n\n      <!-- Search error -->\n      <template x-if=\"error\">\n        <div class=\"alert alert-error\">\n          <svg\n            class=\"w-6 h-6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n            />\n          </svg>\n          <span x-text=\"error\"></span>\n        </div>\n      </template>\n\n      <!-- No results -->\n      <template x-if=\"results && !results.error && !hasResults()\">\n        <div class=\"alert alert-warning\">\n          <svg\n            class=\"w-6 h-6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n            />\n          </svg>\n          <span>No results found</span>\n        </div>\n      </template>\n\n      <!-- Results display -->\n      <template x-if=\"results && !results.error && hasResults()\">\n        <div class=\"mb-2\">\n          <div class=\"text-sm font-semibold text-base-content/70 mb-2\">\n            Results\n          </div>\n\n          <!-- Compounds -->\n          <template x-if=\"results.Compounds && results.Compounds.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Compounds\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Compounds.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Compounds\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Compound Structures -->\n          <template\n            x-if=\"results['Compound Structures'] && results['Compound Structures'].length > 0\"\n          >\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Compound Structures\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results['Compound Structures'].length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template\n                  x-for=\"item in results['Compound Structures']\"\n                  :key=\"item.url\"\n                >\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Rules -->\n          <template x-if=\"results.Rules && results.Rules.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Rules\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Rules.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Rules\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Reactions -->\n          <template x-if=\"results.Reactions && results.Reactions.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Reactions\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Reactions.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Reactions\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Pathways -->\n          <template x-if=\"results.Pathways && results.Pathways.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Pathways\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Pathways.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Pathways\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n        </div>\n      </template>\n    </div>\n  </div>\n\n  <form method=\"dialog\" class=\"modal-backdrop\">\n    <button aria-label=\"close\"></button>\n  </form>\n</dialog>\n\n    \n\n    <script>\n      document.addEventListener(\"DOMContentLoaded\", function () {\n        // Show actions button if there are actions defined\n        const actionsButtonUl = document.querySelector(\"#actionsButton ul\");\n        if (actionsButtonUl && actionsButtonUl.children.length > 0) {\n          document.getElementById(\"actionsButton\").style.display = \"\";\n        }\n      });\n\n      // Open search modal function\n      function openSearchModal() {\n        const searchModal = document.getElementById(\"search_modal\");\n        if (searchModal) {\n          searchModal.showModal();\n        }\n      }\n\n      // Click handler for search badge\n      const searchTrigger = document.getElementById(\"search-trigger\");\n      if (searchTrigger) {\n        searchTrigger.addEventListener(\"click\", function (event) {\n          event.preventDefault();\n          openSearchModal();\n        });\n      }\n\n      // Global keyboard shortcut for search (Cmd+K on Mac, Ctrl+K on Windows/Linux)\n      document.addEventListener(\"keydown\", function (event) {\n        // Check if user is typing in an input field\n        const activeElement = document.activeElement;\n        const isInputField =\n          activeElement &&\n          (activeElement.tagName === \"INPUT\" ||\n            activeElement.tagName === \"TEXTAREA\" ||\n            activeElement.contentEditable === \"true\");\n\n        if (isInputField) {\n          return; // Don't trigger shortcut when typing in input fields\n        }\n\n        // Check for Cmd+K (Mac) or Ctrl+K (Windows/Linux)\n        const isMac = /Mac/.test(navigator.platform);\n        const isCorrectModifier = isMac ? event.metaKey : event.ctrlKey;\n\n        if (isCorrectModifier && event.key === \"k\") {\n          event.preventDefault();\n          openSearchModal();\n        }\n      });\n    </script>\n  </body>\n</html>\n"), 
+    timing = c(redirect = 0, namelookup = 2.9e-05, connect = 0, 
+    pretransfer = 0.000157, starttransfer = 0.302038, total = 0.302402
     ), cache = new.env(parent = emptyenv())), class = "httr2_response")
diff --git a/tests/httptest/list/package.json b/tests/httptest/list/package.json
index e4422b5..4de312b 100644
--- a/tests/httptest/list/package.json
+++ b/tests/httptest/list/package.json
@@ -1,13 +1,13 @@
 {
     "package": [
         {
-            "description": "Package to make Prediction Models publicly available",
-            "id": "https://envipath.org/package/134886bb-b52e-4ad6-91d3-a02cecde6d95",
+            "description": "This Package was generated automatically for the batch prediction task.",
+            "id": "https://envipath.org/package/5b594bf6-56a8-4ce5-9a63-5fd4b525756e",
             "links": [
                 {
                     "Pathways": [
                         "https://envipath.org/package_pathway",
-                        0
+                        1
                     ]
                 },
                 {
@@ -19,19 +19,19 @@
                 {
                     "Compounds": [
                         "https://envipath.org/package_compound",
-                        0
+                        24
                     ]
                 },
                 {
                     "Reactions": [
                         "https://envipath.org/package_reaction",
-                        0
+                        38
                     ]
                 },
                 {
                     "Relative Reasoning": [
                         "https://envipath.org/package_relative-reasoning",
-                        5
+                        0
                     ]
                 },
                 {
@@ -41,33 +41,33 @@
                     ]
                 }
             ],
-            "name": "Public Prediction Models",
+            "name": "Autogenerated Package for Batch Prediction 2026-09-01 00:04:40.517620",
             "primaryGroup": null,
             "readers": [
                 {
-                    "id": "https://envipath.org/user/fce36893-bdb1-4a6f-87bd-5fd893feca89",
+                    "id": "https://envipath.org/user/f3ce2e6a-b8c4-46d2-a6ed-6be4d8ae23fa",
                     "identifier": "user",
-                    "name": "admin"
+                    "name": "RiboRings"
                 }
             ],
             "reviewComment": "",
-            "reviewStatus": "reviewed",
+            "reviewStatus": "unreviewed",
             "writers": [
                 {
-                    "id": "https://envipath.org/user/fce36893-bdb1-4a6f-87bd-5fd893feca89",
+                    "id": "https://envipath.org/user/f3ce2e6a-b8c4-46d2-a6ed-6be4d8ae23fa",
                     "identifier": "user",
-                    "name": "admin"
+                    "name": "RiboRings"
                 }
             ]
         },
         {
-            "description": "This Package was generated automatically for the batch prediction task.",
-            "id": "https://envipath.org/package/5b594bf6-56a8-4ce5-9a63-5fd4b525756e",
+            "description": "This package was generated during registration.",
+            "id": "https://envipath.org/package/aee2524b-79f3-4640-a519-aac543ac05e3",
             "links": [
                 {
                     "Pathways": [
                         "https://envipath.org/package_pathway",
-                        1
+                        4
                     ]
                 },
                 {
@@ -79,13 +79,13 @@
                 {
                     "Compounds": [
                         "https://envipath.org/package_compound",
-                        24
+                        33
                     ]
                 },
                 {
                     "Reactions": [
                         "https://envipath.org/package_reaction",
-                        38
+                        66
                     ]
                 },
                 {
@@ -101,7 +101,7 @@
                     ]
                 }
             ],
-            "name": "Autogenerated Package for Batch Prediction 2026-09-01 00:04:40.517620",
+            "name": "RiboRings’ Package",
             "primaryGroup": null,
             "readers": [
                 {
@@ -122,7 +122,7 @@
         },
         {
             "description": "This Package was generated automatically for the batch prediction task.",
-            "id": "https://envipath.org/package/995230c9-167a-4108-8002-d8fadd242dff",
+            "id": "https://envipath.org/package/7a3bddd7-c1a2-4699-a885-8b9044fd4fe2",
             "links": [
                 {
                     "Pathways": [
@@ -161,7 +161,7 @@
                     ]
                 }
             ],
-            "name": "Autogenerated Package for Batch Prediction 2026-09-01 00:04:22.775931",
+            "name": "Autogenerated Package for Batch Prediction 2026-09-01 00:06:57.531194",
             "primaryGroup": null,
             "readers": [
                 {
@@ -181,13 +181,13 @@
             ]
         },
         {
-            "description": "\"EAWAG-SOIL\" package contains pathway information from soil degradation studies, stored in a biotransformation reaction scheme in the object <a href=\"https://envipath.org/package_pathway\" target=\"_blank\">pathway<\/a>. This information is extracted from pesticide registration dossiers (draft assessment reports, DAR) made publically available through the European Food Safety Authority (<a href=\"https://www.efsa.europa.eu/en/calls/consultations\" target=\"_blank\">EFSA<\/a>). The package also contains information on different experimental conditions that are stored in the object <a href=\"https://envipath.org/package_scenario\" target=\"_blank\">scenario<\/a>. <a href=\"https://envipath.org/package_compound\" target=\"_blank\">Compounds<\/a> in the pathway are associated with a given <a href=\"https://envipath.org/package_scenario\" target=\"_blank\">scenario<\/a> if they have been observed under the specific experimental conditions. If available, a biotransformation half-life (DT50) value is additionally associated with a given compound in the pathway and a specific scenario. More details concerning enviPath conventions that were used to store specific data from DAR, and their description can be found in our <a href=\"https://wiki.envipath.org/doku.php?id=packages#eawag-soil\" target=\"_blank\">wiki<\/a>.",
-            "id": "https://envipath.org/package/5882df9c-dae1-4d80-a40e-db4724271456",
+            "description": "string",
+            "id": "https://envipath.org/package/d1898032-350b-438a-a702-63906c7ed76a",
             "links": [
                 {
                     "Pathways": [
                         "https://envipath.org/package_pathway",
-                        317
+                        0
                     ]
                 },
                 {
@@ -199,13 +199,13 @@
                 {
                     "Compounds": [
                         "https://envipath.org/package_compound",
-                        2608
+                        0
                     ]
                 },
                 {
                     "Reactions": [
                         "https://envipath.org/package_reaction",
-                        2445
+                        0
                     ]
                 },
                 {
@@ -217,37 +217,37 @@
                 {
                     "Scenarios": [
                         "https://envipath.org/package_scenario",
-                        4881
+                        0
                     ]
                 }
             ],
-            "name": "EAWAG-SOIL",
+            "name": "32de3cf4-e3e6-4168-956e-32fa5ddb0ce1",
             "primaryGroup": null,
             "readers": [
                 {
-                    "id": "https://envipath.org/user/fce36893-bdb1-4a6f-87bd-5fd893feca89",
+                    "id": "https://envipath.org/user/f3ce2e6a-b8c4-46d2-a6ed-6be4d8ae23fa",
                     "identifier": "user",
-                    "name": "admin"
+                    "name": "RiboRings"
                 }
             ],
             "reviewComment": "",
-            "reviewStatus": "reviewed",
+            "reviewStatus": "unreviewed",
             "writers": [
                 {
-                    "id": "https://envipath.org/user/fce36893-bdb1-4a6f-87bd-5fd893feca89",
+                    "id": "https://envipath.org/user/f3ce2e6a-b8c4-46d2-a6ed-6be4d8ae23fa",
                     "identifier": "user",
-                    "name": "admin"
+                    "name": "RiboRings"
                 }
             ]
         },
         {
-            "description": "This package was generated during registration.",
-            "id": "https://envipath.org/package/aee2524b-79f3-4640-a519-aac543ac05e3",
+            "description": "The \"EAWAG-SEDIMENT\" package contains pathways and kinetic data from biodegradation studies performed in water-sediment systems. This information is extracted from pesticide registration dossiers (draft assessment reports, DAR) made publically available through the European Food Safety Authority (<a href=\"https://www.efsa.europa.eu/en/calls/consultations\" target=\"_blank\">EFSA<\/a>). The package also contains information on different experimental conditions that are stored in the object <a href=\"https://envipath.org/package_scenario\" target=\"_blank\">scenario<\/a>. <a href=\"https://envipath.org/package_compound\" target=\"_blank\">Compounds<\/a> in the pathway are associated with a given <a href=\"https://envipath.org/package_scenario\" target=\"_blank\">scenario<\/a> if they have been observed under the specific experimental conditions. If available, a total system biotransformation half-life (DT50) value is associated with a given compound in the pathway and a specific scenario, along with dissipation half-lives from the water and the sediment phases.",
+            "id": "https://envipath.org/package/f05e38d8-e9b4-4c3e-b0d8-9ab29966eccf",
             "links": [
                 {
                     "Pathways": [
                         "https://envipath.org/package_pathway",
-                        4
+                        179
                     ]
                 },
                 {
@@ -259,13 +259,13 @@
                 {
                     "Compounds": [
                         "https://envipath.org/package_compound",
-                        33
+                        810
                     ]
                 },
                 {
                     "Reactions": [
                         "https://envipath.org/package_reaction",
-                        66
+                        961
                     ]
                 },
                 {
@@ -277,37 +277,37 @@
                 {
                     "Scenarios": [
                         "https://envipath.org/package_scenario",
-                        0
+                        1622
                     ]
                 }
             ],
-            "name": "RiboRings’ Package",
+            "name": "EAWAG-SEDIMENT",
             "primaryGroup": null,
             "readers": [
                 {
-                    "id": "https://envipath.org/user/f3ce2e6a-b8c4-46d2-a6ed-6be4d8ae23fa",
+                    "id": "https://envipath.org/user/fce36893-bdb1-4a6f-87bd-5fd893feca89",
                     "identifier": "user",
-                    "name": "RiboRings"
+                    "name": "admin"
                 }
             ],
             "reviewComment": "",
-            "reviewStatus": "unreviewed",
+            "reviewStatus": "reviewed",
             "writers": [
                 {
-                    "id": "https://envipath.org/user/f3ce2e6a-b8c4-46d2-a6ed-6be4d8ae23fa",
+                    "id": "https://envipath.org/user/fce36893-bdb1-4a6f-87bd-5fd893feca89",
                     "identifier": "user",
-                    "name": "RiboRings"
+                    "name": "admin"
                 }
             ]
         },
         {
-            "description": "This Package was generated automatically for the batch prediction task.",
-            "id": "https://envipath.org/package/c3c6699a-8c78-4987-af4d-4a041ffc448d",
+            "description": "A collection of literature-reported biotransformation pathways for per- and polyfluorinated alkyl substances (PFASs). Last updated on June 9th 2026.",
+            "id": "https://envipath.org/package/87a49584-d937-482c-9c33-25928dcb02a8",
             "links": [
                 {
                     "Pathways": [
                         "https://envipath.org/package_pathway",
-                        2
+                        214
                     ]
                 },
                 {
@@ -319,13 +319,13 @@
                 {
                     "Compounds": [
                         "https://envipath.org/package_compound",
-                        21
+                        590
                     ]
                 },
                 {
                     "Reactions": [
                         "https://envipath.org/package_reaction",
-                        23
+                        915
                     ]
                 },
                 {
@@ -337,37 +337,57 @@
                 {
                     "Scenarios": [
                         "https://envipath.org/package_scenario",
-                        0
+                        288
                     ]
                 }
             ],
-            "name": "Autogenerated Package for Batch Prediction 2026-09-01 00:08:26.613909",
+            "name": "enviPath-PFAS",
             "primaryGroup": null,
             "readers": [
                 {
-                    "id": "https://envipath.org/user/f3ce2e6a-b8c4-46d2-a6ed-6be4d8ae23fa",
+                    "id": "https://envipath.org/user/159affc8-6988-4cd7-9d09-9dfb56075cd3",
                     "identifier": "user",
-                    "name": "RiboRings"
+                    "name": "lorsbach"
+                },
+                {
+                    "id": "https://envipath.org/user/6971e514-9d36-4598-bf11-ee72562b7779",
+                    "identifier": "user",
+                    "name": "flurin_jenny"
+                },
+                {
+                    "id": "https://envipath.org/user/bbc3390d-a5f9-41e8-843d-7283f698236a",
+                    "identifier": "user",
+                    "name": "jasmin"
                 }
             ],
             "reviewComment": "",
-            "reviewStatus": "unreviewed",
+            "reviewStatus": "reviewed",
             "writers": [
                 {
-                    "id": "https://envipath.org/user/f3ce2e6a-b8c4-46d2-a6ed-6be4d8ae23fa",
+                    "id": "https://envipath.org/user/159affc8-6988-4cd7-9d09-9dfb56075cd3",
                     "identifier": "user",
-                    "name": "RiboRings"
+                    "name": "lorsbach"
+                },
+                {
+                    "id": "https://envipath.org/user/6971e514-9d36-4598-bf11-ee72562b7779",
+                    "identifier": "user",
+                    "name": "flurin_jenny"
+                },
+                {
+                    "id": "https://envipath.org/user/bbc3390d-a5f9-41e8-843d-7283f698236a",
+                    "identifier": "user",
+                    "name": "jasmin"
                 }
             ]
         },
         {
-            "description": "The <a href=\"https://envipath.org/package/521c547a-fd2a-491c-ad5b-7eaa1577fb65\">EAWAG-SLUDGE<\/a> package contains pathways and kinetic information about microbially mediated transformation processes in biological wastewater treatment. The information was extracted from scientific publications in different journals. The biotransformation reaction schemes are stored as <a href=\"https://envipath.org/package_pathway\">pathways<\/a>. The experimental conditions and additional information (e. g. sludge source) are collected in the <a href=\"https://envipath.org/package_scenario\">scenario<\/a> objects. Any observed transformation products (<a href=\"https://envipath.org/package_compound\">compounds<\/a>) are linked to their corresponding experimental metadata (<a href=\"https://envipath.org/package_scenario\">scenario<\/a>). Kinetic parameters (rate constants and/or half-lives) including corresponding scenarios are indicated for compounds for which such data is available. More details regarding enviPath conventions can be found in our <a href=\"https://wiki.envipath.com/index.php/Main_Page\">wiki<\/a>.",
-            "id": "https://envipath.org/package/521c547a-fd2a-491c-ad5b-7eaa1577fb65",
+            "description": "Package to make Prediction Models publicly available",
+            "id": "https://envipath.org/package/134886bb-b52e-4ad6-91d3-a02cecde6d95",
             "links": [
                 {
                     "Pathways": [
                         "https://envipath.org/package_pathway",
-                        183
+                        0
                     ]
                 },
                 {
@@ -379,29 +399,29 @@
                 {
                     "Compounds": [
                         "https://envipath.org/package_compound",
-                        1067
+                        0
                     ]
                 },
                 {
                     "Reactions": [
                         "https://envipath.org/package_reaction",
-                        494
+                        0
                     ]
                 },
                 {
                     "Relative Reasoning": [
                         "https://envipath.org/package_relative-reasoning",
-                        0
+                        5
                     ]
                 },
                 {
                     "Scenarios": [
                         "https://envipath.org/package_scenario",
-                        85
+                        0
                     ]
                 }
             ],
-            "name": "EAWAG-SLUDGE",
+            "name": "Public Prediction Models",
             "primaryGroup": null,
             "readers": [
                 {
@@ -421,8 +441,8 @@
             ]
         },
         {
-            "description": "string",
-            "id": "https://envipath.org/package/7245f711-51d0-4b1e-b49d-99a9d9744c96",
+            "description": "This Package was generated automatically for the batch prediction task.",
+            "id": "https://envipath.org/package/995230c9-167a-4108-8002-d8fadd242dff",
             "links": [
                 {
                     "Pathways": [
@@ -461,7 +481,7 @@
                     ]
                 }
             ],
-            "name": "32de3cf4-e3e6-4168-956e-32fa5ddb0ce1",
+            "name": "Autogenerated Package for Batch Prediction 2026-09-01 00:04:22.775931",
             "primaryGroup": null,
             "readers": [
                 {
@@ -481,13 +501,13 @@
             ]
         },
         {
-            "description": "This Package was generated automatically for the batch prediction task.",
-            "id": "https://envipath.org/package/7a3bddd7-c1a2-4699-a885-8b9044fd4fe2",
+            "description": "\"EAWAG-SOIL\" package contains pathway information from soil degradation studies, stored in a biotransformation reaction scheme in the object <a href=\"https://envipath.org/package_pathway\" target=\"_blank\">pathway<\/a>. This information is extracted from pesticide registration dossiers (draft assessment reports, DAR) made publically available through the European Food Safety Authority (<a href=\"https://www.efsa.europa.eu/en/calls/consultations\" target=\"_blank\">EFSA<\/a>). The package also contains information on different experimental conditions that are stored in the object <a href=\"https://envipath.org/package_scenario\" target=\"_blank\">scenario<\/a>. <a href=\"https://envipath.org/package_compound\" target=\"_blank\">Compounds<\/a> in the pathway are associated with a given <a href=\"https://envipath.org/package_scenario\" target=\"_blank\">scenario<\/a> if they have been observed under the specific experimental conditions. If available, a biotransformation half-life (DT50) value is additionally associated with a given compound in the pathway and a specific scenario. More details concerning enviPath conventions that were used to store specific data from DAR, and their description can be found in our <a href=\"https://wiki.envipath.org/doku.php?id=packages#eawag-soil\" target=\"_blank\">wiki<\/a>.",
+            "id": "https://envipath.org/package/5882df9c-dae1-4d80-a40e-db4724271456",
             "links": [
                 {
                     "Pathways": [
                         "https://envipath.org/package_pathway",
-                        0
+                        317
                     ]
                 },
                 {
@@ -499,13 +519,13 @@
                 {
                     "Compounds": [
                         "https://envipath.org/package_compound",
-                        0
+                        2608
                     ]
                 },
                 {
                     "Reactions": [
                         "https://envipath.org/package_reaction",
-                        0
+                        2445
                     ]
                 },
                 {
@@ -517,37 +537,37 @@
                 {
                     "Scenarios": [
                         "https://envipath.org/package_scenario",
-                        0
+                        4881
                     ]
                 }
             ],
-            "name": "Autogenerated Package for Batch Prediction 2026-09-01 00:06:57.531194",
+            "name": "EAWAG-SOIL",
             "primaryGroup": null,
             "readers": [
                 {
-                    "id": "https://envipath.org/user/f3ce2e6a-b8c4-46d2-a6ed-6be4d8ae23fa",
+                    "id": "https://envipath.org/user/fce36893-bdb1-4a6f-87bd-5fd893feca89",
                     "identifier": "user",
-                    "name": "RiboRings"
+                    "name": "admin"
                 }
             ],
             "reviewComment": "",
-            "reviewStatus": "unreviewed",
+            "reviewStatus": "reviewed",
             "writers": [
                 {
-                    "id": "https://envipath.org/user/f3ce2e6a-b8c4-46d2-a6ed-6be4d8ae23fa",
+                    "id": "https://envipath.org/user/fce36893-bdb1-4a6f-87bd-5fd893feca89",
                     "identifier": "user",
-                    "name": "RiboRings"
+                    "name": "admin"
                 }
             ]
         },
         {
-            "description": "string",
-            "id": "https://envipath.org/package/d1898032-350b-438a-a702-63906c7ed76a",
+            "description": "This Package was generated automatically for the batch prediction task.",
+            "id": "https://envipath.org/package/c3c6699a-8c78-4987-af4d-4a041ffc448d",
             "links": [
                 {
                     "Pathways": [
                         "https://envipath.org/package_pathway",
-                        0
+                        2
                     ]
                 },
                 {
@@ -559,13 +579,13 @@
                 {
                     "Compounds": [
                         "https://envipath.org/package_compound",
-                        0
+                        21
                     ]
                 },
                 {
                     "Reactions": [
                         "https://envipath.org/package_reaction",
-                        0
+                        23
                     ]
                 },
                 {
@@ -581,7 +601,7 @@
                     ]
                 }
             ],
-            "name": "32de3cf4-e3e6-4168-956e-32fa5ddb0ce1",
+            "name": "Autogenerated Package for Batch Prediction 2026-09-01 00:08:26.613909",
             "primaryGroup": null,
             "readers": [
                 {
@@ -601,13 +621,13 @@
             ]
         },
         {
-            "description": "The \"EAWAG-SEDIMENT\" package contains pathways and kinetic data from biodegradation studies performed in water-sediment systems. This information is extracted from pesticide registration dossiers (draft assessment reports, DAR) made publically available through the European Food Safety Authority (<a href=\"https://www.efsa.europa.eu/en/calls/consultations\" target=\"_blank\">EFSA<\/a>). The package also contains information on different experimental conditions that are stored in the object <a href=\"https://envipath.org/package_scenario\" target=\"_blank\">scenario<\/a>. <a href=\"https://envipath.org/package_compound\" target=\"_blank\">Compounds<\/a> in the pathway are associated with a given <a href=\"https://envipath.org/package_scenario\" target=\"_blank\">scenario<\/a> if they have been observed under the specific experimental conditions. If available, a total system biotransformation half-life (DT50) value is associated with a given compound in the pathway and a specific scenario, along with dissipation half-lives from the water and the sediment phases.",
-            "id": "https://envipath.org/package/f05e38d8-e9b4-4c3e-b0d8-9ab29966eccf",
+            "description": "The <a href=\"https://envipath.org/package/521c547a-fd2a-491c-ad5b-7eaa1577fb65\">EAWAG-SLUDGE<\/a> package contains pathways and kinetic information about microbially mediated transformation processes in biological wastewater treatment. The information was extracted from scientific publications in different journals. The biotransformation reaction schemes are stored as <a href=\"https://envipath.org/package_pathway\">pathways<\/a>. The experimental conditions and additional information (e. g. sludge source) are collected in the <a href=\"https://envipath.org/package_scenario\">scenario<\/a> objects. Any observed transformation products (<a href=\"https://envipath.org/package_compound\">compounds<\/a>) are linked to their corresponding experimental metadata (<a href=\"https://envipath.org/package_scenario\">scenario<\/a>). Kinetic parameters (rate constants and/or half-lives) including corresponding scenarios are indicated for compounds for which such data is available. More details regarding enviPath conventions can be found in our <a href=\"https://wiki.envipath.com/index.php/Main_Page\">wiki<\/a>.",
+            "id": "https://envipath.org/package/521c547a-fd2a-491c-ad5b-7eaa1577fb65",
             "links": [
                 {
                     "Pathways": [
                         "https://envipath.org/package_pathway",
-                        179
+                        183
                     ]
                 },
                 {
@@ -619,13 +639,13 @@
                 {
                     "Compounds": [
                         "https://envipath.org/package_compound",
-                        810
+                        1067
                     ]
                 },
                 {
                     "Reactions": [
                         "https://envipath.org/package_reaction",
-                        961
+                        494
                     ]
                 },
                 {
@@ -637,11 +657,11 @@
                 {
                     "Scenarios": [
                         "https://envipath.org/package_scenario",
-                        1622
+                        85
                     ]
                 }
             ],
-            "name": "EAWAG-SEDIMENT",
+            "name": "EAWAG-SLUDGE",
             "primaryGroup": null,
             "readers": [
                 {
@@ -661,31 +681,31 @@
             ]
         },
         {
-            "description": "Migration package for pathways, reactions and compounds from the EAWAG-BBD database",
-            "id": "https://envipath.org/package/32de3cf4-e3e6-4168-956e-32fa5ddb0ce1",
+            "description": "string",
+            "id": "https://envipath.org/package/7245f711-51d0-4b1e-b49d-99a9d9744c96",
             "links": [
                 {
                     "Pathways": [
                         "https://envipath.org/package_pathway",
-                        219
+                        0
                     ]
                 },
                 {
                     "Rules": [
                         "https://envipath.org/package_rule",
-                        499
+                        0
                     ]
                 },
                 {
                     "Compounds": [
                         "https://envipath.org/package_compound",
-                        1399
+                        0
                     ]
                 },
                 {
                     "Reactions": [
                         "https://envipath.org/package_reaction",
-                        1480
+                        0
                     ]
                 },
                 {
@@ -697,55 +717,55 @@
                 {
                     "Scenarios": [
                         "https://envipath.org/package_scenario",
-                        1915
+                        0
                     ]
                 }
             ],
-            "name": "EAWAG-BBD",
+            "name": "32de3cf4-e3e6-4168-956e-32fa5ddb0ce1",
             "primaryGroup": null,
             "readers": [
                 {
-                    "id": "https://envipath.org/user/fce36893-bdb1-4a6f-87bd-5fd893feca89",
+                    "id": "https://envipath.org/user/f3ce2e6a-b8c4-46d2-a6ed-6be4d8ae23fa",
                     "identifier": "user",
-                    "name": "admin"
+                    "name": "RiboRings"
                 }
             ],
             "reviewComment": "",
-            "reviewStatus": "reviewed",
+            "reviewStatus": "unreviewed",
             "writers": [
                 {
-                    "id": "https://envipath.org/user/fce36893-bdb1-4a6f-87bd-5fd893feca89",
+                    "id": "https://envipath.org/user/f3ce2e6a-b8c4-46d2-a6ed-6be4d8ae23fa",
                     "identifier": "user",
-                    "name": "admin"
+                    "name": "RiboRings"
                 }
             ]
         },
         {
-            "description": "A collection of literature-reported biotransformation pathways for per- and polyfluorinated alkyl substances (PFASs). Last updated on June 9th 2026.",
-            "id": "https://envipath.org/package/87a49584-d937-482c-9c33-25928dcb02a8",
+            "description": "Migration package for pathways, reactions and compounds from the EAWAG-BBD database",
+            "id": "https://envipath.org/package/32de3cf4-e3e6-4168-956e-32fa5ddb0ce1",
             "links": [
                 {
                     "Pathways": [
                         "https://envipath.org/package_pathway",
-                        214
+                        219
                     ]
                 },
                 {
                     "Rules": [
                         "https://envipath.org/package_rule",
-                        0
+                        499
                     ]
                 },
                 {
                     "Compounds": [
                         "https://envipath.org/package_compound",
-                        590
+                        1399
                     ]
                 },
                 {
                     "Reactions": [
                         "https://envipath.org/package_reaction",
-                        915
+                        1480
                     ]
                 },
                 {
@@ -757,46 +777,26 @@
                 {
                     "Scenarios": [
                         "https://envipath.org/package_scenario",
-                        288
+                        1915
                     ]
                 }
             ],
-            "name": "enviPath-PFAS",
+            "name": "EAWAG-BBD",
             "primaryGroup": null,
             "readers": [
                 {
-                    "id": "https://envipath.org/user/159affc8-6988-4cd7-9d09-9dfb56075cd3",
-                    "identifier": "user",
-                    "name": "lorsbach"
-                },
-                {
-                    "id": "https://envipath.org/user/6971e514-9d36-4598-bf11-ee72562b7779",
-                    "identifier": "user",
-                    "name": "flurin_jenny"
-                },
-                {
-                    "id": "https://envipath.org/user/bbc3390d-a5f9-41e8-843d-7283f698236a",
+                    "id": "https://envipath.org/user/fce36893-bdb1-4a6f-87bd-5fd893feca89",
                     "identifier": "user",
-                    "name": "jasmin"
+                    "name": "admin"
                 }
             ],
             "reviewComment": "",
             "reviewStatus": "reviewed",
             "writers": [
                 {
-                    "id": "https://envipath.org/user/159affc8-6988-4cd7-9d09-9dfb56075cd3",
-                    "identifier": "user",
-                    "name": "lorsbach"
-                },
-                {
-                    "id": "https://envipath.org/user/6971e514-9d36-4598-bf11-ee72562b7779",
-                    "identifier": "user",
-                    "name": "flurin_jenny"
-                },
-                {
-                    "id": "https://envipath.org/user/bbc3390d-a5f9-41e8-843d-7283f698236a",
+                    "id": "https://envipath.org/user/fce36893-bdb1-4a6f-87bd-5fd893feca89",
                     "identifier": "user",
-                    "name": "jasmin"
+                    "name": "admin"
                 }
             ]
         }
diff --git a/tests/httptest/list/package/wrong/reaction.R b/tests/httptest/list/package/wrong/reaction.R
index 42c95ec..93b9ec8 100644
--- a/tests/httptest/list/package/wrong/reaction.R
+++ b/tests/httptest/list/package/wrong/reaction.R
@@ -1,12 +1,12 @@
 structure(list(method = "GET", url = "https://package/wrong/reaction", 
     status_code = 404L, headers = structure(list(Server = "nginx/1.24.0 (Ubuntu)", 
-        Date = "Sat, 24 Oct 2026 03:32:44 GMT", `Content-Type` = "text/html; charset=utf-8", 
+        Date = "Fri, 13 Nov 2026 02:48:33 GMT", `Content-Type` = "text/html; charset=utf-8", 
         `Transfer-Encoding` = "chunked", Connection = "keep-alive", 
         Vary = "Authorization, Cookie", `X-Frame-Options` = "DENY", 
         `X-Content-Type-Options` = "nosniff", `Referrer-Policy` = "same-origin", 
-        `Cross-Origin-Opener-Policy` = "same-origin", `Set-Cookie` = "csrftoken=9u2FC7Dz4uZvd2M57D4NgVQKCxqiSjaO; expires=Sat, 23 Oct 2027 03:32:44 GMT; Max-Age=31449600; Path=/; SameSite=Lax", 
+        `Cross-Origin-Opener-Policy` = "same-origin", `Set-Cookie` = "csrftoken=TUPLC8ByY6rJp7zLNJIxlk4OAyW5YNW2; expires=Fri, 12 Nov 2027 02:48:33 GMT; Max-Age=31449600; Path=/; SameSite=Lax", 
         `Content-Encoding` = "gzip"), class = "httr2_headers"), 
-    body = charToRaw("<!doctype html>\n<html data-theme=\"envipath\" lang=\"en\">\n  \n  <head>\n    <title>enviPath</title>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <meta name=\"csrf-token\" content=\"DH1nGK2uTbO7lkuuoqH3dDrAvx8Z3oMQC1TS8HvTNvDsoc6plTBGjo7aXUo7LxMu\" />\n\n    \n    <link\n      rel=\"shortcut icon\"\n      type=\"image/png\"\n      href=\"/static/images/favicon.ico\"\n    />\n\n    \n    <link\n      href=\"/static/css/output.css\"\n      rel=\"stylesheet\"\n      type=\"text/css\"\n    />\n\n    \n    <script src=\"https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js\"></script>\n    <script src=\"/static/js/utils/timeseries-chart.js\"></script>\n\n    \n    <script\n      defer\n      src=\"https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js\"\n    ></script>\n    <script src=\"/static/js/alpine/index.js\"></script>\n    <script src=\"/static/js/alpine/search.js\"></script>\n    <script src=\"/static/js/alpine/pagination.js\"></script>\n    <script src=\"/static/js/alpine/pathway.js\"></script>\n    <script src=\"/static/js/alpine/components/schema-form.js\"></script>\n    <script src=\"/static/js/alpine/components/widgets.js\"></script>\n\n    \n    <link\n      href=\"https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css\"\n      rel=\"stylesheet\"\n    />\n\n    \n    <script src=\"https://community.envipath.org/javascripts/embed-topics.js\"></script>\n\n    <script>\n      const csrftoken = document.querySelector(\"[name=csrf-token]\").content;\n    </script>\n\n    \n    <script src=\"/static/js/pps.js\"></script>\n\n    \n      <!-- Matomo -->\n      <script>\n        var _paq = (window._paq = window._paq || []);\n        _paq.push([\"trackPageView\"]);\n        _paq.push([\"enableLinkTracking\"]);\n        (function () {\n          var u = \"//matomo.envipath.com/\";\n          _paq.push([\"setTrackerUrl\", u + \"matomo.php\"]);\n          _paq.push([\"setSiteId\", \"1\"]);\n          var d = document,\n            g = d.createElement(\"script\"),\n            s = d.getElementsByTagName(\"script\")[0];\n          g.async = true;\n          g.src = u + \"matomo.js\";\n          s.parentNode.insertBefore(g, s);\n        })();\n      </script>\n      <!-- End Matomo Code -->\n    \n  </head>\n  <body class=\"bg-base-300 min-h-screen\">\n    \n\n<div class=\"drawer drawer-mobile\">\n  <input id=\"drawer-toggle\" type=\"checkbox\" class=\"drawer-toggle\" />\n  <div class=\"drawer-content flex flex-col\">\n    \n    <div class=\"navbar x-50 bg-neutral-50 text-neutral-950 shadow-lg\">\n      <div class=\"navbar-start\">\n        \n        \n        <a\n          href=\"https://envipath.org\"\n          class=\"btn btn-ghost text-xl normal-case\"\n        >\n          <svg class=\"fill-base-content h-8\" viewBox=\"0 0 104 26\" role=\"img\">\n            <use href=\"/static/images/logo-name.svg#ep-logo-name\" />\n          </svg>\n        </a>\n      </div>\n\n      \n\n      <div class=\"navbar-end\">\n        \n        \n          <div class=\"dropdown dropdown-end\">\n            <div\n              tabindex=\"0\"\n              role=\"button\"\n              class=\"btn btn-ghost btn-circle m-1\"\n              id=\"loggedInButton\"\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                class=\"lucide lucide-circle-user-icon lucide-circle-user\"\n              >\n                <circle cx=\"12\" cy=\"12\" r=\"10\" />\n                <circle cx=\"12\" cy=\"10\" r=\"3\" />\n                <path d=\"M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662\" />\n              </svg>\n            </div>\n            <ul\n              tabindex=\"-1\"\n              class=\"dropdown-content menu bg-base-100 rounded-box z-50 w-52 p-2 shadow-sm\"\n            >\n              <li>\n                <a href=\"https://envipath.org/user/f3ce2e6a-b8c4-46d2-a6ed-6be4d8ae23fa\" id=\"accountbutton\"\n                  >User Profile</a\n                >\n              </li>\n              <li>\n                <form\n                  id=\"logoutForm\"\n                  action=\"/logout\"\n                  method=\"post\"\n                  style=\"display: none;\"\n                >\n                  <input type=\"hidden\" name=\"csrfmiddlewaretoken\" value=\"DH1nGK2uTbO7lkuuoqH3dDrAvx8Z3oMQC1TS8HvTNvDsoc6plTBGjo7aXUo7LxMu\">\n                  <input type=\"hidden\" name=\"logout\" value=\"true\" />\n                </form>\n                <a\n                  href=\"#\"\n                  id=\"logoutButton\"\n                  onclick=\"event.preventDefault(); document.getElementById('logoutForm').submit();\"\n                  >Logout</a\n                >\n              </li>\n            </ul>\n          </div>\n        \n      </div>\n    </div>\n  </div>\n  \n  <div class=\"drawer-side\">\n    <label for=\"drawer-toggle\" class=\"drawer-overlay\"></label>\n    <ul class=\"menu min-h-full w-80 bg-base-200 p-4 text-base-content\">\n      \n      <li class=\"mb-4\">\n        <div class=\"flex items-center justify-between\">\n          <span class=\"font-bold text-lg\">Menu</span>\n          <label\n            for=\"drawer-toggle\"\n            class=\"btn btn-sm btn-circle btn-ghost\"\n            aria-label=\"Close menu\"\n          >\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"h-6 w-6\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M6 18L18 6M6 6l12 12\"\n              />\n            </svg>\n          </label>\n        </div>\n      </li>\n      \n    </ul>\n  </div>\n</div>\n\n<script>\n  // OS-aware search shortcut display\n  (function () {\n    const isMac = /Mac/.test(navigator.platform);\n    const shortcutElement = document.getElementById(\"search-shortcut\");\n    if (shortcutElement) {\n      shortcutElement.textContent = isMac ? \"⌘K\" : \"Ctrl+K\";\n    }\n  })();\n</script>\n\n\n    \n    <main class=\"w-full\">\n      \n        \n        \n\n        \n        <div\n          id=\"docContent\"\n          class=\"bg-base-100 mx-auto md:my-8 md:max-w-6xl md:rounded-lg md:shadow-xl\"\n        >\n          \n          \n\n          \n          \n  <div class=\"flex min-h-[60vh] flex-col items-center justify-center p-8\">\n    <div class=\"w-full max-w-2xl\">\n      <div class=\"alert alert-info mb-6 shadow-lg\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          class=\"h-8 w-8 shrink-0 stroke-current\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n        >\n          <path\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            stroke-width=\"2\"\n            d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n          />\n        </svg>\n        <div class=\"flex flex-col\">\n          <h3 class=\"text-lg font-bold\">Page Not Found</h3>\n          <p class=\"text-sm\">The page you're looking for doesn't exist.</p>\n        </div>\n      </div>\n\n      <div class=\"card bg-base-100 shadow-xl\">\n        <div class=\"card-body\">\n          <h2 class=\"card-title mb-4 text-2xl\">404 Error</h2>\n          <p class=\"text-base-content/70 mb-4\">\n            The page or resource you requested could not be found. It may have\n            been moved, deleted, or the URL might be incorrect.\n          </p>\n          <div class=\"card-actions mt-6 justify-end\">\n            <a href=\"/\" class=\"btn btn-primary\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                class=\"mr-2 h-5 w-5\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"2\"\n                  d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"\n                />\n              </svg>\n              Go Home\n            </a>\n            <a\n              href=\"https://wiki.envipath.org/index.php/packages\"\n              target=\"_blank\"\n              class=\"btn btn-outline\"\n            >\n              Learn More\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                class=\"ml-2 h-5 w-5\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"2\"\n                  d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"\n                />\n              </svg>\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n\n          \n          \n        </div>\n      \n    </main>\n\n    \n<div class=\"bg-base-300 text-base-content mx-auto mt-10 lg:max-w-5xl\">\n  <footer class=\"footer sm:footer-horizontal p-10\">\n    \n    <nav>\n      <h6 class=\"footer-title\">Company</h6>\n      <a class=\"link link-hover\" href=\"/about\" target=\"_blank\">About us</a>\n    </nav>\n    <nav>\n      <h6 class=\"footer-title\">Legal</h6>\n      <a class=\"link link-hover\" href=\"/terms\">Terms of use</a>\n      <a class=\"link link-hover\" href=\"/privacy\">Privacy policy</a>\n      <a class=\"link link-hover\" href=\"/cookie-policy\">Cookie policy</a>\n      <a class=\"link link-hover\" href=\"/cite\">Cite enviPath</a>\n    </nav>\n  </footer>\n  <footer class=\"footer border-t-2 border-neutral-300 px-10 py-4\">\n    <div class=\"flex w-full flex-row items-start justify-between\">\n      <aside class=\"grid-flow-col items-center\">\n        <svg\n          class=\"fill-neutral-content m-2 h-14 flex-shrink-0\"\n          viewbox=\"0 0 65 65\"\n        >\n          <use\n            href=\"/static/images/logo-square.svg#ep-logo-square\"\n          ></use>\n        </svg>\n\n        enviPath Ltd.\n        <br />\n        Biodegredation prediction since 2015.\n      </aside>\n      <aside class=\"text-base-200 mt-2 text-sm\">\n        <span class=\"text-xs tracking-tight\">Version</span>\n        <span class=\"text-base font-bold\">1.0.0</span>\n      </aside>\n    </div>\n    <nav class=\"md:place-self-center md:justify-self-end\">\n      <div class=\"grid grid-flow-col gap-4\">\n        <a href=\"https://www.youtube.com/@envipath7231\" target=\"_blank\">\n          <svg\n            role=\"img\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            class=\"h-6 w-6 fill-current\"\n          >\n            <title>YouTube</title>\n            <path\n              d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\n            />\n          </svg>\n        </a>\n        <a href=\"https://community.envipath.org/\" target=\"_blank\">\n          <svg\n            role=\"img\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            class=\"h-6 w-6 fill-current\"\n          >\n            <title>Discourse</title>\n            <path\n              d=\"M12.103 0C18.666 0 24 5.485 24 11.997c0 6.51-5.33 11.99-11.9 11.99L0 24V11.79C0 5.28 5.532 0 12.103 0zm.116 4.563c-2.593-.003-4.996 1.352-6.337 3.57-1.33 2.208-1.387 4.957-.148 7.22L4.4 19.61l4.794-1.074c2.745 1.225 5.965.676 8.136-1.39 2.17-2.054 2.86-5.228 1.737-7.997-1.135-2.778-3.84-4.59-6.84-4.585h-.008z\"\n            />\n          </svg>\n        </a>\n        <a href=\"https://www.linkedin.com/company/envipath/\" target=\"_blank\">\n          <img\n            src=\"/static/images/linkedin.png\"\n            alt=\"LinkedIn\"\n            class=\"h-6 w-6\"\n          />\n        </a>\n      </div>\n    </nav>\n  </footer>\n</div>\n\n\n    \n    \n\n    \n      <dialog\n  id=\"search_modal\"\n  class=\"modal items-start sm:items-center\"\n  x-data=\"searchModal()\"\n  @close=\"reset()\"\n>\n  <div class=\"modal-box mt-4 sm:mt-0 p-1 sm:h-8/12 sm:w-[85vw] sm:max-w-5xl\">\n    <!-- Search Input and Mode Selector -->\n    <div class=\"form-control mb-4 w-full shrink-0\">\n      <div class=\"join m-0 w-full items-center p-3\">\n        <label class=\"input join-item input-ghost grow\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            class=\"lucide lucide-search-icon lucide-search\"\n          >\n            <path d=\"m21 21-4.34-4.34\" />\n            <circle cx=\"11\" cy=\"11\" r=\"8\" />\n          </svg>\n          <input\n            type=\"text\"\n            autofocus\n            x-ref=\"searchbar\"\n            x-model=\"query\"\n            @keydown.enter=\"performSearch('')\"\n            placeholder=\"Benfuracarb\"\n            class=\"grow\"\n            aria-label=\"Search\"\n          />\n        </label>\n\n        <!-- Mode Dropdown -->\n        <div>\n          <button\n            type=\"button\"\n            tabindex=\"0\"\n            popovertarget=\"search_dropdown_menu\"\n            style=\"anchor-name: --anchor-mode\"\n            class=\"btn join-item btn-ghost\"\n          >\n            <span x-text=\"searchModeLabel\"></span>\n            <svg\n              class=\"ml-1 h-4 w-4\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              viewBox=\"0 0 24 24\"\n            >\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M19 9l-7 7-7-7\"\n              />\n            </svg>\n          </button>\n          <ul\n            tabindex=\"0\"\n            class=\"dropdown dropdown-end menu bg-base-200 rounded-box w-64 p-2 shadow-lg\"\n            popover\n            x-ref=\"modeDropdown\"\n            id=\"search_dropdown_menu\"\n            style=\"position-anchor: --anchor-mode\"\n          >\n            <li class=\"menu-title\">Text</li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('text', 'Text')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Search on object names and descriptions\"\n              >\n                Text\n              </a>\n            </li>\n            <li class=\"menu-title\">SMILES</li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('smiles_default', 'Default')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Ignores stereochemistry and charge\"\n              >\n                Default\n              </a>\n            </li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('smiles_canonical', 'Canonical')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Ignores stereochemistry, preserves charge\"\n              >\n                Canonical\n              </a>\n            </li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('smiles_exact', 'Exact')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Exact match for stereochemistry and charge\"\n              >\n                Exact\n              </a>\n            </li>\n            <li class=\"menu-title\">InChI</li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('inchikey', 'InChIKey')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Search by InChIKey\"\n              >\n                InChIKey\n              </a>\n            </li>\n          </ul>\n        </div>\n\n        <button\n          type=\"button\"\n          @click=\"performSearch('')\"\n          class=\"btn btn-xs btn-ghost join-item\"\n        >\n          <kbd class=\"kbd kbd-sm text-base-content/50 p-1\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              class=\"lucide lucide-corner-down-left-icon lucide-corner-down-left\"\n            >\n              <path d=\"M20 4v7a4 4 0 0 1-4 4H4\" />\n              <path d=\"m9 10-5 5 5 5\" />\n            </svg>\n          </kbd>\n        </button>\n      </div>\n    </div>\n\n    <!-- Package Selector with Pills -->\n    <div class=\"form-control mb-4 shrink-0\">\n      <!-- Pills Container -->\n      <div\n        class=\"border-base-300 m-3 flex min-h-12 flex-wrap items-center gap-2 rounded-lg border-2 border-dashed p-3\"\n      >\n        <!-- Dynamic Pills -->\n        <template x-for=\"pkg in selectedPackages\" :key=\"pkg.url\">\n          <span class=\"badge badge-outline gap-2 max-w-xs\">\n            <span class=\"truncate\" :title=\"pkg.name\" x-text=\"pkg.name\"></span>\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"h-4 w-4 cursor-pointer hover:text-error shrink-0 rotate-45\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              @click=\"removePackage(pkg.url)\"\n            >\n              <path d=\"M5 12h14\" />\n              <path d=\"M12 5v14\" />\n            </svg>\n          </span>\n        </template>\n\n        <!-- Add Package Button -->\n        <button\n          type=\"button\"\n          popovertarget=\"package_dropdown_menu\"\n          style=\"anchor-name: --anchor-packages\"\n          class=\"btn btn-sm btn-ghost gap-2 text-base-content/50\"\n        >\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            class=\"lucide lucide-plus-icon lucide-plus\"\n          >\n            <path d=\"M5 12h14\" />\n            <path d=\"M12 5v14\" />\n          </svg>\n          Add Package\n        </button>\n      </div>\n\n      <!-- Package Dropdown Menu -->\n      <ul\n        class=\"dropdown dropdown-center menu bg-base-200 rounded-box max-h-96 w-80 overflow-y-auto p-2 shadow-lg\"\n        popover\n        x-ref=\"packageDropdown\"\n        id=\"package_dropdown_menu\"\n        style=\"position-anchor: --anchor-packages\"\n      >\n        \n          <li class=\"menu-title\">Reviewed Packages</li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/87a49584-d937-482c-9c33-25928dcb02a8\"\n                data-package-name=\"enviPath-PFAS\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/87a49584-d937-482c-9c33-25928dcb02a8', 'enviPath-PFAS')\"\n              >\n                <span>enviPath-PFAS</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/87a49584-d937-482c-9c33-25928dcb02a8') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/32de3cf4-e3e6-4168-956e-32fa5ddb0ce1\"\n                data-package-name=\"EAWAG-BBD\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/32de3cf4-e3e6-4168-956e-32fa5ddb0ce1', 'EAWAG-BBD')\"\n              >\n                <span>EAWAG-BBD</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/32de3cf4-e3e6-4168-956e-32fa5ddb0ce1') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/f05e38d8-e9b4-4c3e-b0d8-9ab29966eccf\"\n                data-package-name=\"EAWAG-SEDIMENT\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/f05e38d8-e9b4-4c3e-b0d8-9ab29966eccf', 'EAWAG-SEDIMENT')\"\n              >\n                <span>EAWAG-SEDIMENT</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/f05e38d8-e9b4-4c3e-b0d8-9ab29966eccf') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/521c547a-fd2a-491c-ad5b-7eaa1577fb65\"\n                data-package-name=\"EAWAG-SLUDGE\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/521c547a-fd2a-491c-ad5b-7eaa1577fb65', 'EAWAG-SLUDGE')\"\n              >\n                <span>EAWAG-SLUDGE</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/521c547a-fd2a-491c-ad5b-7eaa1577fb65') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/5882df9c-dae1-4d80-a40e-db4724271456\"\n                data-package-name=\"EAWAG-SOIL\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/5882df9c-dae1-4d80-a40e-db4724271456', 'EAWAG-SOIL')\"\n              >\n                <span>EAWAG-SOIL</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/5882df9c-dae1-4d80-a40e-db4724271456') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/134886bb-b52e-4ad6-91d3-a02cecde6d95\"\n                data-package-name=\"Public Prediction Models\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/134886bb-b52e-4ad6-91d3-a02cecde6d95', 'Public Prediction Models')\"\n              >\n                <span>Public Prediction Models</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/134886bb-b52e-4ad6-91d3-a02cecde6d95') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n          <li class=\"menu-title\">Unreviewed Packages</li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/5b594bf6-56a8-4ce5-9a63-5fd4b525756e\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:04:40.517620\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/5b594bf6-56a8-4ce5-9a63-5fd4b525756e', 'Autogenerated Package for Batch Prediction 2026-09-01 00:04:40.517620')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:04:40.517620</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/5b594bf6-56a8-4ce5-9a63-5fd4b525756e') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/aee2524b-79f3-4640-a519-aac543ac05e3\"\n                data-package-name=\"RiboRings’ Package\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/aee2524b-79f3-4640-a519-aac543ac05e3', 'RiboRings’ Package')\"\n              >\n                <span>RiboRings’ Package</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/aee2524b-79f3-4640-a519-aac543ac05e3') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/7a3bddd7-c1a2-4699-a885-8b9044fd4fe2\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:06:57.531194\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/7a3bddd7-c1a2-4699-a885-8b9044fd4fe2', 'Autogenerated Package for Batch Prediction 2026-09-01 00:06:57.531194')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:06:57.531194</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/7a3bddd7-c1a2-4699-a885-8b9044fd4fe2') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/d1898032-350b-438a-a702-63906c7ed76a\"\n                data-package-name=\"32de3cf4-e3e6-4168-956e-32fa5ddb0ce1\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/d1898032-350b-438a-a702-63906c7ed76a', '32de3cf4-e3e6-4168-956e-32fa5ddb0ce1')\"\n              >\n                <span>32de3cf4-e3e6-4168-956e-32fa5ddb0ce1</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/d1898032-350b-438a-a702-63906c7ed76a') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/995230c9-167a-4108-8002-d8fadd242dff\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:04:22.775931\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/995230c9-167a-4108-8002-d8fadd242dff', 'Autogenerated Package for Batch Prediction 2026-09-01 00:04:22.775931')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:04:22.775931</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/995230c9-167a-4108-8002-d8fadd242dff') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/c3c6699a-8c78-4987-af4d-4a041ffc448d\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:08:26.613909\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/c3c6699a-8c78-4987-af4d-4a041ffc448d', 'Autogenerated Package for Batch Prediction 2026-09-01 00:08:26.613909')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:08:26.613909</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/c3c6699a-8c78-4987-af4d-4a041ffc448d') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/7245f711-51d0-4b1e-b49d-99a9d9744c96\"\n                data-package-name=\"32de3cf4-e3e6-4168-956e-32fa5ddb0ce1\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/7245f711-51d0-4b1e-b49d-99a9d9744c96', '32de3cf4-e3e6-4168-956e-32fa5ddb0ce1')\"\n              >\n                <span>32de3cf4-e3e6-4168-956e-32fa5ddb0ce1</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/7245f711-51d0-4b1e-b49d-99a9d9744c96') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n        \n      </ul>\n    </div>\n\n    <!-- Loading Indicator -->\n    <div x-show=\"isSearching\" class=\"flex shrink-0 justify-center py-8\">\n      <span class=\"loading loading-spinner loading-lg text-primary\"></span>\n    </div>\n\n    <!-- Results Container -->\n    <div class=\"min-h-0 flex-1 overflow-y-auto p-2\">\n      <!-- No packages selected error -->\n      <template x-if=\"results && results.error === 'no_packages'\">\n        <div class=\"alert alert-info\">\n          <svg\n            class=\"w-6 h-6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n            />\n          </svg>\n          <span>Please select at least one package</span>\n        </div>\n      </template>\n\n      <!-- Search error -->\n      <template x-if=\"error\">\n        <div class=\"alert alert-error\">\n          <svg\n            class=\"w-6 h-6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n            />\n          </svg>\n          <span x-text=\"error\"></span>\n        </div>\n      </template>\n\n      <!-- No results -->\n      <template x-if=\"results && !results.error && !hasResults()\">\n        <div class=\"alert alert-warning\">\n          <svg\n            class=\"w-6 h-6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n            />\n          </svg>\n          <span>No results found</span>\n        </div>\n      </template>\n\n      <!-- Results display -->\n      <template x-if=\"results && !results.error && hasResults()\">\n        <div class=\"mb-2\">\n          <div class=\"text-sm font-semibold text-base-content/70 mb-2\">\n            Results\n          </div>\n\n          <!-- Compounds -->\n          <template x-if=\"results.Compounds && results.Compounds.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Compounds\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Compounds.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Compounds\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Compound Structures -->\n          <template\n            x-if=\"results['Compound Structures'] && results['Compound Structures'].length > 0\"\n          >\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Compound Structures\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results['Compound Structures'].length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template\n                  x-for=\"item in results['Compound Structures']\"\n                  :key=\"item.url\"\n                >\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Rules -->\n          <template x-if=\"results.Rules && results.Rules.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Rules\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Rules.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Rules\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Reactions -->\n          <template x-if=\"results.Reactions && results.Reactions.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Reactions\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Reactions.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Reactions\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Pathways -->\n          <template x-if=\"results.Pathways && results.Pathways.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Pathways\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Pathways.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Pathways\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n        </div>\n      </template>\n    </div>\n  </div>\n\n  <form method=\"dialog\" class=\"modal-backdrop\">\n    <button aria-label=\"close\"></button>\n  </form>\n</dialog>\n\n    \n\n    <script>\n      document.addEventListener(\"DOMContentLoaded\", function () {\n        // Show actions button if there are actions defined\n        const actionsButtonUl = document.querySelector(\"#actionsButton ul\");\n        if (actionsButtonUl && actionsButtonUl.children.length > 0) {\n          document.getElementById(\"actionsButton\").style.display = \"\";\n        }\n      });\n\n      // Open search modal function\n      function openSearchModal() {\n        const searchModal = document.getElementById(\"search_modal\");\n        if (searchModal) {\n          searchModal.showModal();\n        }\n      }\n\n      // Click handler for search badge\n      const searchTrigger = document.getElementById(\"search-trigger\");\n      if (searchTrigger) {\n        searchTrigger.addEventListener(\"click\", function (event) {\n          event.preventDefault();\n          openSearchModal();\n        });\n      }\n\n      // Global keyboard shortcut for search (Cmd+K on Mac, Ctrl+K on Windows/Linux)\n      document.addEventListener(\"keydown\", function (event) {\n        // Check if user is typing in an input field\n        const activeElement = document.activeElement;\n        const isInputField =\n          activeElement &&\n          (activeElement.tagName === \"INPUT\" ||\n            activeElement.tagName === \"TEXTAREA\" ||\n            activeElement.contentEditable === \"true\");\n\n        if (isInputField) {\n          return; // Don't trigger shortcut when typing in input fields\n        }\n\n        // Check for Cmd+K (Mac) or Ctrl+K (Windows/Linux)\n        const isMac = /Mac/.test(navigator.platform);\n        const isCorrectModifier = isMac ? event.metaKey : event.ctrlKey;\n\n        if (isCorrectModifier && event.key === \"k\") {\n          event.preventDefault();\n          openSearchModal();\n        }\n      });\n    </script>\n  </body>\n</html>\n"), 
-    timing = c(redirect = 0, namelookup = 3.8e-05, connect = 0, 
-    pretransfer = 0.000127, starttransfer = 0.415744, total = 0.416422
+    body = charToRaw("<!doctype html>\n<html data-theme=\"envipath\" lang=\"en\">\n  \n  <head>\n    <title>enviPath</title>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <meta name=\"csrf-token\" content=\"dgySKMxsHsJGsOFjeLFHgzzrKqkHgv9eW0dtcKYQvo0fHL4URkd4rJt5aO6C48V6\" />\n\n    \n    <link\n      rel=\"shortcut icon\"\n      type=\"image/png\"\n      href=\"/static/images/favicon.ico\"\n    />\n\n    \n    <link\n      href=\"/static/css/output.css\"\n      rel=\"stylesheet\"\n      type=\"text/css\"\n    />\n\n    \n    <script src=\"https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js\"></script>\n    <script src=\"/static/js/utils/timeseries-chart.js\"></script>\n\n    \n    <script\n      defer\n      src=\"https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js\"\n    ></script>\n    <script src=\"/static/js/alpine/index.js\"></script>\n    <script src=\"/static/js/alpine/search.js\"></script>\n    <script src=\"/static/js/alpine/pagination.js\"></script>\n    <script src=\"/static/js/alpine/pathway.js\"></script>\n    <script src=\"/static/js/alpine/components/schema-form.js\"></script>\n    <script src=\"/static/js/alpine/components/widgets.js\"></script>\n\n    \n    <link\n      href=\"https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css\"\n      rel=\"stylesheet\"\n    />\n\n    \n    <script src=\"https://community.envipath.org/javascripts/embed-topics.js\"></script>\n\n    <script>\n      const csrftoken = document.querySelector(\"[name=csrf-token]\").content;\n    </script>\n\n    \n    <script src=\"/static/js/pps.js\"></script>\n\n    \n      <!-- Matomo -->\n      <script>\n        var _paq = (window._paq = window._paq || []);\n        _paq.push([\"trackPageView\"]);\n        _paq.push([\"enableLinkTracking\"]);\n        (function () {\n          var u = \"//matomo.envipath.com/\";\n          _paq.push([\"setTrackerUrl\", u + \"matomo.php\"]);\n          _paq.push([\"setSiteId\", \"1\"]);\n          var d = document,\n            g = d.createElement(\"script\"),\n            s = d.getElementsByTagName(\"script\")[0];\n          g.async = true;\n          g.src = u + \"matomo.js\";\n          s.parentNode.insertBefore(g, s);\n        })();\n      </script>\n      <!-- End Matomo Code -->\n    \n  </head>\n  <body class=\"bg-base-300 min-h-screen\">\n    \n\n<div class=\"drawer drawer-mobile\">\n  <input id=\"drawer-toggle\" type=\"checkbox\" class=\"drawer-toggle\" />\n  <div class=\"drawer-content flex flex-col\">\n    \n    <div class=\"navbar x-50 bg-neutral-50 text-neutral-950 shadow-lg\">\n      <div class=\"navbar-start\">\n        \n        \n        <a\n          href=\"https://envipath.org\"\n          class=\"btn btn-ghost text-xl normal-case\"\n        >\n          <svg class=\"fill-base-content h-8\" viewBox=\"0 0 104 26\" role=\"img\">\n            <use href=\"/static/images/logo-name.svg#ep-logo-name\" />\n          </svg>\n        </a>\n      </div>\n\n      \n\n      <div class=\"navbar-end\">\n        \n        \n          <div class=\"dropdown dropdown-end\">\n            <div\n              tabindex=\"0\"\n              role=\"button\"\n              class=\"btn btn-ghost btn-circle m-1\"\n              id=\"loggedInButton\"\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                class=\"lucide lucide-circle-user-icon lucide-circle-user\"\n              >\n                <circle cx=\"12\" cy=\"12\" r=\"10\" />\n                <circle cx=\"12\" cy=\"10\" r=\"3\" />\n                <path d=\"M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662\" />\n              </svg>\n            </div>\n            <ul\n              tabindex=\"-1\"\n              class=\"dropdown-content menu bg-base-100 rounded-box z-50 w-52 p-2 shadow-sm\"\n            >\n              <li>\n                <a href=\"https://envipath.org/user/f3ce2e6a-b8c4-46d2-a6ed-6be4d8ae23fa\" id=\"accountbutton\"\n                  >User Profile</a\n                >\n              </li>\n              <li>\n                <form\n                  id=\"logoutForm\"\n                  action=\"/logout\"\n                  method=\"post\"\n                  style=\"display: none;\"\n                >\n                  <input type=\"hidden\" name=\"csrfmiddlewaretoken\" value=\"dgySKMxsHsJGsOFjeLFHgzzrKqkHgv9eW0dtcKYQvo0fHL4URkd4rJt5aO6C48V6\">\n                  <input type=\"hidden\" name=\"logout\" value=\"true\" />\n                </form>\n                <a\n                  href=\"#\"\n                  id=\"logoutButton\"\n                  onclick=\"event.preventDefault(); document.getElementById('logoutForm').submit();\"\n                  >Logout</a\n                >\n              </li>\n            </ul>\n          </div>\n        \n      </div>\n    </div>\n  </div>\n  \n  <div class=\"drawer-side\">\n    <label for=\"drawer-toggle\" class=\"drawer-overlay\"></label>\n    <ul class=\"menu min-h-full w-80 bg-base-200 p-4 text-base-content\">\n      \n      <li class=\"mb-4\">\n        <div class=\"flex items-center justify-between\">\n          <span class=\"font-bold text-lg\">Menu</span>\n          <label\n            for=\"drawer-toggle\"\n            class=\"btn btn-sm btn-circle btn-ghost\"\n            aria-label=\"Close menu\"\n          >\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"h-6 w-6\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M6 18L18 6M6 6l12 12\"\n              />\n            </svg>\n          </label>\n        </div>\n      </li>\n      \n    </ul>\n  </div>\n</div>\n\n<script>\n  // OS-aware search shortcut display\n  (function () {\n    const isMac = /Mac/.test(navigator.platform);\n    const shortcutElement = document.getElementById(\"search-shortcut\");\n    if (shortcutElement) {\n      shortcutElement.textContent = isMac ? \"⌘K\" : \"Ctrl+K\";\n    }\n  })();\n</script>\n\n\n    \n    <main class=\"w-full\">\n      \n        \n        \n\n        \n        <div\n          id=\"docContent\"\n          class=\"bg-base-100 mx-auto md:my-8 md:max-w-6xl md:rounded-lg md:shadow-xl\"\n        >\n          \n          \n\n          \n          \n  <div class=\"flex min-h-[60vh] flex-col items-center justify-center p-8\">\n    <div class=\"w-full max-w-2xl\">\n      <div class=\"alert alert-info mb-6 shadow-lg\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          class=\"h-8 w-8 shrink-0 stroke-current\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n        >\n          <path\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            stroke-width=\"2\"\n            d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n          />\n        </svg>\n        <div class=\"flex flex-col\">\n          <h3 class=\"text-lg font-bold\">Page Not Found</h3>\n          <p class=\"text-sm\">The page you're looking for doesn't exist.</p>\n        </div>\n      </div>\n\n      <div class=\"card bg-base-100 shadow-xl\">\n        <div class=\"card-body\">\n          <h2 class=\"card-title mb-4 text-2xl\">404 Error</h2>\n          <p class=\"text-base-content/70 mb-4\">\n            The page or resource you requested could not be found. It may have\n            been moved, deleted, or the URL might be incorrect.\n          </p>\n          <div class=\"card-actions mt-6 justify-end\">\n            <a href=\"/\" class=\"btn btn-primary\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                class=\"mr-2 h-5 w-5\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"2\"\n                  d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"\n                />\n              </svg>\n              Go Home\n            </a>\n            <a\n              href=\"https://wiki.envipath.org/index.php/packages\"\n              target=\"_blank\"\n              class=\"btn btn-outline\"\n            >\n              Learn More\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                class=\"ml-2 h-5 w-5\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"2\"\n                  d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"\n                />\n              </svg>\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n\n          \n          \n        </div>\n      \n    </main>\n\n    \n<div class=\"bg-base-300 text-base-content mx-auto mt-10 lg:max-w-5xl\">\n  <footer class=\"footer sm:footer-horizontal p-10\">\n    \n    <nav>\n      <h6 class=\"footer-title\">Company</h6>\n      <a class=\"link link-hover\" href=\"/about\" target=\"_blank\">About us</a>\n    </nav>\n    <nav>\n      <h6 class=\"footer-title\">Legal</h6>\n      <a class=\"link link-hover\" href=\"/terms\">Terms of use</a>\n      <a class=\"link link-hover\" href=\"/privacy\">Privacy policy</a>\n      <a class=\"link link-hover\" href=\"/cookie-policy\">Cookie policy</a>\n      <a class=\"link link-hover\" href=\"/cite\">Cite enviPath</a>\n    </nav>\n  </footer>\n  <footer class=\"footer border-t-2 border-neutral-300 px-10 py-4\">\n    <div class=\"flex w-full flex-row items-start justify-between\">\n      <aside class=\"grid-flow-col items-center\">\n        <svg\n          class=\"fill-neutral-content m-2 h-14 flex-shrink-0\"\n          viewbox=\"0 0 65 65\"\n        >\n          <use\n            href=\"/static/images/logo-square.svg#ep-logo-square\"\n          ></use>\n        </svg>\n\n        enviPath Ltd.\n        <br />\n        Biodegredation prediction since 2015.\n      </aside>\n      <aside class=\"text-base-200 mt-2 text-sm\">\n        <span class=\"text-xs tracking-tight\">Version</span>\n        <span class=\"text-base font-bold\">1.0.0</span>\n      </aside>\n    </div>\n    <nav class=\"md:place-self-center md:justify-self-end\">\n      <div class=\"grid grid-flow-col gap-4\">\n        <a href=\"https://www.youtube.com/@envipath7231\" target=\"_blank\">\n          <svg\n            role=\"img\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            class=\"h-6 w-6 fill-current\"\n          >\n            <title>YouTube</title>\n            <path\n              d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\n            />\n          </svg>\n        </a>\n        <a href=\"https://community.envipath.org/\" target=\"_blank\">\n          <svg\n            role=\"img\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            class=\"h-6 w-6 fill-current\"\n          >\n            <title>Discourse</title>\n            <path\n              d=\"M12.103 0C18.666 0 24 5.485 24 11.997c0 6.51-5.33 11.99-11.9 11.99L0 24V11.79C0 5.28 5.532 0 12.103 0zm.116 4.563c-2.593-.003-4.996 1.352-6.337 3.57-1.33 2.208-1.387 4.957-.148 7.22L4.4 19.61l4.794-1.074c2.745 1.225 5.965.676 8.136-1.39 2.17-2.054 2.86-5.228 1.737-7.997-1.135-2.778-3.84-4.59-6.84-4.585h-.008z\"\n            />\n          </svg>\n        </a>\n        <a href=\"https://www.linkedin.com/company/envipath/\" target=\"_blank\">\n          <img\n            src=\"/static/images/linkedin.png\"\n            alt=\"LinkedIn\"\n            class=\"h-6 w-6\"\n          />\n        </a>\n      </div>\n    </nav>\n  </footer>\n</div>\n\n\n    \n    \n\n    \n      <dialog\n  id=\"search_modal\"\n  class=\"modal items-start sm:items-center\"\n  x-data=\"searchModal()\"\n  @close=\"reset()\"\n>\n  <div class=\"modal-box mt-4 sm:mt-0 p-1 sm:h-8/12 sm:w-[85vw] sm:max-w-5xl\">\n    <!-- Search Input and Mode Selector -->\n    <div class=\"form-control mb-4 w-full shrink-0\">\n      <div class=\"join m-0 w-full items-center p-3\">\n        <label class=\"input join-item input-ghost grow\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            class=\"lucide lucide-search-icon lucide-search\"\n          >\n            <path d=\"m21 21-4.34-4.34\" />\n            <circle cx=\"11\" cy=\"11\" r=\"8\" />\n          </svg>\n          <input\n            type=\"text\"\n            autofocus\n            x-ref=\"searchbar\"\n            x-model=\"query\"\n            @keydown.enter=\"performSearch('')\"\n            placeholder=\"Benfuracarb\"\n            class=\"grow\"\n            aria-label=\"Search\"\n          />\n        </label>\n\n        <!-- Mode Dropdown -->\n        <div>\n          <button\n            type=\"button\"\n            tabindex=\"0\"\n            popovertarget=\"search_dropdown_menu\"\n            style=\"anchor-name: --anchor-mode\"\n            class=\"btn join-item btn-ghost\"\n          >\n            <span x-text=\"searchModeLabel\"></span>\n            <svg\n              class=\"ml-1 h-4 w-4\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              viewBox=\"0 0 24 24\"\n            >\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M19 9l-7 7-7-7\"\n              />\n            </svg>\n          </button>\n          <ul\n            tabindex=\"0\"\n            class=\"dropdown dropdown-end menu bg-base-200 rounded-box w-64 p-2 shadow-lg\"\n            popover\n            x-ref=\"modeDropdown\"\n            id=\"search_dropdown_menu\"\n            style=\"position-anchor: --anchor-mode\"\n          >\n            <li class=\"menu-title\">Text</li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('text', 'Text')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Search on object names and descriptions\"\n              >\n                Text\n              </a>\n            </li>\n            <li class=\"menu-title\">SMILES</li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('smiles_default', 'Default')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Ignores stereochemistry and charge\"\n              >\n                Default\n              </a>\n            </li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('smiles_canonical', 'Canonical')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Ignores stereochemistry, preserves charge\"\n              >\n                Canonical\n              </a>\n            </li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('smiles_exact', 'Exact')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Exact match for stereochemistry and charge\"\n              >\n                Exact\n              </a>\n            </li>\n            <li class=\"menu-title\">InChI</li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('inchikey', 'InChIKey')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Search by InChIKey\"\n              >\n                InChIKey\n              </a>\n            </li>\n          </ul>\n        </div>\n\n        <button\n          type=\"button\"\n          @click=\"performSearch('')\"\n          class=\"btn btn-xs btn-ghost join-item\"\n        >\n          <kbd class=\"kbd kbd-sm text-base-content/50 p-1\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              class=\"lucide lucide-corner-down-left-icon lucide-corner-down-left\"\n            >\n              <path d=\"M20 4v7a4 4 0 0 1-4 4H4\" />\n              <path d=\"m9 10-5 5 5 5\" />\n            </svg>\n          </kbd>\n        </button>\n      </div>\n    </div>\n\n    <!-- Package Selector with Pills -->\n    <div class=\"form-control mb-4 shrink-0\">\n      <!-- Pills Container -->\n      <div\n        class=\"border-base-300 m-3 flex min-h-12 flex-wrap items-center gap-2 rounded-lg border-2 border-dashed p-3\"\n      >\n        <!-- Dynamic Pills -->\n        <template x-for=\"pkg in selectedPackages\" :key=\"pkg.url\">\n          <span class=\"badge badge-outline gap-2 max-w-xs\">\n            <span class=\"truncate\" :title=\"pkg.name\" x-text=\"pkg.name\"></span>\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"h-4 w-4 cursor-pointer hover:text-error shrink-0 rotate-45\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              @click=\"removePackage(pkg.url)\"\n            >\n              <path d=\"M5 12h14\" />\n              <path d=\"M12 5v14\" />\n            </svg>\n          </span>\n        </template>\n\n        <!-- Add Package Button -->\n        <button\n          type=\"button\"\n          popovertarget=\"package_dropdown_menu\"\n          style=\"anchor-name: --anchor-packages\"\n          class=\"btn btn-sm btn-ghost gap-2 text-base-content/50\"\n        >\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            class=\"lucide lucide-plus-icon lucide-plus\"\n          >\n            <path d=\"M5 12h14\" />\n            <path d=\"M12 5v14\" />\n          </svg>\n          Add Package\n        </button>\n      </div>\n\n      <!-- Package Dropdown Menu -->\n      <ul\n        class=\"dropdown dropdown-center menu bg-base-200 rounded-box max-h-96 w-80 overflow-y-auto p-2 shadow-lg\"\n        popover\n        x-ref=\"packageDropdown\"\n        id=\"package_dropdown_menu\"\n        style=\"position-anchor: --anchor-packages\"\n      >\n        \n          <li class=\"menu-title\">Reviewed Packages</li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/87a49584-d937-482c-9c33-25928dcb02a8\"\n                data-package-name=\"enviPath-PFAS\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/87a49584-d937-482c-9c33-25928dcb02a8', 'enviPath-PFAS')\"\n              >\n                <span>enviPath-PFAS</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/87a49584-d937-482c-9c33-25928dcb02a8') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/32de3cf4-e3e6-4168-956e-32fa5ddb0ce1\"\n                data-package-name=\"EAWAG-BBD\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/32de3cf4-e3e6-4168-956e-32fa5ddb0ce1', 'EAWAG-BBD')\"\n              >\n                <span>EAWAG-BBD</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/32de3cf4-e3e6-4168-956e-32fa5ddb0ce1') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/f05e38d8-e9b4-4c3e-b0d8-9ab29966eccf\"\n                data-package-name=\"EAWAG-SEDIMENT\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/f05e38d8-e9b4-4c3e-b0d8-9ab29966eccf', 'EAWAG-SEDIMENT')\"\n              >\n                <span>EAWAG-SEDIMENT</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/f05e38d8-e9b4-4c3e-b0d8-9ab29966eccf') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/521c547a-fd2a-491c-ad5b-7eaa1577fb65\"\n                data-package-name=\"EAWAG-SLUDGE\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/521c547a-fd2a-491c-ad5b-7eaa1577fb65', 'EAWAG-SLUDGE')\"\n              >\n                <span>EAWAG-SLUDGE</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/521c547a-fd2a-491c-ad5b-7eaa1577fb65') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/5882df9c-dae1-4d80-a40e-db4724271456\"\n                data-package-name=\"EAWAG-SOIL\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/5882df9c-dae1-4d80-a40e-db4724271456', 'EAWAG-SOIL')\"\n              >\n                <span>EAWAG-SOIL</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/5882df9c-dae1-4d80-a40e-db4724271456') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/134886bb-b52e-4ad6-91d3-a02cecde6d95\"\n                data-package-name=\"Public Prediction Models\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/134886bb-b52e-4ad6-91d3-a02cecde6d95', 'Public Prediction Models')\"\n              >\n                <span>Public Prediction Models</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/134886bb-b52e-4ad6-91d3-a02cecde6d95') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n          <li class=\"menu-title\">Unreviewed Packages</li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/5b594bf6-56a8-4ce5-9a63-5fd4b525756e\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:04:40.517620\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/5b594bf6-56a8-4ce5-9a63-5fd4b525756e', 'Autogenerated Package for Batch Prediction 2026-09-01 00:04:40.517620')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:04:40.517620</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/5b594bf6-56a8-4ce5-9a63-5fd4b525756e') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/aee2524b-79f3-4640-a519-aac543ac05e3\"\n                data-package-name=\"RiboRings’ Package\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/aee2524b-79f3-4640-a519-aac543ac05e3', 'RiboRings’ Package')\"\n              >\n                <span>RiboRings’ Package</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/aee2524b-79f3-4640-a519-aac543ac05e3') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/7a3bddd7-c1a2-4699-a885-8b9044fd4fe2\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:06:57.531194\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/7a3bddd7-c1a2-4699-a885-8b9044fd4fe2', 'Autogenerated Package for Batch Prediction 2026-09-01 00:06:57.531194')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:06:57.531194</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/7a3bddd7-c1a2-4699-a885-8b9044fd4fe2') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/d1898032-350b-438a-a702-63906c7ed76a\"\n                data-package-name=\"32de3cf4-e3e6-4168-956e-32fa5ddb0ce1\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/d1898032-350b-438a-a702-63906c7ed76a', '32de3cf4-e3e6-4168-956e-32fa5ddb0ce1')\"\n              >\n                <span>32de3cf4-e3e6-4168-956e-32fa5ddb0ce1</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/d1898032-350b-438a-a702-63906c7ed76a') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/995230c9-167a-4108-8002-d8fadd242dff\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:04:22.775931\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/995230c9-167a-4108-8002-d8fadd242dff', 'Autogenerated Package for Batch Prediction 2026-09-01 00:04:22.775931')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:04:22.775931</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/995230c9-167a-4108-8002-d8fadd242dff') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/c3c6699a-8c78-4987-af4d-4a041ffc448d\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:08:26.613909\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/c3c6699a-8c78-4987-af4d-4a041ffc448d', 'Autogenerated Package for Batch Prediction 2026-09-01 00:08:26.613909')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:08:26.613909</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/c3c6699a-8c78-4987-af4d-4a041ffc448d') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/7245f711-51d0-4b1e-b49d-99a9d9744c96\"\n                data-package-name=\"32de3cf4-e3e6-4168-956e-32fa5ddb0ce1\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/7245f711-51d0-4b1e-b49d-99a9d9744c96', '32de3cf4-e3e6-4168-956e-32fa5ddb0ce1')\"\n              >\n                <span>32de3cf4-e3e6-4168-956e-32fa5ddb0ce1</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/7245f711-51d0-4b1e-b49d-99a9d9744c96') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n        \n      </ul>\n    </div>\n\n    <!-- Loading Indicator -->\n    <div x-show=\"isSearching\" class=\"flex shrink-0 justify-center py-8\">\n      <span class=\"loading loading-spinner loading-lg text-primary\"></span>\n    </div>\n\n    <!-- Results Container -->\n    <div class=\"min-h-0 flex-1 overflow-y-auto p-2\">\n      <!-- No packages selected error -->\n      <template x-if=\"results && results.error === 'no_packages'\">\n        <div class=\"alert alert-info\">\n          <svg\n            class=\"w-6 h-6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n            />\n          </svg>\n          <span>Please select at least one package</span>\n        </div>\n      </template>\n\n      <!-- Search error -->\n      <template x-if=\"error\">\n        <div class=\"alert alert-error\">\n          <svg\n            class=\"w-6 h-6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n            />\n          </svg>\n          <span x-text=\"error\"></span>\n        </div>\n      </template>\n\n      <!-- No results -->\n      <template x-if=\"results && !results.error && !hasResults()\">\n        <div class=\"alert alert-warning\">\n          <svg\n            class=\"w-6 h-6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n            />\n          </svg>\n          <span>No results found</span>\n        </div>\n      </template>\n\n      <!-- Results display -->\n      <template x-if=\"results && !results.error && hasResults()\">\n        <div class=\"mb-2\">\n          <div class=\"text-sm font-semibold text-base-content/70 mb-2\">\n            Results\n          </div>\n\n          <!-- Compounds -->\n          <template x-if=\"results.Compounds && results.Compounds.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Compounds\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Compounds.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Compounds\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Compound Structures -->\n          <template\n            x-if=\"results['Compound Structures'] && results['Compound Structures'].length > 0\"\n          >\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Compound Structures\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results['Compound Structures'].length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template\n                  x-for=\"item in results['Compound Structures']\"\n                  :key=\"item.url\"\n                >\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Rules -->\n          <template x-if=\"results.Rules && results.Rules.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Rules\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Rules.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Rules\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Reactions -->\n          <template x-if=\"results.Reactions && results.Reactions.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Reactions\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Reactions.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Reactions\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Pathways -->\n          <template x-if=\"results.Pathways && results.Pathways.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Pathways\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Pathways.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Pathways\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n        </div>\n      </template>\n    </div>\n  </div>\n\n  <form method=\"dialog\" class=\"modal-backdrop\">\n    <button aria-label=\"close\"></button>\n  </form>\n</dialog>\n\n    \n\n    <script>\n      document.addEventListener(\"DOMContentLoaded\", function () {\n        // Show actions button if there are actions defined\n        const actionsButtonUl = document.querySelector(\"#actionsButton ul\");\n        if (actionsButtonUl && actionsButtonUl.children.length > 0) {\n          document.getElementById(\"actionsButton\").style.display = \"\";\n        }\n      });\n\n      // Open search modal function\n      function openSearchModal() {\n        const searchModal = document.getElementById(\"search_modal\");\n        if (searchModal) {\n          searchModal.showModal();\n        }\n      }\n\n      // Click handler for search badge\n      const searchTrigger = document.getElementById(\"search-trigger\");\n      if (searchTrigger) {\n        searchTrigger.addEventListener(\"click\", function (event) {\n          event.preventDefault();\n          openSearchModal();\n        });\n      }\n\n      // Global keyboard shortcut for search (Cmd+K on Mac, Ctrl+K on Windows/Linux)\n      document.addEventListener(\"keydown\", function (event) {\n        // Check if user is typing in an input field\n        const activeElement = document.activeElement;\n        const isInputField =\n          activeElement &&\n          (activeElement.tagName === \"INPUT\" ||\n            activeElement.tagName === \"TEXTAREA\" ||\n            activeElement.contentEditable === \"true\");\n\n        if (isInputField) {\n          return; // Don't trigger shortcut when typing in input fields\n        }\n\n        // Check for Cmd+K (Mac) or Ctrl+K (Windows/Linux)\n        const isMac = /Mac/.test(navigator.platform);\n        const isCorrectModifier = isMac ? event.metaKey : event.ctrlKey;\n\n        if (isCorrectModifier && event.key === \"k\") {\n          event.preventDefault();\n          openSearchModal();\n        }\n      });\n    </script>\n  </body>\n</html>\n"), 
+    timing = c(redirect = 0, namelookup = 3.1e-05, connect = 0, 
+    pretransfer = 0.000174, starttransfer = 0.37631, total = 0.376814
     ), cache = new.env(parent = emptyenv())), class = "httr2_response")
diff --git a/tests/httptest/login/NA-2f7c1a-POST.R b/tests/httptest/login/NA-2f7c1a-POST.R
index afcea48..ae80623 100644
--- a/tests/httptest/login/NA-2f7c1a-POST.R
+++ b/tests/httptest/login/NA-2f7c1a-POST.R
@@ -1,11 +1,11 @@
 structure(list(method = "POST", url = "https://", status_code = 500L, 
     headers = structure(list(Server = "nginx/1.24.0 (Ubuntu)", 
-        Date = "Sat, 24 Oct 2026 03:32:45 GMT", `Content-Type` = "text/html; charset=utf-8", 
+        Date = "Fri, 13 Nov 2026 02:48:34 GMT", `Content-Type` = "text/html; charset=utf-8", 
         `Content-Length` = "43025", Connection = "keep-alive", 
         Vary = "Authorization, Cookie", `X-Frame-Options` = "DENY", 
         `X-Content-Type-Options` = "nosniff", `Referrer-Policy` = "same-origin", 
-        `Cross-Origin-Opener-Policy` = "same-origin", `Set-Cookie` = "csrftoken=9u2FC7Dz4uZvd2M57D4NgVQKCxqiSjaO; expires=Sat, 23 Oct 2027 03:32:45 GMT; Max-Age=31449600; Path=/; SameSite=Lax"), class = "httr2_headers"), 
-    body = charToRaw("<!doctype html>\n<html data-theme=\"envipath\" lang=\"en\">\n  \n  <head>\n    <title>enviPath</title>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <meta name=\"csrf-token\" content=\"4kjpHIhKK0dM9q8ZkJqi3s96Uobw0q3j3EbU9FK9Ek27ciKUhckV9dPGmLrEIz3X\" />\n\n    \n    <link\n      rel=\"shortcut icon\"\n      type=\"image/png\"\n      href=\"/static/images/favicon.ico\"\n    />\n\n    \n    <link\n      href=\"/static/css/output.css\"\n      rel=\"stylesheet\"\n      type=\"text/css\"\n    />\n\n    \n    <script src=\"https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js\"></script>\n    <script src=\"/static/js/utils/timeseries-chart.js\"></script>\n\n    \n    <script\n      defer\n      src=\"https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js\"\n    ></script>\n    <script src=\"/static/js/alpine/index.js\"></script>\n    <script src=\"/static/js/alpine/search.js\"></script>\n    <script src=\"/static/js/alpine/pagination.js\"></script>\n    <script src=\"/static/js/alpine/pathway.js\"></script>\n    <script src=\"/static/js/alpine/components/schema-form.js\"></script>\n    <script src=\"/static/js/alpine/components/widgets.js\"></script>\n\n    \n    <link\n      href=\"https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css\"\n      rel=\"stylesheet\"\n    />\n\n    \n    <script src=\"https://community.envipath.org/javascripts/embed-topics.js\"></script>\n\n    <script>\n      const csrftoken = document.querySelector(\"[name=csrf-token]\").content;\n    </script>\n\n    \n    <script src=\"/static/js/pps.js\"></script>\n\n    \n      <!-- Matomo -->\n      <script>\n        var _paq = (window._paq = window._paq || []);\n        _paq.push([\"trackPageView\"]);\n        _paq.push([\"enableLinkTracking\"]);\n        (function () {\n          var u = \"//matomo.envipath.com/\";\n          _paq.push([\"setTrackerUrl\", u + \"matomo.php\"]);\n          _paq.push([\"setSiteId\", \"1\"]);\n          var d = document,\n            g = d.createElement(\"script\"),\n            s = d.getElementsByTagName(\"script\")[0];\n          g.async = true;\n          g.src = u + \"matomo.js\";\n          s.parentNode.insertBefore(g, s);\n        })();\n      </script>\n      <!-- End Matomo Code -->\n    \n  </head>\n  <body class=\"bg-base-300 min-h-screen\">\n    \n\n<div class=\"drawer drawer-mobile\">\n  <input id=\"drawer-toggle\" type=\"checkbox\" class=\"drawer-toggle\" />\n  <div class=\"drawer-content flex flex-col\">\n    \n    <div class=\"navbar x-50 bg-neutral-50 text-neutral-950 shadow-lg\">\n      <div class=\"navbar-start\">\n        \n        \n        <a\n          href=\"https://envipath.org\"\n          class=\"btn btn-ghost text-xl normal-case\"\n        >\n          <svg class=\"fill-base-content h-8\" viewBox=\"0 0 104 26\" role=\"img\">\n            <use href=\"/static/images/logo-name.svg#ep-logo-name\" />\n          </svg>\n        </a>\n      </div>\n\n      \n\n      <div class=\"navbar-end\">\n        \n        \n          <div class=\"dropdown dropdown-end\">\n            <div\n              tabindex=\"0\"\n              role=\"button\"\n              class=\"btn btn-ghost btn-circle m-1\"\n              id=\"loggedInButton\"\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                class=\"lucide lucide-circle-user-icon lucide-circle-user\"\n              >\n                <circle cx=\"12\" cy=\"12\" r=\"10\" />\n                <circle cx=\"12\" cy=\"10\" r=\"3\" />\n                <path d=\"M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662\" />\n              </svg>\n            </div>\n            <ul\n              tabindex=\"-1\"\n              class=\"dropdown-content menu bg-base-100 rounded-box z-50 w-52 p-2 shadow-sm\"\n            >\n              <li>\n                <a href=\"https://envipath.org/user/f3ce2e6a-b8c4-46d2-a6ed-6be4d8ae23fa\" id=\"accountbutton\"\n                  >User Profile</a\n                >\n              </li>\n              <li>\n                <form\n                  id=\"logoutForm\"\n                  action=\"/logout\"\n                  method=\"post\"\n                  style=\"display: none;\"\n                >\n                  <input type=\"hidden\" name=\"csrfmiddlewaretoken\" value=\"4kjpHIhKK0dM9q8ZkJqi3s96Uobw0q3j3EbU9FK9Ek27ciKUhckV9dPGmLrEIz3X\">\n                  <input type=\"hidden\" name=\"logout\" value=\"true\" />\n                </form>\n                <a\n                  href=\"#\"\n                  id=\"logoutButton\"\n                  onclick=\"event.preventDefault(); document.getElementById('logoutForm').submit();\"\n                  >Logout</a\n                >\n              </li>\n            </ul>\n          </div>\n        \n      </div>\n    </div>\n  </div>\n  \n  <div class=\"drawer-side\">\n    <label for=\"drawer-toggle\" class=\"drawer-overlay\"></label>\n    <ul class=\"menu min-h-full w-80 bg-base-200 p-4 text-base-content\">\n      \n      <li class=\"mb-4\">\n        <div class=\"flex items-center justify-between\">\n          <span class=\"font-bold text-lg\">Menu</span>\n          <label\n            for=\"drawer-toggle\"\n            class=\"btn btn-sm btn-circle btn-ghost\"\n            aria-label=\"Close menu\"\n          >\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"h-6 w-6\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M6 18L18 6M6 6l12 12\"\n              />\n            </svg>\n          </label>\n        </div>\n      </li>\n      \n    </ul>\n  </div>\n</div>\n\n<script>\n  // OS-aware search shortcut display\n  (function () {\n    const isMac = /Mac/.test(navigator.platform);\n    const shortcutElement = document.getElementById(\"search-shortcut\");\n    if (shortcutElement) {\n      shortcutElement.textContent = isMac ? \"⌘K\" : \"Ctrl+K\";\n    }\n  })();\n</script>\n\n\n    \n    <main class=\"w-full\">\n      \n        \n        \n\n        \n        <div\n          id=\"docContent\"\n          class=\"bg-base-100 mx-auto md:my-8 md:max-w-6xl md:rounded-lg md:shadow-xl\"\n        >\n          \n          \n\n          \n          \n  <div class=\"flex min-h-[60vh] flex-col items-center justify-center p-8\">\n    <div class=\"w-full max-w-2xl\">\n      <div class=\"alert alert-error mb-6 shadow-lg\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          class=\"h-8 w-8 shrink-0 stroke-current\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n        >\n          <path\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            stroke-width=\"2\"\n            d=\"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z\"\n          />\n        </svg>\n        <div class=\"flex flex-col\">\n          <h3 class=\"text-lg font-bold\">\n            Internal Server Error\n          </h3>\n          <p class=\"text-sm\">\n            An unexpected error occurred. Please try again later.\n          </p>\n        </div>\n      </div>\n\n      <div class=\"card bg-base-100 shadow-xl\">\n        <div class=\"card-body\">\n          <h2 class=\"card-title mb-4 text-2xl\">Oops! Something went wrong</h2>\n          <p class=\"text-base-content/70 mb-4\">\n            We encountered an unexpected error while processing your request. Our team has been notified and is working to resolve the issue.\n          </p>\n          <div class=\"card-actions mt-6 justify-end\">\n            <a href=\"/\" class=\"btn btn-primary\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                class=\"mr-2 h-5 w-5\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"2\"\n                  d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"\n                />\n              </svg>\n              Go Home\n            </a>\n            <button\n              onclick=\"window.location.href = document.referrer\"\n              class=\"btn btn-outline\"\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                class=\"mr-2 h-5 w-5\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"2\"\n                  d=\"M10 19l-7-7m0 0l7-7m-7 7h18\"\n                />\n              </svg>\n              Go Back\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n\n          \n          \n        </div>\n      \n    </main>\n\n    \n<div class=\"bg-base-300 text-base-content mx-auto mt-10 lg:max-w-5xl\">\n  <footer class=\"footer sm:footer-horizontal p-10\">\n    \n    <nav>\n      <h6 class=\"footer-title\">Company</h6>\n      <a class=\"link link-hover\" href=\"/about\" target=\"_blank\">About us</a>\n    </nav>\n    <nav>\n      <h6 class=\"footer-title\">Legal</h6>\n      <a class=\"link link-hover\" href=\"/terms\">Terms of use</a>\n      <a class=\"link link-hover\" href=\"/privacy\">Privacy policy</a>\n      <a class=\"link link-hover\" href=\"/cookie-policy\">Cookie policy</a>\n      <a class=\"link link-hover\" href=\"/cite\">Cite enviPath</a>\n    </nav>\n  </footer>\n  <footer class=\"footer border-t-2 border-neutral-300 px-10 py-4\">\n    <div class=\"flex w-full flex-row items-start justify-between\">\n      <aside class=\"grid-flow-col items-center\">\n        <svg\n          class=\"fill-neutral-content m-2 h-14 flex-shrink-0\"\n          viewbox=\"0 0 65 65\"\n        >\n          <use\n            href=\"/static/images/logo-square.svg#ep-logo-square\"\n          ></use>\n        </svg>\n\n        enviPath Ltd.\n        <br />\n        Biodegredation prediction since 2015.\n      </aside>\n      <aside class=\"text-base-200 mt-2 text-sm\">\n        <span class=\"text-xs tracking-tight\">Version</span>\n        <span class=\"text-base font-bold\">1.0.0</span>\n      </aside>\n    </div>\n    <nav class=\"md:place-self-center md:justify-self-end\">\n      <div class=\"grid grid-flow-col gap-4\">\n        <a href=\"https://www.youtube.com/@envipath7231\" target=\"_blank\">\n          <svg\n            role=\"img\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            class=\"h-6 w-6 fill-current\"\n          >\n            <title>YouTube</title>\n            <path\n              d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\n            />\n          </svg>\n        </a>\n        <a href=\"https://community.envipath.org/\" target=\"_blank\">\n          <svg\n            role=\"img\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            class=\"h-6 w-6 fill-current\"\n          >\n            <title>Discourse</title>\n            <path\n              d=\"M12.103 0C18.666 0 24 5.485 24 11.997c0 6.51-5.33 11.99-11.9 11.99L0 24V11.79C0 5.28 5.532 0 12.103 0zm.116 4.563c-2.593-.003-4.996 1.352-6.337 3.57-1.33 2.208-1.387 4.957-.148 7.22L4.4 19.61l4.794-1.074c2.745 1.225 5.965.676 8.136-1.39 2.17-2.054 2.86-5.228 1.737-7.997-1.135-2.778-3.84-4.59-6.84-4.585h-.008z\"\n            />\n          </svg>\n        </a>\n        <a href=\"https://www.linkedin.com/company/envipath/\" target=\"_blank\">\n          <img\n            src=\"/static/images/linkedin.png\"\n            alt=\"LinkedIn\"\n            class=\"h-6 w-6\"\n          />\n        </a>\n      </div>\n    </nav>\n  </footer>\n</div>\n\n\n    \n    \n\n    \n      <dialog\n  id=\"search_modal\"\n  class=\"modal items-start sm:items-center\"\n  x-data=\"searchModal()\"\n  @close=\"reset()\"\n>\n  <div class=\"modal-box mt-4 sm:mt-0 p-1 sm:h-8/12 sm:w-[85vw] sm:max-w-5xl\">\n    <!-- Search Input and Mode Selector -->\n    <div class=\"form-control mb-4 w-full shrink-0\">\n      <div class=\"join m-0 w-full items-center p-3\">\n        <label class=\"input join-item input-ghost grow\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            class=\"lucide lucide-search-icon lucide-search\"\n          >\n            <path d=\"m21 21-4.34-4.34\" />\n            <circle cx=\"11\" cy=\"11\" r=\"8\" />\n          </svg>\n          <input\n            type=\"text\"\n            autofocus\n            x-ref=\"searchbar\"\n            x-model=\"query\"\n            @keydown.enter=\"performSearch('')\"\n            placeholder=\"Benfuracarb\"\n            class=\"grow\"\n            aria-label=\"Search\"\n          />\n        </label>\n\n        <!-- Mode Dropdown -->\n        <div>\n          <button\n            type=\"button\"\n            tabindex=\"0\"\n            popovertarget=\"search_dropdown_menu\"\n            style=\"anchor-name: --anchor-mode\"\n            class=\"btn join-item btn-ghost\"\n          >\n            <span x-text=\"searchModeLabel\"></span>\n            <svg\n              class=\"ml-1 h-4 w-4\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              viewBox=\"0 0 24 24\"\n            >\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M19 9l-7 7-7-7\"\n              />\n            </svg>\n          </button>\n          <ul\n            tabindex=\"0\"\n            class=\"dropdown dropdown-end menu bg-base-200 rounded-box w-64 p-2 shadow-lg\"\n            popover\n            x-ref=\"modeDropdown\"\n            id=\"search_dropdown_menu\"\n            style=\"position-anchor: --anchor-mode\"\n          >\n            <li class=\"menu-title\">Text</li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('text', 'Text')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Search on object names and descriptions\"\n              >\n                Text\n              </a>\n            </li>\n            <li class=\"menu-title\">SMILES</li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('smiles_default', 'Default')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Ignores stereochemistry and charge\"\n              >\n                Default\n              </a>\n            </li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('smiles_canonical', 'Canonical')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Ignores stereochemistry, preserves charge\"\n              >\n                Canonical\n              </a>\n            </li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('smiles_exact', 'Exact')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Exact match for stereochemistry and charge\"\n              >\n                Exact\n              </a>\n            </li>\n            <li class=\"menu-title\">InChI</li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('inchikey', 'InChIKey')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Search by InChIKey\"\n              >\n                InChIKey\n              </a>\n            </li>\n          </ul>\n        </div>\n\n        <button\n          type=\"button\"\n          @click=\"performSearch('')\"\n          class=\"btn btn-xs btn-ghost join-item\"\n        >\n          <kbd class=\"kbd kbd-sm text-base-content/50 p-1\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              class=\"lucide lucide-corner-down-left-icon lucide-corner-down-left\"\n            >\n              <path d=\"M20 4v7a4 4 0 0 1-4 4H4\" />\n              <path d=\"m9 10-5 5 5 5\" />\n            </svg>\n          </kbd>\n        </button>\n      </div>\n    </div>\n\n    <!-- Package Selector with Pills -->\n    <div class=\"form-control mb-4 shrink-0\">\n      <!-- Pills Container -->\n      <div\n        class=\"border-base-300 m-3 flex min-h-12 flex-wrap items-center gap-2 rounded-lg border-2 border-dashed p-3\"\n      >\n        <!-- Dynamic Pills -->\n        <template x-for=\"pkg in selectedPackages\" :key=\"pkg.url\">\n          <span class=\"badge badge-outline gap-2 max-w-xs\">\n            <span class=\"truncate\" :title=\"pkg.name\" x-text=\"pkg.name\"></span>\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"h-4 w-4 cursor-pointer hover:text-error shrink-0 rotate-45\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              @click=\"removePackage(pkg.url)\"\n            >\n              <path d=\"M5 12h14\" />\n              <path d=\"M12 5v14\" />\n            </svg>\n          </span>\n        </template>\n\n        <!-- Add Package Button -->\n        <button\n          type=\"button\"\n          popovertarget=\"package_dropdown_menu\"\n          style=\"anchor-name: --anchor-packages\"\n          class=\"btn btn-sm btn-ghost gap-2 text-base-content/50\"\n        >\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            class=\"lucide lucide-plus-icon lucide-plus\"\n          >\n            <path d=\"M5 12h14\" />\n            <path d=\"M12 5v14\" />\n          </svg>\n          Add Package\n        </button>\n      </div>\n\n      <!-- Package Dropdown Menu -->\n      <ul\n        class=\"dropdown dropdown-center menu bg-base-200 rounded-box max-h-96 w-80 overflow-y-auto p-2 shadow-lg\"\n        popover\n        x-ref=\"packageDropdown\"\n        id=\"package_dropdown_menu\"\n        style=\"position-anchor: --anchor-packages\"\n      >\n        \n          <li class=\"menu-title\">Reviewed Packages</li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/87a49584-d937-482c-9c33-25928dcb02a8\"\n                data-package-name=\"enviPath-PFAS\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/87a49584-d937-482c-9c33-25928dcb02a8', 'enviPath-PFAS')\"\n              >\n                <span>enviPath-PFAS</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/87a49584-d937-482c-9c33-25928dcb02a8') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/32de3cf4-e3e6-4168-956e-32fa5ddb0ce1\"\n                data-package-name=\"EAWAG-BBD\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/32de3cf4-e3e6-4168-956e-32fa5ddb0ce1', 'EAWAG-BBD')\"\n              >\n                <span>EAWAG-BBD</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/32de3cf4-e3e6-4168-956e-32fa5ddb0ce1') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/f05e38d8-e9b4-4c3e-b0d8-9ab29966eccf\"\n                data-package-name=\"EAWAG-SEDIMENT\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/f05e38d8-e9b4-4c3e-b0d8-9ab29966eccf', 'EAWAG-SEDIMENT')\"\n              >\n                <span>EAWAG-SEDIMENT</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/f05e38d8-e9b4-4c3e-b0d8-9ab29966eccf') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/521c547a-fd2a-491c-ad5b-7eaa1577fb65\"\n                data-package-name=\"EAWAG-SLUDGE\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/521c547a-fd2a-491c-ad5b-7eaa1577fb65', 'EAWAG-SLUDGE')\"\n              >\n                <span>EAWAG-SLUDGE</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/521c547a-fd2a-491c-ad5b-7eaa1577fb65') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/5882df9c-dae1-4d80-a40e-db4724271456\"\n                data-package-name=\"EAWAG-SOIL\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/5882df9c-dae1-4d80-a40e-db4724271456', 'EAWAG-SOIL')\"\n              >\n                <span>EAWAG-SOIL</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/5882df9c-dae1-4d80-a40e-db4724271456') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/134886bb-b52e-4ad6-91d3-a02cecde6d95\"\n                data-package-name=\"Public Prediction Models\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/134886bb-b52e-4ad6-91d3-a02cecde6d95', 'Public Prediction Models')\"\n              >\n                <span>Public Prediction Models</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/134886bb-b52e-4ad6-91d3-a02cecde6d95') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n          <li class=\"menu-title\">Unreviewed Packages</li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/5b594bf6-56a8-4ce5-9a63-5fd4b525756e\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:04:40.517620\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/5b594bf6-56a8-4ce5-9a63-5fd4b525756e', 'Autogenerated Package for Batch Prediction 2026-09-01 00:04:40.517620')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:04:40.517620</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/5b594bf6-56a8-4ce5-9a63-5fd4b525756e') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/aee2524b-79f3-4640-a519-aac543ac05e3\"\n                data-package-name=\"RiboRings’ Package\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/aee2524b-79f3-4640-a519-aac543ac05e3', 'RiboRings’ Package')\"\n              >\n                <span>RiboRings’ Package</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/aee2524b-79f3-4640-a519-aac543ac05e3') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/7a3bddd7-c1a2-4699-a885-8b9044fd4fe2\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:06:57.531194\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/7a3bddd7-c1a2-4699-a885-8b9044fd4fe2', 'Autogenerated Package for Batch Prediction 2026-09-01 00:06:57.531194')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:06:57.531194</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/7a3bddd7-c1a2-4699-a885-8b9044fd4fe2') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/d1898032-350b-438a-a702-63906c7ed76a\"\n                data-package-name=\"32de3cf4-e3e6-4168-956e-32fa5ddb0ce1\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/d1898032-350b-438a-a702-63906c7ed76a', '32de3cf4-e3e6-4168-956e-32fa5ddb0ce1')\"\n              >\n                <span>32de3cf4-e3e6-4168-956e-32fa5ddb0ce1</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/d1898032-350b-438a-a702-63906c7ed76a') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/995230c9-167a-4108-8002-d8fadd242dff\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:04:22.775931\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/995230c9-167a-4108-8002-d8fadd242dff', 'Autogenerated Package for Batch Prediction 2026-09-01 00:04:22.775931')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:04:22.775931</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/995230c9-167a-4108-8002-d8fadd242dff') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/c3c6699a-8c78-4987-af4d-4a041ffc448d\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:08:26.613909\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/c3c6699a-8c78-4987-af4d-4a041ffc448d', 'Autogenerated Package for Batch Prediction 2026-09-01 00:08:26.613909')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:08:26.613909</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/c3c6699a-8c78-4987-af4d-4a041ffc448d') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/7245f711-51d0-4b1e-b49d-99a9d9744c96\"\n                data-package-name=\"32de3cf4-e3e6-4168-956e-32fa5ddb0ce1\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/7245f711-51d0-4b1e-b49d-99a9d9744c96', '32de3cf4-e3e6-4168-956e-32fa5ddb0ce1')\"\n              >\n                <span>32de3cf4-e3e6-4168-956e-32fa5ddb0ce1</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/7245f711-51d0-4b1e-b49d-99a9d9744c96') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n        \n      </ul>\n    </div>\n\n    <!-- Loading Indicator -->\n    <div x-show=\"isSearching\" class=\"flex shrink-0 justify-center py-8\">\n      <span class=\"loading loading-spinner loading-lg text-primary\"></span>\n    </div>\n\n    <!-- Results Container -->\n    <div class=\"min-h-0 flex-1 overflow-y-auto p-2\">\n      <!-- No packages selected error -->\n      <template x-if=\"results && results.error === 'no_packages'\">\n        <div class=\"alert alert-info\">\n          <svg\n            class=\"w-6 h-6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n            />\n          </svg>\n          <span>Please select at least one package</span>\n        </div>\n      </template>\n\n      <!-- Search error -->\n      <template x-if=\"error\">\n        <div class=\"alert alert-error\">\n          <svg\n            class=\"w-6 h-6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n            />\n          </svg>\n          <span x-text=\"error\"></span>\n        </div>\n      </template>\n\n      <!-- No results -->\n      <template x-if=\"results && !results.error && !hasResults()\">\n        <div class=\"alert alert-warning\">\n          <svg\n            class=\"w-6 h-6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n            />\n          </svg>\n          <span>No results found</span>\n        </div>\n      </template>\n\n      <!-- Results display -->\n      <template x-if=\"results && !results.error && hasResults()\">\n        <div class=\"mb-2\">\n          <div class=\"text-sm font-semibold text-base-content/70 mb-2\">\n            Results\n          </div>\n\n          <!-- Compounds -->\n          <template x-if=\"results.Compounds && results.Compounds.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Compounds\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Compounds.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Compounds\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Compound Structures -->\n          <template\n            x-if=\"results['Compound Structures'] && results['Compound Structures'].length > 0\"\n          >\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Compound Structures\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results['Compound Structures'].length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template\n                  x-for=\"item in results['Compound Structures']\"\n                  :key=\"item.url\"\n                >\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Rules -->\n          <template x-if=\"results.Rules && results.Rules.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Rules\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Rules.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Rules\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Reactions -->\n          <template x-if=\"results.Reactions && results.Reactions.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Reactions\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Reactions.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Reactions\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Pathways -->\n          <template x-if=\"results.Pathways && results.Pathways.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Pathways\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Pathways.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Pathways\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n        </div>\n      </template>\n    </div>\n  </div>\n\n  <form method=\"dialog\" class=\"modal-backdrop\">\n    <button aria-label=\"close\"></button>\n  </form>\n</dialog>\n\n    \n\n    <script>\n      document.addEventListener(\"DOMContentLoaded\", function () {\n        // Show actions button if there are actions defined\n        const actionsButtonUl = document.querySelector(\"#actionsButton ul\");\n        if (actionsButtonUl && actionsButtonUl.children.length > 0) {\n          document.getElementById(\"actionsButton\").style.display = \"\";\n        }\n      });\n\n      // Open search modal function\n      function openSearchModal() {\n        const searchModal = document.getElementById(\"search_modal\");\n        if (searchModal) {\n          searchModal.showModal();\n        }\n      }\n\n      // Click handler for search badge\n      const searchTrigger = document.getElementById(\"search-trigger\");\n      if (searchTrigger) {\n        searchTrigger.addEventListener(\"click\", function (event) {\n          event.preventDefault();\n          openSearchModal();\n        });\n      }\n\n      // Global keyboard shortcut for search (Cmd+K on Mac, Ctrl+K on Windows/Linux)\n      document.addEventListener(\"keydown\", function (event) {\n        // Check if user is typing in an input field\n        const activeElement = document.activeElement;\n        const isInputField =\n          activeElement &&\n          (activeElement.tagName === \"INPUT\" ||\n            activeElement.tagName === \"TEXTAREA\" ||\n            activeElement.contentEditable === \"true\");\n\n        if (isInputField) {\n          return; // Don't trigger shortcut when typing in input fields\n        }\n\n        // Check for Cmd+K (Mac) or Ctrl+K (Windows/Linux)\n        const isMac = /Mac/.test(navigator.platform);\n        const isCorrectModifier = isMac ? event.metaKey : event.ctrlKey;\n\n        if (isCorrectModifier && event.key === \"k\") {\n          event.preventDefault();\n          openSearchModal();\n        }\n      });\n    </script>\n  </body>\n</html>\n"), 
-    timing = c(redirect = 0, namelookup = 3e-05, connect = 0, 
-    pretransfer = 0.000116, starttransfer = 0.422185, total = 0.830267
+        `Cross-Origin-Opener-Policy` = "same-origin", `Set-Cookie` = "csrftoken=TUPLC8ByY6rJp7zLNJIxlk4OAyW5YNW2; expires=Fri, 12 Nov 2027 02:48:34 GMT; Max-Age=31449600; Path=/; SameSite=Lax"), class = "httr2_headers"), 
+    body = charToRaw("<!doctype html>\n<html data-theme=\"envipath\" lang=\"en\">\n  \n  <head>\n    <title>enviPath</title>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <meta name=\"csrf-token\" content=\"zIFnWL0Sw85fFvFYthiKfi8WXmSA8zqAiskYoJrgk4mOUs4z6QQ7qs2AnKEvWccs\" />\n\n    \n    <link\n      rel=\"shortcut icon\"\n      type=\"image/png\"\n      href=\"/static/images/favicon.ico\"\n    />\n\n    \n    <link\n      href=\"/static/css/output.css\"\n      rel=\"stylesheet\"\n      type=\"text/css\"\n    />\n\n    \n    <script src=\"https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js\"></script>\n    <script src=\"/static/js/utils/timeseries-chart.js\"></script>\n\n    \n    <script\n      defer\n      src=\"https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js\"\n    ></script>\n    <script src=\"/static/js/alpine/index.js\"></script>\n    <script src=\"/static/js/alpine/search.js\"></script>\n    <script src=\"/static/js/alpine/pagination.js\"></script>\n    <script src=\"/static/js/alpine/pathway.js\"></script>\n    <script src=\"/static/js/alpine/components/schema-form.js\"></script>\n    <script src=\"/static/js/alpine/components/widgets.js\"></script>\n\n    \n    <link\n      href=\"https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css\"\n      rel=\"stylesheet\"\n    />\n\n    \n    <script src=\"https://community.envipath.org/javascripts/embed-topics.js\"></script>\n\n    <script>\n      const csrftoken = document.querySelector(\"[name=csrf-token]\").content;\n    </script>\n\n    \n    <script src=\"/static/js/pps.js\"></script>\n\n    \n      <!-- Matomo -->\n      <script>\n        var _paq = (window._paq = window._paq || []);\n        _paq.push([\"trackPageView\"]);\n        _paq.push([\"enableLinkTracking\"]);\n        (function () {\n          var u = \"//matomo.envipath.com/\";\n          _paq.push([\"setTrackerUrl\", u + \"matomo.php\"]);\n          _paq.push([\"setSiteId\", \"1\"]);\n          var d = document,\n            g = d.createElement(\"script\"),\n            s = d.getElementsByTagName(\"script\")[0];\n          g.async = true;\n          g.src = u + \"matomo.js\";\n          s.parentNode.insertBefore(g, s);\n        })();\n      </script>\n      <!-- End Matomo Code -->\n    \n  </head>\n  <body class=\"bg-base-300 min-h-screen\">\n    \n\n<div class=\"drawer drawer-mobile\">\n  <input id=\"drawer-toggle\" type=\"checkbox\" class=\"drawer-toggle\" />\n  <div class=\"drawer-content flex flex-col\">\n    \n    <div class=\"navbar x-50 bg-neutral-50 text-neutral-950 shadow-lg\">\n      <div class=\"navbar-start\">\n        \n        \n        <a\n          href=\"https://envipath.org\"\n          class=\"btn btn-ghost text-xl normal-case\"\n        >\n          <svg class=\"fill-base-content h-8\" viewBox=\"0 0 104 26\" role=\"img\">\n            <use href=\"/static/images/logo-name.svg#ep-logo-name\" />\n          </svg>\n        </a>\n      </div>\n\n      \n\n      <div class=\"navbar-end\">\n        \n        \n          <div class=\"dropdown dropdown-end\">\n            <div\n              tabindex=\"0\"\n              role=\"button\"\n              class=\"btn btn-ghost btn-circle m-1\"\n              id=\"loggedInButton\"\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                class=\"lucide lucide-circle-user-icon lucide-circle-user\"\n              >\n                <circle cx=\"12\" cy=\"12\" r=\"10\" />\n                <circle cx=\"12\" cy=\"10\" r=\"3\" />\n                <path d=\"M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662\" />\n              </svg>\n            </div>\n            <ul\n              tabindex=\"-1\"\n              class=\"dropdown-content menu bg-base-100 rounded-box z-50 w-52 p-2 shadow-sm\"\n            >\n              <li>\n                <a href=\"https://envipath.org/user/f3ce2e6a-b8c4-46d2-a6ed-6be4d8ae23fa\" id=\"accountbutton\"\n                  >User Profile</a\n                >\n              </li>\n              <li>\n                <form\n                  id=\"logoutForm\"\n                  action=\"/logout\"\n                  method=\"post\"\n                  style=\"display: none;\"\n                >\n                  <input type=\"hidden\" name=\"csrfmiddlewaretoken\" value=\"zIFnWL0Sw85fFvFYthiKfi8WXmSA8zqAiskYoJrgk4mOUs4z6QQ7qs2AnKEvWccs\">\n                  <input type=\"hidden\" name=\"logout\" value=\"true\" />\n                </form>\n                <a\n                  href=\"#\"\n                  id=\"logoutButton\"\n                  onclick=\"event.preventDefault(); document.getElementById('logoutForm').submit();\"\n                  >Logout</a\n                >\n              </li>\n            </ul>\n          </div>\n        \n      </div>\n    </div>\n  </div>\n  \n  <div class=\"drawer-side\">\n    <label for=\"drawer-toggle\" class=\"drawer-overlay\"></label>\n    <ul class=\"menu min-h-full w-80 bg-base-200 p-4 text-base-content\">\n      \n      <li class=\"mb-4\">\n        <div class=\"flex items-center justify-between\">\n          <span class=\"font-bold text-lg\">Menu</span>\n          <label\n            for=\"drawer-toggle\"\n            class=\"btn btn-sm btn-circle btn-ghost\"\n            aria-label=\"Close menu\"\n          >\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"h-6 w-6\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M6 18L18 6M6 6l12 12\"\n              />\n            </svg>\n          </label>\n        </div>\n      </li>\n      \n    </ul>\n  </div>\n</div>\n\n<script>\n  // OS-aware search shortcut display\n  (function () {\n    const isMac = /Mac/.test(navigator.platform);\n    const shortcutElement = document.getElementById(\"search-shortcut\");\n    if (shortcutElement) {\n      shortcutElement.textContent = isMac ? \"⌘K\" : \"Ctrl+K\";\n    }\n  })();\n</script>\n\n\n    \n    <main class=\"w-full\">\n      \n        \n        \n\n        \n        <div\n          id=\"docContent\"\n          class=\"bg-base-100 mx-auto md:my-8 md:max-w-6xl md:rounded-lg md:shadow-xl\"\n        >\n          \n          \n\n          \n          \n  <div class=\"flex min-h-[60vh] flex-col items-center justify-center p-8\">\n    <div class=\"w-full max-w-2xl\">\n      <div class=\"alert alert-error mb-6 shadow-lg\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          class=\"h-8 w-8 shrink-0 stroke-current\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n        >\n          <path\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            stroke-width=\"2\"\n            d=\"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z\"\n          />\n        </svg>\n        <div class=\"flex flex-col\">\n          <h3 class=\"text-lg font-bold\">\n            Internal Server Error\n          </h3>\n          <p class=\"text-sm\">\n            An unexpected error occurred. Please try again later.\n          </p>\n        </div>\n      </div>\n\n      <div class=\"card bg-base-100 shadow-xl\">\n        <div class=\"card-body\">\n          <h2 class=\"card-title mb-4 text-2xl\">Oops! Something went wrong</h2>\n          <p class=\"text-base-content/70 mb-4\">\n            We encountered an unexpected error while processing your request. Our team has been notified and is working to resolve the issue.\n          </p>\n          <div class=\"card-actions mt-6 justify-end\">\n            <a href=\"/\" class=\"btn btn-primary\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                class=\"mr-2 h-5 w-5\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"2\"\n                  d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"\n                />\n              </svg>\n              Go Home\n            </a>\n            <button\n              onclick=\"window.location.href = document.referrer\"\n              class=\"btn btn-outline\"\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                class=\"mr-2 h-5 w-5\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"2\"\n                  d=\"M10 19l-7-7m0 0l7-7m-7 7h18\"\n                />\n              </svg>\n              Go Back\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n\n          \n          \n        </div>\n      \n    </main>\n\n    \n<div class=\"bg-base-300 text-base-content mx-auto mt-10 lg:max-w-5xl\">\n  <footer class=\"footer sm:footer-horizontal p-10\">\n    \n    <nav>\n      <h6 class=\"footer-title\">Company</h6>\n      <a class=\"link link-hover\" href=\"/about\" target=\"_blank\">About us</a>\n    </nav>\n    <nav>\n      <h6 class=\"footer-title\">Legal</h6>\n      <a class=\"link link-hover\" href=\"/terms\">Terms of use</a>\n      <a class=\"link link-hover\" href=\"/privacy\">Privacy policy</a>\n      <a class=\"link link-hover\" href=\"/cookie-policy\">Cookie policy</a>\n      <a class=\"link link-hover\" href=\"/cite\">Cite enviPath</a>\n    </nav>\n  </footer>\n  <footer class=\"footer border-t-2 border-neutral-300 px-10 py-4\">\n    <div class=\"flex w-full flex-row items-start justify-between\">\n      <aside class=\"grid-flow-col items-center\">\n        <svg\n          class=\"fill-neutral-content m-2 h-14 flex-shrink-0\"\n          viewbox=\"0 0 65 65\"\n        >\n          <use\n            href=\"/static/images/logo-square.svg#ep-logo-square\"\n          ></use>\n        </svg>\n\n        enviPath Ltd.\n        <br />\n        Biodegredation prediction since 2015.\n      </aside>\n      <aside class=\"text-base-200 mt-2 text-sm\">\n        <span class=\"text-xs tracking-tight\">Version</span>\n        <span class=\"text-base font-bold\">1.0.0</span>\n      </aside>\n    </div>\n    <nav class=\"md:place-self-center md:justify-self-end\">\n      <div class=\"grid grid-flow-col gap-4\">\n        <a href=\"https://www.youtube.com/@envipath7231\" target=\"_blank\">\n          <svg\n            role=\"img\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            class=\"h-6 w-6 fill-current\"\n          >\n            <title>YouTube</title>\n            <path\n              d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\n            />\n          </svg>\n        </a>\n        <a href=\"https://community.envipath.org/\" target=\"_blank\">\n          <svg\n            role=\"img\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            class=\"h-6 w-6 fill-current\"\n          >\n            <title>Discourse</title>\n            <path\n              d=\"M12.103 0C18.666 0 24 5.485 24 11.997c0 6.51-5.33 11.99-11.9 11.99L0 24V11.79C0 5.28 5.532 0 12.103 0zm.116 4.563c-2.593-.003-4.996 1.352-6.337 3.57-1.33 2.208-1.387 4.957-.148 7.22L4.4 19.61l4.794-1.074c2.745 1.225 5.965.676 8.136-1.39 2.17-2.054 2.86-5.228 1.737-7.997-1.135-2.778-3.84-4.59-6.84-4.585h-.008z\"\n            />\n          </svg>\n        </a>\n        <a href=\"https://www.linkedin.com/company/envipath/\" target=\"_blank\">\n          <img\n            src=\"/static/images/linkedin.png\"\n            alt=\"LinkedIn\"\n            class=\"h-6 w-6\"\n          />\n        </a>\n      </div>\n    </nav>\n  </footer>\n</div>\n\n\n    \n    \n\n    \n      <dialog\n  id=\"search_modal\"\n  class=\"modal items-start sm:items-center\"\n  x-data=\"searchModal()\"\n  @close=\"reset()\"\n>\n  <div class=\"modal-box mt-4 sm:mt-0 p-1 sm:h-8/12 sm:w-[85vw] sm:max-w-5xl\">\n    <!-- Search Input and Mode Selector -->\n    <div class=\"form-control mb-4 w-full shrink-0\">\n      <div class=\"join m-0 w-full items-center p-3\">\n        <label class=\"input join-item input-ghost grow\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            class=\"lucide lucide-search-icon lucide-search\"\n          >\n            <path d=\"m21 21-4.34-4.34\" />\n            <circle cx=\"11\" cy=\"11\" r=\"8\" />\n          </svg>\n          <input\n            type=\"text\"\n            autofocus\n            x-ref=\"searchbar\"\n            x-model=\"query\"\n            @keydown.enter=\"performSearch('')\"\n            placeholder=\"Benfuracarb\"\n            class=\"grow\"\n            aria-label=\"Search\"\n          />\n        </label>\n\n        <!-- Mode Dropdown -->\n        <div>\n          <button\n            type=\"button\"\n            tabindex=\"0\"\n            popovertarget=\"search_dropdown_menu\"\n            style=\"anchor-name: --anchor-mode\"\n            class=\"btn join-item btn-ghost\"\n          >\n            <span x-text=\"searchModeLabel\"></span>\n            <svg\n              class=\"ml-1 h-4 w-4\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              viewBox=\"0 0 24 24\"\n            >\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M19 9l-7 7-7-7\"\n              />\n            </svg>\n          </button>\n          <ul\n            tabindex=\"0\"\n            class=\"dropdown dropdown-end menu bg-base-200 rounded-box w-64 p-2 shadow-lg\"\n            popover\n            x-ref=\"modeDropdown\"\n            id=\"search_dropdown_menu\"\n            style=\"position-anchor: --anchor-mode\"\n          >\n            <li class=\"menu-title\">Text</li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('text', 'Text')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Search on object names and descriptions\"\n              >\n                Text\n              </a>\n            </li>\n            <li class=\"menu-title\">SMILES</li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('smiles_default', 'Default')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Ignores stereochemistry and charge\"\n              >\n                Default\n              </a>\n            </li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('smiles_canonical', 'Canonical')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Ignores stereochemistry, preserves charge\"\n              >\n                Canonical\n              </a>\n            </li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('smiles_exact', 'Exact')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Exact match for stereochemistry and charge\"\n              >\n                Exact\n              </a>\n            </li>\n            <li class=\"menu-title\">InChI</li>\n            <li>\n              <a\n                @click.prevent=\"setSearchMode('inchikey', 'InChIKey')\"\n                class=\"tooltip tooltip-left\"\n                data-tip=\"Search by InChIKey\"\n              >\n                InChIKey\n              </a>\n            </li>\n          </ul>\n        </div>\n\n        <button\n          type=\"button\"\n          @click=\"performSearch('')\"\n          class=\"btn btn-xs btn-ghost join-item\"\n        >\n          <kbd class=\"kbd kbd-sm text-base-content/50 p-1\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              class=\"lucide lucide-corner-down-left-icon lucide-corner-down-left\"\n            >\n              <path d=\"M20 4v7a4 4 0 0 1-4 4H4\" />\n              <path d=\"m9 10-5 5 5 5\" />\n            </svg>\n          </kbd>\n        </button>\n      </div>\n    </div>\n\n    <!-- Package Selector with Pills -->\n    <div class=\"form-control mb-4 shrink-0\">\n      <!-- Pills Container -->\n      <div\n        class=\"border-base-300 m-3 flex min-h-12 flex-wrap items-center gap-2 rounded-lg border-2 border-dashed p-3\"\n      >\n        <!-- Dynamic Pills -->\n        <template x-for=\"pkg in selectedPackages\" :key=\"pkg.url\">\n          <span class=\"badge badge-outline gap-2 max-w-xs\">\n            <span class=\"truncate\" :title=\"pkg.name\" x-text=\"pkg.name\"></span>\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"h-4 w-4 cursor-pointer hover:text-error shrink-0 rotate-45\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              @click=\"removePackage(pkg.url)\"\n            >\n              <path d=\"M5 12h14\" />\n              <path d=\"M12 5v14\" />\n            </svg>\n          </span>\n        </template>\n\n        <!-- Add Package Button -->\n        <button\n          type=\"button\"\n          popovertarget=\"package_dropdown_menu\"\n          style=\"anchor-name: --anchor-packages\"\n          class=\"btn btn-sm btn-ghost gap-2 text-base-content/50\"\n        >\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            class=\"lucide lucide-plus-icon lucide-plus\"\n          >\n            <path d=\"M5 12h14\" />\n            <path d=\"M12 5v14\" />\n          </svg>\n          Add Package\n        </button>\n      </div>\n\n      <!-- Package Dropdown Menu -->\n      <ul\n        class=\"dropdown dropdown-center menu bg-base-200 rounded-box max-h-96 w-80 overflow-y-auto p-2 shadow-lg\"\n        popover\n        x-ref=\"packageDropdown\"\n        id=\"package_dropdown_menu\"\n        style=\"position-anchor: --anchor-packages\"\n      >\n        \n          <li class=\"menu-title\">Reviewed Packages</li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/87a49584-d937-482c-9c33-25928dcb02a8\"\n                data-package-name=\"enviPath-PFAS\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/87a49584-d937-482c-9c33-25928dcb02a8', 'enviPath-PFAS')\"\n              >\n                <span>enviPath-PFAS</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/87a49584-d937-482c-9c33-25928dcb02a8') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/32de3cf4-e3e6-4168-956e-32fa5ddb0ce1\"\n                data-package-name=\"EAWAG-BBD\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/32de3cf4-e3e6-4168-956e-32fa5ddb0ce1', 'EAWAG-BBD')\"\n              >\n                <span>EAWAG-BBD</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/32de3cf4-e3e6-4168-956e-32fa5ddb0ce1') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/f05e38d8-e9b4-4c3e-b0d8-9ab29966eccf\"\n                data-package-name=\"EAWAG-SEDIMENT\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/f05e38d8-e9b4-4c3e-b0d8-9ab29966eccf', 'EAWAG-SEDIMENT')\"\n              >\n                <span>EAWAG-SEDIMENT</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/f05e38d8-e9b4-4c3e-b0d8-9ab29966eccf') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/521c547a-fd2a-491c-ad5b-7eaa1577fb65\"\n                data-package-name=\"EAWAG-SLUDGE\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/521c547a-fd2a-491c-ad5b-7eaa1577fb65', 'EAWAG-SLUDGE')\"\n              >\n                <span>EAWAG-SLUDGE</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/521c547a-fd2a-491c-ad5b-7eaa1577fb65') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/5882df9c-dae1-4d80-a40e-db4724271456\"\n                data-package-name=\"EAWAG-SOIL\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/5882df9c-dae1-4d80-a40e-db4724271456', 'EAWAG-SOIL')\"\n              >\n                <span>EAWAG-SOIL</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/5882df9c-dae1-4d80-a40e-db4724271456') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/134886bb-b52e-4ad6-91d3-a02cecde6d95\"\n                data-package-name=\"Public Prediction Models\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/134886bb-b52e-4ad6-91d3-a02cecde6d95', 'Public Prediction Models')\"\n              >\n                <span>Public Prediction Models</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/134886bb-b52e-4ad6-91d3-a02cecde6d95') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n          <li class=\"menu-title\">Unreviewed Packages</li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/5b594bf6-56a8-4ce5-9a63-5fd4b525756e\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:04:40.517620\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/5b594bf6-56a8-4ce5-9a63-5fd4b525756e', 'Autogenerated Package for Batch Prediction 2026-09-01 00:04:40.517620')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:04:40.517620</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/5b594bf6-56a8-4ce5-9a63-5fd4b525756e') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/aee2524b-79f3-4640-a519-aac543ac05e3\"\n                data-package-name=\"RiboRings’ Package\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/aee2524b-79f3-4640-a519-aac543ac05e3', 'RiboRings’ Package')\"\n              >\n                <span>RiboRings’ Package</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/aee2524b-79f3-4640-a519-aac543ac05e3') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/7a3bddd7-c1a2-4699-a885-8b9044fd4fe2\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:06:57.531194\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/7a3bddd7-c1a2-4699-a885-8b9044fd4fe2', 'Autogenerated Package for Batch Prediction 2026-09-01 00:06:57.531194')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:06:57.531194</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/7a3bddd7-c1a2-4699-a885-8b9044fd4fe2') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/d1898032-350b-438a-a702-63906c7ed76a\"\n                data-package-name=\"32de3cf4-e3e6-4168-956e-32fa5ddb0ce1\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/d1898032-350b-438a-a702-63906c7ed76a', '32de3cf4-e3e6-4168-956e-32fa5ddb0ce1')\"\n              >\n                <span>32de3cf4-e3e6-4168-956e-32fa5ddb0ce1</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/d1898032-350b-438a-a702-63906c7ed76a') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/995230c9-167a-4108-8002-d8fadd242dff\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:04:22.775931\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/995230c9-167a-4108-8002-d8fadd242dff', 'Autogenerated Package for Batch Prediction 2026-09-01 00:04:22.775931')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:04:22.775931</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/995230c9-167a-4108-8002-d8fadd242dff') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/c3c6699a-8c78-4987-af4d-4a041ffc448d\"\n                data-package-name=\"Autogenerated Package for Batch Prediction 2026-09-01 00:08:26.613909\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/c3c6699a-8c78-4987-af4d-4a041ffc448d', 'Autogenerated Package for Batch Prediction 2026-09-01 00:08:26.613909')\"\n              >\n                <span>Autogenerated Package for Batch Prediction 2026-09-01 00:08:26.613909</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/c3c6699a-8c78-4987-af4d-4a041ffc448d') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n            <li>\n              <a\n                class=\"package-option flex items-center justify-between\"\n                data-package-url=\"https://envipath.org/package/7245f711-51d0-4b1e-b49d-99a9d9744c96\"\n                data-package-name=\"32de3cf4-e3e6-4168-956e-32fa5ddb0ce1\"\n                @click.prevent.stop=\"togglePackage('https://envipath.org/package/7245f711-51d0-4b1e-b49d-99a9d9744c96', '32de3cf4-e3e6-4168-956e-32fa5ddb0ce1')\"\n              >\n                <span>32de3cf4-e3e6-4168-956e-32fa5ddb0ce1</span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  class=\"h-4 w-4\"\n                  :class=\"isPackageSelected('https://envipath.org/package/7245f711-51d0-4b1e-b49d-99a9d9744c96') ? '' : 'hidden'\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M5 13l4 4L19 7\"\n                  />\n                </svg>\n              </a>\n            </li>\n          \n        \n      </ul>\n    </div>\n\n    <!-- Loading Indicator -->\n    <div x-show=\"isSearching\" class=\"flex shrink-0 justify-center py-8\">\n      <span class=\"loading loading-spinner loading-lg text-primary\"></span>\n    </div>\n\n    <!-- Results Container -->\n    <div class=\"min-h-0 flex-1 overflow-y-auto p-2\">\n      <!-- No packages selected error -->\n      <template x-if=\"results && results.error === 'no_packages'\">\n        <div class=\"alert alert-info\">\n          <svg\n            class=\"w-6 h-6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n            />\n          </svg>\n          <span>Please select at least one package</span>\n        </div>\n      </template>\n\n      <!-- Search error -->\n      <template x-if=\"error\">\n        <div class=\"alert alert-error\">\n          <svg\n            class=\"w-6 h-6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n            />\n          </svg>\n          <span x-text=\"error\"></span>\n        </div>\n      </template>\n\n      <!-- No results -->\n      <template x-if=\"results && !results.error && !hasResults()\">\n        <div class=\"alert alert-warning\">\n          <svg\n            class=\"w-6 h-6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n            />\n          </svg>\n          <span>No results found</span>\n        </div>\n      </template>\n\n      <!-- Results display -->\n      <template x-if=\"results && !results.error && hasResults()\">\n        <div class=\"mb-2\">\n          <div class=\"text-sm font-semibold text-base-content/70 mb-2\">\n            Results\n          </div>\n\n          <!-- Compounds -->\n          <template x-if=\"results.Compounds && results.Compounds.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Compounds\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Compounds.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Compounds\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Compound Structures -->\n          <template\n            x-if=\"results['Compound Structures'] && results['Compound Structures'].length > 0\"\n          >\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Compound Structures\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results['Compound Structures'].length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template\n                  x-for=\"item in results['Compound Structures']\"\n                  :key=\"item.url\"\n                >\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Rules -->\n          <template x-if=\"results.Rules && results.Rules.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Rules\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Rules.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Rules\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Reactions -->\n          <template x-if=\"results.Reactions && results.Reactions.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Reactions\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Reactions.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Reactions\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n\n          <!-- Pathways -->\n          <template x-if=\"results.Pathways && results.Pathways.length > 0\">\n            <div class=\"collapse collapse-arrow bg-base-200 mb-2\">\n              <input type=\"checkbox\" checked />\n              <div class=\"collapse-title font-medium\">\n                Pathways\n                <span\n                  class=\"badge badge-neutral badge-sm ml-2\"\n                  x-text=\"results.Pathways.length\"\n                ></span>\n              </div>\n              <div class=\"collapse-content\">\n                <template x-for=\"item in results.Pathways\" :key=\"item.url\">\n                  <a\n                    :href=\"item.url\"\n                    class=\"block px-4 py-2 hover:bg-base-300 rounded-lg transition-colors\"\n                    x-text=\"item.name\"\n                  ></a>\n                </template>\n              </div>\n            </div>\n          </template>\n        </div>\n      </template>\n    </div>\n  </div>\n\n  <form method=\"dialog\" class=\"modal-backdrop\">\n    <button aria-label=\"close\"></button>\n  </form>\n</dialog>\n\n    \n\n    <script>\n      document.addEventListener(\"DOMContentLoaded\", function () {\n        // Show actions button if there are actions defined\n        const actionsButtonUl = document.querySelector(\"#actionsButton ul\");\n        if (actionsButtonUl && actionsButtonUl.children.length > 0) {\n          document.getElementById(\"actionsButton\").style.display = \"\";\n        }\n      });\n\n      // Open search modal function\n      function openSearchModal() {\n        const searchModal = document.getElementById(\"search_modal\");\n        if (searchModal) {\n          searchModal.showModal();\n        }\n      }\n\n      // Click handler for search badge\n      const searchTrigger = document.getElementById(\"search-trigger\");\n      if (searchTrigger) {\n        searchTrigger.addEventListener(\"click\", function (event) {\n          event.preventDefault();\n          openSearchModal();\n        });\n      }\n\n      // Global keyboard shortcut for search (Cmd+K on Mac, Ctrl+K on Windows/Linux)\n      document.addEventListener(\"keydown\", function (event) {\n        // Check if user is typing in an input field\n        const activeElement = document.activeElement;\n        const isInputField =\n          activeElement &&\n          (activeElement.tagName === \"INPUT\" ||\n            activeElement.tagName === \"TEXTAREA\" ||\n            activeElement.contentEditable === \"true\");\n\n        if (isInputField) {\n          return; // Don't trigger shortcut when typing in input fields\n        }\n\n        // Check for Cmd+K (Mac) or Ctrl+K (Windows/Linux)\n        const isMac = /Mac/.test(navigator.platform);\n        const isCorrectModifier = isMac ? event.metaKey : event.ctrlKey;\n\n        if (isCorrectModifier && event.key === \"k\") {\n          event.preventDefault();\n          openSearchModal();\n        }\n      });\n    </script>\n  </body>\n</html>\n"), 
+    timing = c(redirect = 0, namelookup = 3.2e-05, connect = 0, 
+    pretransfer = 0.000204, starttransfer = 0.466815, total = 0.776248
     ), cache = new.env(parent = emptyenv())), class = "httr2_response")
diff --git a/tests/httptest/model/util-e1f28b-POST.R b/tests/httptest/model/util-e1f28b-POST.R
index b938604..f41f085 100644
--- a/tests/httptest/model/util-e1f28b-POST.R
+++ b/tests/httptest/model/util-e1f28b-POST.R
@@ -1,11 +1,11 @@
 structure(list(method = "POST", url = "https://util", status_code = 403L, 
     headers = structure(list(Server = "nginx/1.24.0 (Ubuntu)", 
-        Date = "Sat, 24 Oct 2026 03:32:47 GMT", `Content-Type` = "application/json; charset=utf-8", 
+        Date = "Fri, 13 Nov 2026 02:48:36 GMT", `Content-Type` = "application/json; charset=utf-8", 
         `Content-Length` = "139", Connection = "keep-alive", 
         Vary = "Authorization, Cookie", `X-Frame-Options` = "DENY", 
         `X-Content-Type-Options` = "nosniff", `Referrer-Policy` = "same-origin", 
         `Cross-Origin-Opener-Policy` = "same-origin"), class = "httr2_headers"), 
     body = charToRaw("{\"message\": \"Getting Setting with id https://envipath.org/setting/1d915a48-286a-4394-9693-bfaa187326a5 failed due to insufficient rights!\"}"), 
-    timing = c(redirect = 0, namelookup = 3.3e-05, connect = 0, 
-    pretransfer = 0.000128, starttransfer = 0.412069, total = 0.412121
+    timing = c(redirect = 0, namelookup = 3.2e-05, connect = 0, 
+    pretransfer = 0.000168, starttransfer = 0.314536, total = 0.314576
     ), cache = new.env(parent = emptyenv())), class = "httr2_response")