@orion-studios/payload-studio 0.5.0-beta.27 → 0.5.0-beta.29

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

@@ -1,2 +1,3 @@
 export { AdminShellClient } from './components/AdminShellClient'
 export { HeaderNavItemsEditor } from './components/HeaderNavItemsEditor'
+export { HeaderNavEditorWithPreview } from './components/HeaderNavEditorWithPreview'

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

@@ -1,2 +1,3 @@
 export { AdminShellClient } from './components/AdminShellClient'
 export { HeaderNavItemsEditor } from './components/HeaderNavItemsEditor'
+export { HeaderNavEditorWithPreview } from './components/HeaderNavEditorWithPreview'

package/dist/admin-app/client.js

@@ -22,6 +22,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var client_exports = {};
 __export(client_exports, {
   AdminShellClient: () => AdminShellClient,
+  HeaderNavEditorWithPreview: () => HeaderNavEditorWithPreview,
   HeaderNavItemsEditor: () => HeaderNavItemsEditor
 });
 module.exports = __toCommonJS(client_exports);
@@ -134,6 +135,54 @@ function AdminShellClient({
 
 // src/admin-app/components/HeaderNavItemsEditor.tsx
 var import_react2 = require("react");
+
+// src/admin-app/navigationLinks.ts
+var normalizeAdminNavInputs = (rows, pageOptions) => {
+  const allowedLinks = new Map(pageOptions.map((option) => [option.href, option.title]));
+  const deduped = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const row of rows) {
+    const href = typeof row.href === "string" ? row.href.trim() : "";
+    const defaultLabel = allowedLinks.get(href);
+    const explicitLabel = typeof row.label === "string" ? row.label.trim() : "";
+    const parentHref = typeof row.parentHref === "string" ? row.parentHref.trim() : "";
+    if (!href || !defaultLabel || seen.has(href)) {
+      continue;
+    }
+    seen.add(href);
+    deduped.push({
+      href,
+      label: explicitLabel.length > 0 ? explicitLabel : defaultLabel,
+      ...parentHref.length > 0 ? { parentHref } : {}
+    });
+  }
+  const hrefs = new Set(deduped.map((item) => item.href));
+  const parentByHref = new Map(deduped.map((item) => [item.href, item.parentHref || ""]));
+  const createsCycle = (href, parentHref) => {
+    const visited = /* @__PURE__ */ new Set([href]);
+    let current = parentHref;
+    while (current) {
+      if (visited.has(current)) {
+        return true;
+      }
+      visited.add(current);
+      current = parentByHref.get(current) || "";
+    }
+    return false;
+  };
+  return deduped.map((item) => {
+    const parentHref = item.parentHref;
+    if (!parentHref || parentHref === item.href || !hrefs.has(parentHref) || createsCycle(item.href, parentHref)) {
+      return {
+        href: item.href,
+        label: item.label
+      };
+    }
+    return item;
+  });
+};
+
+// src/admin-app/components/HeaderNavItemsEditor.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var toRow = (item, index) => ({
   id: `row-${index}-${item.href || "empty"}`,
@@ -153,10 +202,11 @@ var moveRow = (rows, fromIndex, toIndex) => {
   next.splice(toIndex, 0, moved);
   return next;
 };
-function HeaderNavItemsEditor({ initialItems, pageOptions }) {
+function HeaderNavItemsEditor({ initialItems, pageOptions, onItemsChange }) {
   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 [dragOverRowID, setDragOverRowID] = (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(
@@ -168,6 +218,17 @@ function HeaderNavItemsEditor({ initialItems, pageOptions }) {
     ),
     [rows]
   );
+  const normalizedItems = (0, import_react2.useMemo)(() => {
+    const inputs = rows.map((row) => ({
+      href: row.href,
+      label: row.label,
+      parentHref: row.parentHref
+    }));
+    return normalizeAdminNavInputs(inputs, pageOptions);
+  }, [rows, pageOptions]);
+  (0, import_react2.useEffect)(() => {
+    onItemsChange?.(normalizedItems);
+  }, [normalizedItems, onItemsChange]);
   const setRowValue = (rowID, changes) => {
     setRows(
       (currentRows) => currentRows.map((row) => {
@@ -222,10 +283,28 @@ function HeaderNavItemsEditor({ initialItems, pageOptions }) {
       return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
         "div",
         {
-          className: "orion-admin-nav-editor-row",
+          className: `orion-admin-nav-editor-row${draggingRowID === row.id ? " is-dragging" : ""}${dragOverRowID === row.id && draggingRowID !== row.id ? " is-drop-target" : ""}`,
           draggable: true,
-          onDragEnd: () => setDraggingRowID(null),
-          onDragOver: (event) => event.preventDefault(),
+          onDragEnd: () => {
+            setDraggingRowID(null);
+            setDragOverRowID(null);
+          },
+          onDragEnter: () => {
+            if (draggingRowID && draggingRowID !== row.id) {
+              setDragOverRowID(row.id);
+            }
+          },
+          onDragLeave: () => {
+            if (dragOverRowID === row.id) {
+              setDragOverRowID(null);
+            }
+          },
+          onDragOver: (event) => {
+            event.preventDefault();
+            if (draggingRowID && draggingRowID !== row.id && dragOverRowID !== row.id) {
+              setDragOverRowID(row.id);
+            }
+          },
           onDragStart: (event) => {
             setDraggingRowID(row.id);
             event.dataTransfer.effectAllowed = "move";
@@ -241,6 +320,7 @@ function HeaderNavItemsEditor({ initialItems, pageOptions }) {
               return moveRow(currentRows, fromIndex, toIndex);
             });
             setDraggingRowID(null);
+            setDragOverRowID(null);
           },
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "orion-admin-nav-editor-row-head", children: [
@@ -307,8 +387,113 @@ function HeaderNavItemsEditor({ initialItems, pageOptions }) {
     }) })
   ] });
 }
+
+// src/admin-app/components/HeaderNavEditorWithPreview.tsx
+var import_react3 = require("react");
+
+// 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/components/HeaderNavEditorWithPreview.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var fallbackNav = [{ href: "/", label: "Home" }];
+function HeaderNavEditorWithPreview({
+  brandName,
+  initialItems,
+  logoUrl,
+  pageOptions,
+  tagline = ""
+}) {
+  const [liveItems, setLiveItems] = (0, import_react3.useState)(initialItems);
+  const previewItems = (0, import_react3.useMemo)(() => {
+    const normalized = normalizeNestedNavItems(liveItems);
+    const tree = buildNestedNavTree(normalized);
+    return tree.topLevel.length > 0 ? tree : buildNestedNavTree(fallbackNav);
+  }, [liveItems]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(HeaderNavItemsEditor, { initialItems, onItemsChange: setLiveItems, pageOptions }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { color: "#5d6664", fontSize: "0.88rem", fontWeight: 700 }, children: "Header Preview" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "div",
+      {
+        style: {
+          border: "1px solid #dce2e0",
+          borderRadius: 14,
+          overflow: "hidden"
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("header", { className: "site-header", style: { position: "relative", top: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "container container-content header-wrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("a", { className: "brand", href: "#", children: [
+            logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { alt: `${brandName} logo`, src: logoUrl }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "brand-title", children: brandName }),
+              tagline ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "brand-subtitle", children: tagline }) : null
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("nav", { className: "site-nav open", children: previewItems.topLevel.map((item, index) => {
+            const children = previewItems.childrenByParent.get(item.href) || [];
+            return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+              "div",
+              {
+                className: children.length > 0 ? "site-nav-item has-children" : "site-nav-item",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("a", { className: index === 0 ? "active" : "", href: item.href, children: item.label }),
+                  children.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "site-subnav", children: children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("a", { href: child.href, children: child.label }, `${item.href}-${child.href}`)) }) : null
+                ]
+              },
+              `${item.href}-${index}`
+            );
+          }) })
+        ] }) })
+      }
+    )
+  ] });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AdminShellClient,
+  HeaderNavEditorWithPreview,
   HeaderNavItemsEditor
 });

