@canopy-iiif/app 1.5.9 → 1.5.10

package/ui/dist/index.mjs

@@ -451,7 +451,7 @@ function ButtonWrapper({
 }
 
 // ui/src/layout/CanopyHeader.jsx
-import React14 from "react";
+import React15 from "react";
 
 // ui/src/search/SearchPanel.jsx
 import React11 from "react";
@@ -764,6 +764,130 @@ function CanopyModal(props = {}) {
   )) : null, children)));
 }
 
+// ui/src/layout/NavigationTree.jsx
+import React14 from "react";
+function normalizeDepth(depth) {
+  if (typeof depth !== "number") return 0;
+  return Math.max(0, Math.min(5, depth));
+}
+function NavigationTreeList({ nodes, depth, parentKey }) {
+  if (!Array.isArray(nodes) || !nodes.length) return null;
+  const listClasses = ["canopy-nav-tree__list"];
+  if (depth > 0) listClasses.push("canopy-nav-tree__list--nested");
+  return /* @__PURE__ */ React14.createElement("ul", { className: listClasses.join(" "), role: "list" }, nodes.map((node, index) => /* @__PURE__ */ React14.createElement(
+    NavigationTreeItem,
+    {
+      key: node.slug || node.href || node.title || `${parentKey}-${index}`,
+      node,
+      depth,
+      nodeKey: `${parentKey}-${index}`
+    }
+  )));
+}
+function NavigationTreeItem({ node, depth, nodeKey }) {
+  if (!node) return null;
+  const hasChildren = Array.isArray(node.children) && node.children.length > 0;
+  const isRoadmap = !!node.isRoadmap;
+  const isInteractive = !!(node.href && !isRoadmap);
+  const Tag = isInteractive ? "a" : "span";
+  const depthClass = `depth-${normalizeDepth(depth + 1)}`;
+  const classes = ["canopy-nav-tree__link", depthClass];
+  if (!isInteractive && !isRoadmap) classes.push("is-label");
+  if (isRoadmap) classes.push("is-disabled");
+  if (node.isActive) classes.push("is-active");
+  const isRootLevel = depth < 0;
+  const panelId = hasChildren ? `canopy-section-${nodeKey}` : null;
+  const allowToggle = hasChildren && !isRootLevel;
+  const defaultExpanded = allowToggle ? !!node.isExpanded : true;
+  const toggleLabel = node.title ? `Toggle ${node.title} menu` : "Toggle section menu";
+  return /* @__PURE__ */ React14.createElement(
+    "li",
+    {
+      className: "canopy-nav-tree__item",
+      "data-depth": depth,
+      "data-canopy-nav-item": allowToggle ? "true" : void 0,
+      "data-expanded": allowToggle ? defaultExpanded ? "true" : "false" : void 0,
+      "data-default-expanded": allowToggle && defaultExpanded ? "true" : void 0
+    },
+    /* @__PURE__ */ React14.createElement("div", { className: "canopy-nav-tree__row" }, /* @__PURE__ */ React14.createElement(
+      Tag,
+      {
+        className: classes.join(" "),
+        href: isInteractive ? node.href : void 0,
+        "aria-current": node.isActive ? "page" : void 0,
+        tabIndex: isInteractive ? void 0 : -1
+      },
+      node.title || node.slug,
+      isRoadmap ? /* @__PURE__ */ React14.createElement("span", { className: "canopy-nav-tree__badge" }, "Roadmap") : null
+    ), allowToggle ? /* @__PURE__ */ React14.createElement(
+      "button",
+      {
+        type: "button",
+        className: "canopy-nav-tree__toggle",
+        "aria-expanded": defaultExpanded ? "true" : "false",
+        "aria-controls": panelId || void 0,
+        "aria-label": toggleLabel,
+        "data-canopy-nav-item-toggle": panelId || void 0
+      },
+      /* @__PURE__ */ React14.createElement(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          className: "canopy-nav-tree__toggle-icon"
+        },
+        /* @__PURE__ */ React14.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 9l7 7 7-7" })
+      ),
+      /* @__PURE__ */ React14.createElement("span", { className: "sr-only" }, toggleLabel)
+    ) : null),
+    hasChildren ? /* @__PURE__ */ React14.createElement(
+      "div",
+      {
+        id: panelId || void 0,
+        className: "canopy-nav-tree__children",
+        "aria-hidden": allowToggle ? defaultExpanded ? "false" : "true" : "false",
+        hidden: allowToggle ? !defaultExpanded : void 0
+      },
+      /* @__PURE__ */ React14.createElement(
+        NavigationTreeList,
+        {
+          nodes: node.children,
+          depth: depth + 1,
+          parentKey: nodeKey
+        }
+      )
+    ) : null
+  );
+}
+function NavigationTree({
+  root,
+  className = "",
+  parentKey = "nav",
+  includeRoot = false,
+  heading,
+  headingClassName = "canopy-nav-tree__heading",
+  component: Component = "div",
+  ...rest
+}) {
+  if (!root) return null;
+  const nodes = includeRoot ? [root] : root.children;
+  if (!Array.isArray(nodes) || !nodes.length) return null;
+  const combinedClassName = ["canopy-nav-tree", className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ React14.createElement(
+    Component,
+    {
+      className: combinedClassName,
+      "data-canopy-nav-tree": "true",
+      ...rest
+    },
+    heading ? /* @__PURE__ */ React14.createElement("div", { className: headingClassName }, heading) : null,
+    /* @__PURE__ */ React14.createElement(NavigationTreeList, { nodes, depth: includeRoot ? -1 : 0, parentKey })
+  );
+}
+
 // ui/src/layout/CanopyHeader.jsx
 function HeaderScript() {
   const code = `
@@ -774,11 +898,24 @@ function HeaderScript() {
   var body = doc.body;
   var root = doc.documentElement;
 
+  function desktopBreakpointQuery() {
+    if (typeof window === 'undefined') return '(min-width: 70rem)';
+    try {
+      var styles = window.getComputedStyle ? window.getComputedStyle(root) : null;
+      var value = styles ? styles.getPropertyValue('--canopy-desktop-breakpoint') : '';
+      if (typeof value === 'string') value = value.trim();
+      if (!value) value = '70rem';
+      return '(min-width: ' + value + ')';
+    } catch (error) {
+      return '(min-width: 70rem)';
+    }
+  }
+
   function ready(fn) {
     if (doc.readyState === 'loading') {
       doc.addEventListener('DOMContentLoaded', fn, { once: true });
     } else {
-      fn();
+      fn(); 
     }
   }
 
@@ -788,6 +925,8 @@ function HeaderScript() {
 
     var NAV_ATTR = 'data-mobile-nav';
     var SEARCH_ATTR = 'data-mobile-search';
+    var NAV_ITEM_ATTR = 'data-canopy-nav-item';
+    var NAV_ITEM_TOGGLE_ATTR = 'data-canopy-nav-item-toggle';
 
     function modalFor(type) {
       return doc.querySelector('[data-canopy-modal="' + type + '"]');
@@ -869,6 +1008,51 @@ function HeaderScript() {
       });
     }
 
+    function forEachNavTree(scope, fn) {
+      if (typeof fn !== 'function') return;
+      var rootNode = scope || doc;
+      var trees = rootNode.querySelectorAll('[data-canopy-nav-tree]');
+      each(trees, function (tree) {
+        fn(tree);
+      });
+    }
+
+    function resetNavItemToggles(scope) {
+      forEachNavTree(scope, function (tree) {
+        var toggles = tree.querySelectorAll('[' + NAV_ITEM_TOGGLE_ATTR + ']');
+        each(toggles, function (btn) {
+          btn.setAttribute('aria-expanded', 'false');
+          var targetId = btn.getAttribute(NAV_ITEM_TOGGLE_ATTR);
+          var panel = targetId ? doc.getElementById(targetId) : null;
+          var parent = btn.closest('[' + NAV_ITEM_ATTR + ']');
+          if (panel) {
+            panel.hidden = true;
+            panel.setAttribute('aria-hidden', 'true');
+            panel.setAttribute('hidden', '');
+          }
+          if (parent) parent.setAttribute('data-expanded', 'false');
+        });
+      });
+    }
+
+    function applyDefaultNavItemState(scope) {
+      forEachNavTree(scope, function (tree) {
+        var defaults = tree.querySelectorAll('[data-default-expanded="true"]');
+        each(defaults, function (item) {
+          var toggle = item.querySelector('[' + NAV_ITEM_TOGGLE_ATTR + ']');
+          var targetId = toggle ? toggle.getAttribute(NAV_ITEM_TOGGLE_ATTR) : null;
+          var panel = targetId ? doc.getElementById(targetId) : null;
+          item.setAttribute('data-expanded', 'true');
+          if (toggle) toggle.setAttribute('aria-expanded', 'true');
+          if (panel) {
+            panel.hidden = false;
+            panel.removeAttribute('hidden');
+            panel.setAttribute('aria-hidden', 'false');
+          }
+        });
+      });
+    }
+
     function setState(type, next) {
       if (type === 'nav') header.setAttribute(NAV_ATTR, next);
       if (type === 'search') header.setAttribute(SEARCH_ATTR, next);
@@ -876,6 +1060,13 @@ function HeaderScript() {
       var navOpen = header.getAttribute(NAV_ATTR) === 'open';
       var searchOpen = header.getAttribute(SEARCH_ATTR) === 'open';
       lockScroll(navOpen || searchOpen);
+      if (type === 'nav') {
+        if (next !== 'open') {
+          resetNavItemToggles(modalFor('nav'));
+        } else {
+          applyDefaultNavItemState(modalFor('nav'));
+        }
+      }
     }
 
     function toggle(type, force) {
@@ -888,6 +1079,35 @@ function HeaderScript() {
       if (type === 'nav' && shouldOpen) focusNavMenu();
     }
 
+    function setupNavItemToggles() {
+      var toggles = doc.querySelectorAll('[' + NAV_ITEM_TOGGLE_ATTR + ']');
+      each(toggles, function (btn) {
+        if (btn.__canopyNavReady) return;
+        btn.__canopyNavReady = true;
+        btn.addEventListener('click', function (event) {
+          event.preventDefault();
+          event.stopPropagation();
+          var targetId = btn.getAttribute(NAV_ITEM_TOGGLE_ATTR);
+          if (!targetId) return;
+          var panel = doc.getElementById(targetId);
+          var parent = btn.closest('[' + NAV_ITEM_ATTR + ']');
+          var expanded = btn.getAttribute('aria-expanded') === 'true';
+          var next = !expanded;
+          btn.setAttribute('aria-expanded', next ? 'true' : 'false');
+          if (panel) {
+            panel.hidden = !next;
+            panel.setAttribute('aria-hidden', next ? 'false' : 'true');
+            if (next) {
+              panel.removeAttribute('hidden');
+            } else {
+              panel.setAttribute('hidden', '');
+            }
+          }
+          if (parent) parent.setAttribute('data-expanded', next ? 'true' : 'false');
+        });
+      });
+    }
+
     each(header.querySelectorAll('[data-canopy-header-toggle]'), function (btn) {
       btn.addEventListener('click', function (event) {
         event.preventDefault();
@@ -935,7 +1155,7 @@ function HeaderScript() {
       toggle('search', false);
     });
 
-    var mq = window.matchMedia('(min-width: 48rem)');
+    var mq = window.matchMedia(desktopBreakpointQuery());
     function syncDesktopState() {
       if (mq.matches) {
         setState('nav', 'closed');
@@ -952,11 +1172,13 @@ function HeaderScript() {
       mq.addListener(syncDesktopState);
     }
 
+    setupNavItemToggles();
+    applyDefaultNavItemState(null);
     syncDesktopState();
   });
 })();
   `;
-  return /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React15.createElement(
     "script",
     {
       dangerouslySetInnerHTML: {
@@ -975,7 +1197,7 @@ function getSharedRoot() {
 function getSafePageContext() {
   const root = getSharedRoot();
   if (root && root[CONTEXT_KEY]) return root[CONTEXT_KEY];
-  const ctx = React14.createContext({ navigation: null, page: null });
+  const ctx = React15.createContext({ navigation: null, page: null });
   if (root) root[CONTEXT_KEY] = ctx;
   return ctx;
 }
@@ -985,29 +1207,55 @@ function ensureArray(navLinks) {
     (link) => link && typeof link === "object" && typeof link.href === "string"
   );
 }
-function SectionNavList({ root }) {
-  if (!root || !Array.isArray(root.children) || !root.children.length) return null;
-  return /* @__PURE__ */ React14.createElement("ul", { className: "canopy-modal__section-list", role: "list" }, root.children.map((node) => /* @__PURE__ */ React14.createElement(SectionNavItem, { key: node.slug || node.href || node.title, node, depth: 0 })));
+function normalizeHref(href) {
+  if (typeof href !== "string") return "";
+  let next = href.trim();
+  if (!next) return "";
+  try {
+    const parsed = new URL(next, "https://canopy.local");
+    next = parsed.pathname || "/";
+  } catch (_) {
+    next = next.replace(/[?#].*$/, "");
+  }
+  next = next.replace(/[?#].*$/, "");
+  if (next.length > 1) {
+    next = next.replace(/\/+$/, "");
+  }
+  if (!next) return "/";
+  return next;
 }
-function SectionNavItem({ node, depth }) {
-  if (!node) return null;
-  const hasChildren = Array.isArray(node.children) && node.children.length > 0;
-  const Tag = node.href ? "a" : "span";
-  const classes = [
-    "canopy-modal__section-link",
-    `depth-${Math.min(5, Math.max(0, depth + 1))}`
-  ];
-  if (!node.href) classes.push("is-label");
-  if (node.isActive) classes.push("is-active");
-  return /* @__PURE__ */ React14.createElement("li", { className: "canopy-modal__section-item", "data-depth": depth }, /* @__PURE__ */ React14.createElement(
-    Tag,
-    {
-      className: classes.join(" "),
-      href: node.href || void 0,
-      "aria-current": node.isActive ? "page" : void 0
-    },
-    node.title || node.slug
-  ), hasChildren ? /* @__PURE__ */ React14.createElement("ul", { className: "canopy-modal__section-list canopy-modal__section-list--nested", role: "list" }, node.children.map((child) => /* @__PURE__ */ React14.createElement(SectionNavItem, { key: child.slug || child.href || child.title, node: child, depth: depth + 1 }))) : null);
+function doesLinkMatchSection(linkHref, sectionNavigation) {
+  if (!sectionNavigation || !sectionNavigation.root || !linkHref) return false;
+  const normalizedLink = normalizeHref(linkHref);
+  if (!normalizedLink) return false;
+  const root = sectionNavigation.root;
+  if (typeof root.href === "string" && normalizeHref(root.href) === normalizedLink) {
+    return true;
+  }
+  if (root.slug) {
+    const slugPath = normalizeHref(`/${root.slug}`);
+    if (slugPath && normalizedLink === slugPath) {
+      return true;
+    }
+  }
+  return false;
+}
+function rootSegmentFromHref(href) {
+  const normalized = normalizeHref(href);
+  if (!normalized || normalized === "/") return "";
+  const trimmed = normalized.replace(/^\/+/, "");
+  return trimmed.split("/")[0] || "";
+}
+function getLinkNavigationData(link, navigationRoots, sectionNavigation) {
+  if (!link || typeof link.href !== "string") return null;
+  const segment = rootSegmentFromHref(link.href);
+  if (navigationRoots && segment && navigationRoots[segment]) {
+    return navigationRoots[segment];
+  }
+  if (sectionNavigation && doesLinkMatchSection(link.href, sectionNavigation)) {
+    return sectionNavigation;
+  }
+  return null;
 }
 function CanopyHeader(props = {}) {
   const {
@@ -1021,20 +1269,34 @@ function CanopyHeader(props = {}) {
   } = props;
   const navLinks = ensureArray(navLinksProp);
   const PageContext = getSafePageContext();
-  const context = React14.useContext(PageContext);
-  const sectionNavigation = context && context.navigation && context.navigation.root ? context.navigation : null;
+  const context = React15.useContext(PageContext);
+  const contextNavigation = context && context.navigation ? context.navigation : null;
+  const sectionNavigation = contextNavigation && contextNavigation.root ? contextNavigation : null;
+  const navigationRoots = contextNavigation && contextNavigation.allRoots ? contextNavigation.allRoots : null;
   const sectionHeading = sectionNavigation && sectionNavigation.title || (sectionNavigation && sectionNavigation.root ? sectionNavigation.root.title : "");
   const hasSectionNav = !!(sectionNavigation && sectionNavigation.root && Array.isArray(sectionNavigation.root.children) && sectionNavigation.root.children.length);
   const sectionLabel = sectionHeading ? `More in ${sectionHeading}` : "More in this section";
   const sectionAriaLabel = sectionHeading ? `${sectionHeading} section navigation` : "Section navigation";
-  return /* @__PURE__ */ React14.createElement(React14.Fragment, null, /* @__PURE__ */ React14.createElement(
+  const defaultSectionLabel = sectionLabel;
+  const defaultSectionAriaLabel = sectionAriaLabel;
+  const shouldAttachSectionNav = (link) => {
+    const navData = getLinkNavigationData(
+      link,
+      navigationRoots,
+      sectionNavigation
+    );
+    const rootNode = navData && navData.root;
+    return !!(rootNode && Array.isArray(rootNode.children) && rootNode.children.length);
+  };
+  const hasIntegratedSectionNav = navLinks.some(shouldAttachSectionNav);
+  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(
     "header",
     {
       className: "canopy-header",
       "data-mobile-nav": "closed",
       "data-mobile-search": "closed"
     },
-    /* @__PURE__ */ React14.createElement("div", { className: "canopy-header__brand" }, /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React15.createElement("div", { className: "canopy-header__brand" }, /* @__PURE__ */ React15.createElement(
       CanopyBrand,
       {
         label: title,
@@ -1043,7 +1305,7 @@ function CanopyHeader(props = {}) {
         Logo: SiteLogo
       }
     )),
-    /* @__PURE__ */ React14.createElement("div", { className: "canopy-header__desktop-search" }, /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React15.createElement("div", { className: "canopy-header__desktop-search" }, /* @__PURE__ */ React15.createElement(
       SearchPanel,
       {
         label: searchLabel,
@@ -1051,13 +1313,13 @@ function CanopyHeader(props = {}) {
         placeholder: searchPlaceholder
       }
     )),
-    /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React15.createElement(
       "nav",
       {
         className: "canopy-nav-links canopy-header__desktop-nav",
         "aria-label": "Primary navigation"
       },
-      navLinks.map((link) => /* @__PURE__ */ React14.createElement(
+      navLinks.map((link) => /* @__PURE__ */ React15.createElement(
         "a",
         {
           key: link.href,
@@ -1067,7 +1329,7 @@ function CanopyHeader(props = {}) {
         link.label || link.href
       ))
     ),
-    /* @__PURE__ */ React14.createElement("div", { className: "canopy-header__actions" }, /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React15.createElement("div", { className: "canopy-header__actions" }, /* @__PURE__ */ React15.createElement(
       "button",
       {
         type: "button",
@@ -1077,7 +1339,7 @@ function CanopyHeader(props = {}) {
         "aria-expanded": "false",
         "data-canopy-header-toggle": "search"
       },
-      /* @__PURE__ */ React14.createElement(
+      /* @__PURE__ */ React15.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -1087,7 +1349,7 @@ function CanopyHeader(props = {}) {
           strokeWidth: "1.5",
           className: "canopy-header__search-icon"
         },
-        /* @__PURE__ */ React14.createElement(
+        /* @__PURE__ */ React15.createElement(
           "path",
           {
             strokeLinecap: "round",
@@ -1096,7 +1358,7 @@ function CanopyHeader(props = {}) {
           }
         )
       )
-    ), /* @__PURE__ */ React14.createElement(
+    ), /* @__PURE__ */ React15.createElement(
       "button",
       {
         type: "button",
@@ -1106,7 +1368,7 @@ function CanopyHeader(props = {}) {
         "aria-expanded": "false",
         "data-canopy-header-toggle": "nav"
       },
-      /* @__PURE__ */ React14.createElement(
+      /* @__PURE__ */ React15.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -1116,7 +1378,7 @@ function CanopyHeader(props = {}) {
           stroke: "currentColor",
           className: "canopy-header__menu-icon"
         },
-        /* @__PURE__ */ React14.createElement(
+        /* @__PURE__ */ React15.createElement(
           "path",
           {
             strokeLinecap: "round",
@@ -1126,7 +1388,7 @@ function CanopyHeader(props = {}) {
         )
       )
     ))
-  ), /* @__PURE__ */ React14.createElement(
+  ), /* @__PURE__ */ React15.createElement(
     CanopyModal,
     {
       id: "canopy-modal-nav",
@@ -1138,32 +1400,90 @@ function CanopyHeader(props = {}) {
       closeLabel: "Close navigation",
       closeDataAttr: "nav"
     },
-    /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React15.createElement(
       "nav",
       {
         className: "canopy-nav-links canopy-modal__nav",
         "aria-label": "Primary navigation"
       },
-      navLinks.map((link) => /* @__PURE__ */ React14.createElement(
-        "a",
-        {
-          key: link.href,
-          href: link.href,
-          "aria-current": link.isActive ? "page" : void 0
-        },
-        link.label || link.href
-      ))
+      /* @__PURE__ */ React15.createElement("ul", { className: "canopy-modal__nav-list", role: "list" }, navLinks.map((link, index) => {
+        const navData = getLinkNavigationData(
+          link,
+          navigationRoots,
+          sectionNavigation
+        );
+        const navRoot = navData && navData.root ? navData.root : null;
+        const hasChildren = !!(navRoot && Array.isArray(navRoot.children) && navRoot.children.length);
+        const nestedId = hasChildren ? `canopy-modal-section-${index}` : null;
+        const toggleLabel = link.label ? `Toggle ${link.label} menu` : "Toggle section menu";
+        const defaultExpanded = hasChildren && !!navRoot.isExpanded;
+        return /* @__PURE__ */ React15.createElement(
+          "li",
+          {
+            className: "canopy-modal__nav-item",
+            key: link.href,
+            "data-canopy-nav-item": hasChildren ? "true" : void 0,
+            "data-expanded": defaultExpanded ? "true" : "false",
+            "data-default-expanded": defaultExpanded ? "true" : void 0
+          },
+          /* @__PURE__ */ React15.createElement("div", { className: "canopy-modal__nav-row" }, /* @__PURE__ */ React15.createElement("a", { href: link.href }, link.label || link.href), hasChildren ? /* @__PURE__ */ React15.createElement(
+            "button",
+            {
+              type: "button",
+              className: "canopy-modal__nav-toggle",
+              "aria-expanded": defaultExpanded ? "true" : "false",
+              "aria-controls": nestedId || void 0,
+              "aria-label": toggleLabel,
+              "data-canopy-nav-item-toggle": nestedId || void 0
+            },
+            /* @__PURE__ */ React15.createElement(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                className: "canopy-modal__nav-toggle-icon"
+              },
+              /* @__PURE__ */ React15.createElement(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  d: "M5 9l7 7 7-7"
+                }
+              )
+            ),
+            /* @__PURE__ */ React15.createElement("span", { className: "sr-only" }, toggleLabel)
+          ) : null),
+          hasChildren ? /* @__PURE__ */ React15.createElement(
+            NavigationTree,
+            {
+              root: navRoot,
+              parentKey: navData && navData.rootSegment ? navData.rootSegment : `root-${index}`,
+              component: "div",
+              className: "canopy-modal__section-nav canopy-modal__section-nav--nested",
+              "aria-label": navData && navData.title ? `${navData.title} section navigation` : defaultSectionAriaLabel,
+              "aria-hidden": defaultExpanded ? "false" : "true",
+              hidden: !defaultExpanded,
+              id: nestedId || void 0
+            }
+          ) : null
+        );
+      }))
     ),
-    hasSectionNav ? /* @__PURE__ */ React14.createElement(
-      "nav",
+    hasSectionNav && !hasIntegratedSectionNav ? /* @__PURE__ */ React15.createElement(
+      NavigationTree,
       {
+        root: sectionNavigation.root,
+        component: "nav",
         className: "canopy-modal__section-nav",
-        "aria-label": sectionAriaLabel
-      },
-      /* @__PURE__ */ React14.createElement("div", { className: "canopy-modal__section-label" }, sectionLabel),
-      /* @__PURE__ */ React14.createElement(SectionNavList, { root: sectionNavigation.root })
+        "aria-label": defaultSectionAriaLabel,
+        parentKey: "fallback-nav"
+      }
     ) : null
-  ), /* @__PURE__ */ React14.createElement(
+  ), /* @__PURE__ */ React15.createElement(
     CanopyModal,
     {
       id: "canopy-modal-search",
@@ -1176,7 +1496,7 @@ function CanopyHeader(props = {}) {
       closeDataAttr: "search",
       bodyClassName: "canopy-modal__body--search"
     },
-    /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React15.createElement(
       SearchPanel,
       {
         label: searchLabel,
@@ -1184,18 +1504,18 @@ function CanopyHeader(props = {}) {
         placeholder: searchPlaceholder
       }
     )
-  ), /* @__PURE__ */ React14.createElement(HeaderScript, null));
+  ), /* @__PURE__ */ React15.createElement(HeaderScript, null));
 }
 
 // ui/src/layout/CanopyFooter.jsx
-import React15 from "react";
+import React16 from "react";
 function CanopyFooter({ className = "", children }) {
   const footerClassName = ["canopy-footer", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React15.createElement("footer", { className: footerClassName }, /* @__PURE__ */ React15.createElement("div", { className: "canopy-footer__inner" }, children));
+  return /* @__PURE__ */ React16.createElement("footer", { className: footerClassName }, /* @__PURE__ */ React16.createElement("div", { className: "canopy-footer__inner" }, children));
 }
 
 // ui/src/layout/TeaserCard.jsx
-import React16 from "react";
+import React17 from "react";
 function TeaserCard({
   href = "",
   title = "",
@@ -1216,7 +1536,7 @@ function TeaserCard({
   ].filter(Boolean).join(" ");
   const showThumb = type === "work" && thumbnail;
   const metaLine = (Array.isArray(metadata) && metadata.length ? metadata.filter(Boolean) : summary ? [summary] : []).filter(Boolean).slice(0, 2).join(" \u2022 ");
-  return /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React17.createElement(
     Tag,
     {
       className: classes,
@@ -1224,7 +1544,7 @@ function TeaserCard({
       "data-canopy-item": href ? "" : void 0,
       ...rest
     },
-    showThumb ? /* @__PURE__ */ React16.createElement("div", { className: "canopy-search-teaser__thumb" }, /* @__PURE__ */ React16.createElement(
+    showThumb ? /* @__PURE__ */ React17.createElement("div", { className: "canopy-search-teaser__thumb" }, /* @__PURE__ */ React17.createElement(
       "img",
       {
         src: thumbnail,
@@ -1234,12 +1554,12 @@ function TeaserCard({
         className: "canopy-search-teaser__thumb-img"
       }
     )) : null,
-    /* @__PURE__ */ React16.createElement("div", { className: "canopy-search-teaser__text" }, /* @__PURE__ */ React16.createElement("span", { className: "canopy-search-teaser__title" }, title || href || "Untitled"), metaLine ? /* @__PURE__ */ React16.createElement("span", { className: "canopy-search-teaser__meta" }, metaLine) : null)
+    /* @__PURE__ */ React17.createElement("div", { className: "canopy-search-teaser__text" }, /* @__PURE__ */ React17.createElement("span", { className: "canopy-search-teaser__title" }, title || href || "Untitled"), metaLine ? /* @__PURE__ */ React17.createElement("span", { className: "canopy-search-teaser__meta" }, metaLine) : null)
   );
 }
 
 // ui/src/layout/GoogleAnalytics.jsx
-import React17 from "react";
+import React18 from "react";
 var GA_HOST = "https://www.googletagmanager.com/gtag/js";
 function GoogleAnalytics({ id }) {
   if (!id) return null;
@@ -1249,11 +1569,11 @@ function GoogleAnalytics({ id }) {
     gtag('js', new Date());
     gtag('config', '${id}');
   `;
-  return /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement("script", { async: true, src: `${GA_HOST}?id=${encodeURIComponent(id)}` }), /* @__PURE__ */ React17.createElement("script", { dangerouslySetInnerHTML: { __html: inlineConfig } }));
+  return /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement("script", { async: true, src: `${GA_HOST}?id=${encodeURIComponent(id)}` }), /* @__PURE__ */ React18.createElement("script", { dangerouslySetInnerHTML: { __html: inlineConfig } }));
 }
 
 // ui/src/iiif/Viewer.jsx
-import React18, { useEffect as useEffect2, useState as useState2 } from "react";
+import React19, { useEffect as useEffect2, useState as useState2 } from "react";
 var DEFAULT_VIEWER_OPTIONS = {
   showDownload: false,
   showIIIFBadge: false,
@@ -1309,7 +1629,7 @@ var Viewer = (props) => {
     } catch (_) {
       json = "{}";
     }
-    return /* @__PURE__ */ React18.createElement("div", { "data-canopy-viewer": "1", className: "not-prose" }, /* @__PURE__ */ React18.createElement(
+    return /* @__PURE__ */ React19.createElement("div", { "data-canopy-viewer": "1", className: "not-prose" }, /* @__PURE__ */ React19.createElement(
       "script",
       {
         type: "application/json",
@@ -1317,11 +1637,11 @@ var Viewer = (props) => {
       }
     ));
   }
-  return /* @__PURE__ */ React18.createElement(CloverViewer, { ...props, options: mergedOptions });
+  return /* @__PURE__ */ React19.createElement(CloverViewer, { ...props, options: mergedOptions });
 };
 
 // ui/src/iiif/Slider.jsx
-import React19, { useEffect as useEffect3, useState as useState3 } from "react";
+import React20, { useEffect as useEffect3, useState as useState3 } from "react";
 
 // ui/src/iiif/sliderOptions.js
 var UNIT_TOKEN = "__canopySliderUnit";
@@ -1468,7 +1788,7 @@ var Slider = (props = {}) => {
     } catch (_) {
       json = "{}";
     }
-    return /* @__PURE__ */ React19.createElement("div", { className: sliderClassName, "data-canopy-slider": "1" }, /* @__PURE__ */ React19.createElement(
+    return /* @__PURE__ */ React20.createElement("div", { className: sliderClassName, "data-canopy-slider": "1" }, /* @__PURE__ */ React20.createElement(
       "script",
       {
         type: "application/json",
@@ -1476,11 +1796,11 @@ var Slider = (props = {}) => {
       }
     ));
   }
-  return /* @__PURE__ */ React19.createElement(CloverSlider, { ...resolvedProps });
+  return /* @__PURE__ */ React20.createElement(CloverSlider, { ...resolvedProps });
 };
 
 // ui/src/iiif/Scroll.jsx
-import React20, { useEffect as useEffect4, useState as useState4 } from "react";
+import React21, { useEffect as useEffect4, useState as useState4 } from "react";
 var Scroll = (props) => {
   const [CloverScroll, setCloverScroll] = useState4(null);
   useEffect4(() => {
@@ -1505,7 +1825,7 @@ var Scroll = (props) => {
     } catch (_) {
       json = "{}";
     }
-    return /* @__PURE__ */ React20.createElement("div", { "data-canopy-scroll": "1", className: "not-prose" }, /* @__PURE__ */ React20.createElement(
+    return /* @__PURE__ */ React21.createElement("div", { "data-canopy-scroll": "1", className: "not-prose" }, /* @__PURE__ */ React21.createElement(
       "script",
       {
         type: "application/json",
@@ -1513,11 +1833,11 @@ var Scroll = (props) => {
       }
     ));
   }
-  return /* @__PURE__ */ React20.createElement(CloverScroll, { ...props });
+  return /* @__PURE__ */ React21.createElement(CloverScroll, { ...props });
 };
 
 // ui/src/iiif/Image.jsx
-import React21, { useEffect as useEffect5, useState as useState5 } from "react";
+import React22, { useEffect as useEffect5, useState as useState5 } from "react";
 var Image = (props = {}) => {
   const [CloverImage, setCloverImage] = useState5(null);
   const baseClass = "canopy-iiif-image";
@@ -1550,7 +1870,7 @@ var Image = (props = {}) => {
     } catch (_) {
       json = "{}";
     }
-    return /* @__PURE__ */ React21.createElement("figure", { className: rootClassName }, /* @__PURE__ */ React21.createElement(
+    return /* @__PURE__ */ React22.createElement("figure", { className: rootClassName }, /* @__PURE__ */ React22.createElement(
       "div",
       {
         className: `${baseClass}__placeholder`,
@@ -1560,26 +1880,26 @@ var Image = (props = {}) => {
           "--canopy-iiif-image-bg": backgroundColor
         }
       },
-      /* @__PURE__ */ React21.createElement(
+      /* @__PURE__ */ React22.createElement(
         "script",
         {
           type: "application/json",
           dangerouslySetInnerHTML: { __html: json }
         }
       )
-    ), caption && /* @__PURE__ */ React21.createElement("figcaption", { className: `${baseClass}__caption` }, caption));
+    ), caption && /* @__PURE__ */ React22.createElement("figcaption", { className: `${baseClass}__caption` }, caption));
   }
-  return /* @__PURE__ */ React21.createElement(CloverImage, { ...props, className: rootClassName });
+  return /* @__PURE__ */ React22.createElement(CloverImage, { ...props, className: rootClassName });
 };
 
 // ui/src/iiif/Properties/Id.jsx
-import React22 from "react";
+import React23 from "react";
 function Id({ title = "IIIF Manifest", id, ...props }) {
-  return /* @__PURE__ */ React22.createElement("dl", null, /* @__PURE__ */ React22.createElement("dt", null, title), /* @__PURE__ */ React22.createElement("dd", null, /* @__PURE__ */ React22.createElement("a", { href: id }, id)));
+  return /* @__PURE__ */ React23.createElement("dl", null, /* @__PURE__ */ React23.createElement("dt", null, title), /* @__PURE__ */ React23.createElement("dd", null, /* @__PURE__ */ React23.createElement("a", { href: id }, id)));
 }
 
 // ui/src/iiif/MdxRelatedItems.jsx
-import React23 from "react";
+import React24 from "react";
 function MdxRelatedItems(props) {
   let json = "{}";
   try {
@@ -1587,7 +1907,7 @@ function MdxRelatedItems(props) {
   } catch (_) {
     json = "{}";
   }
-  return /* @__PURE__ */ React23.createElement("div", { "data-canopy-related-items": "1" }, /* @__PURE__ */ React23.createElement(
+  return /* @__PURE__ */ React24.createElement("div", { "data-canopy-related-items": "1" }, /* @__PURE__ */ React24.createElement(
     "script",
     {
       type: "application/json",
@@ -1597,7 +1917,7 @@ function MdxRelatedItems(props) {
 }
 
 // ui/src/search/MdxSearchResults.jsx
-import React24 from "react";
+import React25 from "react";
 function MdxSearchResults(props) {
   let json = "{}";
   try {
@@ -1605,11 +1925,11 @@ function MdxSearchResults(props) {
   } catch (_) {
     json = "{}";
   }
-  return /* @__PURE__ */ React24.createElement("div", { "data-canopy-search-results": "1" }, /* @__PURE__ */ React24.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
+  return /* @__PURE__ */ React25.createElement("div", { "data-canopy-search-results": "1" }, /* @__PURE__ */ React25.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
 }
 
 // ui/src/search/SearchSummary.jsx
-import React25 from "react";
+import React26 from "react";
 function SearchSummary(props) {
   let json = "{}";
   try {
@@ -1617,11 +1937,11 @@ function SearchSummary(props) {
   } catch (_) {
     json = "{}";
   }
-  return /* @__PURE__ */ React25.createElement("div", { "data-canopy-search-summary": "1" }, /* @__PURE__ */ React25.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
+  return /* @__PURE__ */ React26.createElement("div", { "data-canopy-search-summary": "1" }, /* @__PURE__ */ React26.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
 }
 
 // ui/src/search/MdxSearchTabs.jsx
-import React26 from "react";
+import React27 from "react";
 function MdxSearchTabs(props) {
   let json = "{}";
   try {
@@ -1629,11 +1949,11 @@ function MdxSearchTabs(props) {
   } catch (_) {
     json = "{}";
   }
-  return /* @__PURE__ */ React26.createElement("div", { "data-canopy-search-tabs": "1" }, /* @__PURE__ */ React26.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
+  return /* @__PURE__ */ React27.createElement("div", { "data-canopy-search-tabs": "1" }, /* @__PURE__ */ React27.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
 }
 
 // ui/src/search/MdxSearch.jsx
-import React27 from "react";
+import React28 from "react";
 function MdxSearch(props = {}) {
   const {
     layout,
@@ -1651,15 +1971,15 @@ function MdxSearch(props = {}) {
     resultsPayload.layout = layout;
   }
   const classes = ["canopy-search", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React27.createElement("section", { className: classes, "data-canopy-search": "1" }, showTabs ? /* @__PURE__ */ React27.createElement(MdxSearchTabs, { ...tabsProps }) : null, showSummary ? /* @__PURE__ */ React27.createElement(SearchSummary, { ...summaryProps }) : null, showResults ? /* @__PURE__ */ React27.createElement(MdxSearchResults, { ...resultsPayload }) : null, children || null);
+  return /* @__PURE__ */ React28.createElement("section", { className: classes, "data-canopy-search": "1" }, showTabs ? /* @__PURE__ */ React28.createElement(MdxSearchTabs, { ...tabsProps }) : null, showSummary ? /* @__PURE__ */ React28.createElement(SearchSummary, { ...summaryProps }) : null, showResults ? /* @__PURE__ */ React28.createElement(MdxSearchResults, { ...resultsPayload }) : null, children || null);
 }
 
 // ui/src/search/SearchResults.jsx
-import React28 from "react";
+import React29 from "react";
 function DefaultArticleTemplate({ record, query }) {
   if (!record) return null;
   const metadata = Array.isArray(record.metadata) ? record.metadata : [];
-  return /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ React29.createElement(
     ArticleCard,
     {
       href: record.href,
@@ -1677,7 +1997,7 @@ function DefaultFigureTemplate({ record, thumbnailAspectRatio }) {
   if (!record) return null;
   const hasDims = Number.isFinite(Number(record.thumbnailWidth)) && Number(record.thumbnailWidth) > 0 && Number.isFinite(Number(record.thumbnailHeight)) && Number(record.thumbnailHeight) > 0;
   const aspect = Number.isFinite(Number(thumbnailAspectRatio)) && Number(thumbnailAspectRatio) > 0 ? Number(thumbnailAspectRatio) : hasDims ? Number(record.thumbnailWidth) / Number(record.thumbnailHeight) : void 0;
-  return /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ React29.createElement(
     Card,
     {
       href: record.href,
@@ -1698,7 +2018,7 @@ function SearchResults({
   variant = "auto"
 }) {
   if (!results.length) {
-    return /* @__PURE__ */ React28.createElement("div", { className: "text-slate-600" }, /* @__PURE__ */ React28.createElement("em", null, "No results"));
+    return /* @__PURE__ */ React29.createElement("div", { className: "text-slate-600" }, /* @__PURE__ */ React29.createElement("em", null, "No results"));
   }
   const normalizedType = String(type || "all").toLowerCase();
   const normalizedVariant = variant === "figure" || variant === "article" ? variant : "auto";
@@ -1706,9 +2026,9 @@ function SearchResults({
   const FigureTemplate = templates && templates.figure ? templates.figure : DefaultFigureTemplate;
   const ArticleTemplate = templates && templates.article ? templates.article : DefaultArticleTemplate;
   if (isAnnotationView) {
-    return /* @__PURE__ */ React28.createElement("div", { id: "search-results", className: "space-y-4", role: "region", "aria-label": "Search results" }, results.map((r, i) => {
+    return /* @__PURE__ */ React29.createElement("div", { id: "search-results", className: "space-y-4", role: "region", "aria-label": "Search results" }, results.map((r, i) => {
       if (!r) return null;
-      return /* @__PURE__ */ React28.createElement(
+      return /* @__PURE__ */ React29.createElement(
         ArticleTemplate,
         {
           key: r.id || i,
@@ -1726,20 +2046,20 @@ function SearchResults({
     return !isWorkRecord(record) || normalizedType !== "work";
   };
   if (layout === "list") {
-    return /* @__PURE__ */ React28.createElement("div", { id: "search-results", className: "space-y-6", role: "region", "aria-label": "Search results" }, results.map((r, i) => {
+    return /* @__PURE__ */ React29.createElement("div", { id: "search-results", className: "space-y-6", role: "region", "aria-label": "Search results" }, results.map((r, i) => {
       if (shouldRenderAsArticle(r)) {
-        return /* @__PURE__ */ React28.createElement("div", { key: i, className: `search-result ${r && r.type}` }, /* @__PURE__ */ React28.createElement(ArticleTemplate, { record: r, query, layout }));
+        return /* @__PURE__ */ React29.createElement("div", { key: i, className: `search-result ${r && r.type}` }, /* @__PURE__ */ React29.createElement(ArticleTemplate, { record: r, query, layout }));
       }
       const hasDims = Number.isFinite(Number(r.thumbnailWidth)) && Number(r.thumbnailWidth) > 0 && Number.isFinite(Number(r.thumbnailHeight)) && Number(r.thumbnailHeight) > 0;
       const aspect = hasDims ? Number(r.thumbnailWidth) / Number(r.thumbnailHeight) : void 0;
-      return /* @__PURE__ */ React28.createElement(
+      return /* @__PURE__ */ React29.createElement(
         "div",
         {
           key: i,
           className: `search-result ${r.type}`,
           "data-thumbnail-aspect-ratio": aspect
         },
-        /* @__PURE__ */ React28.createElement(
+        /* @__PURE__ */ React29.createElement(
           FigureTemplate,
           {
             record: r,
@@ -1751,20 +2071,20 @@ function SearchResults({
       );
     }));
   }
-  return /* @__PURE__ */ React28.createElement("div", { id: "search-results", role: "region", "aria-label": "Search results" }, /* @__PURE__ */ React28.createElement(Grid, null, results.map((r, i) => {
+  return /* @__PURE__ */ React29.createElement("div", { id: "search-results", role: "region", "aria-label": "Search results" }, /* @__PURE__ */ React29.createElement(Grid, null, results.map((r, i) => {
     if (shouldRenderAsArticle(r)) {
-      return /* @__PURE__ */ React28.createElement(GridItem, { key: i, className: `search-result ${r && r.type}` }, /* @__PURE__ */ React28.createElement(ArticleTemplate, { record: r, query, layout }));
+      return /* @__PURE__ */ React29.createElement(GridItem, { key: i, className: `search-result ${r && r.type}` }, /* @__PURE__ */ React29.createElement(ArticleTemplate, { record: r, query, layout }));
     }
     const hasDims = Number.isFinite(Number(r.thumbnailWidth)) && Number(r.thumbnailWidth) > 0 && Number.isFinite(Number(r.thumbnailHeight)) && Number(r.thumbnailHeight) > 0;
     const aspect = hasDims ? Number(r.thumbnailWidth) / Number(r.thumbnailHeight) : void 0;
-    return /* @__PURE__ */ React28.createElement(
+    return /* @__PURE__ */ React29.createElement(
       GridItem,
       {
         key: i,
         className: `search-result ${r.type}`,
         "data-thumbnail-aspect-ratio": aspect
       },
-      /* @__PURE__ */ React28.createElement(
+      /* @__PURE__ */ React29.createElement(
         FigureTemplate,
         {
           record: r,
@@ -1778,7 +2098,7 @@ function SearchResults({
 }
 
 // ui/src/search/SearchTabs.jsx
-import React29, { useRef as useRef2, useState as useState6, useEffect as useEffect6 } from "react";
+import React30, { useRef as useRef2, useState as useState6, useEffect as useEffect6 } from "react";
 function SearchTabs({
   type = "all",
   onTypeChange,
@@ -1832,7 +2152,7 @@ function SearchTabs({
       width: `${itemBoundingBox.width}px`
     };
   }
-  return /* @__PURE__ */ React29.createElement("div", { className: "canopy-search-tabs-wrapper" }, /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React30.createElement("div", { className: "canopy-search-tabs-wrapper" }, /* @__PURE__ */ React30.createElement(
     "div",
     {
       role: "tablist",
@@ -1841,7 +2161,7 @@ function SearchTabs({
       ref: wrapperRef,
       onMouseLeave: resetHighlight
     },
-    /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React30.createElement(
       "div",
       {
         ref: highlightRef,
@@ -1853,7 +2173,7 @@ function SearchTabs({
       const active = String(type).toLowerCase() === String(t).toLowerCase();
       const cRaw = counts && Object.prototype.hasOwnProperty.call(counts, t) ? counts[t] : void 0;
       const c = Number.isFinite(Number(cRaw)) ? Number(cRaw) : 0;
-      return /* @__PURE__ */ React29.createElement(
+      return /* @__PURE__ */ React30.createElement(
         "button",
         {
           key: t,
@@ -1871,7 +2191,7 @@ function SearchTabs({
         ")"
       );
     })
-  ), hasFilters ? /* @__PURE__ */ React29.createElement(
+  ), hasFilters ? /* @__PURE__ */ React30.createElement(
     "button",
     {
       type: "button",
@@ -1879,12 +2199,12 @@ function SearchTabs({
       "aria-expanded": filtersOpen ? "true" : "false",
       className: "inline-flex items-center gap-2 rounded-md border border-slate-200 bg-white px-3 py-1.5 text-sm font-medium text-slate-700 shadow-sm transition hover:border-brand-200 hover:bg-brand-50 hover:text-brand-700"
     },
-    /* @__PURE__ */ React29.createElement("span", null, filtersLabel, filterBadge)
+    /* @__PURE__ */ React30.createElement("span", null, filtersLabel, filterBadge)
   ) : null);
 }
 
 // ui/src/search/SearchFiltersDialog.jsx
-import React30 from "react";
+import React31 from "react";
 function toArray(input) {
   if (!input) return [];
   if (Array.isArray(input)) return input;
@@ -1923,20 +2243,20 @@ function FacetSection({ facet, selected, onToggle }) {
   const selectedValues = selected.get(String(slug)) || /* @__PURE__ */ new Set();
   const checkboxId = (valueSlug) => `filter-${slug}-${valueSlug}`;
   const hasSelection = selectedValues.size > 0;
-  const [quickQuery, setQuickQuery] = React30.useState("");
+  const [quickQuery, setQuickQuery] = React31.useState("");
   const hasQuery = quickQuery.trim().length > 0;
-  const filteredValues = React30.useMemo(
+  const filteredValues = React31.useMemo(
     () => facetMatches(values, quickQuery),
     [values, quickQuery]
   );
-  return /* @__PURE__ */ React30.createElement(
+  return /* @__PURE__ */ React31.createElement(
     "details",
     {
       className: "canopy-search-filters__facet",
       open: hasSelection
     },
-    /* @__PURE__ */ React30.createElement("summary", { className: "canopy-search-filters__facet-summary" }, /* @__PURE__ */ React30.createElement("span", null, label), /* @__PURE__ */ React30.createElement("span", { className: "canopy-search-filters__facet-count" }, values.length)),
-    /* @__PURE__ */ React30.createElement("div", { className: "canopy-search-filters__facet-content" }, /* @__PURE__ */ React30.createElement("div", { className: "canopy-search-filters__quick" }, /* @__PURE__ */ React30.createElement(
+    /* @__PURE__ */ React31.createElement("summary", { className: "canopy-search-filters__facet-summary" }, /* @__PURE__ */ React31.createElement("span", null, label), /* @__PURE__ */ React31.createElement("span", { className: "canopy-search-filters__facet-count" }, values.length)),
+    /* @__PURE__ */ React31.createElement("div", { className: "canopy-search-filters__facet-content" }, /* @__PURE__ */ React31.createElement("div", { className: "canopy-search-filters__quick" }, /* @__PURE__ */ React31.createElement(
       "input",
       {
         type: "search",
@@ -1946,7 +2266,7 @@ function FacetSection({ facet, selected, onToggle }) {
         className: "canopy-search-filters__quick-input",
         "aria-label": `Filter ${label} values`
       }
-    ), quickQuery ? /* @__PURE__ */ React30.createElement(
+    ), quickQuery ? /* @__PURE__ */ React31.createElement(
       "button",
       {
         type: "button",
@@ -1955,11 +2275,11 @@ function FacetSection({ facet, selected, onToggle }) {
         "aria-label": `Clear ${label} filter search`
       },
       "Clear"
-    ) : null), hasQuery && !filteredValues.length ? /* @__PURE__ */ React30.createElement("p", { className: "canopy-search-filters__facet-notice" }, "No matches found.") : null, /* @__PURE__ */ React30.createElement("ul", { className: "canopy-search-filters__facet-list" }, filteredValues.map((entry) => {
+    ) : null), hasQuery && !filteredValues.length ? /* @__PURE__ */ React31.createElement("p", { className: "canopy-search-filters__facet-notice" }, "No matches found.") : null, /* @__PURE__ */ React31.createElement("ul", { className: "canopy-search-filters__facet-list" }, filteredValues.map((entry) => {
       const valueSlug = String(entry.slug || entry.value || "");
       const isChecked = selectedValues.has(valueSlug);
       const inputId = checkboxId(valueSlug);
-      return /* @__PURE__ */ React30.createElement("li", { key: valueSlug, className: "canopy-search-filters__facet-item" }, /* @__PURE__ */ React30.createElement(
+      return /* @__PURE__ */ React31.createElement("li", { key: valueSlug, className: "canopy-search-filters__facet-item" }, /* @__PURE__ */ React31.createElement(
         "input",
         {
           id: inputId,
@@ -1971,15 +2291,15 @@ function FacetSection({ facet, selected, onToggle }) {
             if (onToggle) onToggle(slug, valueSlug, nextChecked);
           }
         }
-      ), /* @__PURE__ */ React30.createElement(
+      ), /* @__PURE__ */ React31.createElement(
         "label",
         {
           htmlFor: inputId,
           className: "canopy-search-filters__facet-label"
         },
-        /* @__PURE__ */ React30.createElement("span", null, entry.value, " ", Number.isFinite(entry.doc_count) ? /* @__PURE__ */ React30.createElement("span", { className: "canopy-search-filters__facet-count" }, "(", entry.doc_count, ")") : null)
+        /* @__PURE__ */ React31.createElement("span", null, entry.value, " ", Number.isFinite(entry.doc_count) ? /* @__PURE__ */ React31.createElement("span", { className: "canopy-search-filters__facet-count" }, "(", entry.doc_count, ")") : null)
       ));
-    }), !filteredValues.length && !hasQuery ? /* @__PURE__ */ React30.createElement("li", { className: "canopy-search-filters__facet-empty" }, "No values available.") : null))
+    }), !filteredValues.length && !hasQuery ? /* @__PURE__ */ React31.createElement("li", { className: "canopy-search-filters__facet-empty" }, "No values available.") : null))
   );
 }
 function SearchFiltersDialog(props = {}) {
@@ -2001,7 +2321,7 @@ function SearchFiltersDialog(props = {}) {
     (total, set) => total + set.size,
     0
   );
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     if (!open) return void 0;
     if (typeof document === "undefined") return void 0;
     const body = document.body;
@@ -2018,7 +2338,7 @@ function SearchFiltersDialog(props = {}) {
   if (!open) return null;
   const brandId = "canopy-modal-filters-label";
   const subtitleText = subtitle != null ? subtitle : title;
-  return /* @__PURE__ */ React30.createElement(
+  return /* @__PURE__ */ React31.createElement(
     CanopyModal,
     {
       id: "canopy-modal-filters",
@@ -2033,8 +2353,8 @@ function SearchFiltersDialog(props = {}) {
       onBackgroundClick: () => onOpenChange && onOpenChange(false),
       bodyClassName: "canopy-modal__body--filters"
     },
-    subtitleText ? /* @__PURE__ */ React30.createElement("p", { className: "canopy-search-filters__subtitle" }, subtitleText) : null,
-    /* @__PURE__ */ React30.createElement("div", { className: "canopy-search-filters__body" }, Array.isArray(facets) && facets.length ? /* @__PURE__ */ React30.createElement("div", { className: "canopy-search-filters__facets" }, facets.map((facet) => /* @__PURE__ */ React30.createElement(
+    subtitleText ? /* @__PURE__ */ React31.createElement("p", { className: "canopy-search-filters__subtitle" }, subtitleText) : null,
+    /* @__PURE__ */ React31.createElement("div", { className: "canopy-search-filters__body" }, Array.isArray(facets) && facets.length ? /* @__PURE__ */ React31.createElement("div", { className: "canopy-search-filters__facets" }, facets.map((facet) => /* @__PURE__ */ React31.createElement(
       FacetSection,
       {
         key: facet.slug || facet.label,
@@ -2042,8 +2362,8 @@ function SearchFiltersDialog(props = {}) {
         selected: selectedMap,
         onToggle
       }
-    ))) : /* @__PURE__ */ React30.createElement("p", { className: "canopy-search-filters__empty" }, "No filters are available for this collection.")),
-    /* @__PURE__ */ React30.createElement("footer", { className: "canopy-search-filters__footer" }, /* @__PURE__ */ React30.createElement("div", null, activeCount ? `${activeCount} filter${activeCount === 1 ? "" : "s"} applied` : "No filters applied"), /* @__PURE__ */ React30.createElement("div", { className: "canopy-search-filters__footer-actions" }, /* @__PURE__ */ React30.createElement(
+    ))) : /* @__PURE__ */ React31.createElement("p", { className: "canopy-search-filters__empty" }, "No filters are available for this collection.")),
+    /* @__PURE__ */ React31.createElement("footer", { className: "canopy-search-filters__footer" }, /* @__PURE__ */ React31.createElement("div", null, activeCount ? `${activeCount} filter${activeCount === 1 ? "" : "s"} applied` : "No filters applied"), /* @__PURE__ */ React31.createElement("div", { className: "canopy-search-filters__footer-actions" }, /* @__PURE__ */ React31.createElement(
       "button",
       {
         type: "button",
@@ -2054,7 +2374,7 @@ function SearchFiltersDialog(props = {}) {
         className: "canopy-search-filters__button canopy-search-filters__button--secondary"
       },
       "Clear all"
-    ), /* @__PURE__ */ React30.createElement(
+    ), /* @__PURE__ */ React31.createElement(
       "button",
       {
         type: "button",
@@ -2067,7 +2387,7 @@ function SearchFiltersDialog(props = {}) {
 }
 
 // ui/src/search-form/MdxSearchFormModal.jsx
-import React31 from "react";
+import React32 from "react";
 function MdxSearchFormModal(props = {}) {
   const {
     placeholder = "Search\u2026",
@@ -2083,24 +2403,24 @@ function MdxSearchFormModal(props = {}) {
   const text = typeof label === "string" && label.trim() ? label.trim() : buttonLabel;
   const resolvedSearchPath = resolveSearchPath(searchPath);
   const data = { placeholder, hotkey, maxResults, groupOrder, label: text, searchPath: resolvedSearchPath };
-  return /* @__PURE__ */ React31.createElement("div", { "data-canopy-search-form": true, className: "flex-1 min-w-0" }, /* @__PURE__ */ React31.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React31.createElement(SearchPanelForm, { placeholder, buttonLabel, label, searchPath: resolvedSearchPath }), /* @__PURE__ */ React31.createElement(SearchPanelTeaserResults, null)), /* @__PURE__ */ React31.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: JSON.stringify(data) } }));
+  return /* @__PURE__ */ React32.createElement("div", { "data-canopy-search-form": true, className: "flex-1 min-w-0" }, /* @__PURE__ */ React32.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React32.createElement(SearchPanelForm, { placeholder, buttonLabel, label, searchPath: resolvedSearchPath }), /* @__PURE__ */ React32.createElement(SearchPanelTeaserResults, null)), /* @__PURE__ */ React32.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: JSON.stringify(data) } }));
 }
 
 // ui/src/docs/MarkdownTable.jsx
-import React32 from "react";
+import React33 from "react";
 function MarkdownTable({ className = "", ...rest }) {
   const merged = ["markdown-table", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React32.createElement("div", { className: "markdown-table__frame" }, /* @__PURE__ */ React32.createElement("table", { className: merged, ...rest }));
+  return /* @__PURE__ */ React33.createElement("div", { className: "markdown-table__frame" }, /* @__PURE__ */ React33.createElement("table", { className: merged, ...rest }));
 }
 
 // ui/src/docs/Diagram.jsx
-import React33 from "react";
+import React34 from "react";
 function CanopyDiagram() {
-  return /* @__PURE__ */ React33.createElement("div", { className: "canopy-diagram" }, /* @__PURE__ */ React33.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--collections" }, /* @__PURE__ */ React33.createElement("h3", null, "IIIF Collection(s)"), /* @__PURE__ */ React33.createElement("span", { className: "canopy-diagram__section-summary" }, "Source collections contribute 105 total manifests that Canopy retrieves as-is via IIIF endpoints."), /* @__PURE__ */ React33.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React33.createElement("article", null, /* @__PURE__ */ React33.createElement("h4", null, "Collection A"), /* @__PURE__ */ React33.createElement("ul", null, /* @__PURE__ */ React33.createElement("li", null, "70 Manifests"), /* @__PURE__ */ React33.createElement("li", null, "IIIF Images + A/V"), /* @__PURE__ */ React33.createElement("li", null, "Textual Annotations"))), /* @__PURE__ */ React33.createElement("article", null, /* @__PURE__ */ React33.createElement("h4", null, "Collection B"), /* @__PURE__ */ React33.createElement("ul", null, /* @__PURE__ */ React33.createElement("li", null, "35 Manifests"), /* @__PURE__ */ React33.createElement("li", null, "IIIF Images + A/V"), /* @__PURE__ */ React33.createElement("li", null, "Textual Annotations"))))), /* @__PURE__ */ React33.createElement("div", { className: "canopy-diagram__arrow", "aria-hidden": "true" }, /* @__PURE__ */ React33.createElement("span", { className: "canopy-diagram__arrow-line" }), /* @__PURE__ */ React33.createElement("span", { className: "canopy-diagram__arrow-head" })), /* @__PURE__ */ React33.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--build" }, /* @__PURE__ */ React33.createElement("h3", null, "Canopy Build Process"), /* @__PURE__ */ React33.createElement("span", { className: "canopy-diagram__section-summary" }, "Canopy syncs manifests, page content, and annotations before bundling the site."), /* @__PURE__ */ React33.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React33.createElement("article", null, /* @__PURE__ */ React33.createElement("h4", null, "Automated content"), /* @__PURE__ */ React33.createElement("ul", null, /* @__PURE__ */ React33.createElement("li", null, "105 manifests \u2192 105 work pages"), /* @__PURE__ */ React33.createElement("li", null, "One page per manifest"), /* @__PURE__ */ React33.createElement("li", null, "Customize page layout"))), /* @__PURE__ */ React33.createElement("article", null, /* @__PURE__ */ React33.createElement("h4", null, "Contextual content"), /* @__PURE__ */ React33.createElement("ul", null, /* @__PURE__ */ React33.createElement("li", null, "Markdown & MDX pages"), /* @__PURE__ */ React33.createElement("li", null, "Author narratives"), /* @__PURE__ */ React33.createElement("li", null, "Reference manifests inline"))), /* @__PURE__ */ React33.createElement("article", null, /* @__PURE__ */ React33.createElement("h4", null, "Search index"), /* @__PURE__ */ React33.createElement("ul", null, /* @__PURE__ */ React33.createElement("li", null, "Combines works + pages"), /* @__PURE__ */ React33.createElement("li", null, "Customize result layout"), /* @__PURE__ */ React33.createElement("li", null, "Optional annotations"))))), /* @__PURE__ */ React33.createElement("div", { className: "canopy-diagram__arrow", "aria-hidden": "true" }, /* @__PURE__ */ React33.createElement("span", { className: "canopy-diagram__arrow-line" }), /* @__PURE__ */ React33.createElement("span", { className: "canopy-diagram__arrow-head" })), /* @__PURE__ */ React33.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--output" }, /* @__PURE__ */ React33.createElement("h3", null, "Static Digital Project"), /* @__PURE__ */ React33.createElement("span", { className: "canopy-diagram__section-summary" }, "The output is a lightweight bundle of HTML, CSS, JS, and JSON assets that can deploy anywhere."), /* @__PURE__ */ React33.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React33.createElement("article", null, /* @__PURE__ */ React33.createElement("h4", null, "Work pages"), /* @__PURE__ */ React33.createElement("ul", null, /* @__PURE__ */ React33.createElement("li", null, "105 generated HTML pages"), /* @__PURE__ */ React33.createElement("li", null, "Each links back to source manifests"), /* @__PURE__ */ React33.createElement("li", null, "Styled with Canopy components"))), /* @__PURE__ */ React33.createElement("article", null, /* @__PURE__ */ React33.createElement("h4", null, "Custom pages"), /* @__PURE__ */ React33.createElement("ul", null, /* @__PURE__ */ React33.createElement("li", null, "Markdown & MDX-authored content"), /* @__PURE__ */ React33.createElement("li", null, "Reusable layouts for narratives"), /* @__PURE__ */ React33.createElement("li", null, "Embed IIIF media & interstitials"))), /* @__PURE__ */ React33.createElement("article", null, /* @__PURE__ */ React33.createElement("h4", null, "Search bundle"), /* @__PURE__ */ React33.createElement("ul", null, /* @__PURE__ */ React33.createElement("li", null, "Static FlexSearch index"), /* @__PURE__ */ React33.createElement("li", null, "Works + pages share records"), /* @__PURE__ */ React33.createElement("li", null, "Optional annotation dataset"))))));
+  return /* @__PURE__ */ React34.createElement("div", { className: "canopy-diagram" }, /* @__PURE__ */ React34.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--collections" }, /* @__PURE__ */ React34.createElement("h3", null, "IIIF Collection(s)"), /* @__PURE__ */ React34.createElement("span", { className: "canopy-diagram__section-summary" }, "Source collections contribute 105 total manifests that Canopy retrieves as-is via IIIF endpoints."), /* @__PURE__ */ React34.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React34.createElement("article", null, /* @__PURE__ */ React34.createElement("h4", null, "Collection A"), /* @__PURE__ */ React34.createElement("ul", null, /* @__PURE__ */ React34.createElement("li", null, "70 Manifests"), /* @__PURE__ */ React34.createElement("li", null, "IIIF Images + A/V"), /* @__PURE__ */ React34.createElement("li", null, "Textual Annotations"))), /* @__PURE__ */ React34.createElement("article", null, /* @__PURE__ */ React34.createElement("h4", null, "Collection B"), /* @__PURE__ */ React34.createElement("ul", null, /* @__PURE__ */ React34.createElement("li", null, "35 Manifests"), /* @__PURE__ */ React34.createElement("li", null, "IIIF Images + A/V"), /* @__PURE__ */ React34.createElement("li", null, "Textual Annotations"))))), /* @__PURE__ */ React34.createElement("div", { className: "canopy-diagram__arrow", "aria-hidden": "true" }, /* @__PURE__ */ React34.createElement("span", { className: "canopy-diagram__arrow-line" }), /* @__PURE__ */ React34.createElement("span", { className: "canopy-diagram__arrow-head" })), /* @__PURE__ */ React34.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--build" }, /* @__PURE__ */ React34.createElement("h3", null, "Canopy Build Process"), /* @__PURE__ */ React34.createElement("span", { className: "canopy-diagram__section-summary" }, "Canopy syncs manifests, page content, and annotations before bundling the site."), /* @__PURE__ */ React34.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React34.createElement("article", null, /* @__PURE__ */ React34.createElement("h4", null, "Automated content"), /* @__PURE__ */ React34.createElement("ul", null, /* @__PURE__ */ React34.createElement("li", null, "105 manifests \u2192 105 work pages"), /* @__PURE__ */ React34.createElement("li", null, "One page per manifest"), /* @__PURE__ */ React34.createElement("li", null, "Customize page layout"))), /* @__PURE__ */ React34.createElement("article", null, /* @__PURE__ */ React34.createElement("h4", null, "Contextual content"), /* @__PURE__ */ React34.createElement("ul", null, /* @__PURE__ */ React34.createElement("li", null, "Markdown & MDX pages"), /* @__PURE__ */ React34.createElement("li", null, "Author narratives"), /* @__PURE__ */ React34.createElement("li", null, "Reference manifests inline"))), /* @__PURE__ */ React34.createElement("article", null, /* @__PURE__ */ React34.createElement("h4", null, "Search index"), /* @__PURE__ */ React34.createElement("ul", null, /* @__PURE__ */ React34.createElement("li", null, "Combines works + pages"), /* @__PURE__ */ React34.createElement("li", null, "Customize result layout"), /* @__PURE__ */ React34.createElement("li", null, "Optional annotations"))))), /* @__PURE__ */ React34.createElement("div", { className: "canopy-diagram__arrow", "aria-hidden": "true" }, /* @__PURE__ */ React34.createElement("span", { className: "canopy-diagram__arrow-line" }), /* @__PURE__ */ React34.createElement("span", { className: "canopy-diagram__arrow-head" })), /* @__PURE__ */ React34.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--output" }, /* @__PURE__ */ React34.createElement("h3", null, "Static Digital Project"), /* @__PURE__ */ React34.createElement("span", { className: "canopy-diagram__section-summary" }, "The output is a lightweight bundle of HTML, CSS, JS, and JSON assets that can deploy anywhere."), /* @__PURE__ */ React34.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React34.createElement("article", null, /* @__PURE__ */ React34.createElement("h4", null, "Work pages"), /* @__PURE__ */ React34.createElement("ul", null, /* @__PURE__ */ React34.createElement("li", null, "105 generated HTML pages"), /* @__PURE__ */ React34.createElement("li", null, "Each links back to source manifests"), /* @__PURE__ */ React34.createElement("li", null, "Styled with Canopy components"))), /* @__PURE__ */ React34.createElement("article", null, /* @__PURE__ */ React34.createElement("h4", null, "Custom pages"), /* @__PURE__ */ React34.createElement("ul", null, /* @__PURE__ */ React34.createElement("li", null, "Markdown & MDX-authored content"), /* @__PURE__ */ React34.createElement("li", null, "Reusable layouts for narratives"), /* @__PURE__ */ React34.createElement("li", null, "Embed IIIF media & interstitials"))), /* @__PURE__ */ React34.createElement("article", null, /* @__PURE__ */ React34.createElement("h4", null, "Search bundle"), /* @__PURE__ */ React34.createElement("ul", null, /* @__PURE__ */ React34.createElement("li", null, "Static FlexSearch index"), /* @__PURE__ */ React34.createElement("li", null, "Works + pages share records"), /* @__PURE__ */ React34.createElement("li", null, "Optional annotation dataset"))))));
 }
 
 // ui/src/content/timeline/Timeline.jsx
-import React35 from "react";
+import React36 from "react";
 
 // ui/src/content/timeline/date-utils.js
 var FALLBACK_LOCALE = (() => {
@@ -2253,7 +2573,7 @@ function clampProgress(value) {
 }
 
 // ui/src/layout/ReferencedManifestCard.jsx
-import React34 from "react";
+import React35 from "react";
 function normalizeMetadata(metadata, summary) {
   if (Array.isArray(metadata) && metadata.length) {
     return metadata.filter(Boolean);
@@ -2287,7 +2607,7 @@ function ReferencedManifestCard({
     "canopy-referenced-manifest-card",
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React34.createElement(
+  return /* @__PURE__ */ React35.createElement(
     TeaserCard,
     {
       href: resolvedHref || void 0,
@@ -2469,14 +2789,14 @@ function TimelineConnector({ side, isActive, highlight }) {
     "canopy-timeline__connector-dot",
     highlight || isActive ? "is-active" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React35.createElement("span", { className: connectorClasses, "aria-hidden": "true" }, side === "left" ? /* @__PURE__ */ React35.createElement(React35.Fragment, null, /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__connector-line" }), /* @__PURE__ */ React35.createElement("span", { className: dotClasses })) : /* @__PURE__ */ React35.createElement(React35.Fragment, null, /* @__PURE__ */ React35.createElement("span", { className: dotClasses }), /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__connector-line" })));
+  return /* @__PURE__ */ React36.createElement("span", { className: connectorClasses, "aria-hidden": "true" }, side === "left" ? /* @__PURE__ */ React36.createElement(React36.Fragment, null, /* @__PURE__ */ React36.createElement("span", { className: "canopy-timeline__connector-line" }), /* @__PURE__ */ React36.createElement("span", { className: dotClasses })) : /* @__PURE__ */ React36.createElement(React36.Fragment, null, /* @__PURE__ */ React36.createElement("span", { className: dotClasses }), /* @__PURE__ */ React36.createElement("span", { className: "canopy-timeline__connector-line" })));
 }
 function renderResourceSection(point) {
   if (!point) return null;
   const manifestCards = Array.isArray(point.manifests) ? point.manifests.filter(Boolean) : [];
   const legacyResources = Array.isArray(point.resources) ? point.resources.filter(Boolean) : [];
   if (!manifestCards.length && !legacyResources.length) return null;
-  return /* @__PURE__ */ React35.createElement("div", { className: "canopy-timeline__resources" }, /* @__PURE__ */ React35.createElement("div", { className: "canopy-timeline__resources-list" }, manifestCards.map((manifest) => /* @__PURE__ */ React35.createElement("div", { key: manifest.id || manifest.href }, /* @__PURE__ */ React35.createElement(ReferencedManifestCard, { manifest }))), legacyResources.map((resource, idx) => /* @__PURE__ */ React35.createElement("div", { key: resource.id || resource.href || `legacy-${idx}` }, /* @__PURE__ */ React35.createElement(
+  return /* @__PURE__ */ React36.createElement("div", { className: "canopy-timeline__resources" }, /* @__PURE__ */ React36.createElement("div", { className: "canopy-timeline__resources-list" }, manifestCards.map((manifest) => /* @__PURE__ */ React36.createElement("div", { key: manifest.id || manifest.href }, /* @__PURE__ */ React36.createElement(ReferencedManifestCard, { manifest }))), legacyResources.map((resource, idx) => /* @__PURE__ */ React36.createElement("div", { key: resource.id || resource.href || `legacy-${idx}` }, /* @__PURE__ */ React36.createElement(
     TeaserCard,
     {
       href: resource.href,
@@ -2501,26 +2821,26 @@ function Timeline({
   ...rest
 }) {
   const payloadPoints = payload && Array.isArray(payload.points) ? payload.points : null;
-  const rawPoints = React35.useMemo(() => {
+  const rawPoints = React36.useMemo(() => {
     if (Array.isArray(pointsProp) && pointsProp.length) return pointsProp;
     if (payloadPoints && payloadPoints.length) return payloadPoints;
     return [];
   }, [pointsProp, payloadPoints]);
-  const sanitizedPoints = React35.useMemo(
+  const sanitizedPoints = React36.useMemo(
     () => sanitizePoints(rawPoints),
     [rawPoints]
   );
   const localeValue = payload && payload.locale ? payload.locale : localeProp;
-  const baseLocale = React35.useMemo(
+  const baseLocale = React36.useMemo(
     () => createLocale(localeValue),
     [localeValue]
   );
   const rangeInput = payload && payload.range ? payload.range : rangeProp || {};
-  const rangeOverrides = React35.useMemo(
+  const rangeOverrides = React36.useMemo(
     () => deriveRangeOverrides(sanitizedPoints, rangeInput),
     [sanitizedPoints, rangeInput]
   );
-  const effectiveRange = React35.useMemo(
+  const effectiveRange = React36.useMemo(
     () => normalizeRange({
       ...rangeOverrides,
       locale: baseLocale
@@ -2529,7 +2849,7 @@ function Timeline({
   );
   const spanStart = effectiveRange.startDate.getTime();
   const span = effectiveRange.span;
-  const pointsWithPosition = React35.useMemo(() => {
+  const pointsWithPosition = React36.useMemo(() => {
     if (!sanitizedPoints.length) return [];
     return sanitizedPoints.map((point, index) => {
       const timestamp = point.meta.timestamp;
@@ -2543,29 +2863,29 @@ function Timeline({
       };
     });
   }, [sanitizedPoints, spanStart, span]);
-  const [activeId, setActiveId] = React35.useState(
+  const [activeId, setActiveId] = React36.useState(
     () => getActivePointId(pointsWithPosition)
   );
-  React35.useEffect(() => {
+  React36.useEffect(() => {
     setActiveId(getActivePointId(pointsWithPosition));
   }, [pointsWithPosition]);
   const thresholdValue = typeof thresholdProp === "number" ? thresholdProp : payload && payload.threshold != null ? payload.threshold : null;
   const stepsValue = typeof steps === "number" ? Number(steps) : payload && typeof payload.steps === "number" ? Number(payload.steps) : null;
-  const thresholdMs = React35.useMemo(
+  const thresholdMs = React36.useMemo(
     () => getThresholdMs(thresholdValue, effectiveRange.granularity),
     [thresholdValue, effectiveRange.granularity]
   );
-  const groupedEntries = React35.useMemo(
+  const groupedEntries = React36.useMemo(
     () => buildGroupedEntries(pointsWithPosition, thresholdMs, {
       granularity: effectiveRange.granularity,
       locale: baseLocale
     }),
     [pointsWithPosition, thresholdMs, effectiveRange.granularity, baseLocale]
   );
-  const [expandedGroupIds, setExpandedGroupIds] = React35.useState(
+  const [expandedGroupIds, setExpandedGroupIds] = React36.useState(
     () => /* @__PURE__ */ new Set()
   );
-  React35.useEffect(() => {
+  React36.useEffect(() => {
     setExpandedGroupIds((prev) => {
       if (!prev || prev.size === 0) return prev;
       const validIds = new Set(
@@ -2580,7 +2900,7 @@ function Timeline({
       return changed ? next : prev;
     });
   }, [groupedEntries]);
-  const toggleGroup = React35.useCallback((groupId) => {
+  const toggleGroup = React36.useCallback((groupId) => {
     setExpandedGroupIds((prev) => {
       const next = new Set(prev || []);
       if (next.has(groupId)) next.delete(groupId);
@@ -2603,7 +2923,7 @@ function Timeline({
       point.id === activeId ? "is-active" : "",
       point.highlight ? "is-highlighted" : ""
     ].filter(Boolean).join(" ");
-    const connector = /* @__PURE__ */ React35.createElement(
+    const connector = /* @__PURE__ */ React36.createElement(
       TimelineConnector,
       {
         side: point.side,
@@ -2611,9 +2931,9 @@ function Timeline({
         highlight: point.highlight
       }
     );
-    const body = /* @__PURE__ */ React35.createElement("div", { className: "canopy-timeline__point-body" }, /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__point-date" }, point.meta.label), /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__point-title" }, point.title), point.summary ? /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__point-summary" }, point.summary) : null);
+    const body = /* @__PURE__ */ React36.createElement("div", { className: "canopy-timeline__point-body" }, /* @__PURE__ */ React36.createElement("span", { className: "canopy-timeline__point-date" }, point.meta.label), /* @__PURE__ */ React36.createElement("span", { className: "canopy-timeline__point-title" }, point.title), point.summary ? /* @__PURE__ */ React36.createElement("span", { className: "canopy-timeline__point-summary" }, point.summary) : null);
     const resourceSection = renderResourceSection(point);
-    return /* @__PURE__ */ React35.createElement(
+    return /* @__PURE__ */ React36.createElement(
       "div",
       {
         key: point.id,
@@ -2621,7 +2941,7 @@ function Timeline({
         style: wrapperStyle,
         role: "listitem"
       },
-      point.side === "left" ? /* @__PURE__ */ React35.createElement(React35.Fragment, null, /* @__PURE__ */ React35.createElement("div", { className: cardClasses }, body, resourceSection), connector) : /* @__PURE__ */ React35.createElement(React35.Fragment, null, connector, /* @__PURE__ */ React35.createElement("div", { className: cardClasses }, body, resourceSection))
+      point.side === "left" ? /* @__PURE__ */ React36.createElement(React36.Fragment, null, /* @__PURE__ */ React36.createElement("div", { className: cardClasses }, body, resourceSection), connector) : /* @__PURE__ */ React36.createElement(React36.Fragment, null, connector, /* @__PURE__ */ React36.createElement("div", { className: cardClasses }, body, resourceSection))
     );
   }
   function renderGroupEntry(entry) {
@@ -2632,7 +2952,7 @@ function Timeline({
     const wrapperStyle = { top: `${entry.progress * 100}%` };
     const isExpanded = expandedGroupIds.has(entry.id);
     const hasActivePoint = entry.points.some((point) => point.id === activeId);
-    const connector = /* @__PURE__ */ React35.createElement(
+    const connector = /* @__PURE__ */ React36.createElement(
       TimelineConnector,
       {
         side: entry.side,
@@ -2646,7 +2966,7 @@ function Timeline({
       hasActivePoint ? "is-active" : ""
     ].filter(Boolean).join(" ");
     const countLabel = `${entry.count} event${entry.count > 1 ? "s" : ""}`;
-    const header = /* @__PURE__ */ React35.createElement("div", { className: "canopy-timeline__group-header" }, /* @__PURE__ */ React35.createElement("div", { className: "canopy-timeline__group-summary" }, /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__point-date" }, entry.label), /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__group-count" }, countLabel)), /* @__PURE__ */ React35.createElement(
+    const header = /* @__PURE__ */ React36.createElement("div", { className: "canopy-timeline__group-header" }, /* @__PURE__ */ React36.createElement("div", { className: "canopy-timeline__group-summary" }, /* @__PURE__ */ React36.createElement("span", { className: "canopy-timeline__point-date" }, entry.label), /* @__PURE__ */ React36.createElement("span", { className: "canopy-timeline__group-count" }, countLabel)), /* @__PURE__ */ React36.createElement(
       "button",
       {
         type: "button",
@@ -2656,7 +2976,7 @@ function Timeline({
       },
       isExpanded ? "Hide details" : "Show details"
     ));
-    const groupPoints = isExpanded ? /* @__PURE__ */ React35.createElement("div", { className: "canopy-timeline__group-points" }, entry.points.map((point) => /* @__PURE__ */ React35.createElement(
+    const groupPoints = isExpanded ? /* @__PURE__ */ React36.createElement("div", { className: "canopy-timeline__group-points" }, entry.points.map((point) => /* @__PURE__ */ React36.createElement(
       "button",
       {
         key: point.id,
@@ -2667,11 +2987,11 @@ function Timeline({
         ].filter(Boolean).join(" "),
         onClick: () => setActiveId(point.id)
       },
-      /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__point-date" }, point.meta.label),
-      /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__group-point-title" }, point.title)
+      /* @__PURE__ */ React36.createElement("span", { className: "canopy-timeline__point-date" }, point.meta.label),
+      /* @__PURE__ */ React36.createElement("span", { className: "canopy-timeline__group-point-title" }, point.title)
     ))) : null;
-    const groupCard = /* @__PURE__ */ React35.createElement("div", { className: groupClasses }, header, groupPoints);
-    return /* @__PURE__ */ React35.createElement(
+    const groupCard = /* @__PURE__ */ React36.createElement("div", { className: groupClasses }, header, groupPoints);
+    return /* @__PURE__ */ React36.createElement(
       "div",
       {
         key: entry.id,
@@ -2679,17 +2999,17 @@ function Timeline({
         style: wrapperStyle,
         role: "listitem"
       },
-      entry.side === "left" ? /* @__PURE__ */ React35.createElement(React35.Fragment, null, groupCard, connector) : /* @__PURE__ */ React35.createElement(React35.Fragment, null, connector, groupCard)
+      entry.side === "left" ? /* @__PURE__ */ React36.createElement(React36.Fragment, null, groupCard, connector) : /* @__PURE__ */ React36.createElement(React36.Fragment, null, connector, groupCard)
     );
   }
-  return /* @__PURE__ */ React35.createElement("section", { className: containerClasses, ...rest }, title ? /* @__PURE__ */ React35.createElement("h2", { className: "canopy-timeline__title" }, title) : null, description ? /* @__PURE__ */ React35.createElement("p", { className: "canopy-timeline__description" }, description) : null, rangeLabel ? /* @__PURE__ */ React35.createElement("p", { className: "canopy-timeline__range", "aria-live": "polite" }, rangeLabel) : null, /* @__PURE__ */ React35.createElement("div", { className: "canopy-timeline__body" }, /* @__PURE__ */ React35.createElement(
+  return /* @__PURE__ */ React36.createElement("section", { className: containerClasses, ...rest }, title ? /* @__PURE__ */ React36.createElement("h2", { className: "canopy-timeline__title" }, title) : null, description ? /* @__PURE__ */ React36.createElement("p", { className: "canopy-timeline__description" }, description) : null, rangeLabel ? /* @__PURE__ */ React36.createElement("p", { className: "canopy-timeline__range", "aria-live": "polite" }, rangeLabel) : null, /* @__PURE__ */ React36.createElement("div", { className: "canopy-timeline__body" }, /* @__PURE__ */ React36.createElement(
     "div",
     {
       className: "canopy-timeline__list",
       role: "list",
       style: { minHeight: trackHeight }
     },
-    /* @__PURE__ */ React35.createElement("div", { className: "canopy-timeline__spine", "aria-hidden": "true" }),
+    /* @__PURE__ */ React36.createElement("div", { className: "canopy-timeline__spine", "aria-hidden": "true" }),
     renderSteps(stepsValue, effectiveRange),
     groupedEntries.map((entry) => {
       if (entry.type === "group") return renderGroupEntry(entry);
@@ -2704,7 +3024,7 @@ function renderSteps(stepSize, range) {
   const markers = [];
   if (startYear < endYear) {
     markers.push(
-      /* @__PURE__ */ React35.createElement(
+      /* @__PURE__ */ React36.createElement(
         "span",
         {
           key: "timeline-step-start",
@@ -2712,12 +3032,12 @@ function renderSteps(stepSize, range) {
           style: { top: "0%" },
           "aria-hidden": "true"
         },
-        /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__step-line" }),
-        /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__step-label" }, startYear)
+        /* @__PURE__ */ React36.createElement("span", { className: "canopy-timeline__step-line" }),
+        /* @__PURE__ */ React36.createElement("span", { className: "canopy-timeline__step-label" }, startYear)
       )
     );
     markers.push(
-      /* @__PURE__ */ React35.createElement(
+      /* @__PURE__ */ React36.createElement(
         "span",
         {
           key: "timeline-step-end",
@@ -2725,8 +3045,8 @@ function renderSteps(stepSize, range) {
           style: { top: "100%" },
           "aria-hidden": "true"
         },
-        /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__step-line" }),
-        /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__step-label" }, endYear)
+        /* @__PURE__ */ React36.createElement("span", { className: "canopy-timeline__step-line" }),
+        /* @__PURE__ */ React36.createElement("span", { className: "canopy-timeline__step-label" }, endYear)
       )
     );
   }
@@ -2736,7 +3056,7 @@ function renderSteps(stepSize, range) {
     const progress = (timestamp - range.startDate.getTime()) / range.span;
     if (progress <= 0 || progress >= 1) continue;
     markers.push(
-      /* @__PURE__ */ React35.createElement(
+      /* @__PURE__ */ React36.createElement(
         "span",
         {
           key: `timeline-step-${year}`,
@@ -2744,8 +3064,8 @@ function renderSteps(stepSize, range) {
           style: { top: `calc(${progress * 100}% - 0.5px)` },
           "aria-hidden": "true"
         },
-        /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__step-line" }),
-        /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__step-label" }, year)
+        /* @__PURE__ */ React36.createElement("span", { className: "canopy-timeline__step-line" }),
+        /* @__PURE__ */ React36.createElement("span", { className: "canopy-timeline__step-label" }, year)
       )
     );
   }
@@ -2759,7 +3079,7 @@ function TimelinePoint() {
 TimelinePoint.displayName = "TimelinePoint";
 
 // ui/src/content/map/Map.jsx
-import React36 from "react";
+import React37 from "react";
 import { createRoot } from "react-dom/client";
 var DEFAULT_TILE_LAYERS = [
   {
@@ -3026,7 +3346,7 @@ function MapPopupContent({ marker }) {
     ...manifest,
     href: manifest.href ? withBasePath(manifest.href) : manifest.href || ""
   }));
-  return /* @__PURE__ */ React36.createElement("div", { className: "canopy-map__popup" }, thumbnail ? /* @__PURE__ */ React36.createElement("div", { className: "canopy-map__popup-media" }, /* @__PURE__ */ React36.createElement(
+  return /* @__PURE__ */ React37.createElement("div", { className: "canopy-map__popup" }, thumbnail ? /* @__PURE__ */ React37.createElement("div", { className: "canopy-map__popup-media" }, /* @__PURE__ */ React37.createElement(
     "img",
     {
       src: thumbnail,
@@ -3035,19 +3355,19 @@ function MapPopupContent({ marker }) {
       width: typeof thumbWidth === "number" && thumbWidth > 0 ? thumbWidth : void 0,
       height: typeof thumbHeight === "number" && thumbHeight > 0 ? thumbHeight : void 0
     }
-  )) : null, /* @__PURE__ */ React36.createElement("div", { className: "canopy-map__popup-body" }, title ? href ? /* @__PURE__ */ React36.createElement("a", { href, className: "canopy-map__popup-title" }, title) : /* @__PURE__ */ React36.createElement("span", { className: "canopy-map__popup-title" }, title) : null, summary ? /* @__PURE__ */ React36.createElement("p", { className: "canopy-map__popup-summary" }, summary) : null, marker.detailsHtml ? /* @__PURE__ */ React36.createElement(
+  )) : null, /* @__PURE__ */ React37.createElement("div", { className: "canopy-map__popup-body" }, title ? href ? /* @__PURE__ */ React37.createElement("a", { href, className: "canopy-map__popup-title" }, title) : /* @__PURE__ */ React37.createElement("span", { className: "canopy-map__popup-title" }, title) : null, summary ? /* @__PURE__ */ React37.createElement("p", { className: "canopy-map__popup-summary" }, summary) : null, marker.detailsHtml ? /* @__PURE__ */ React37.createElement(
     "div",
     {
       className: "canopy-map__popup-details",
       dangerouslySetInnerHTML: { __html: marker.detailsHtml }
     }
-  ) : null, !summary && !marker.detailsHtml && href && !title ? /* @__PURE__ */ React36.createElement("a", { href, className: "canopy-map__popup-link" }, "View item") : null, normalizedManifests.length ? /* @__PURE__ */ React36.createElement("div", { className: "canopy-map__popup-manifests" }, /* @__PURE__ */ React36.createElement("div", { className: "canopy-map__popup-manifests-list" }, normalizedManifests.map((manifest, index) => /* @__PURE__ */ React36.createElement(
+  ) : null, !summary && !marker.detailsHtml && href && !title ? /* @__PURE__ */ React37.createElement("a", { href, className: "canopy-map__popup-link" }, "View item") : null, normalizedManifests.length ? /* @__PURE__ */ React37.createElement("div", { className: "canopy-map__popup-manifests" }, /* @__PURE__ */ React37.createElement("div", { className: "canopy-map__popup-manifests-list" }, normalizedManifests.map((manifest, index) => /* @__PURE__ */ React37.createElement(
     "div",
     {
       key: manifest.id || manifest.href || `manifest-${index}`,
       className: "canopy-map__popup-manifests-item"
     },
-    /* @__PURE__ */ React36.createElement(ReferencedManifestCard, { manifest })
+    /* @__PURE__ */ React37.createElement(ReferencedManifestCard, { manifest })
   )))) : null));
 }
 function renderPopup(marker) {
@@ -3059,7 +3379,7 @@ function renderPopup(marker) {
     if (hadError) return;
     try {
       if (!root) root = createRoot(container);
-      root.render(/* @__PURE__ */ React36.createElement(MapPopupContent, { marker }));
+      root.render(/* @__PURE__ */ React37.createElement(MapPopupContent, { marker }));
     } catch (error) {
       hadError = true;
       if (root) {
@@ -3184,26 +3504,26 @@ function Map2({
   defaultCenter = null,
   defaultZoom = null
 } = {}) {
-  const containerRef = React36.useRef(null);
-  const mapRef = React36.useRef(null);
-  const layerRef = React36.useRef(null);
-  const [leafletLib, setLeafletLib] = React36.useState(() => resolveGlobalLeaflet());
-  const [leafletError, setLeafletError] = React36.useState(null);
+  const containerRef = React37.useRef(null);
+  const mapRef = React37.useRef(null);
+  const layerRef = React37.useRef(null);
+  const [leafletLib, setLeafletLib] = React37.useState(() => resolveGlobalLeaflet());
+  const [leafletError, setLeafletError] = React37.useState(null);
   const datasetInfo = navDataset && typeof navDataset === "object" ? navDataset : null;
   const datasetHref = datasetInfo && datasetInfo.href || "/api/navplace.json";
   const datasetVersion = datasetInfo && datasetInfo.version;
   const datasetHasFeatures = !!(datasetInfo && datasetInfo.hasFeatures);
-  const [navState, setNavState] = React36.useState(() => ({
+  const [navState, setNavState] = React37.useState(() => ({
     loading: false,
     error: null,
     markers: []
   }));
-  const [iiifTargets, setIiifTargets] = React36.useState(() => ({
+  const [iiifTargets, setIiifTargets] = React37.useState(() => ({
     loading: false,
     error: null,
     keys: []
   }));
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     if (!iiifContent) {
       setIiifTargets({ loading: false, error: null, keys: [] });
       return;
@@ -3251,7 +3571,7 @@ function Map2({
   const navTargets = iiifTargets.keys || [];
   const navTargetsKey = navTargets.join("|");
   const shouldFetchNav = datasetHasFeatures && navTargets.length > 0;
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     if (!shouldFetchNav) {
       setNavState({ loading: false, error: null, markers: [] });
       return void 0;
@@ -3283,7 +3603,7 @@ function Map2({
       cancelled = true;
     };
   }, [datasetHref, datasetVersion, navTargetsKey, shouldFetchNav]);
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     if (leafletLib) return;
     let cancelled = false;
     waitForLeaflet().then((lib) => {
@@ -3295,7 +3615,7 @@ function Map2({
       cancelled = true;
     };
   }, [leafletLib]);
-  const navMatchMap = React36.useMemo(() => {
+  const navMatchMap = React37.useMemo(() => {
     const matchMap = createMarkerMap();
     (navState.markers || []).forEach((marker) => {
       if (!marker || !Array.isArray(marker.matchKeys)) return;
@@ -3306,7 +3626,7 @@ function Map2({
     });
     return matchMap;
   }, [navState.markers]);
-  const normalizedCustom = React36.useMemo(() => {
+  const normalizedCustom = React37.useMemo(() => {
     return normalizeCustomMarkers(customPoints).map((point) => {
       if (!point || point.thumbnail || !point.href) return point;
       const match = navMatchMap.get(normalizeKey(point.href));
@@ -3321,11 +3641,11 @@ function Map2({
       };
     });
   }, [customPoints, navMatchMap]);
-  const allMarkers = React36.useMemo(() => {
+  const allMarkers = React37.useMemo(() => {
     return [...navState.markers || [], ...normalizedCustom];
   }, [navState.markers, normalizedCustom]);
-  const clusterOptions = React36.useMemo(() => buildClusterOptions(leafletLib), [leafletLib]);
-  React36.useEffect(() => {
+  const clusterOptions = React37.useMemo(() => buildClusterOptions(leafletLib), [leafletLib]);
+  React37.useEffect(() => {
     if (!containerRef.current || mapRef.current || !leafletLib) return void 0;
     const map = leafletLib.map(containerRef.current, {
       zoomControl: true,
@@ -3363,7 +3683,7 @@ function Map2({
       layerRef.current = null;
     };
   }, [tileLayers, scrollWheelZoom, cluster, clusterOptions, leafletLib]);
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     const map = mapRef.current;
     const layer = layerRef.current;
     if (!map || !layer || !leafletLib) return;
@@ -3467,14 +3787,14 @@ function Map2({
   ].filter(Boolean).join(" ");
   const statusLabel = leafletError ? leafletError.message || "Failed to load map library" : !leafletLib ? "Loading map\u2026" : iiifTargets.error ? iiifTargets.error : datasetUnavailable ? "Map data is unavailable for this site." : navState.error ? navState.error : isLoadingMarkers ? "Loading map data\u2026" : !iiifContent && !hasCustomPoints ? "Add iiifContent or MapPoint markers to populate this map." : !hasMarkers ? "No map locations available." : "";
   const showStatus = Boolean(statusLabel);
-  return /* @__PURE__ */ React36.createElement("div", { className: rootClass, id: id || void 0, style: style || void 0 }, /* @__PURE__ */ React36.createElement(
+  return /* @__PURE__ */ React37.createElement("div", { className: rootClass, id: id || void 0, style: style || void 0 }, /* @__PURE__ */ React37.createElement(
     "div",
     {
       ref: containerRef,
       className: "canopy-map__canvas",
       style: { height: height || "600px" }
     }
-  ), showStatus ? /* @__PURE__ */ React36.createElement("div", { className: "canopy-map__status", "aria-live": "polite" }, statusLabel) : null);
+  ), showStatus ? /* @__PURE__ */ React37.createElement("div", { className: "canopy-map__status", "aria-live": "polite" }, statusLabel) : null);
 }
 
 // ui/src/content/map/MapPoint.jsx