@orion-studios/payload-studio 0.5.0-beta.98 → 0.6.0-beta.1

package/dist/chunk-KPIX7OSV.mjs

@@ -0,0 +1,1051 @@
+'use client';
+import {
+  MAX_DIRECT_UPLOAD_BYTES,
+  optimizeImageForUpload
+} from "./chunk-ROTPP5CU.mjs";
+
+// src/admin-app/components/AdminShellClient.tsx
+import { useEffect, useState } from "react";
+
+// src/admin-app/routeRegistry.ts
+var adminNavIcons = [
+  "dashboard",
+  "pages",
+  "forms",
+  "globals",
+  "media",
+  "tools",
+  "account",
+  "analytics"
+];
+var roleCanAccessNav = (role, item) => {
+  if (!item.roles || item.roles.length === 0) {
+    return true;
+  }
+  if (!role) {
+    return false;
+  }
+  return item.roles.includes(role);
+};
+var navItemIsActive = (pathname, item) => {
+  if (item.href === "/admin") {
+    return pathname === "/admin";
+  }
+  return item.matchPrefixes.some((prefix) => pathname.startsWith(prefix));
+};
+
+// src/admin-app/components/AdminShellClient.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var iconSize = 20;
+var iconStyle = { display: "block", flexShrink: 0 };
+function NavIcon({ name }) {
+  const props = { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", style: iconStyle };
+  switch (name) {
+    case "dashboard":
+      return /* @__PURE__ */ jsxs("svg", { ...props, children: [
+        /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "7", height: "9", rx: "1" }),
+        /* @__PURE__ */ jsx("rect", { x: "14", y: "3", width: "7", height: "5", rx: "1" }),
+        /* @__PURE__ */ jsx("rect", { x: "14", y: "12", width: "7", height: "9", rx: "1" }),
+        /* @__PURE__ */ jsx("rect", { x: "3", y: "16", width: "7", height: "5", rx: "1" })
+      ] });
+    case "pages":
+      return /* @__PURE__ */ jsxs("svg", { ...props, children: [
+        /* @__PURE__ */ jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z" }),
+        /* @__PURE__ */ jsx("polyline", { points: "14 2 14 8 20 8" }),
+        /* @__PURE__ */ jsx("line", { x1: "8", y1: "13", x2: "16", y2: "13" }),
+        /* @__PURE__ */ jsx("line", { x1: "8", y1: "17", x2: "12", y2: "17" })
+      ] });
+    case "forms":
+      return /* @__PURE__ */ jsxs("svg", { ...props, children: [
+        /* @__PURE__ */ jsx("path", { d: "M9 3h6" }),
+        /* @__PURE__ */ jsx("path", { d: "M12 3v18" }),
+        /* @__PURE__ */ jsx("path", { d: "M5 7h14a2 2 0 0 1 2 2v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a2 2 0 0 1 2-2Z" }),
+        /* @__PURE__ */ jsx("path", { d: "M7 11h10" }),
+        /* @__PURE__ */ jsx("path", { d: "M7 15h6" })
+      ] });
+    case "globals":
+      return /* @__PURE__ */ jsxs("svg", { ...props, children: [
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3" }),
+        /* @__PURE__ */ jsx("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z" })
+      ] });
+    case "media":
+      return /* @__PURE__ */ jsxs("svg", { ...props, children: [
+        /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+        /* @__PURE__ */ jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
+        /* @__PURE__ */ jsx("polyline", { points: "21 15 16 10 5 21" })
+      ] });
+    case "tools":
+      return /* @__PURE__ */ jsx("svg", { ...props, children: /* @__PURE__ */ jsx("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76Z" }) });
+    case "analytics":
+      return /* @__PURE__ */ jsxs("svg", { ...props, children: [
+        /* @__PURE__ */ jsx("path", { d: "M4 19V5" }),
+        /* @__PURE__ */ jsx("path", { d: "M10 19V10" }),
+        /* @__PURE__ */ jsx("path", { d: "M16 19v-6" }),
+        /* @__PURE__ */ jsx("path", { d: "M22 19V3" })
+      ] });
+    case "account":
+      return /* @__PURE__ */ jsxs("svg", { ...props, children: [
+        /* @__PURE__ */ jsx("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "7", r: "4" })
+      ] });
+    default:
+      return null;
+  }
+}
+function AdminShellClient({
+  children,
+  brandName,
+  logoUrl,
+  userEmail,
+  userRole,
+  pathname,
+  navItems,
+  onLogout,
+  storageKey = "orion-admin-shell-collapsed"
+}) {
+  const [collapsed, setCollapsed] = useState(false);
+  const [loggingOut, setLoggingOut] = useState(false);
+  useEffect(() => {
+    try {
+      const stored = window.localStorage.getItem(storageKey);
+      if (stored === "1") {
+        setCollapsed(true);
+      }
+    } catch {
+    }
+  }, [storageKey]);
+  const toggleSidebar = () => {
+    setCollapsed((current) => {
+      const next = !current;
+      try {
+        window.localStorage.setItem(storageKey, next ? "1" : "0");
+      } catch {
+      }
+      return next;
+    });
+  };
+  const handleLogout = async () => {
+    setLoggingOut(true);
+    try {
+      await onLogout();
+    } finally {
+      setLoggingOut(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `orion-admin-shell ${collapsed ? "is-collapsed" : ""}`, children: [
+    /* @__PURE__ */ jsxs("aside", { className: "orion-admin-sidebar", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
+          className: "orion-admin-sidebar-toggle",
+          onClick: toggleSidebar,
+          type: "button",
+          children: collapsed ? ">" : "<"
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "orion-admin-brand-wrap", children: [
+        logoUrl ? /* @__PURE__ */ jsx("div", { className: "orion-admin-brand-logo", children: /* @__PURE__ */ jsx("img", { alt: `${brandName} logo`, src: logoUrl }) }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "orion-admin-brand-text", children: [
+          /* @__PURE__ */ jsx("div", { className: "orion-admin-brand-name", title: brandName, children: collapsed ? brandName.slice(0, 1).toUpperCase() : brandName }),
+          !collapsed ? /* @__PURE__ */ jsx("div", { className: "orion-admin-brand-subtitle", children: "Studio" }) : null
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("nav", { className: "orion-admin-nav", children: navItems.filter((item) => roleCanAccessNav(userRole, item)).map((item) => {
+        const active = navItemIsActive(pathname, item);
+        return /* @__PURE__ */ jsx(
+          "a",
+          {
+            className: `orion-admin-nav-link ${active ? "is-active" : ""}`,
+            href: item.href,
+            title: item.label,
+            children: item.icon ? collapsed ? /* @__PURE__ */ jsx(NavIcon, { name: item.icon }) : /* @__PURE__ */ jsxs("span", { style: { alignItems: "center", display: "flex", gap: "0.6rem" }, children: [
+              /* @__PURE__ */ jsx(NavIcon, { name: item.icon }),
+              item.label
+            ] }) : collapsed ? item.label.slice(0, 1) : item.label
+          },
+          item.href
+        );
+      }) }),
+      /* @__PURE__ */ jsxs("div", { className: "orion-admin-sidebar-footer", children: [
+        !collapsed ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "orion-admin-user-label", children: "Signed in as" }),
+          /* @__PURE__ */ jsx("div", { className: "orion-admin-user-email", children: userEmail })
+        ] }) : null,
+        /* @__PURE__ */ jsx("button", { className: "orion-admin-logout", disabled: loggingOut, onClick: handleLogout, type: "button", children: loggingOut ? "..." : "Log out" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("main", { className: "orion-admin-main", children })
+  ] });
+}
+
+// src/admin-app/components/HeaderNavItemsEditor.tsx
+import { useEffect as useEffect2, useMemo, useState as useState2 } from "react";
+
+// 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 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"}`,
+  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, 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(
+      rows.map((row) => ({
+        href: row.href.trim(),
+        label: row.label.trim(),
+        parentHref: row.parentHref.trim() || void 0
+      }))
+    ),
+    [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) => {
+        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${draggingRowID === row.id ? " is-dragging" : ""}${dragOverRowID === row.id && draggingRowID !== row.id ? " is-drop-target" : ""}`,
+          draggable: true,
+          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";
+          },
+          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);
+            setDragOverRowID(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
+      );
+    }) })
+  ] });
+}
+
+// src/admin-app/components/SitePreview.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var fallbackHeaderNav = [{ href: "/", label: "Home" }];
+var socialGlyphByPlatform = {
+  facebook: "f",
+  instagram: "ig",
+  linkedin: "in",
+  pinterest: "p",
+  snapchat: "sc",
+  tiktok: "tt",
+  x: "x",
+  youtube: "yt"
+};
+var getInitials = (value) => {
+  const initials = value.trim().split(/\s+/).filter(Boolean).slice(0, 2).map((part) => part[0]?.toUpperCase() || "").join("");
+  return initials || "OS";
+};
+var getSocialGlyph = (platform) => {
+  const normalized = platform.trim().toLowerCase();
+  return socialGlyphByPlatform[normalized] || normalized.slice(0, 2).toUpperCase() || "\u2022";
+};
+var getTaglineLines = (tagline) => {
+  const parts = (tagline || "").split(".").map((part) => part.trim()).filter(Boolean);
+  const first = parts[0] ? `${parts[0]}.` : "Warm Gifts.";
+  const second = parts[1] ? `${parts[1]}.` : "Local Heart.";
+  return [first, second];
+};
+function PreviewSocialLinks({
+  links,
+  variant
+}) {
+  if (links.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      className: variant === "header" ? "orion-admin-site-preview-social-list" : "orion-admin-site-preview-social-list orion-admin-site-preview-social-list--footer",
+      children: links.map((item) => /* @__PURE__ */ jsx3(
+        "a",
+        {
+          className: variant === "header" ? "orion-admin-site-preview-social-badge" : "orion-admin-site-preview-social-badge orion-admin-site-preview-social-badge--footer",
+          href: item.url,
+          tabIndex: -1,
+          children: getSocialGlyph(item.platform)
+        },
+        `${item.platform}-${item.url}`
+      ))
+    }
+  );
+}
+function PreviewLogo({
+  className,
+  logoUrl,
+  siteName
+}) {
+  if (logoUrl && logoUrl.trim().length > 0) {
+    return /* @__PURE__ */ jsx3("img", { alt: `${siteName} logo`, className, src: logoUrl });
+  }
+  return /* @__PURE__ */ jsx3("div", { className: `${className} orion-admin-site-preview-logo-fallback`, children: getInitials(siteName) });
+}
+function SiteHeaderPreview({ site }) {
+  const navItems = site.navItems.length > 0 ? site.navItems : fallbackHeaderNav;
+  const [taglineLineOne, taglineLineTwo] = getTaglineLines(site.tagline);
+  const socialLinks = site.socialLinks?.slice(0, 4) || [];
+  const activePath = site.activePath || navItems[0]?.href || "/";
+  return /* @__PURE__ */ jsxs3("div", { "aria-hidden": "true", className: "orion-admin-site-preview orion-admin-site-preview--header", children: [
+    /* @__PURE__ */ jsx3("div", { className: "orion-admin-site-preview-header-bar", children: /* @__PURE__ */ jsxs3("div", { className: "orion-admin-site-preview-shell orion-admin-site-preview-shell--utility", children: [
+      /* @__PURE__ */ jsx3("p", { className: "orion-admin-site-preview-utility-copy", children: site.locationSummary?.address?.trim() || "Neighborhood gift shop" }),
+      /* @__PURE__ */ jsxs3("div", { className: "orion-admin-site-preview-utility-meta", children: [
+        site.locationSummary?.hours?.trim() ? /* @__PURE__ */ jsx3("p", { className: "orion-admin-site-preview-utility-copy", children: site.locationSummary.hours.trim() }) : null,
+        /* @__PURE__ */ jsx3(PreviewSocialLinks, { links: socialLinks, variant: "header" }),
+        /* @__PURE__ */ jsx3("a", { className: "orion-admin-site-preview-header-action", href: site.actionHref || "/contact", tabIndex: -1, children: site.actionLabel || "Visit Today" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx3("div", { className: "orion-admin-site-preview-header-main", children: /* @__PURE__ */ jsxs3("div", { className: "orion-admin-site-preview-shell orion-admin-site-preview-shell--main", children: [
+      /* @__PURE__ */ jsxs3("a", { className: "orion-admin-site-preview-brand", href: "/", tabIndex: -1, children: [
+        /* @__PURE__ */ jsx3(
+          PreviewLogo,
+          {
+            className: "orion-admin-site-preview-header-logo",
+            logoUrl: site.logoUrl,
+            siteName: site.siteName
+          }
+        ),
+        /* @__PURE__ */ jsxs3("div", { className: "orion-admin-site-preview-tagline", children: [
+          /* @__PURE__ */ jsx3("p", { className: "orion-admin-site-preview-tagline-line", children: taglineLineOne }),
+          /* @__PURE__ */ jsx3("p", { className: "orion-admin-site-preview-tagline-line", children: taglineLineTwo })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx3("nav", { className: "orion-admin-site-preview-nav", children: navItems.map((item) => /* @__PURE__ */ jsx3(
+        "a",
+        {
+          className: item.href === activePath ? "is-active" : void 0,
+          href: item.href,
+          tabIndex: -1,
+          children: item.label
+        },
+        `${item.href}-${item.label}`
+      )) }),
+      /* @__PURE__ */ jsxs3("div", { className: "orion-admin-site-preview-mobile-toggle", children: [
+        /* @__PURE__ */ jsx3("span", {}),
+        /* @__PURE__ */ jsx3("span", {}),
+        /* @__PURE__ */ jsx3("span", {})
+      ] })
+    ] }) })
+  ] });
+}
+function SiteFooterPreview({ site }) {
+  const description = site.description?.trim() || site.tagline?.trim() || "Thoughtful gifts, warm local service, and a beautifully stocked neighborhood shop.";
+  const socialLinks = site.socialLinks?.slice(0, 4) || [];
+  const builtByLabel = site.builtByLabel || "Built by Orion Studios";
+  const builtByHref = site.builtByHref || "https://orionstudios.dev";
+  return /* @__PURE__ */ jsx3("div", { "aria-hidden": "true", className: "orion-admin-site-preview orion-admin-site-preview--footer", children: /* @__PURE__ */ jsxs3("div", { className: "orion-admin-site-preview-footer-shell", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "orion-admin-site-preview-footer-grid", children: [
+      /* @__PURE__ */ jsxs3("div", { children: [
+        /* @__PURE__ */ jsxs3("div", { className: "orion-admin-site-preview-footer-brand", children: [
+          /* @__PURE__ */ jsx3(
+            PreviewLogo,
+            {
+              className: "orion-admin-site-preview-footer-logo",
+              logoUrl: site.logoUrl,
+              siteName: site.siteName
+            }
+          ),
+          /* @__PURE__ */ jsx3("p", { className: "orion-admin-site-preview-footer-name", children: site.siteName })
+        ] }),
+        /* @__PURE__ */ jsx3("p", { className: "orion-admin-site-preview-footer-description", children: description })
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { children: [
+        /* @__PURE__ */ jsx3("p", { className: "orion-admin-site-preview-footer-eyebrow", children: "Shop focus" }),
+        /* @__PURE__ */ jsx3("div", { className: "orion-admin-site-preview-footer-list", children: site.footerCategories.map((item) => /* @__PURE__ */ jsx3("p", { children: item }, item)) })
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { children: [
+        /* @__PURE__ */ jsx3("p", { className: "orion-admin-site-preview-footer-eyebrow", children: "Explore" }),
+        /* @__PURE__ */ jsx3("div", { className: "orion-admin-site-preview-footer-list", children: site.footerLinks.map((item) => /* @__PURE__ */ jsx3("a", { href: item.href, tabIndex: -1, children: item.label }, `${item.href}-${item.label}`)) })
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { children: [
+        /* @__PURE__ */ jsx3("p", { className: "orion-admin-site-preview-footer-eyebrow", children: "Visit" }),
+        /* @__PURE__ */ jsxs3("div", { className: "orion-admin-site-preview-footer-contact", children: [
+          site.locationSummary.address?.trim() ? /* @__PURE__ */ jsx3("p", { children: site.locationSummary.address.trim() }) : null,
+          site.locationSummary.hours?.trim() ? /* @__PURE__ */ jsx3("p", { children: site.locationSummary.hours.trim() }) : null,
+          site.locationSummary.phone?.trim() ? /* @__PURE__ */ jsx3("a", { href: `tel:${site.locationSummary.phone.trim()}`, tabIndex: -1, children: site.locationSummary.phone.trim() }) : null,
+          /* @__PURE__ */ jsx3("a", { href: `mailto:${site.contactEmail}`, tabIndex: -1, children: site.contactEmail })
+        ] }),
+        /* @__PURE__ */ jsx3(PreviewSocialLinks, { links: socialLinks, variant: "footer" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs3("div", { className: "orion-admin-site-preview-footer-meta", children: [
+      /* @__PURE__ */ jsx3("span", { children: site.copyright }),
+      /* @__PURE__ */ jsx3("a", { href: builtByHref, tabIndex: -1, children: builtByLabel })
+    ] })
+  ] }) });
+}
+
+// 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 jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var fallbackNav = [{ href: "/", label: "Home" }];
+function HeaderNavEditorWithPreview({
+  activePath,
+  actionHref,
+  actionLabel,
+  brandName,
+  initialItems,
+  locationSummary,
+  logoUrl,
+  onItemsChange,
+  pageOptions,
+  socialLinks,
+  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__ */ jsxs4(Fragment2, { children: [
+    /* @__PURE__ */ jsx4(
+      HeaderNavItemsEditor,
+      {
+        initialItems,
+        onItemsChange: (items) => {
+          setLiveItems(items);
+          onItemsChange?.(items);
+        },
+        pageOptions
+      }
+    ),
+    /* @__PURE__ */ jsx4("div", { className: "orion-admin-preview-label", children: "Header Preview" }),
+    /* @__PURE__ */ jsx4("div", { className: "orion-admin-preview-frame", children: /* @__PURE__ */ jsx4("div", { className: "orion-admin-preview-surface", children: /* @__PURE__ */ jsx4(
+      SiteHeaderPreview,
+      {
+        site: {
+          activePath,
+          actionHref,
+          actionLabel,
+          locationSummary,
+          logoUrl,
+          navItems: previewItems.topLevel.map((item) => ({
+            href: item.href,
+            label: item.label
+          })),
+          siteName: brandName,
+          socialLinks,
+          tagline
+        }
+      }
+    ) }) })
+  ] });
+}
+
+// src/admin-app/components/MediaListItem.tsx
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function formatFileSize(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+function MediaListItem({
+  id,
+  filename,
+  alt,
+  url,
+  filesize,
+  width,
+  height,
+  mimeType,
+  href
+}) {
+  const label = filename || `Media ${id}`;
+  const altText = alt || "";
+  const metaParts = [];
+  if (typeof filesize === "number") metaParts.push(formatFileSize(filesize));
+  if (typeof width === "number" && typeof height === "number") metaParts.push(`${width}\xD7${height}`);
+  if (typeof mimeType === "string") metaParts.push(mimeType);
+  return /* @__PURE__ */ jsxs5("a", { className: "orion-admin-list-item", href, children: [
+    /* @__PURE__ */ jsxs5("div", { style: { alignItems: "center", display: "flex", gap: "0.8rem" }, children: [
+      url ? /* @__PURE__ */ jsx5("img", { alt: altText || label, className: "orion-admin-media-preview", src: url }) : null,
+      /* @__PURE__ */ jsxs5("div", { children: [
+        /* @__PURE__ */ jsx5("strong", { children: label }),
+        /* @__PURE__ */ jsx5("div", { className: "orion-admin-list-meta", children: altText || "No alt text" }),
+        metaParts.length > 0 ? /* @__PURE__ */ jsx5("div", { className: "orion-admin-list-meta", style: { marginTop: "0.15rem" }, children: metaParts.join(" \xB7 ") }) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx5("span", { className: "orion-admin-list-meta", children: "Edit" })
+  ] });
+}
+
+// src/admin-app/components/MediaUploadForm.tsx
+import { useState as useState4, useRef, useCallback } from "react";
+import { useRouter } from "next/navigation";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var MEDIA_LIBRARY_SYNC_EVENT = "orion-media-library-updated";
+var notifyMediaLibraryUpdated = () => {
+  if (typeof window === "undefined") {
+    return;
+  }
+  const updatedAt = Date.now().toString();
+  window.dispatchEvent(
+    new CustomEvent(MEDIA_LIBRARY_SYNC_EVENT, {
+      detail: {
+        updatedAt
+      }
+    })
+  );
+  try {
+    window.localStorage.setItem(MEDIA_LIBRARY_SYNC_EVENT, updatedAt);
+  } catch {
+  }
+};
+var parseUploadError = async (response) => {
+  const fallback = "Upload failed. Please check the image and required fields, then try again.";
+  try {
+    const body = await response.json();
+    const nestedMessage = body.errors?.[0]?.data?.errors?.[0]?.message;
+    if (typeof nestedMessage === "string" && nestedMessage.trim().length > 0) {
+      return nestedMessage;
+    }
+    const topMessage = body.errors?.[0]?.message;
+    if (typeof topMessage === "string" && topMessage.trim().length > 0) {
+      return topMessage;
+    }
+    if (typeof body.message === "string" && body.message.trim().length > 0) {
+      return body.message;
+    }
+  } catch {
+  }
+  return fallback;
+};
+function MediaUploadForm() {
+  const router = useRouter();
+  const fileInputRef = useRef(null);
+  const [alt, setAlt] = useState4("");
+  const [file, setFile] = useState4(null);
+  const [preview, setPreview] = useState4(null);
+  const [dragging, setDragging] = useState4(false);
+  const [submitting, setSubmitting] = useState4(false);
+  const [error, setError] = useState4(null);
+  const handleFile = useCallback((selectedFile) => {
+    setFile(selectedFile);
+    if (preview) {
+      URL.revokeObjectURL(preview);
+      setPreview(null);
+    }
+    if (selectedFile && selectedFile.type.startsWith("image/")) {
+      setPreview(URL.createObjectURL(selectedFile));
+    }
+  }, [preview]);
+  const onDragOver = useCallback((e) => {
+    e.preventDefault();
+    setDragging(true);
+  }, []);
+  const onDragLeave = useCallback((e) => {
+    e.preventDefault();
+    setDragging(false);
+  }, []);
+  const onDrop = useCallback((e) => {
+    e.preventDefault();
+    setDragging(false);
+    const droppedFile = e.dataTransfer.files?.[0] || null;
+    if (droppedFile) {
+      handleFile(droppedFile);
+    }
+  }, [handleFile]);
+  const upload = async (event) => {
+    event.preventDefault();
+    if (!file) {
+      setError("Select an image to upload.");
+      return;
+    }
+    setSubmitting(true);
+    setError(null);
+    try {
+      const optimizedFile = await optimizeImageForUpload(file);
+      if (optimizedFile.size > MAX_DIRECT_UPLOAD_BYTES) {
+        throw new Error("Image is too large. Use an image under 4MB or lower-resolution export.");
+      }
+      const formData = new FormData();
+      const fallbackAlt = file.name.replace(/\.[^/.]+$/, "").trim();
+      const resolvedAlt = alt.trim() || fallbackAlt || "Uploaded image";
+      formData.set("_payload", JSON.stringify({ alt: resolvedAlt }));
+      formData.set("alt", resolvedAlt);
+      formData.set("file", optimizedFile);
+      const response = await fetch("/api/media", {
+        method: "POST",
+        credentials: "include",
+        body: formData
+      });
+      if (!response.ok) {
+        throw new Error(await parseUploadError(response));
+      }
+      setAlt("");
+      setFile(null);
+      if (preview) {
+        URL.revokeObjectURL(preview);
+        setPreview(null);
+      }
+      notifyMediaLibraryUpdated();
+      router.refresh();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Upload failed");
+    } finally {
+      setSubmitting(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs6("form", { className: "orion-admin-upload-form", onSubmit: upload, children: [
+    /* @__PURE__ */ jsxs6("label", { children: [
+      "Alt text",
+      /* @__PURE__ */ jsx6(
+        "input",
+        {
+          onChange: (event) => setAlt(event.target.value),
+          placeholder: "Describe the image",
+          type: "text",
+          value: alt
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs6(
+      "div",
+      {
+        className: `orion-admin-dropzone${dragging ? " is-dragging" : ""}${file ? " has-file" : ""}`,
+        onClick: () => fileInputRef.current?.click(),
+        onDragLeave,
+        onDragOver,
+        onDrop,
+        children: [
+          preview ? /* @__PURE__ */ jsxs6("div", { className: "orion-admin-dropzone-preview", children: [
+            /* @__PURE__ */ jsx6("img", { alt: "Upload preview", src: preview }),
+            /* @__PURE__ */ jsx6("span", { children: file?.name })
+          ] }) : /* @__PURE__ */ jsxs6("div", { className: "orion-admin-dropzone-label", children: [
+            /* @__PURE__ */ jsx6("strong", { children: "Drop an image here" }),
+            /* @__PURE__ */ jsx6("span", { children: "or click to browse" })
+          ] }),
+          /* @__PURE__ */ jsx6(
+            "input",
+            {
+              accept: "image/*",
+              onChange: (event) => handleFile(event.target.files?.[0] || null),
+              ref: fileInputRef,
+              style: { display: "none" },
+              type: "file"
+            }
+          )
+        ]
+      }
+    ),
+    error ? /* @__PURE__ */ jsx6("div", { className: "orion-admin-upload-error", children: error }) : null,
+    /* @__PURE__ */ jsx6("button", { disabled: submitting, type: "submit", children: submitting ? "Uploading..." : "Upload" })
+  ] });
+}
+
+// src/admin-app/components/MediaDetailPanel.tsx
+import { useState as useState5 } from "react";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+function formatFileSize2(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+function MediaDetailPanel({
+  id,
+  filename,
+  alt,
+  url,
+  filesize,
+  width,
+  height,
+  mimeType,
+  createdAt,
+  updateAction,
+  deleteAction
+}) {
+  const [copied, setCopied] = useState5(false);
+  const [confirmDelete, setConfirmDelete] = useState5(false);
+  const copyUrl = async () => {
+    if (!url) return;
+    try {
+      await navigator.clipboard.writeText(url);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch {
+      const input = document.createElement("input");
+      input.value = url;
+      document.body.appendChild(input);
+      input.select();
+      document.execCommand("copy");
+      document.body.removeChild(input);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    }
+  };
+  const metaRows = [];
+  if (filename) metaRows.push({ label: "Filename", value: filename });
+  if (typeof filesize === "number") metaRows.push({ label: "File size", value: formatFileSize2(filesize) });
+  if (typeof width === "number" && typeof height === "number") metaRows.push({ label: "Dimensions", value: `${width} \xD7 ${height} px` });
+  if (mimeType) metaRows.push({ label: "Type", value: mimeType });
+  if (createdAt) {
+    try {
+      metaRows.push({ label: "Uploaded", value: new Date(createdAt).toLocaleDateString() });
+    } catch {
+      metaRows.push({ label: "Uploaded", value: createdAt });
+    }
+  }
+  return /* @__PURE__ */ jsxs7("div", { className: "orion-admin-grid", style: { alignItems: "start" }, children: [
+    /* @__PURE__ */ jsxs7("div", { children: [
+      /* @__PURE__ */ jsx7("div", { className: "orion-admin-card", children: url ? /* @__PURE__ */ jsx7("img", { alt: alt || filename || "Media", src: url, style: { borderRadius: 12, width: "100%" } }) : /* @__PURE__ */ jsx7("span", { children: "No preview available." }) }),
+      url ? /* @__PURE__ */ jsx7(
+        "button",
+        {
+          className: "orion-admin-action-button",
+          onClick: copyUrl,
+          style: { marginTop: "0.6rem", width: "100%" },
+          type: "button",
+          children: copied ? "Copied!" : "Copy URL"
+        }
+      ) : null
+    ] }),
+    /* @__PURE__ */ jsxs7("div", { style: { display: "grid", gap: "0.8rem" }, children: [
+      metaRows.length > 0 ? /* @__PURE__ */ jsx7("div", { className: "orion-admin-card orion-admin-meta-table", children: metaRows.map((row) => /* @__PURE__ */ jsxs7("div", { className: "orion-admin-meta-row", children: [
+        /* @__PURE__ */ jsx7("span", { className: "orion-admin-meta-label", children: row.label }),
+        /* @__PURE__ */ jsx7("span", { className: "orion-admin-meta-value", children: row.value })
+      ] }, row.label)) }) : null,
+      /* @__PURE__ */ jsxs7("form", { action: updateAction, className: "orion-admin-form", children: [
+        /* @__PURE__ */ jsx7("input", { name: "id", type: "hidden", value: id }),
+        /* @__PURE__ */ jsxs7("label", { children: [
+          "Alt text",
+          /* @__PURE__ */ jsx7("input", { defaultValue: alt || "", name: "alt", required: true, type: "text" })
+        ] }),
+        /* @__PURE__ */ jsx7("button", { type: "submit", children: "Save" })
+      ] }),
+      confirmDelete ? /* @__PURE__ */ jsxs7("div", { className: "orion-admin-form", style: { borderColor: "#b42318" }, children: [
+        /* @__PURE__ */ jsx7("p", { style: { fontWeight: 700, margin: 0 }, children: "Are you sure you want to delete this asset?" }),
+        /* @__PURE__ */ jsx7("p", { style: { color: "var(--orion-admin-muted)", fontSize: "0.9rem", margin: 0 }, children: "This action cannot be undone." }),
+        /* @__PURE__ */ jsxs7("div", { style: { display: "flex", gap: "0.5rem" }, children: [
+          /* @__PURE__ */ jsxs7("form", { action: deleteAction, style: { flex: 1 }, children: [
+            /* @__PURE__ */ jsx7("input", { name: "id", type: "hidden", value: id }),
+            /* @__PURE__ */ jsx7("button", { style: { background: "#b42318", border: 0, borderRadius: 10, color: "#fff", cursor: "pointer", fontWeight: 800, padding: "0.55rem 0.8rem", width: "100%" }, type: "submit", children: "Yes, Delete" })
+          ] }),
+          /* @__PURE__ */ jsx7(
+            "button",
+            {
+              onClick: () => setConfirmDelete(false),
+              style: { background: "transparent", border: "1px solid var(--orion-admin-border)", borderRadius: 10, cursor: "pointer", flex: 1, fontWeight: 700, padding: "0.55rem 0.8rem" },
+              type: "button",
+              children: "Cancel"
+            }
+          )
+        ] })
+      ] }) : /* @__PURE__ */ jsx7(
+        "button",
+        {
+          className: "orion-admin-action-button",
+          onClick: () => setConfirmDelete(true),
+          style: { background: "#b42318" },
+          type: "button",
+          children: "Delete Asset"
+        }
+      )
+    ] })
+  ] });
+}
+
+export {
+  adminNavIcons,
+  AdminShellClient,
+  buildAdminPageLinkOptions,
+  HeaderNavItemsEditor,
+  SiteHeaderPreview,
+  SiteFooterPreview,
+  HeaderNavEditorWithPreview,
+  MediaListItem,
+  MediaUploadForm,
+  MediaDetailPanel
+};