package/dist/admin-app/client.mjs

@@ -107,7 +107,55 @@ function AdminShellClient({
 }
 
 // src/admin-app/components/HeaderNavItemsEditor.tsx
-import { useMemo, useState as useState2 } from "react";
+import { useEffect as useEffect2, useMemo, useState as useState2 } from "react";
+
+// src/admin-app/navigationLinks.ts
+var normalizeAdminNavInputs = (rows, pageOptions) => {
+  const allowedLinks = new Map(pageOptions.map((option) => [option.href, option.title]));
+  const deduped = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const row of rows) {
+    const href = typeof row.href === "string" ? row.href.trim() : "";
+    const defaultLabel = allowedLinks.get(href);
+    const explicitLabel = typeof row.label === "string" ? row.label.trim() : "";
+    const parentHref = typeof row.parentHref === "string" ? row.parentHref.trim() : "";
+    if (!href || !defaultLabel || seen.has(href)) {
+      continue;
+    }
+    seen.add(href);
+    deduped.push({
+      href,
+      label: explicitLabel.length > 0 ? explicitLabel : defaultLabel,
+      ...parentHref.length > 0 ? { parentHref } : {}
+    });
+  }
+  const hrefs = new Set(deduped.map((item) => item.href));
+  const parentByHref = new Map(deduped.map((item) => [item.href, item.parentHref || ""]));
+  const createsCycle = (href, parentHref) => {
+    const visited = /* @__PURE__ */ new Set([href]);
+    let current = parentHref;
+    while (current) {
+      if (visited.has(current)) {
+        return true;
+      }
+      visited.add(current);
+      current = parentByHref.get(current) || "";
+    }
+    return false;
+  };
+  return deduped.map((item) => {
+    const parentHref = item.parentHref;
+    if (!parentHref || parentHref === item.href || !hrefs.has(parentHref) || createsCycle(item.href, parentHref)) {
+      return {
+        href: item.href,
+        label: item.label
+      };
+    }
+    return item;
+  });
+};
+
+// src/admin-app/components/HeaderNavItemsEditor.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var toRow = (item, index) => ({
   id: `row-${index}-${item.href || "empty"}`,
