@orion-studios/payload-studio 0.5.0-beta.11 → 0.5.0-beta.111

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

@@ -1,3 +1,3 @@
-export { A as AdminBreadcrumbItem, a as AdminBreadcrumbs, b as AdminNavItem, c as AdminPage, d as AdminRole, n as navItemIsActive, r as roleCanAccessNav } from '../index-BallJs-K.mjs';
+export { A as AdminBreadcrumbItem, a as AdminBreadcrumbs, b as AdminNavIcon, c as AdminNavInput, d as AdminNavItem, e as AdminNavLinkItem, f as AdminPage, g as AdminPageLinkOption, h as AdminPageRecord, j as AdminRole, M as MediaDetailPanelProps, k as MediaListItemProps, N as NestedNavItem, l as NestedNavItemInput, m as NestedNavTree, n as buildAdminPageLinkOptions, o as buildNestedNavTree, p as getAdminNavRows, q as navItemIsActive, r as normalizeAdminNavInputs, s as normalizeNestedNavItems, t as parseAdminHeaderNavFromForm, u as roleCanAccessNav } from '../index-7lxTrxSG.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 AdminPage, d as AdminRole, n as navItemIsActive, r as roleCanAccessNav } from '../index-BallJs-K.js';
+export { A as AdminBreadcrumbItem, a as AdminBreadcrumbs, b as AdminNavIcon, c as AdminNavInput, d as AdminNavItem, e as AdminNavLinkItem, f as AdminPage, g as AdminPageLinkOption, h as AdminPageRecord, j as AdminRole, M as MediaDetailPanelProps, k as MediaListItemProps, N as NestedNavItem, l as NestedNavItemInput, m as NestedNavTree, n as buildAdminPageLinkOptions, o as buildNestedNavTree, p as getAdminNavRows, q as navItemIsActive, r as normalizeAdminNavInputs, s as normalizeNestedNavItems, t as parseAdminHeaderNavFromForm, u as roleCanAccessNav } from '../index-7lxTrxSG.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/admin-app/index.js

@@ -22,7 +22,13 @@ var admin_app_exports = {};
 __export(admin_app_exports, {
   AdminBreadcrumbs: () => AdminBreadcrumbs,
   AdminPage: () => AdminPage,
+  buildAdminPageLinkOptions: () => buildAdminPageLinkOptions,
+  buildNestedNavTree: () => buildNestedNavTree,
+  getAdminNavRows: () => getAdminNavRows,
   navItemIsActive: () => navItemIsActive,
+  normalizeAdminNavInputs: () => normalizeAdminNavInputs,
+  normalizeNestedNavItems: () => normalizeNestedNavItems,
+  parseAdminHeaderNavFromForm: () => parseAdminHeaderNavFromForm,
   roleCanAccessNav: () => roleCanAccessNav
 });
 module.exports = __toCommonJS(admin_app_exports);
