@orion-studios/payload-studio 0.5.0-beta.25 → 0.5.0-beta.26

package/dist/admin/index.d.mts

@@ -1,2 +1,2 @@
-export { A as AdminConfig, c as configureAdmin, a as createThemePreferenceField, t as themePreferenceField, w as withTooltips } from '../index-DJFhANvJ.mjs';
+export { A as AdminConfig, c as configureAdmin, a as createHeaderNavItemsField, b as createThemePreferenceField, t as themePreferenceField, w as withTooltips } from '../index-Dj21uD_B.mjs';
 import 'payload';

package/dist/admin/index.d.ts

@@ -1,2 +1,2 @@
-export { A as AdminConfig, c as configureAdmin, a as createThemePreferenceField, t as themePreferenceField, w as withTooltips } from '../index-DJFhANvJ.js';
+export { A as AdminConfig, c as configureAdmin, a as createHeaderNavItemsField, b as createThemePreferenceField, t as themePreferenceField, w as withTooltips } from '../index-Dj21uD_B.js';
 import 'payload';

package/dist/admin/index.js

@@ -31,6 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var admin_exports = {};
 __export(admin_exports, {
   configureAdmin: () => configureAdmin,
+  createHeaderNavItemsField: () => createHeaderNavItemsField,
   createThemePreferenceField: () => createThemePreferenceField,
   themePreferenceField: () => themePreferenceField,
   withTooltips: () => withTooltips
@@ -294,9 +295,45 @@ function addTooltipToField(field, tooltips) {
   }
   return field;
 }
+
+// src/admin/fields/headerNav.ts
+var createHeaderNavItemsField = () => ({
+  name: "navItems",
+  type: "array",
+  labels: { singular: "Navigation Link", plural: "Navigation Links" },
+  admin: {
+    description: "The links displayed in your website's main navigation menu."
+  },
+  fields: [
+    {
+      name: "label",
+      type: "text",
+      required: true,
+      admin: {
+        description: "The text shown for this navigation link."
+      }
+    },
+    {
+      name: "href",
+      type: "text",
+      required: true,
+      admin: {
+        description: 'The URL this link points to (e.g., "/about" or "https://example.com").'
+      }
+    },
+    {
+      name: "parentHref",
+      type: "text",
+      admin: {
+        description: "Optional parent link URL. If set to another nav item href, this item appears in that dropdown."
+      }
+    }
+  ]
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   configureAdmin,
+  createHeaderNavItemsField,
   createThemePreferenceField,
   themePreferenceField,
   withTooltips

package/dist/admin/index.mjs

@@ -1,12 +1,14 @@
 import {
   configureAdmin,
+  createHeaderNavItemsField,
   createThemePreferenceField,
   themePreferenceField,
   withTooltips
-} from "../chunk-J7W5EE3B.mjs";
+} from "../chunk-7IGLXLUB.mjs";
 import "../chunk-6BWS3CLP.mjs";
 export {
   configureAdmin,
+  createHeaderNavItemsField,
   createThemePreferenceField,
   themePreferenceField,
   withTooltips

package/dist/admin-app/client.js

@@ -21,7 +21,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/admin-app/client.ts
 var client_exports = {};
 __export(client_exports, {
-  AdminShellClient: () => AdminShellClient
+  AdminShellClient: () => AdminShellClient,
+  HeaderNavItemsEditor: () => HeaderNavItemsEditor
 });
 module.exports = __toCommonJS(client_exports);
 
@@ -130,7 +131,184 @@ function AdminShellClient({
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("main", { className: "orion-admin-main", children })
   ] });
 }
+
+// src/admin-app/components/HeaderNavItemsEditor.tsx
+var import_react2 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var toRow = (item, index) => ({
+  id: `row-${index}-${item.href || "empty"}`,
+  href: item.href || "",
+  label: item.label || "",
+  parentHref: item.parentHref || ""
+});
+var moveRow = (rows, fromIndex, toIndex) => {
+  if (fromIndex === toIndex || fromIndex < 0 || toIndex < 0 || fromIndex >= rows.length || toIndex >= rows.length) {
+    return rows;
+  }
+  const next = [...rows];
+  const [moved] = next.splice(fromIndex, 1);
+  if (!moved) {
+    return rows;
+  }
+  next.splice(toIndex, 0, moved);
+  return next;
+};
+function HeaderNavItemsEditor({ initialItems, pageOptions }) {
+  const [rows, setRows] = (0, import_react2.useState)(() => initialItems.map(toRow));
+  const [nextRowID, setNextRowID] = (0, import_react2.useState)(initialItems.length);
+  const [draggingRowID, setDraggingRowID] = (0, import_react2.useState)(null);
+  const pageOptionByHref = (0, import_react2.useMemo)(() => new Map(pageOptions.map((option) => [option.href, option])), [pageOptions]);
+  const serializedState = (0, import_react2.useMemo)(
+    () => JSON.stringify(
+      rows.map((row) => ({
+        href: row.href.trim(),
+        label: row.label.trim(),
+        parentHref: row.parentHref.trim() || void 0
+      }))
+    ),
+    [rows]
+  );
+  const setRowValue = (rowID, changes) => {
+    setRows(
+      (currentRows) => currentRows.map((row) => {
+        if (row.id !== rowID) {
+          return row;
+        }
+        const nextRow = { ...row, ...changes };
+        if (nextRow.parentHref === nextRow.href) {
+          nextRow.parentHref = "";
+        }
+        return nextRow;
+      })
+    );
+  };
+  const removeRow = (rowID) => {
+    setRows((currentRows) => {
+      const removedRow = currentRows.find((candidate) => candidate.id === rowID);
+      const removedHref = removedRow?.href || "";
+      return currentRows.filter((row) => row.id !== rowID).map((row) => removedHref && row.parentHref === removedHref ? { ...row, parentHref: "" } : row);
+    });
+  };
+  const addRow = () => {
+    setRows((currentRows) => [
+      ...currentRows,
+      {
+        id: `row-new-${nextRowID}`,
+        href: "",
+        label: "",
+        parentHref: ""
+      }
+    ]);
+    setNextRowID((current) => current + 1);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "orion-admin-nav-editor", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { name: "navItemsState", readOnly: true, type: "hidden", value: serializedState }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "orion-admin-nav-editor-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "orion-admin-nav-editor-title", children: "Navigation Items" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "orion-admin-nav-editor-add", onClick: addRow, type: "button", children: "Add Item" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "orion-admin-nav-editor-help", children: "Add only links you want in the menu. Drag rows to reorder. Set a parent to create dropdown items." }),
+    rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "orion-admin-nav-editor-empty", children: 'No navigation items yet. Click "Add Item" to start.' }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "orion-admin-nav-editor-list", children: rows.map((row, rowIndex) => {
+      const parentCandidates = rows.filter((candidate) => candidate.id !== row.id && candidate.href.trim().length > 0).map((candidate) => {
+        const resolved = pageOptionByHref.get(candidate.href);
+        return {
+          href: candidate.href,
+          label: candidate.label.trim() || resolved?.title || candidate.href
+        };
+      });
+      const selectedPage = pageOptionByHref.get(row.href);
+      const labelPlaceholder = selectedPage?.title || "Navigation Label";
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        "div",
+        {
+          className: "orion-admin-nav-editor-row",
+          draggable: true,
+          onDragEnd: () => setDraggingRowID(null),
+          onDragOver: (event) => event.preventDefault(),
+          onDragStart: (event) => {
+            setDraggingRowID(row.id);
+            event.dataTransfer.effectAllowed = "move";
+          },
+          onDrop: (event) => {
+            event.preventDefault();
+            if (!draggingRowID || draggingRowID === row.id) {
+              return;
+            }
+            setRows((currentRows) => {
+              const fromIndex = currentRows.findIndex((entry) => entry.id === draggingRowID);
+              const toIndex = currentRows.findIndex((entry) => entry.id === row.id);
+              return moveRow(currentRows, fromIndex, toIndex);
+            });
+            setDraggingRowID(null);
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "orion-admin-nav-editor-row-head", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "orion-admin-nav-editor-drag", children: "Drag" }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "orion-admin-nav-editor-row-index", children: [
+                "#",
+                rowIndex + 1
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "orion-admin-nav-editor-remove", onClick: () => removeRow(row.id), type: "button", children: "Remove" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "orion-admin-nav-editor-row-grid", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+                "Label",
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  "input",
+                  {
+                    name: `navLabel_${rowIndex}`,
+                    onChange: (event) => setRowValue(row.id, { label: event.target.value }),
+                    placeholder: labelPlaceholder,
+                    type: "text",
+                    value: row.label
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+                "Page",
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                  "select",
+                  {
+                    name: `navPage_${rowIndex}`,
+                    onChange: (event) => {
+                      const nextHref = event.target.value;
+                      const nextParent = row.parentHref && row.parentHref === nextHref ? "" : row.parentHref;
+                      setRowValue(row.id, { href: nextHref, parentHref: nextParent });
+                    },
+                    value: row.href,
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "", children: "Select page..." }),
+                      pageOptions.map((pageOption) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: pageOption.href, children: pageOption.label }, `${pageOption.href}-${pageOption.title}`))
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+                "Parent (dropdown under)",
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                  "select",
+                  {
+                    name: `navParentHref_${rowIndex}`,
+                    onChange: (event) => setRowValue(row.id, { parentHref: event.target.value }),
+                    value: row.parentHref,
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "", children: "Top-level item" }),
+                      parentCandidates.map((candidate) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: candidate.href, children: candidate.label }, `${row.id}-parent-${candidate.href}`))
+                    ]
+                  }
+                )
+              ] })
+            ] })
+          ]
+        },
+        row.id
+      );
+    }) })
+  ] });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  AdminShellClient
+  AdminShellClient,
+  HeaderNavItemsEditor
 });