@@ -127,10 +175,11 @@ var moveRow = (rows, fromIndex, toIndex) => {
   next.splice(toIndex, 0, moved);
   return next;
 };
-function HeaderNavItemsEditor({ initialItems, pageOptions }) {
+function HeaderNavItemsEditor({ initialItems, pageOptions, onItemsChange }) {
   const [rows, setRows] = useState2(() => initialItems.map(toRow));
   const [nextRowID, setNextRowID] = useState2(initialItems.length);
   const [draggingRowID, setDraggingRowID] = useState2(null);
+  const [dragOverRowID, setDragOverRowID] = useState2(null);
   const pageOptionByHref = useMemo(() => new Map(pageOptions.map((option) => [option.href, option])), [pageOptions]);
   const serializedState = useMemo(
     () => JSON.stringify(
@@ -142,6 +191,17 @@ function HeaderNavItemsEditor({ initialItems, pageOptions }) {
     ),
     [rows]
   );
+  const normalizedItems = useMemo(() => {
+    const inputs = rows.map((row) => ({
+      href: row.href,
+      label: row.label,
+      parentHref: row.parentHref
+    }));
+    return normalizeAdminNavInputs(inputs, pageOptions);
+  }, [rows, pageOptions]);
+  useEffect2(() => {
+    onItemsChange?.(normalizedItems);
+  }, [normalizedItems, onItemsChange]);
   const setRowValue = (rowID, changes) => {
     setRows(
       (currentRows) => currentRows.map((row) => {
@@ -196,10 +256,28 @@ function HeaderNavItemsEditor({ initialItems, pageOptions }) {
       return /* @__PURE__ */ jsxs2(
         "div",
         {
-          className: "orion-admin-nav-editor-row",
+          className: `orion-admin-nav-editor-row${draggingRowID === row.id ? " is-dragging" : ""}${dragOverRowID === row.id && draggingRowID !== row.id ? " is-drop-target" : ""}`,
           draggable: true,
-          onDragEnd: () => setDraggingRowID(null),
-          onDragOver: (event) => event.preventDefault(),
+          onDragEnd: () => {
+            setDraggingRowID(null);
+            setDragOverRowID(null);
+          },
+          onDragEnter: () => {
+            if (draggingRowID && draggingRowID !== row.id) {
+              setDragOverRowID(row.id);
+            }
+          },
+          onDragLeave: () => {
+            if (dragOverRowID === row.id) {
+              setDragOverRowID(null);
+            }
+          },
+          onDragOver: (event) => {
+            event.preventDefault();
+            if (draggingRowID && draggingRowID !== row.id && dragOverRowID !== row.id) {
+              setDragOverRowID(row.id);
+            }
+          },
           onDragStart: (event) => {
             setDraggingRowID(row.id);
             event.dataTransfer.effectAllowed = "move";
@@ -215,6 +293,7 @@ function HeaderNavItemsEditor({ initialItems, pageOptions }) {
               return moveRow(currentRows, fromIndex, toIndex);
             });
             setDraggingRowID(null);
+            setDragOverRowID(null);
           },
           children: [
             /* @__PURE__ */ jsxs2("div", { className: "orion-admin-nav-editor-row-head", children: [
@@ -281,7 +360,112 @@ function HeaderNavItemsEditor({ initialItems, pageOptions }) {
     }) })
   ] });
 }
+
+// src/admin-app/components/HeaderNavEditorWithPreview.tsx
+import { useMemo as useMemo2, useState as useState3 } from "react";
+
+// 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/components/HeaderNavEditorWithPreview.tsx
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var fallbackNav = [{ href: "/", label: "Home" }];
+function HeaderNavEditorWithPreview({
+  brandName,
+  initialItems,
+  logoUrl,
+  pageOptions,
+  tagline = ""
+}) {
+  const [liveItems, setLiveItems] = useState3(initialItems);
+  const previewItems = useMemo2(() => {
+    const normalized = normalizeNestedNavItems(liveItems);
+    const tree = buildNestedNavTree(normalized);
+    return tree.topLevel.length > 0 ? tree : buildNestedNavTree(fallbackNav);
+  }, [liveItems]);
+  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx3(HeaderNavItemsEditor, { initialItems, onItemsChange: setLiveItems, pageOptions }),
+    /* @__PURE__ */ jsx3("div", { style: { color: "#5d6664", fontSize: "0.88rem", fontWeight: 700 }, children: "Header Preview" }),
+    /* @__PURE__ */ jsx3(
+      "div",
+      {
+        style: {
+          border: "1px solid #dce2e0",
+          borderRadius: 14,
+          overflow: "hidden"
+        },
+        children: /* @__PURE__ */ jsx3("header", { className: "site-header", style: { position: "relative", top: "auto" }, children: /* @__PURE__ */ jsxs3("div", { className: "container container-content header-wrap", children: [
+          /* @__PURE__ */ jsxs3("a", { className: "brand", href: "#", children: [
+            logoUrl ? /* @__PURE__ */ jsx3("img", { alt: `${brandName} logo`, src: logoUrl }) : null,
+            /* @__PURE__ */ jsxs3("div", { children: [
+              /* @__PURE__ */ jsx3("div", { className: "brand-title", children: brandName }),
+              tagline ? /* @__PURE__ */ jsx3("div", { className: "brand-subtitle", children: tagline }) : null
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx3("nav", { className: "site-nav open", children: previewItems.topLevel.map((item, index) => {
+            const children = previewItems.childrenByParent.get(item.href) || [];
+            return /* @__PURE__ */ jsxs3(
+              "div",
+              {
+                className: children.length > 0 ? "site-nav-item has-children" : "site-nav-item",
+                children: [
+                  /* @__PURE__ */ jsx3("a", { className: index === 0 ? "active" : "", href: item.href, children: item.label }),
+                  children.length > 0 ? /* @__PURE__ */ jsx3("div", { className: "site-subnav", children: children.map((child) => /* @__PURE__ */ jsx3("a", { href: child.href, children: child.label }, `${item.href}-${child.href}`)) }) : null
+                ]
+              },
+              `${item.href}-${index}`
+            );
+          }) })
+        ] }) })
+      }
+    )
+  ] });
+}
 export {
   AdminShellClient,
+  HeaderNavEditorWithPreview,
   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, 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';
+export { A as AdminBreadcrumbItem, a as AdminBreadcrumbs, b as AdminNavInput, c as AdminNavItem, d as AdminNavLinkItem, e as AdminPage, f as AdminPageLinkOption, g as AdminPageRecord, h as AdminRole, N as NestedNavItem, j as NestedNavItemInput, k as NestedNavTree, l as buildAdminPageLinkOptions, m as buildNestedNavTree, n as getAdminNavRows, o as navItemIsActive, p as normalizeAdminNavInputs, q as normalizeNestedNavItems, r as parseAdminHeaderNavFromForm, s as roleCanAccessNav } from '../index-BBvk9b9i.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, 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';
+export { A as AdminBreadcrumbItem, a as AdminBreadcrumbs, b as AdminNavInput, c as AdminNavItem, d as AdminNavLinkItem, e as AdminPage, f as AdminPageLinkOption, g as AdminPageRecord, h as AdminRole, N as NestedNavItem, j as NestedNavItemInput, k as NestedNavTree, l as buildAdminPageLinkOptions, m as buildNestedNavTree, n as getAdminNavRows, o as navItemIsActive, p as normalizeAdminNavInputs, q as normalizeNestedNavItems, r as parseAdminHeaderNavFromForm, s as roleCanAccessNav } from '../index-BBvk9b9i.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/admin-app/index.js

@@ -26,6 +26,7 @@ __export(admin_app_exports, {
   buildNestedNavTree: () => buildNestedNavTree,
   getAdminNavRows: () => getAdminNavRows,
   navItemIsActive: () => navItemIsActive,
+  normalizeAdminNavInputs: () => normalizeAdminNavInputs,
   normalizeNestedNavItems: () => normalizeNestedNavItems,
   parseAdminHeaderNavFromForm: () => parseAdminHeaderNavFromForm,
   roleCanAccessNav: () => roleCanAccessNav
@@ -143,7 +144,7 @@ var getAdminNavRows = (navItems, pageOptions, minRows = 6, maxRows = 20) => {
   const preferredRows = Math.max(navItems.length + 2, Math.min(8, pageOptions.length));
   return Math.min(Math.max(minRows, preferredRows), maxRows);
 };
-var normalizeParsedNavRows = (rows, pageOptions) => {
+var normalizeAdminNavInputs = (rows, pageOptions) => {
   const allowedLinks = new Map(pageOptions.map((option) => [option.href, option.title]));
   const deduped = [];
   const seen = /* @__PURE__ */ new Set();
@@ -193,7 +194,7 @@ var parseAdminHeaderNavFromForm = (formData, pageOptions, maxRows = 24) => {
     try {
       const parsed = JSON.parse(serialized);
       if (Array.isArray(parsed)) {
-        return normalizeParsedNavRows(parsed.slice(0, maxRows), pageOptions);
+        return normalizeAdminNavInputs(parsed.slice(0, maxRows), pageOptions);
       }
     } catch {
     }
@@ -212,7 +213,7 @@ var parseAdminHeaderNavFromForm = (formData, pageOptions, maxRows = 24) => {
     });
   }
   if (navRows.length > 0) {
-    return normalizeParsedNavRows(navRows, pageOptions);
+    return normalizeAdminNavInputs(navRows, pageOptions);
   }
   return [];
 };
@@ -241,6 +242,7 @@ var navItemIsActive = (pathname, item) => {
   buildNestedNavTree,
   getAdminNavRows,
   navItemIsActive,
+  normalizeAdminNavInputs,
   normalizeNestedNavItems,
   parseAdminHeaderNavFromForm,
   roleCanAccessNav

package/dist/admin-app/index.mjs

@@ -5,10 +5,11 @@ import {
   buildNestedNavTree,
   getAdminNavRows,
   navItemIsActive,
+  normalizeAdminNavInputs,
   normalizeNestedNavItems,
   parseAdminHeaderNavFromForm,
   roleCanAccessNav
-} from "../chunk-TVQPMM6Y.mjs";
+} from "../chunk-XVH5SCBD.mjs";
 import "../chunk-6BWS3CLP.mjs";
 export {
   AdminBreadcrumbs,
@@ -17,6 +18,7 @@ export {
   buildNestedNavTree,
   getAdminNavRows,
   navItemIsActive,
+  normalizeAdminNavInputs,
   normalizeNestedNavItems,
   parseAdminHeaderNavFromForm,
   roleCanAccessNav

package/dist/admin-app/styles.css

@@ -176,6 +176,18 @@
   display: grid;
   gap: 0.5rem;
   padding: 0.65rem;
+  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
+}
+
+.orion-admin-nav-editor-row.is-dragging {
+  border-color: rgba(24, 95, 69, 0.55);
+  box-shadow: 0 10px 24px rgba(15, 42, 33, 0.16);
+  transform: scale(0.996);
+}
+
+.orion-admin-nav-editor-row.is-drop-target {
+  border-color: rgba(24, 95, 69, 0.7);
+  box-shadow: inset 0 0 0 2px rgba(24, 95, 69, 0.12);
 }
 
 .orion-admin-nav-editor-row-head {
@@ -193,6 +205,7 @@
   font-weight: 800;
   padding: 0.2rem 0.5rem;
   text-transform: uppercase;
+  user-select: none;
 }
 
 .orion-admin-nav-editor-row-index {

package/dist/{chunk-TVQPMM6Y.mjs → chunk-XVH5SCBD.mjs}

@@ -11,6 +11,7 @@ __export(admin_app_exports, {
   buildNestedNavTree: () => buildNestedNavTree,
   getAdminNavRows: () => getAdminNavRows,
   navItemIsActive: () => navItemIsActive,
+  normalizeAdminNavInputs: () => normalizeAdminNavInputs,
   normalizeNestedNavItems: () => normalizeNestedNavItems,
   parseAdminHeaderNavFromForm: () => parseAdminHeaderNavFromForm,
   roleCanAccessNav: () => roleCanAccessNav
@@ -127,7 +128,7 @@ var getAdminNavRows = (navItems, pageOptions, minRows = 6, maxRows = 20) => {
   const preferredRows = Math.max(navItems.length + 2, Math.min(8, pageOptions.length));
   return Math.min(Math.max(minRows, preferredRows), maxRows);
 };
-var normalizeParsedNavRows = (rows, pageOptions) => {
+var normalizeAdminNavInputs = (rows, pageOptions) => {
   const allowedLinks = new Map(pageOptions.map((option) => [option.href, option.title]));
   const deduped = [];
   const seen = /* @__PURE__ */ new Set();
@@ -177,7 +178,7 @@ var parseAdminHeaderNavFromForm = (formData, pageOptions, maxRows = 24) => {
     try {
       const parsed = JSON.parse(serialized);
       if (Array.isArray(parsed)) {
-        return normalizeParsedNavRows(parsed.slice(0, maxRows), pageOptions);
+        return normalizeAdminNavInputs(parsed.slice(0, maxRows), pageOptions);
       }
     } catch {
     }
@@ -196,7 +197,7 @@ var parseAdminHeaderNavFromForm = (formData, pageOptions, maxRows = 24) => {
     });
   }
   if (navRows.length > 0) {
-    return normalizeParsedNavRows(navRows, pageOptions);
+    return normalizeAdminNavInputs(navRows, pageOptions);
   }
   return [];
 };
@@ -225,6 +226,7 @@ export {
   buildNestedNavTree,
   buildAdminPageLinkOptions,
   getAdminNavRows,
+  normalizeAdminNavInputs,
   parseAdminHeaderNavFromForm,
   roleCanAccessNav,
   navItemIsActive,

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

@@ -62,10 +62,17 @@ type AdminPageLinkOption = {
 };
 declare const buildAdminPageLinkOptions: (pages: AdminPageRecord[]) => AdminPageLinkOption[];
 declare const getAdminNavRows: (navItems: AdminNavLinkItem[], pageOptions: AdminPageLinkOption[], minRows?: number, maxRows?: number) => number;
+type AdminNavInput = {
+    href?: string;
+    label?: string;
+    parentHref?: string;
+};
+declare const normalizeAdminNavInputs: (rows: AdminNavInput[], pageOptions: AdminPageLinkOption[]) => AdminNavLinkItem[];
 declare const parseAdminHeaderNavFromForm: (formData: FormData, pageOptions: AdminPageLinkOption[], maxRows?: number) => AdminNavLinkItem[];
 
 type index_AdminBreadcrumbItem = AdminBreadcrumbItem;
 declare const index_AdminBreadcrumbs: typeof AdminBreadcrumbs;
+type index_AdminNavInput = AdminNavInput;
 type index_AdminNavItem = AdminNavItem;
 type index_AdminNavLinkItem = AdminNavLinkItem;
 declare const index_AdminPage: typeof AdminPage;
@@ -79,11 +86,12 @@ 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_normalizeAdminNavInputs: typeof normalizeAdminNavInputs;
 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, 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 index_AdminBreadcrumbItem as AdminBreadcrumbItem, index_AdminBreadcrumbs as AdminBreadcrumbs, type index_AdminNavInput as AdminNavInput, 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_normalizeAdminNavInputs as normalizeAdminNavInputs, index_normalizeNestedNavItems as normalizeNestedNavItems, index_parseAdminHeaderNavFromForm as parseAdminHeaderNavFromForm, index_roleCanAccessNav as roleCanAccessNav };
 }
 
-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 };
+export { type AdminBreadcrumbItem as A, type NestedNavItem as N, AdminBreadcrumbs as a, type AdminNavInput as b, type AdminNavItem as c, type AdminNavLinkItem as d, AdminPage as e, type AdminPageLinkOption as f, type AdminPageRecord as g, type AdminRole as h, index as i, type NestedNavItemInput as j, type NestedNavTree as k, buildAdminPageLinkOptions as l, buildNestedNavTree as m, getAdminNavRows as n, navItemIsActive as o, normalizeAdminNavInputs as p, normalizeNestedNavItems as q, parseAdminHeaderNavFromForm as r, roleCanAccessNav as s };

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

@@ -62,10 +62,17 @@ type AdminPageLinkOption = {
 };
 declare const buildAdminPageLinkOptions: (pages: AdminPageRecord[]) => AdminPageLinkOption[];
 declare const getAdminNavRows: (navItems: AdminNavLinkItem[], pageOptions: AdminPageLinkOption[], minRows?: number, maxRows?: number) => number;
+type AdminNavInput = {
+    href?: string;
+    label?: string;
+    parentHref?: string;
+};
+declare const normalizeAdminNavInputs: (rows: AdminNavInput[], pageOptions: AdminPageLinkOption[]) => AdminNavLinkItem[];
 declare const parseAdminHeaderNavFromForm: (formData: FormData, pageOptions: AdminPageLinkOption[], maxRows?: number) => AdminNavLinkItem[];
 
 type index_AdminBreadcrumbItem = AdminBreadcrumbItem;
 declare const index_AdminBreadcrumbs: typeof AdminBreadcrumbs;
+type index_AdminNavInput = AdminNavInput;
 type index_AdminNavItem = AdminNavItem;
 type index_AdminNavLinkItem = AdminNavLinkItem;
 declare const index_AdminPage: typeof AdminPage;
@@ -79,11 +86,12 @@ 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_normalizeAdminNavInputs: typeof normalizeAdminNavInputs;
 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, 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 index_AdminBreadcrumbItem as AdminBreadcrumbItem, index_AdminBreadcrumbs as AdminBreadcrumbs, type index_AdminNavInput as AdminNavInput, 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_normalizeAdminNavInputs as normalizeAdminNavInputs, index_normalizeNestedNavItems as normalizeNestedNavItems, index_parseAdminHeaderNavFromForm as parseAdminHeaderNavFromForm, index_roleCanAccessNav as roleCanAccessNav };
 }
 
-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 };
+export { type AdminBreadcrumbItem as A, type NestedNavItem as N, AdminBreadcrumbs as a, type AdminNavInput as b, type AdminNavItem as c, type AdminNavLinkItem as d, AdminPage as e, type AdminPageLinkOption as f, type AdminPageRecord as g, type AdminRole as h, index as i, type NestedNavItemInput as j, type NestedNavTree as k, buildAdminPageLinkOptions as l, buildNestedNavTree as m, getAdminNavRows as n, navItemIsActive as o, normalizeAdminNavInputs as p, normalizeNestedNavItems as q, parseAdminHeaderNavFromForm as r, roleCanAccessNav as s };

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 export { i as admin } from './index-Dj21uD_B.mjs';
-export { i as adminApp } from './index-BheEmI3q.mjs';
+export { i as adminApp } from './index-BBvk9b9i.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-Dj21uD_B.js';
-export { i as adminApp } from './index-BheEmI3q.js';
+export { i as adminApp } from './index-BBvk9b9i.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

@@ -351,6 +351,7 @@ __export(admin_app_exports, {
   buildNestedNavTree: () => buildNestedNavTree,
   getAdminNavRows: () => getAdminNavRows,
   navItemIsActive: () => navItemIsActive,
+  normalizeAdminNavInputs: () => normalizeAdminNavInputs,
   normalizeNestedNavItems: () => normalizeNestedNavItems,
   parseAdminHeaderNavFromForm: () => parseAdminHeaderNavFromForm,
   roleCanAccessNav: () => roleCanAccessNav
@@ -467,7 +468,7 @@ var getAdminNavRows = (navItems, pageOptions, minRows = 6, maxRows = 20) => {
   const preferredRows = Math.max(navItems.length + 2, Math.min(8, pageOptions.length));
   return Math.min(Math.max(minRows, preferredRows), maxRows);
 };
-var normalizeParsedNavRows = (rows, pageOptions) => {
+var normalizeAdminNavInputs = (rows, pageOptions) => {
   const allowedLinks = new Map(pageOptions.map((option) => [option.href, option.title]));
   const deduped = [];
   const seen = /* @__PURE__ */ new Set();
@@ -517,7 +518,7 @@ var parseAdminHeaderNavFromForm = (formData, pageOptions, maxRows = 24) => {
     try {
       const parsed = JSON.parse(serialized);
       if (Array.isArray(parsed)) {
-        return normalizeParsedNavRows(parsed.slice(0, maxRows), pageOptions);
+        return normalizeAdminNavInputs(parsed.slice(0, maxRows), pageOptions);
       }
     } catch {
     }
@@ -536,7 +537,7 @@ var parseAdminHeaderNavFromForm = (formData, pageOptions, maxRows = 24) => {
     });
   }
   if (navRows.length > 0) {
-    return normalizeParsedNavRows(navRows, pageOptions);
+    return normalizeAdminNavInputs(navRows, pageOptions);
   }
   return [];
 };

package/dist/index.mjs

@@ -3,19 +3,19 @@ import {
 } from "./chunk-7IGLXLUB.mjs";
 import {
   admin_app_exports
-} from "./chunk-TVQPMM6Y.mjs";
+} from "./chunk-XVH5SCBD.mjs";
 import {
   nextjs_exports
 } from "./chunk-GPQPDEB5.mjs";
 import {
   studio_exports
 } from "./chunk-N67KVM2S.mjs";
-import {
-  studio_pages_exports
-} from "./chunk-QW24Y4UH.mjs";
 import {
   blocks_exports
 } from "./chunk-H7DSTEVT.mjs";
+import {
+  studio_pages_exports
+} from "./chunk-QW24Y4UH.mjs";
 import "./chunk-SIL2J5MF.mjs";
 import "./chunk-6BWS3CLP.mjs";
 export {

package/package.json

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