@@ -57,6 +63,161 @@ 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: "/",
+  label: "Home",
+  title: "Home"
+};
+var buildAdminPageLinkOptions = (pages) => {
+  const options = pages.map((page) => {
+    const href = typeof page.path === "string" ? page.path.trim() : "";
+    const title = typeof page.title === "string" && page.title.trim().length > 0 ? page.title.trim() : "Untitled Page";
+    if (!href) {
+      return null;
+    }
+    const depth = href === "/" ? 0 : href.split("/").filter(Boolean).length;
+    const indentLevel = Math.max(depth - 1, 0);
+    const indent = indentLevel > 0 ? `${"\u21B3 ".repeat(indentLevel)}` : "";
+    return {
+      href,
+      label: `${indent}${title}`,
+      title
+    };
+  }).filter((option) => option !== null).sort((a, b) => {
+    if (a.href === "/" && b.href !== "/") return -1;
+    if (b.href === "/" && a.href !== "/") return 1;
+    return a.href.localeCompare(b.href);
+  });
+  if (options.length === 0) {
+    return [fallbackHomeOption];
+  }
+  return options;
+};
+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 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;
+  });
+};
+var parseAdminHeaderNavFromForm = (formData, pageOptions, maxRows = 24) => {
+  const serialized = String(formData.get("navItemsState") || "").trim();
+  if (serialized.length > 0) {
+    try {
+      const parsed = JSON.parse(serialized);
+      if (Array.isArray(parsed)) {
+        return normalizeAdminNavInputs(parsed.slice(0, maxRows), pageOptions);
+      }
+    } catch {
+    }
+  }
+  const rawCount = Number(String(formData.get("navCount") || "0"));
+  const navCount = Number.isFinite(rawCount) ? Math.max(0, Math.min(rawCount, maxRows)) : 0;
+  const navRows = [];
+  for (let index = 0; index < navCount; index += 1) {
+    const href = String(formData.get(`navPage_${index}`) || "").trim();
+    const label = String(formData.get(`navLabel_${index}`) || "").trim();
+    const parentHref = String(formData.get(`navParentHref_${index}`) || "").trim();
+    navRows.push({
+      href,
+      label,
+      parentHref
+    });
+  }
+  if (navRows.length > 0) {
+    return normalizeAdminNavInputs(navRows, pageOptions);
+  }
+  return [];
+};
+
 // src/admin-app/routeRegistry.ts
 var roleCanAccessNav = (role, item) => {
   if (!item.roles || item.roles.length === 0) {
@@ -77,6 +238,12 @@ var navItemIsActive = (pathname, item) => {
 0 && (module.exports = {
   AdminBreadcrumbs,
   AdminPage,
+  buildAdminPageLinkOptions,
+  buildNestedNavTree,
+  getAdminNavRows,
   navItemIsActive,
+  normalizeAdminNavInputs,
+  normalizeNestedNavItems,
+  parseAdminHeaderNavFromForm,
   roleCanAccessNav
 });

package/dist/admin-app/index.mjs

@@ -1,13 +1,25 @@
 import {
   AdminBreadcrumbs,
   AdminPage,
+  buildAdminPageLinkOptions,
+  buildNestedNavTree,
+  getAdminNavRows,
   navItemIsActive,
+  normalizeAdminNavInputs,
+  normalizeNestedNavItems,
+  parseAdminHeaderNavFromForm,
   roleCanAccessNav
-} from "../chunk-AAOHJDNS.mjs";
+} from "../chunk-XVH5SCBD.mjs";
 import "../chunk-6BWS3CLP.mjs";
 export {
   AdminBreadcrumbs,
   AdminPage,
+  buildAdminPageLinkOptions,
+  buildNestedNavTree,
+  getAdminNavRows,
   navItemIsActive,
+  normalizeAdminNavInputs,
+  normalizeNestedNavItems,
+  parseAdminHeaderNavFromForm,
   roleCanAccessNav
 };

package/dist/admin-app/styles.css

@@ -8,6 +8,19 @@
   --orion-admin-muted: #5d6664;
   --orion-admin-card-bg: #ffffff;
   --orion-admin-card-border: #dce2e0;
+  --orion-admin-accent: #2563eb;
+  --orion-admin-accent-hover: color-mix(in srgb, var(--orion-admin-accent) 84%, black);
+  --orion-admin-accent-subtle: color-mix(in srgb, var(--orion-admin-accent) 10%, white);
+  --orion-admin-accent-soft: color-mix(in srgb, var(--orion-admin-accent) 14%, transparent);
+  --orion-admin-accent-border: color-mix(in srgb, var(--orion-admin-accent) 36%, transparent);
+  --orion-admin-selection-bg: color-mix(in srgb, var(--orion-admin-accent) 18%, white);
+}
+
+.orion-admin-shell ::selection,
+.orion-admin-main ::selection,
+.orion-admin-page ::selection,
+.orion-admin-login-shell ::selection {
+  background: var(--orion-admin-selection-bg);
 }
 
 .orion-admin-shell {
@@ -101,6 +114,12 @@
   background: rgba(0, 0, 0, 0.08);
 }
 
+.is-collapsed .orion-admin-nav-link {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+
 .orion-admin-sidebar-footer {
   border-top: 1px solid var(--orion-admin-border);
   bottom: 0.9rem;
@@ -120,3 +139,231 @@
   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: var(--orion-admin-accent);
+  border: 0;
+  border-radius: 999px;
+  color: #fff;
+  cursor: pointer;
+  font-size: 0.86rem;
+  font-weight: 800;
+  padding: 0.35rem 0.7rem;
+}
+
+.orion-admin-action-button {
+  background: var(--orion-admin-accent);
+  border: 0;
+  border-radius: 10px;
+  color: #fff;
+  cursor: pointer;
+  font-weight: 800;
+  padding: 0.55rem 0.8rem;
+}
+
+.orion-admin-nav-editor-add:hover,
+.orion-admin-action-button:hover {
+  background: var(--orion-admin-accent-hover);
+}
+
+.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;
+  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
+}
+
+.orion-admin-nav-editor-row.is-dragging {
+  border-color: var(--orion-admin-accent-border);
+  box-shadow: 0 10px 24px color-mix(in srgb, var(--orion-admin-accent) 16%, transparent);
+  transform: scale(0.996);
+}
+
+.orion-admin-nav-editor-row.is-drop-target {
+  border-color: color-mix(in srgb, var(--orion-admin-accent) 56%, transparent);
+  box-shadow: inset 0 0 0 2px var(--orion-admin-accent-soft);
+}
+
+.orion-admin-nav-editor-row-head {
+  align-items: center;
+  display: flex;
+  gap: 0.6rem;
+}
+
+.orion-admin-nav-editor-drag {
+  background: var(--orion-admin-accent-subtle);
+  border-radius: 999px;
+  color: var(--orion-admin-accent);
+  cursor: grab;
+  font-size: 0.75rem;
+  font-weight: 800;
+  padding: 0.2rem 0.5rem;
+  text-transform: uppercase;
+  user-select: none;
+}
+
+.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;
+  }
+}
+
+.orion-admin-media-preview {
+  border-radius: 10px;
+  display: block;
+  height: 68px;
+  object-fit: cover;
+  width: 68px;
+}
+
+.orion-admin-meta-table {
+  display: grid;
+  gap: 0;
+  padding: 0;
+}
+
+.orion-admin-meta-row {
+  align-items: center;
+  display: flex;
+  gap: 1rem;
+  justify-content: space-between;
+  padding: 0.6rem 1rem;
+}
+
+.orion-admin-meta-row:not(:last-child) {
+  border-bottom: 1px solid var(--orion-admin-card-border);
+}
+
+.orion-admin-meta-label {
+  color: var(--orion-admin-muted);
+  font-size: 0.88rem;
+}
+
+.orion-admin-meta-value {
+  font-size: 0.92rem;
+  font-weight: 700;
+  text-align: right;
+}
+
+.orion-admin-dropzone {
+  align-items: center;
+  border: 2px dashed var(--orion-admin-border);
+  border-radius: 12px;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  min-height: 120px;
+  padding: 1rem;
+  transition: border-color 0.15s ease, background 0.15s ease;
+}
+
+.orion-admin-dropzone:hover {
+  border-color: var(--orion-admin-muted);
+}
+
+.orion-admin-dropzone.is-dragging {
+  background: color-mix(in srgb, var(--orion-admin-accent) 7%, white);
+  border-color: color-mix(in srgb, var(--orion-admin-accent) 50%, transparent);
+}
+
+.orion-admin-dropzone.has-file {
+  border-style: solid;
+}
+
+.orion-admin-dropzone-label {
+  display: grid;
+  gap: 0.2rem;
+  text-align: center;
+}
+
+.orion-admin-dropzone-label strong {
+  font-size: 0.95rem;
+}
+
+.orion-admin-dropzone-label span {
+  color: var(--orion-admin-muted);
+  font-size: 0.85rem;
+}
+
+.orion-admin-dropzone-preview {
+  align-items: center;
+  display: flex;
+  gap: 0.8rem;
+}
+
+.orion-admin-dropzone-preview img {
+  border-radius: 8px;
+  height: 60px;
+  object-fit: cover;
+  width: 60px;
+}
+
+.orion-admin-dropzone-preview span {
+  color: var(--orion-admin-text);
+  font-size: 0.9rem;
+  font-weight: 600;
+}

package/dist/admin.css

@@ -222,6 +222,14 @@ html {
   transition: background-color 0.2s ease, color 0.2s ease;
 }
 
+html[data-orion-brand] ::selection {
+  background: color-mix(in srgb, var(--brand-primary) 18%, white);
+}
+
+html[data-orion-brand][data-theme='dark'] ::selection {
+  background: color-mix(in srgb, var(--brand-primary) 26%, black);
+}
+
 /* ============================================================
    Collapsible sections — card-like styling
    ============================================================ */