package/dist/admin-app/client.mjs

@@ -105,6 +105,183 @@ function AdminShellClient({
     /* @__PURE__ */ jsx("main", { className: "orion-admin-main", children })
   ] });
 }
+
+// src/admin-app/components/HeaderNavItemsEditor.tsx
+import { useMemo, useState as useState2 } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var toRow = (item, index) => ({
+  id: `row-${index}-${item.href || "empty"}`,
+  href: item.href || "",
+  label: item.label || "",
+  parentHref: item.parentHref || ""
+});
+var moveRow = (rows, fromIndex, toIndex) => {
+  if (fromIndex === toIndex || fromIndex < 0 || toIndex < 0 || fromIndex >= rows.length || toIndex >= rows.length) {
+    return rows;
+  }
+  const next = [...rows];
+  const [moved] = next.splice(fromIndex, 1);
+  if (!moved) {
+    return rows;
+  }
+  next.splice(toIndex, 0, moved);
+  return next;
+};
+function HeaderNavItemsEditor({ initialItems, pageOptions }) {
+  const [rows, setRows] = useState2(() => initialItems.map(toRow));
+  const [nextRowID, setNextRowID] = useState2(initialItems.length);
+  const [draggingRowID, setDraggingRowID] = useState2(null);
+  const pageOptionByHref = useMemo(() => new Map(pageOptions.map((option) => [option.href, option])), [pageOptions]);
+  const serializedState = useMemo(
+    () => JSON.stringify(
+      rows.map((row) => ({
+        href: row.href.trim(),
+        label: row.label.trim(),
+        parentHref: row.parentHref.trim() || void 0
+      }))
+    ),
+    [rows]
+  );
+  const setRowValue = (rowID, changes) => {
+    setRows(
+      (currentRows) => currentRows.map((row) => {
+        if (row.id !== rowID) {
+          return row;
+        }
+        const nextRow = { ...row, ...changes };
+        if (nextRow.parentHref === nextRow.href) {
+          nextRow.parentHref = "";
+        }
+        return nextRow;
+      })
+    );
+  };
+  const removeRow = (rowID) => {
+    setRows((currentRows) => {
+      const removedRow = currentRows.find((candidate) => candidate.id === rowID);
+      const removedHref = removedRow?.href || "";
+      return currentRows.filter((row) => row.id !== rowID).map((row) => removedHref && row.parentHref === removedHref ? { ...row, parentHref: "" } : row);
+    });
+  };
+  const addRow = () => {
+    setRows((currentRows) => [
+      ...currentRows,
+      {
+        id: `row-new-${nextRowID}`,
+        href: "",
+        label: "",
+        parentHref: ""
+      }
+    ]);
+    setNextRowID((current) => current + 1);
+  };
+  return /* @__PURE__ */ jsxs2("div", { className: "orion-admin-nav-editor", children: [
+    /* @__PURE__ */ jsx2("input", { name: "navItemsState", readOnly: true, type: "hidden", value: serializedState }),
+    /* @__PURE__ */ jsxs2("div", { className: "orion-admin-nav-editor-head", children: [
+      /* @__PURE__ */ jsx2("div", { className: "orion-admin-nav-editor-title", children: "Navigation Items" }),
+      /* @__PURE__ */ jsx2("button", { className: "orion-admin-nav-editor-add", onClick: addRow, type: "button", children: "Add Item" })
+    ] }),
+    /* @__PURE__ */ jsx2("div", { className: "orion-admin-nav-editor-help", children: "Add only links you want in the menu. Drag rows to reorder. Set a parent to create dropdown items." }),
+    rows.length === 0 ? /* @__PURE__ */ jsx2("div", { className: "orion-admin-nav-editor-empty", children: 'No navigation items yet. Click "Add Item" to start.' }) : null,
+    /* @__PURE__ */ jsx2("div", { className: "orion-admin-nav-editor-list", children: rows.map((row, rowIndex) => {
+      const parentCandidates = rows.filter((candidate) => candidate.id !== row.id && candidate.href.trim().length > 0).map((candidate) => {
+        const resolved = pageOptionByHref.get(candidate.href);
+        return {
+          href: candidate.href,
+          label: candidate.label.trim() || resolved?.title || candidate.href
+        };
+      });
+      const selectedPage = pageOptionByHref.get(row.href);
+      const labelPlaceholder = selectedPage?.title || "Navigation Label";
+      return /* @__PURE__ */ jsxs2(
+        "div",
+        {
+          className: "orion-admin-nav-editor-row",
+          draggable: true,
+          onDragEnd: () => setDraggingRowID(null),
+          onDragOver: (event) => event.preventDefault(),
+          onDragStart: (event) => {
+            setDraggingRowID(row.id);
+            event.dataTransfer.effectAllowed = "move";
+          },
+          onDrop: (event) => {
+            event.preventDefault();
+            if (!draggingRowID || draggingRowID === row.id) {
+              return;
+            }
+            setRows((currentRows) => {
+              const fromIndex = currentRows.findIndex((entry) => entry.id === draggingRowID);
+              const toIndex = currentRows.findIndex((entry) => entry.id === row.id);
+              return moveRow(currentRows, fromIndex, toIndex);
+            });
+            setDraggingRowID(null);
+          },
+          children: [
+            /* @__PURE__ */ jsxs2("div", { className: "orion-admin-nav-editor-row-head", children: [
+              /* @__PURE__ */ jsx2("span", { className: "orion-admin-nav-editor-drag", children: "Drag" }),
+              /* @__PURE__ */ jsxs2("span", { className: "orion-admin-nav-editor-row-index", children: [
+                "#",
+                rowIndex + 1
+              ] }),
+              /* @__PURE__ */ jsx2("button", { className: "orion-admin-nav-editor-remove", onClick: () => removeRow(row.id), type: "button", children: "Remove" })
+            ] }),
+            /* @__PURE__ */ jsxs2("div", { className: "orion-admin-nav-editor-row-grid", children: [
+              /* @__PURE__ */ jsxs2("label", { children: [
+                "Label",
+                /* @__PURE__ */ jsx2(
+                  "input",
+                  {
+                    name: `navLabel_${rowIndex}`,
+                    onChange: (event) => setRowValue(row.id, { label: event.target.value }),
+                    placeholder: labelPlaceholder,
+                    type: "text",
+                    value: row.label
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs2("label", { children: [
+                "Page",
+                /* @__PURE__ */ jsxs2(
+                  "select",
+                  {
+                    name: `navPage_${rowIndex}`,
+                    onChange: (event) => {
+                      const nextHref = event.target.value;
+                      const nextParent = row.parentHref && row.parentHref === nextHref ? "" : row.parentHref;
+                      setRowValue(row.id, { href: nextHref, parentHref: nextParent });
+                    },
+                    value: row.href,
+                    children: [
+                      /* @__PURE__ */ jsx2("option", { value: "", children: "Select page..." }),
+                      pageOptions.map((pageOption) => /* @__PURE__ */ jsx2("option", { value: pageOption.href, children: pageOption.label }, `${pageOption.href}-${pageOption.title}`))
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs2("label", { children: [
+                "Parent (dropdown under)",
+                /* @__PURE__ */ jsxs2(
+                  "select",
+                  {
+                    name: `navParentHref_${rowIndex}`,
+                    onChange: (event) => setRowValue(row.id, { parentHref: event.target.value }),
+                    value: row.parentHref,
+                    children: [
+                      /* @__PURE__ */ jsx2("option", { value: "", children: "Top-level item" }),
+                      parentCandidates.map((candidate) => /* @__PURE__ */ jsx2("option", { value: candidate.href, children: candidate.label }, `${row.id}-parent-${candidate.href}`))
+                    ]
+                  }
+                )
+              ] })
+            ] })
+          ]
+        },
+        row.id
+      );
+    }) })
+  ] });
+}
 export {
-  AdminShellClient
+  AdminShellClient,
+  HeaderNavItemsEditor
 };

package/dist/admin-app/index.d.mts

@@ -1,3 +1,3 @@
-export { A as AdminBreadcrumbItem, a as AdminBreadcrumbs, b as AdminNavItem, c as AdminNavLinkItem, d as AdminPage, e as AdminPageLinkOption, f as AdminPageRecord, g as AdminRole, h as buildAdminPageLinkOptions, j as getAdminNavRows, n as navItemIsActive, p as parseAdminHeaderNavFromForm, r as roleCanAccessNav } from '../index-Ge9Rh94G.mjs';
+export { A as AdminBreadcrumbItem, a as AdminBreadcrumbs, b as AdminNavItem, c as AdminNavLinkItem, d as AdminPage, e as AdminPageLinkOption, f as AdminPageRecord, g as AdminRole, N as NestedNavItem, h as NestedNavItemInput, j as NestedNavTree, k as buildAdminPageLinkOptions, l as buildNestedNavTree, m as getAdminNavRows, n as navItemIsActive, o as normalizeNestedNavItems, p as parseAdminHeaderNavFromForm, r as roleCanAccessNav } from '../index-BheEmI3q.mjs';
 import 'react/jsx-runtime';
 import 'react';

package/dist/admin-app/index.d.ts

@@ -1,3 +1,3 @@
-export { A as AdminBreadcrumbItem, a as AdminBreadcrumbs, b as AdminNavItem, c as AdminNavLinkItem, d as AdminPage, e as AdminPageLinkOption, f as AdminPageRecord, g as AdminRole, h as buildAdminPageLinkOptions, j as getAdminNavRows, n as navItemIsActive, p as parseAdminHeaderNavFromForm, r as roleCanAccessNav } from '../index-Ge9Rh94G.js';
+export { A as AdminBreadcrumbItem, a as AdminBreadcrumbs, b as AdminNavItem, c as AdminNavLinkItem, d as AdminPage, e as AdminPageLinkOption, f as AdminPageRecord, g as AdminRole, N as NestedNavItem, h as NestedNavItemInput, j as NestedNavTree, k as buildAdminPageLinkOptions, l as buildNestedNavTree, m as getAdminNavRows, n as navItemIsActive, o as normalizeNestedNavItems, p as parseAdminHeaderNavFromForm, r as roleCanAccessNav } from '../index-BheEmI3q.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/admin-app/index.js

@@ -23,8 +23,10 @@ __export(admin_app_exports, {
   AdminBreadcrumbs: () => AdminBreadcrumbs,
   AdminPage: () => AdminPage,
   buildAdminPageLinkOptions: () => buildAdminPageLinkOptions,
+  buildNestedNavTree: () => buildNestedNavTree,
   getAdminNavRows: () => getAdminNavRows,
   navItemIsActive: () => navItemIsActive,
+  normalizeNestedNavItems: () => normalizeNestedNavItems,
   parseAdminHeaderNavFromForm: () => parseAdminHeaderNavFromForm,
   roleCanAccessNav: () => roleCanAccessNav
 });
@@ -60,6 +62,52 @@ function AdminPage({ title, description, breadcrumbs, actions, children }) {
   ] });
 }
 
+// src/admin-app/nestedNavigation.ts
+var normalizeNestedNavItems = (items) => {
+  const deduped = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const item of items) {
+    const href = typeof item.href === "string" ? item.href.trim() : "";
+    const label = typeof item.label === "string" ? item.label.trim() : "";
+    const parentHref = typeof item.parentHref === "string" ? item.parentHref.trim() : "";
+    if (!href || !label || seen.has(href)) {
+      continue;
+    }
+    seen.add(href);
+    deduped.push({
+      href,
+      label,
+      ...parentHref ? { parentHref } : {}
+    });
+  }
+  const hrefs = new Set(deduped.map((item) => item.href));
+  return deduped.map((item) => ({
+    href: item.href,
+    label: item.label,
+    ...item.parentHref && item.parentHref !== item.href && hrefs.has(item.parentHref) ? { parentHref: item.parentHref } : {}
+  }));
+};
+var buildNestedNavTree = (items) => {
+  const childrenByParent = /* @__PURE__ */ new Map();
+  const topLevel = [];
+  for (const item of items) {
+    if (!item.parentHref) {
+      topLevel.push(item);
+      continue;
+    }
+    const children = childrenByParent.get(item.parentHref) || [];
+    children.push(item);
+    childrenByParent.set(item.parentHref, children);
+  }
+  if (topLevel.length === 0 && items.length > 0) {
+    return {
+      topLevel: items.map((item) => ({ href: item.href, label: item.label })),
+      childrenByParent: /* @__PURE__ */ new Map()
+    };
+  }
+  return { childrenByParent, topLevel };
+};
+
 // src/admin-app/navigationLinks.ts
 var fallbackHomeOption = {
   href: "/",
@@ -190,8 +238,10 @@ var navItemIsActive = (pathname, item) => {
   AdminBreadcrumbs,
   AdminPage,
   buildAdminPageLinkOptions,
+  buildNestedNavTree,
   getAdminNavRows,
   navItemIsActive,
+  normalizeNestedNavItems,
   parseAdminHeaderNavFromForm,
   roleCanAccessNav
 });

package/dist/admin-app/index.mjs

@@ -2,18 +2,22 @@ import {
   AdminBreadcrumbs,
   AdminPage,
   buildAdminPageLinkOptions,
+  buildNestedNavTree,
   getAdminNavRows,
   navItemIsActive,
+  normalizeNestedNavItems,
   parseAdminHeaderNavFromForm,
   roleCanAccessNav
-} from "../chunk-3CO6ZBR2.mjs";
+} from "../chunk-TVQPMM6Y.mjs";
 import "../chunk-6BWS3CLP.mjs";
 export {
   AdminBreadcrumbs,
   AdminPage,
   buildAdminPageLinkOptions,
+  buildNestedNavTree,
   getAdminNavRows,
   navItemIsActive,
+  normalizeNestedNavItems,
   parseAdminHeaderNavFromForm,
   roleCanAccessNav
 };

package/dist/admin-app/styles.css

@@ -120,3 +120,107 @@
   max-width: none;
   width: 100%;
 }
+
+.orion-admin-nav-editor {
+  border: 1px solid var(--orion-admin-card-border);
+  border-radius: 12px;
+  display: grid;
+  gap: 0.65rem;
+  padding: 0.75rem;
+}
+
+.orion-admin-nav-editor-head {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+}
+
+.orion-admin-nav-editor-title {
+  font-weight: 800;
+}
+
+.orion-admin-nav-editor-add {
+  background: #111;
+  border: 0;
+  border-radius: 999px;
+  color: #fff;
+  cursor: pointer;
+  font-size: 0.86rem;
+  font-weight: 800;
+  padding: 0.35rem 0.7rem;
+}
+
+.orion-admin-nav-editor-help {
+  color: var(--orion-admin-muted);
+  font-size: 0.84rem;
+}
+
+.orion-admin-nav-editor-empty {
+  background: #f2f5f3;
+  border: 1px dashed var(--orion-admin-border);
+  border-radius: 10px;
+  color: var(--orion-admin-muted);
+  font-size: 0.9rem;
+  padding: 0.7rem;
+}
+
+.orion-admin-nav-editor-list {
+  display: grid;
+  gap: 0.55rem;
+}
+
+.orion-admin-nav-editor-row {
+  background: #fff;
+  border: 1px solid var(--orion-admin-border);
+  border-radius: 10px;
+  display: grid;
+  gap: 0.5rem;
+  padding: 0.65rem;
+}
+
+.orion-admin-nav-editor-row-head {
+  align-items: center;
+  display: flex;
+  gap: 0.6rem;
+}
+
+.orion-admin-nav-editor-drag {
+  background: #e8efeb;
+  border-radius: 999px;
+  color: #255543;
+  cursor: grab;
+  font-size: 0.75rem;
+  font-weight: 800;
+  padding: 0.2rem 0.5rem;
+  text-transform: uppercase;
+}
+
+.orion-admin-nav-editor-row-index {
+  color: var(--orion-admin-muted);
+  font-size: 0.82rem;
+  font-weight: 700;
+}
+
+.orion-admin-nav-editor-remove {
+  background: #8c1f1f;
+  border: 0;
+  border-radius: 999px;
+  color: #fff;
+  cursor: pointer;
+  font-size: 0.8rem;
+  font-weight: 700;
+  margin-left: auto;
+  padding: 0.25rem 0.6rem;
+}
+
+.orion-admin-nav-editor-row-grid {
+  display: grid;
+  gap: 0.5rem;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+@media (max-width: 1024px) {
+  .orion-admin-nav-editor-row-grid {
+    grid-template-columns: 1fr;
+  }
+}

package/dist/{chunk-J7W5EE3B.mjs → chunk-7IGLXLUB.mjs}

@@ -7,6 +7,7 @@ import {
 var admin_exports = {};
 __export(admin_exports, {
   configureAdmin: () => configureAdmin,
+  createHeaderNavItemsField: () => createHeaderNavItemsField,
   createThemePreferenceField: () => createThemePreferenceField,
   themePreferenceField: () => themePreferenceField,
   withTooltips: () => withTooltips
@@ -269,10 +270,46 @@ function addTooltipToField(field, tooltips) {
   return field;
 }
 
+// src/admin/fields/headerNav.ts
+var createHeaderNavItemsField = () => ({
+  name: "navItems",
+  type: "array",
+  labels: { singular: "Navigation Link", plural: "Navigation Links" },
+  admin: {
+    description: "The links displayed in your website's main navigation menu."
+  },
+  fields: [
+    {
+      name: "label",
+      type: "text",
+      required: true,
+      admin: {
+        description: "The text shown for this navigation link."
+      }
+    },
+    {
+      name: "href",
+      type: "text",
+      required: true,
+      admin: {
+        description: 'The URL this link points to (e.g., "/about" or "https://example.com").'
+      }
+    },
+    {
+      name: "parentHref",
+      type: "text",
+      admin: {
+        description: "Optional parent link URL. If set to another nav item href, this item appears in that dropdown."
+      }
+    }
+  ]
+});
+
 export {
   createThemePreferenceField,
   themePreferenceField,
   configureAdmin,
   withTooltips,
+  createHeaderNavItemsField,
   admin_exports
 };

package/dist/{chunk-3CO6ZBR2.mjs → chunk-TVQPMM6Y.mjs}

@@ -8,8 +8,10 @@ __export(admin_app_exports, {
   AdminBreadcrumbs: () => AdminBreadcrumbs,
   AdminPage: () => AdminPage,
   buildAdminPageLinkOptions: () => buildAdminPageLinkOptions,
+  buildNestedNavTree: () => buildNestedNavTree,
   getAdminNavRows: () => getAdminNavRows,
   navItemIsActive: () => navItemIsActive,
+  normalizeNestedNavItems: () => normalizeNestedNavItems,
   parseAdminHeaderNavFromForm: () => parseAdminHeaderNavFromForm,
   roleCanAccessNav: () => roleCanAccessNav
 });
@@ -44,6 +46,52 @@ function AdminPage({ title, description, breadcrumbs, actions, children }) {
   ] });
 }
 
+// src/admin-app/nestedNavigation.ts
+var normalizeNestedNavItems = (items) => {
+  const deduped = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const item of items) {
+    const href = typeof item.href === "string" ? item.href.trim() : "";
+    const label = typeof item.label === "string" ? item.label.trim() : "";
+    const parentHref = typeof item.parentHref === "string" ? item.parentHref.trim() : "";
+    if (!href || !label || seen.has(href)) {
+      continue;
+    }
+    seen.add(href);
+    deduped.push({
+      href,
+      label,
+      ...parentHref ? { parentHref } : {}
+    });
+  }
+  const hrefs = new Set(deduped.map((item) => item.href));
+  return deduped.map((item) => ({
+    href: item.href,
+    label: item.label,
+    ...item.parentHref && item.parentHref !== item.href && hrefs.has(item.parentHref) ? { parentHref: item.parentHref } : {}
+  }));
+};
+var buildNestedNavTree = (items) => {
+  const childrenByParent = /* @__PURE__ */ new Map();
+  const topLevel = [];
+  for (const item of items) {
+    if (!item.parentHref) {
+      topLevel.push(item);
+      continue;
+    }
+    const children = childrenByParent.get(item.parentHref) || [];
+    children.push(item);
+    childrenByParent.set(item.parentHref, children);
+  }
+  if (topLevel.length === 0 && items.length > 0) {
+    return {
+      topLevel: items.map((item) => ({ href: item.href, label: item.label })),
+      childrenByParent: /* @__PURE__ */ new Map()
+    };
+  }
+  return { childrenByParent, topLevel };
+};
+
 // src/admin-app/navigationLinks.ts
 var fallbackHomeOption = {
   href: "/",
@@ -173,6 +221,8 @@ var navItemIsActive = (pathname, item) => {
 export {
   AdminBreadcrumbs,
   AdminPage,
+  normalizeNestedNavItems,
+  buildNestedNavTree,
   buildAdminPageLinkOptions,
   getAdminNavRows,
   parseAdminHeaderNavFromForm,

package/dist/{index-Ge9Rh94G.d.ts → index-BheEmI3q.d.mts}

@@ -29,6 +29,23 @@ type AdminPageProps = {
 };
 declare function AdminPage({ title, description, breadcrumbs, actions, children }: AdminPageProps): react_jsx_runtime.JSX.Element;
 
+type NestedNavItemInput = {
+    href?: string;
+    label?: string;
+    parentHref?: string;
+};
+type NestedNavItem = {
+    href: string;
+    label: string;
+    parentHref?: string;
+};
+type NestedNavTree = {
+    topLevel: NestedNavItem[];
+    childrenByParent: Map<string, NestedNavItem[]>;
+};
+declare const normalizeNestedNavItems: <T extends NestedNavItemInput>(items: T[]) => NestedNavItem[];
+declare const buildNestedNavTree: (items: NestedNavItem[]) => NestedNavTree;
+
 type AdminNavLinkItem = {
     href: string;
     label: string;
@@ -55,13 +72,18 @@ declare const index_AdminPage: typeof AdminPage;
 type index_AdminPageLinkOption = AdminPageLinkOption;
 type index_AdminPageRecord = AdminPageRecord;
 type index_AdminRole = AdminRole;
+type index_NestedNavItem = NestedNavItem;
+type index_NestedNavItemInput = NestedNavItemInput;
+type index_NestedNavTree = NestedNavTree;
 declare const index_buildAdminPageLinkOptions: typeof buildAdminPageLinkOptions;
+declare const index_buildNestedNavTree: typeof buildNestedNavTree;
 declare const index_getAdminNavRows: typeof getAdminNavRows;
 declare const index_navItemIsActive: typeof navItemIsActive;
+declare const index_normalizeNestedNavItems: typeof normalizeNestedNavItems;
 declare const index_parseAdminHeaderNavFromForm: typeof parseAdminHeaderNavFromForm;
 declare const index_roleCanAccessNav: typeof roleCanAccessNav;
 declare namespace index {
-  export { type index_AdminBreadcrumbItem as AdminBreadcrumbItem, index_AdminBreadcrumbs as AdminBreadcrumbs, type index_AdminNavItem as AdminNavItem, type index_AdminNavLinkItem as AdminNavLinkItem, index_AdminPage as AdminPage, type index_AdminPageLinkOption as AdminPageLinkOption, type index_AdminPageRecord as AdminPageRecord, type index_AdminRole as AdminRole, index_buildAdminPageLinkOptions as buildAdminPageLinkOptions, index_getAdminNavRows as getAdminNavRows, index_navItemIsActive as navItemIsActive, index_parseAdminHeaderNavFromForm as parseAdminHeaderNavFromForm, index_roleCanAccessNav as roleCanAccessNav };
+  export { type index_AdminBreadcrumbItem as AdminBreadcrumbItem, index_AdminBreadcrumbs as AdminBreadcrumbs, type index_AdminNavItem as AdminNavItem, type index_AdminNavLinkItem as AdminNavLinkItem, index_AdminPage as AdminPage, type index_AdminPageLinkOption as AdminPageLinkOption, type index_AdminPageRecord as AdminPageRecord, type index_AdminRole as AdminRole, type index_NestedNavItem as NestedNavItem, type index_NestedNavItemInput as NestedNavItemInput, type index_NestedNavTree as NestedNavTree, index_buildAdminPageLinkOptions as buildAdminPageLinkOptions, index_buildNestedNavTree as buildNestedNavTree, index_getAdminNavRows as getAdminNavRows, index_navItemIsActive as navItemIsActive, index_normalizeNestedNavItems as normalizeNestedNavItems, index_parseAdminHeaderNavFromForm as parseAdminHeaderNavFromForm, index_roleCanAccessNav as roleCanAccessNav };
 }
 
-export { type AdminBreadcrumbItem as A, AdminBreadcrumbs as a, type AdminNavItem as b, type AdminNavLinkItem as c, AdminPage as d, type AdminPageLinkOption as e, type AdminPageRecord as f, type AdminRole as g, buildAdminPageLinkOptions as h, index as i, getAdminNavRows as j, navItemIsActive as n, parseAdminHeaderNavFromForm as p, roleCanAccessNav as r };
+export { type AdminBreadcrumbItem as A, type NestedNavItem as N, AdminBreadcrumbs as a, type AdminNavItem as b, type AdminNavLinkItem as c, AdminPage as d, type AdminPageLinkOption as e, type AdminPageRecord as f, type AdminRole as g, type NestedNavItemInput as h, index as i, type NestedNavTree as j, buildAdminPageLinkOptions as k, buildNestedNavTree as l, getAdminNavRows as m, navItemIsActive as n, normalizeNestedNavItems as o, parseAdminHeaderNavFromForm as p, roleCanAccessNav as r };

package/dist/{index-Ge9Rh94G.d.mts → index-BheEmI3q.d.ts}

@@ -29,6 +29,23 @@ type AdminPageProps = {
 };
 declare function AdminPage({ title, description, breadcrumbs, actions, children }: AdminPageProps): react_jsx_runtime.JSX.Element;
 
+type NestedNavItemInput = {
+    href?: string;
+    label?: string;
+    parentHref?: string;
+};
+type NestedNavItem = {
+    href: string;
+    label: string;
+    parentHref?: string;
+};
+type NestedNavTree = {
+    topLevel: NestedNavItem[];
+    childrenByParent: Map<string, NestedNavItem[]>;
+};
+declare const normalizeNestedNavItems: <T extends NestedNavItemInput>(items: T[]) => NestedNavItem[];
+declare const buildNestedNavTree: (items: NestedNavItem[]) => NestedNavTree;
+
 type AdminNavLinkItem = {
     href: string;
     label: string;
@@ -55,13 +72,18 @@ declare const index_AdminPage: typeof AdminPage;
 type index_AdminPageLinkOption = AdminPageLinkOption;
 type index_AdminPageRecord = AdminPageRecord;
 type index_AdminRole = AdminRole;
+type index_NestedNavItem = NestedNavItem;
+type index_NestedNavItemInput = NestedNavItemInput;
+type index_NestedNavTree = NestedNavTree;
 declare const index_buildAdminPageLinkOptions: typeof buildAdminPageLinkOptions;
+declare const index_buildNestedNavTree: typeof buildNestedNavTree;
 declare const index_getAdminNavRows: typeof getAdminNavRows;
 declare const index_navItemIsActive: typeof navItemIsActive;
+declare const index_normalizeNestedNavItems: typeof normalizeNestedNavItems;
 declare const index_parseAdminHeaderNavFromForm: typeof parseAdminHeaderNavFromForm;
 declare const index_roleCanAccessNav: typeof roleCanAccessNav;
 declare namespace index {
-  export { type index_AdminBreadcrumbItem as AdminBreadcrumbItem, index_AdminBreadcrumbs as AdminBreadcrumbs, type index_AdminNavItem as AdminNavItem, type index_AdminNavLinkItem as AdminNavLinkItem, index_AdminPage as AdminPage, type index_AdminPageLinkOption as AdminPageLinkOption, type index_AdminPageRecord as AdminPageRecord, type index_AdminRole as AdminRole, index_buildAdminPageLinkOptions as buildAdminPageLinkOptions, index_getAdminNavRows as getAdminNavRows, index_navItemIsActive as navItemIsActive, index_parseAdminHeaderNavFromForm as parseAdminHeaderNavFromForm, index_roleCanAccessNav as roleCanAccessNav };
+  export { type index_AdminBreadcrumbItem as AdminBreadcrumbItem, index_AdminBreadcrumbs as AdminBreadcrumbs, type index_AdminNavItem as AdminNavItem, type index_AdminNavLinkItem as AdminNavLinkItem, index_AdminPage as AdminPage, type index_AdminPageLinkOption as AdminPageLinkOption, type index_AdminPageRecord as AdminPageRecord, type index_AdminRole as AdminRole, type index_NestedNavItem as NestedNavItem, type index_NestedNavItemInput as NestedNavItemInput, type index_NestedNavTree as NestedNavTree, index_buildAdminPageLinkOptions as buildAdminPageLinkOptions, index_buildNestedNavTree as buildNestedNavTree, index_getAdminNavRows as getAdminNavRows, index_navItemIsActive as navItemIsActive, index_normalizeNestedNavItems as normalizeNestedNavItems, index_parseAdminHeaderNavFromForm as parseAdminHeaderNavFromForm, index_roleCanAccessNav as roleCanAccessNav };
 }
 
-export { type AdminBreadcrumbItem as A, AdminBreadcrumbs as a, type AdminNavItem as b, type AdminNavLinkItem as c, AdminPage as d, type AdminPageLinkOption as e, type AdminPageRecord as f, type AdminRole as g, buildAdminPageLinkOptions as h, index as i, getAdminNavRows as j, navItemIsActive as n, parseAdminHeaderNavFromForm as p, roleCanAccessNav as r };
+export { type AdminBreadcrumbItem as A, type NestedNavItem as N, AdminBreadcrumbs as a, type AdminNavItem as b, type AdminNavLinkItem as c, AdminPage as d, type AdminPageLinkOption as e, type AdminPageRecord as f, type AdminRole as g, type NestedNavItemInput as h, index as i, type NestedNavTree as j, buildAdminPageLinkOptions as k, buildNestedNavTree as l, getAdminNavRows as m, navItemIsActive as n, normalizeNestedNavItems as o, parseAdminHeaderNavFromForm as p, roleCanAccessNav as r };

package/dist/{index-DJFhANvJ.d.mts → index-Dj21uD_B.d.mts}

@@ -116,13 +116,16 @@ declare function configureAdmin(config: AdminConfig): {
 
 declare function withTooltips(fields: Field[], customTooltips?: Record<string, string>): Field[];
 
+declare const createHeaderNavItemsField: () => Field;
+
 type index_AdminConfig = AdminConfig;
 declare const index_configureAdmin: typeof configureAdmin;
+declare const index_createHeaderNavItemsField: typeof createHeaderNavItemsField;
 declare const index_createThemePreferenceField: typeof createThemePreferenceField;
 declare const index_themePreferenceField: typeof themePreferenceField;
 declare const index_withTooltips: typeof withTooltips;
 declare namespace index {
-  export { type index_AdminConfig as AdminConfig, index_configureAdmin as configureAdmin, index_createThemePreferenceField as createThemePreferenceField, index_themePreferenceField as themePreferenceField, index_withTooltips as withTooltips };
+  export { type index_AdminConfig as AdminConfig, index_configureAdmin as configureAdmin, index_createHeaderNavItemsField as createHeaderNavItemsField, index_createThemePreferenceField as createThemePreferenceField, index_themePreferenceField as themePreferenceField, index_withTooltips as withTooltips };
 }
 
-export { type AdminConfig as A, createThemePreferenceField as a, configureAdmin as c, index as i, themePreferenceField as t, withTooltips as w };
+export { type AdminConfig as A, createHeaderNavItemsField as a, createThemePreferenceField as b, configureAdmin as c, index as i, themePreferenceField as t, withTooltips as w };

package/dist/{index-DJFhANvJ.d.ts → index-Dj21uD_B.d.ts}

@@ -116,13 +116,16 @@ declare function configureAdmin(config: AdminConfig): {
 
 declare function withTooltips(fields: Field[], customTooltips?: Record<string, string>): Field[];
 
+declare const createHeaderNavItemsField: () => Field;
+
 type index_AdminConfig = AdminConfig;
 declare const index_configureAdmin: typeof configureAdmin;
+declare const index_createHeaderNavItemsField: typeof createHeaderNavItemsField;
 declare const index_createThemePreferenceField: typeof createThemePreferenceField;
 declare const index_themePreferenceField: typeof themePreferenceField;
 declare const index_withTooltips: typeof withTooltips;
 declare namespace index {
-  export { type index_AdminConfig as AdminConfig, index_configureAdmin as configureAdmin, index_createThemePreferenceField as createThemePreferenceField, index_themePreferenceField as themePreferenceField, index_withTooltips as withTooltips };
+  export { type index_AdminConfig as AdminConfig, index_configureAdmin as configureAdmin, index_createHeaderNavItemsField as createHeaderNavItemsField, index_createThemePreferenceField as createThemePreferenceField, index_themePreferenceField as themePreferenceField, index_withTooltips as withTooltips };
 }
 
-export { type AdminConfig as A, createThemePreferenceField as a, configureAdmin as c, index as i, themePreferenceField as t, withTooltips as w };
+export { type AdminConfig as A, createHeaderNavItemsField as a, createThemePreferenceField as b, configureAdmin as c, index as i, themePreferenceField as t, withTooltips as w };

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-export { i as admin } from './index-DJFhANvJ.mjs';
-export { i as adminApp } from './index-Ge9Rh94G.mjs';
+export { i as admin } from './index-Dj21uD_B.mjs';
+export { i as adminApp } from './index-BheEmI3q.mjs';
 export { i as blocks } from './index-CluwY0ZQ.mjs';
 export { i as nextjs } from './index-CpG3UHcS.mjs';
 export { i as studio } from './index-CmR6NInu.mjs';

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-export { i as admin } from './index-DJFhANvJ.js';
-export { i as adminApp } from './index-Ge9Rh94G.js';
+export { i as admin } from './index-Dj21uD_B.js';
+export { i as adminApp } from './index-BheEmI3q.js';
 export { i as blocks } from './index-CluwY0ZQ.js';
 export { i as nextjs } from './index-CpG3UHcS.js';
 export { i as studio } from './index-CmR6NInu.js';

package/dist/index.js

@@ -43,6 +43,7 @@ module.exports = __toCommonJS(index_exports);
 var admin_exports = {};
 __export(admin_exports, {
   configureAdmin: () => configureAdmin,
+  createHeaderNavItemsField: () => createHeaderNavItemsField,
   createThemePreferenceField: () => createThemePreferenceField,
   themePreferenceField: () => themePreferenceField,
   withTooltips: () => withTooltips
@@ -306,14 +307,51 @@ function addTooltipToField(field, tooltips) {
   return field;
 }
 
+// src/admin/fields/headerNav.ts
+var createHeaderNavItemsField = () => ({
+  name: "navItems",
+  type: "array",
+  labels: { singular: "Navigation Link", plural: "Navigation Links" },
+  admin: {
+    description: "The links displayed in your website's main navigation menu."
+  },
+  fields: [
+    {
+      name: "label",
+      type: "text",
+      required: true,
+      admin: {
+        description: "The text shown for this navigation link."
+      }
+    },
+    {
+      name: "href",
+      type: "text",
+      required: true,
+      admin: {
+        description: 'The URL this link points to (e.g., "/about" or "https://example.com").'
+      }
+    },
+    {
+      name: "parentHref",
+      type: "text",
+      admin: {
+        description: "Optional parent link URL. If set to another nav item href, this item appears in that dropdown."
+      }
+    }
+  ]
+});
+
 // src/admin-app/index.ts
 var admin_app_exports = {};
 __export(admin_app_exports, {
   AdminBreadcrumbs: () => AdminBreadcrumbs,
   AdminPage: () => AdminPage,
   buildAdminPageLinkOptions: () => buildAdminPageLinkOptions,
+  buildNestedNavTree: () => buildNestedNavTree,
   getAdminNavRows: () => getAdminNavRows,
   navItemIsActive: () => navItemIsActive,
+  normalizeNestedNavItems: () => normalizeNestedNavItems,
   parseAdminHeaderNavFromForm: () => parseAdminHeaderNavFromForm,
   roleCanAccessNav: () => roleCanAccessNav
 });
@@ -348,6 +386,52 @@ function AdminPage({ title, description, breadcrumbs, actions, children }) {
   ] });
 }
 
+// src/admin-app/nestedNavigation.ts
+var normalizeNestedNavItems = (items) => {
+  const deduped = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const item of items) {
+    const href = typeof item.href === "string" ? item.href.trim() : "";
+    const label = typeof item.label === "string" ? item.label.trim() : "";
+    const parentHref = typeof item.parentHref === "string" ? item.parentHref.trim() : "";
+    if (!href || !label || seen.has(href)) {
+      continue;
+    }
+    seen.add(href);
+    deduped.push({
+      href,
+      label,
+      ...parentHref ? { parentHref } : {}
+    });
+  }
+  const hrefs = new Set(deduped.map((item) => item.href));
+  return deduped.map((item) => ({
+    href: item.href,
+    label: item.label,
+    ...item.parentHref && item.parentHref !== item.href && hrefs.has(item.parentHref) ? { parentHref: item.parentHref } : {}
+  }));
+};
+var buildNestedNavTree = (items) => {
+  const childrenByParent = /* @__PURE__ */ new Map();
+  const topLevel = [];
+  for (const item of items) {
+    if (!item.parentHref) {
+      topLevel.push(item);
+      continue;
+    }
+    const children = childrenByParent.get(item.parentHref) || [];
+    children.push(item);
+    childrenByParent.set(item.parentHref, children);
+  }
+  if (topLevel.length === 0 && items.length > 0) {
+    return {
+      topLevel: items.map((item) => ({ href: item.href, label: item.label })),
+      childrenByParent: /* @__PURE__ */ new Map()
+    };
+  }
+  return { childrenByParent, topLevel };
+};
+
 // src/admin-app/navigationLinks.ts
 var fallbackHomeOption = {
   href: "/",

package/dist/index.mjs

@@ -1,18 +1,18 @@
 import {
   admin_exports
-} from "./chunk-J7W5EE3B.mjs";
+} from "./chunk-7IGLXLUB.mjs";
 import {
   nextjs_exports
 } from "./chunk-GPQPDEB5.mjs";
-import {
-  studio_exports
-} from "./chunk-N67KVM2S.mjs";
 import {
   admin_app_exports
-} from "./chunk-3CO6ZBR2.mjs";
+} from "./chunk-TVQPMM6Y.mjs";
 import {
   blocks_exports
 } from "./chunk-H7DSTEVT.mjs";
+import {
+  studio_exports
+} from "./chunk-N67KVM2S.mjs";
 import {
   studio_pages_exports
 } from "./chunk-QW24Y4UH.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orion-studios/payload-studio",
-  "version": "0.5.0-beta.25",
+  "version": "0.5.0-beta.26",
   "description": "Unified Payload CMS toolkit for Orion Studios",
   "types": "./dist/index.d.ts",
   "exports": {