@orion-studios/payload-studio 0.3.0-beta.0

package/dist/admin/client.js

@@ -0,0 +1,2853 @@
+'use client';
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/admin/components/BlockPicker.tsx
+function BlockPicker({
+  blocks,
+  onSelect
+}) {
+  const [searchQuery, setSearchQuery] = (0, import_react5.useState)("");
+  const filtered = blocks.filter(
+    (b) => b.label.toLowerCase().includes(searchQuery.toLowerCase()) || b.slug.toLowerCase().includes(searchQuery.toLowerCase()) || b.description && b.description.toLowerCase().includes(searchQuery.toLowerCase())
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: [
+    blocks.length > 4 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      "input",
+      {
+        type: "text",
+        placeholder: "Search sections...",
+        value: searchQuery,
+        onChange: (e) => setSearchQuery(e.target.value),
+        style: {
+          padding: "10px 14px",
+          border: "1px solid var(--admin-input-border)",
+          borderRadius: "var(--admin-radius-md)",
+          background: "var(--admin-input-bg)",
+          color: "var(--admin-text)",
+          fontSize: 14,
+          outline: "none",
+          width: "100%",
+          boxSizing: "border-box"
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      "div",
+      {
+        style: {
+          display: "grid",
+          gridTemplateColumns: "repeat(auto-fill, minmax(180px, 1fr))",
+          gap: 12
+        },
+        children: filtered.map((block) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+          "button",
+          {
+            type: "button",
+            onClick: () => onSelect(block.slug),
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              gap: 10,
+              padding: 16,
+              background: "var(--admin-card-bg)",
+              border: "1px solid var(--admin-card-border)",
+              borderRadius: "var(--admin-radius-lg)",
+              cursor: "pointer",
+              transition: "all 0.2s ease",
+              textAlign: "center"
+            },
+            onMouseEnter: (e) => {
+              e.currentTarget.style.borderColor = "var(--admin-accent)";
+              e.currentTarget.style.boxShadow = "var(--admin-card-shadow-hover)";
+              e.currentTarget.style.transform = "translateY(-2px)";
+            },
+            onMouseLeave: (e) => {
+              e.currentTarget.style.borderColor = "var(--admin-card-border)";
+              e.currentTarget.style.boxShadow = "none";
+              e.currentTarget.style.transform = "translateY(0)";
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                "div",
+                {
+                  style: {
+                    width: 48,
+                    height: 48,
+                    borderRadius: "var(--admin-radius-md)",
+                    background: "var(--admin-accent-subtle)",
+                    color: "var(--admin-accent)",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    fontSize: 24,
+                    overflow: "hidden"
+                  },
+                  children: block.imageURL ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                    "img",
+                    {
+                      src: block.imageURL,
+                      alt: block.label,
+                      style: { width: "100%", height: "100%", objectFit: "cover" }
+                    }
+                  ) : block.icon ? block.icon : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(BlockDefaultIcon, {})
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                "span",
+                {
+                  style: {
+                    fontSize: 13,
+                    fontWeight: 600,
+                    color: "var(--admin-text)",
+                    lineHeight: 1.3
+                  },
+                  children: block.label
+                }
+              ),
+              block.description && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                "span",
+                {
+                  style: {
+                    fontSize: 11,
+                    color: "var(--admin-text-muted)",
+                    lineHeight: 1.4
+                  },
+                  children: block.description
+                }
+              )
+            ]
+          },
+          block.slug
+        ))
+      }
+    ),
+    filtered.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { style: { textAlign: "center", color: "var(--admin-text-muted)", fontSize: 14, padding: 20 }, children: "No sections match your search." })
+  ] });
+}
+function BlockDefaultIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("rect", { x: "3", y: "3", width: "7", height: "7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("rect", { x: "14", y: "3", width: "7", height: "7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("rect", { x: "14", y: "14", width: "7", height: "7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("rect", { x: "3", y: "14", width: "7", height: "7" })
+  ] });
+}
+var import_react5, import_jsx_runtime8;
+var init_BlockPicker = __esm({
+  "src/admin/components/BlockPicker.tsx"() {
+    "use strict";
+    "use client";
+    import_react5 = require("react");
+    import_jsx_runtime8 = require("react/jsx-runtime");
+  }
+});
+
+// src/admin/components/SectionTabs.tsx
+function SectionTabs({
+  tabs,
+  defaultTab = 0
+}) {
+  const [activeTab, setActiveTab] = (0, import_react6.useState)(defaultTab);
+  if (tabs.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    "div",
+    {
+      style: {
+        border: "1px solid var(--admin-border)",
+        borderRadius: "var(--admin-radius-lg)",
+        overflow: "hidden",
+        background: "var(--admin-card-bg)"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              borderBottom: "2px solid var(--admin-border)",
+              background: "var(--admin-surface)",
+              overflowX: "auto",
+              scrollbarWidth: "none"
+            },
+            children: tabs.map((tab, index) => {
+              const isActive = index === activeTab;
+              return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setActiveTab(index),
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 6,
+                    padding: "12px 18px",
+                    border: "none",
+                    borderBottom: isActive ? "2px solid var(--admin-accent)" : "2px solid transparent",
+                    marginBottom: -2,
+                    background: "transparent",
+                    color: isActive ? "var(--admin-accent)" : "var(--admin-text-muted)",
+                    fontWeight: isActive ? 600 : 500,
+                    fontSize: 13,
+                    cursor: "pointer",
+                    transition: "all 0.15s ease",
+                    whiteSpace: "nowrap"
+                  },
+                  children: [
+                    tab.icon && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { style: { display: "flex", opacity: isActive ? 1 : 0.6 }, children: tab.icon }),
+                    tab.label
+                  ]
+                },
+                index
+              );
+            })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { style: { padding: 20 }, children: tabs[activeTab]?.content })
+      ]
+    }
+  );
+}
+var import_react6, import_jsx_runtime9;
+var init_SectionTabs = __esm({
+  "src/admin/components/SectionTabs.tsx"() {
+    "use strict";
+    "use client";
+    import_react6 = require("react");
+    import_jsx_runtime9 = require("react/jsx-runtime");
+  }
+});
+
+// src/admin/components/OrionBlocksDrawer.tsx
+function normalizeLabel(label, i18n, fallback) {
+  if (typeof label === "string" && label.trim().length > 0) {
+    return label;
+  }
+  if (label && typeof label === "object") {
+    const translated = (0, import_translations.getTranslation)(label, i18n);
+    if (typeof translated === "string" && translated.trim().length > 0) {
+      return translated;
+    }
+  }
+  return fallback;
+}
+function getGroupLabel(block, i18n) {
+  const group = block.admin?.group;
+  return normalizeLabel(group, i18n, "Other");
+}
+function getBlockDescription(block) {
+  const custom = block.admin?.custom;
+  if (!custom || typeof custom !== "object") {
+    return void 0;
+  }
+  const description = custom.description;
+  return typeof description === "string" && description.trim().length > 0 ? description : void 0;
+}
+function OrionBlocksDrawer(props) {
+  const { addRow, addRowIndex, blocks, drawerSlug, labels } = props;
+  const { closeModal } = (0, import_ui.useModal)();
+  const { i18n, t } = (0, import_ui.useTranslation)();
+  const groupedBlocks = (0, import_react7.useMemo)(() => {
+    const groupMap = /* @__PURE__ */ new Map();
+    const allOptions = blocks.map((block) => ({
+      slug: block.slug,
+      label: normalizeLabel(block.labels?.singular, i18n, block.slug),
+      description: getBlockDescription(block),
+      imageURL: block.imageURL
+    }));
+    for (const block of blocks) {
+      const groupLabel = getGroupLabel(block, i18n);
+      const option = {
+        slug: block.slug,
+        label: normalizeLabel(block.labels?.singular, i18n, block.slug),
+        description: getBlockDescription(block),
+        imageURL: block.imageURL
+      };
+      const existing = groupMap.get(groupLabel);
+      if (existing) {
+        existing.push(option);
+      } else {
+        groupMap.set(groupLabel, [option]);
+      }
+    }
+    const groups = [{ label: "All", options: allOptions }];
+    const sortedGroupEntries = Array.from(groupMap.entries()).sort(([a], [b]) => a.localeCompare(b));
+    for (const [label, options] of sortedGroupEntries) {
+      groups.push({ label, options });
+    }
+    return groups;
+  }, [blocks, i18n]);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_ui.Drawer,
+    {
+      slug: drawerSlug,
+      title: t("fields:addLabel", {
+        label: normalizeLabel(labels.singular, i18n, "Block")
+      }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        SectionTabs,
+        {
+          tabs: groupedBlocks.map((group) => ({
+            label: group.label,
+            content: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              BlockPicker,
+              {
+                blocks: group.options,
+                onSelect: (slug) => {
+                  addRow(addRowIndex, slug);
+                  closeModal(drawerSlug);
+                }
+              }
+            )
+          }))
+        }
+      )
+    }
+  );
+}
+var import_translations, import_ui, import_react7, import_jsx_runtime10;
+var init_OrionBlocksDrawer = __esm({
+  "src/admin/components/OrionBlocksDrawer.tsx"() {
+    "use strict";
+    "use client";
+    import_translations = require("@payloadcms/translations");
+    import_ui = require("@payloadcms/ui");
+    import_react7 = require("react");
+    init_BlockPicker();
+    init_SectionTabs();
+    import_jsx_runtime10 = require("react/jsx-runtime");
+  }
+});
+
+// src/admin/components/OrionBlocksFieldImpl.tsx
+var OrionBlocksFieldImpl_exports = {};
+__export(OrionBlocksFieldImpl_exports, {
+  OrionBlocksFieldImpl: () => OrionBlocksFieldImpl
+});
+function reduceFormStateByPath({ formState, path, rowIndex }) {
+  const filteredState = {};
+  const prefix = typeof rowIndex !== "number" ? path : `${path}.${rowIndex}`;
+  for (const key in formState) {
+    if (!key.startsWith(prefix)) {
+      continue;
+    }
+    const { customComponents: _customComponents, validate: _validate, ...field } = formState[key];
+    if (Array.isArray(field.rows)) {
+      field.rows = field.rows.map((row) => {
+        if (!row || typeof row !== "object") {
+          return row;
+        }
+        const { customComponents: _rowCustomComponents, ...serializableRow } = row;
+        return serializableRow;
+      });
+    }
+    filteredState[key] = field;
+  }
+  return filteredState;
+}
+function mergeFormStateFromClipboard({ dataFromClipboard, formState, path, rowIndex }) {
+  const typeFromClipboard = dataFromClipboard.type;
+  const clipboardFields = dataFromClipboard.data;
+  const pathFromClipboard = dataFromClipboard.path;
+  const rowIndexFromClipboard = dataFromClipboard.rowIndex;
+  if (!clipboardFields || !pathFromClipboard || !typeFromClipboard) {
+    return formState;
+  }
+  const copyFromField = typeof rowIndexFromClipboard !== "number";
+  const pasteIntoField = typeof rowIndex !== "number";
+  const fromRowToField = !copyFromField && pasteIntoField;
+  const isArray = typeFromClipboard === "array";
+  let pathToReplace;
+  if (copyFromField && pasteIntoField) {
+    pathToReplace = pathFromClipboard;
+  } else if (copyFromField) {
+    pathToReplace = `${pathFromClipboard}.${rowIndex}`;
+  } else {
+    pathToReplace = `${pathFromClipboard}.${rowIndexFromClipboard}`;
+  }
+  let targetSegment;
+  if (!pasteIntoField) {
+    targetSegment = `${path}.${rowIndex}`;
+  } else if (fromRowToField) {
+    targetSegment = `${path}.0`;
+  } else {
+    targetSegment = path;
+  }
+  if (fromRowToField) {
+    const lastRenderedPath = `${path}.0`;
+    const rowIDPath = `${pathToReplace}.id`;
+    const rowIDField = clipboardFields[rowIDPath];
+    const rowIDFromClipboard = rowIDField?.value;
+    const pathField = formState[path];
+    const existingRows = Array.isArray(pathField?.rows) ? pathField.rows : [];
+    formState[path] = {
+      ...pathField,
+      rows: [
+        {
+          ...existingRows.length > 0 && isArray ? existingRows[0] : {},
+          id: rowIDFromClipboard,
+          isLoading: false,
+          lastRenderedPath
+        }
+      ],
+      value: 1,
+      initialValue: 1,
+      disableFormData: true
+    };
+    for (const fieldPath in formState) {
+      if (fieldPath !== path && !fieldPath.startsWith(lastRenderedPath) && fieldPath.startsWith(path)) {
+        delete formState[fieldPath];
+      }
+    }
+  }
+  for (const clipboardPath in clipboardFields) {
+    if (!pasteIntoField && clipboardPath.endsWith(".id") || !clipboardPath.startsWith(pathToReplace)) {
+      continue;
+    }
+    const newPath = clipboardPath.replace(pathToReplace, targetSegment);
+    const existing = formState[newPath];
+    formState[newPath] = {
+      customComponents: isArray ? existing?.customComponents : void 0,
+      validate: isArray ? existing?.validate : void 0,
+      ...clipboardFields[clipboardPath]
+    };
+  }
+  return formState;
+}
+function clipboardCopy({ getDataToCopy, payload, t }) {
+  try {
+    const dataToWrite = {
+      data: getDataToCopy(),
+      ...payload
+    };
+    localStorage.setItem(localStorageClipboardKey, JSON.stringify(dataToWrite));
+    return true;
+  } catch {
+    return t("error:unableToCopy");
+  }
+}
+function clipboardPaste({ onPaste, schemaBlocks, t }) {
+  let dataToPaste;
+  try {
+    const jsonFromClipboard = localStorage.getItem(localStorageClipboardKey);
+    if (!jsonFromClipboard) {
+      return t("error:invalidClipboardData");
+    }
+    dataToPaste = JSON.parse(jsonFromClipboard);
+  } catch {
+    return t("error:invalidClipboardData");
+  }
+  if (!dataToPaste || dataToPaste.type !== "blocks" || !dataToPaste.path || !dataToPaste.data) {
+    return t("error:invalidClipboardData");
+  }
+  const allowedSlugs = new Set(schemaBlocks.map((block) => block.slug));
+  const clipboardBlocks = Array.isArray(dataToPaste.blocks) ? dataToPaste.blocks : [];
+  for (const block of clipboardBlocks) {
+    if (!allowedSlugs.has(block.slug)) {
+      return t("error:invalidClipboardData");
+    }
+  }
+  onPaste(dataToPaste);
+  return true;
+}
+function toggleAllRows(rows, collapsed) {
+  const updatedRows = rows.map((row) => ({ ...row, collapsed }));
+  const collapsedIDs = collapsed ? updatedRows.map((row) => row.id) : [];
+  return { collapsedIDs, updatedRows };
+}
+function extractRowsAndCollapsedIDs(rows, rowID, collapsed) {
+  const updatedRows = rows.map((row) => row.id === rowID ? { ...row, collapsed } : row);
+  const collapsedIDs = updatedRows.filter((row) => row.collapsed).map((row) => row.id);
+  return { collapsedIDs, updatedRows };
+}
+function OrionRowActions(props) {
+  const {
+    addRow,
+    blocks,
+    copyRow,
+    duplicateRow,
+    hasMaxRows,
+    isSortable,
+    labels,
+    moveRow,
+    pasteRow,
+    removeRow,
+    rowCount,
+    rowIndex,
+    drawerSlug
+  } = props;
+  const { closeModal, openModal } = (0, import_ui2.useModal)();
+  const [indexToAdd, setIndexToAdd] = (0, import_react8.useState)(null);
+  const addViaDrawer = (0, import_react8.useCallback)(
+    (rowToAdd, rowBlockType) => {
+      addRow(rowToAdd, rowBlockType);
+      closeModal(drawerSlug);
+    },
+    [addRow, closeModal, drawerSlug]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      OrionBlocksDrawer,
+      {
+        addRow: (_, rowBlockType) => {
+          addViaDrawer(indexToAdd ?? rowIndex, rowBlockType);
+        },
+        addRowIndex: indexToAdd ?? rowIndex,
+        blocks,
+        drawerSlug,
+        labels
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      import_ArrayAction.ArrayAction,
+      {
+        addRow: (index) => {
+          setIndexToAdd(index);
+          openModal(drawerSlug);
+        },
+        copyRow,
+        duplicateRow,
+        hasMaxRows,
+        index: rowIndex,
+        isSortable,
+        moveRow,
+        pasteRow,
+        removeRow,
+        rowCount
+      }
+    )
+  ] });
+}
+function OrionBlockRow(props) {
+  const {
+    addRow,
+    attributes,
+    block,
+    blocks,
+    copyRow,
+    duplicateRow,
+    drawerSlug,
+    errorCount,
+    fields,
+    hasMaxRows,
+    isLoading: isLoadingFromProps,
+    isSortable,
+    Label,
+    labels,
+    listeners,
+    moveRow,
+    parentPath,
+    pasteRow,
+    path,
+    permissions,
+    readOnly,
+    removeRow,
+    row,
+    rowCount,
+    rowIndex,
+    schemaPath,
+    setCollapse,
+    setNodeRef,
+    transform
+  } = props;
+  const { i18n } = (0, import_Translation.useTranslation)();
+  const hasSubmitted = (0, import_Form.useFormSubmitted)();
+  const isLoading = (0, import_useThrottledValue.useThrottledValue)(Boolean(isLoadingFromProps), 500);
+  const fieldHasErrors = hasSubmitted && errorCount > 0;
+  let blockPermissions;
+  if (permissions === true) {
+    blockPermissions = true;
+  } else {
+    const permissionsBlockSpecific = permissions?.blocks?.[block.slug] ?? permissions?.blocks;
+    if (permissionsBlockSpecific === true) {
+      blockPermissions = true;
+    } else if (permissionsBlockSpecific && typeof permissionsBlockSpecific === "object" && "fields" in permissionsBlockSpecific) {
+      blockPermissions = permissionsBlockSpecific.fields;
+    } else if (permissions && typeof permissions === "object") {
+      const hasReadPermission = permissions.read === true;
+      const missingCreateOrUpdate = !permissions.create || !permissions.update;
+      const hasRestrictiveStructure = hasReadPermission && (missingCreateOrUpdate || Object.keys(permissions).length === 1 && permissions.read === true);
+      if (hasRestrictiveStructure) {
+        blockPermissions = { read: true };
+      }
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    "div",
+    {
+      id: `${parentPath.split(".").join("-")}-row-${rowIndex}`,
+      ref: setNodeRef,
+      style: { transform },
+      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        import_Collapsible.Collapsible,
+        {
+          actions: !readOnly ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            OrionRowActions,
+            {
+              addRow,
+              blocks,
+              copyRow,
+              drawerSlug,
+              duplicateRow,
+              hasMaxRows,
+              isSortable,
+              labels,
+              moveRow,
+              pasteRow,
+              removeRow,
+              rowCount,
+              rowIndex
+            }
+          ) : void 0,
+          className: [
+            `${baseClass}__row`,
+            fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`
+          ].filter(Boolean).join(" "),
+          collapsibleStyle: fieldHasErrors ? "error" : "default",
+          dragHandleProps: isSortable ? {
+            id: row.id,
+            attributes,
+            listeners
+          } : void 0,
+          header: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_ShimmerEffect.ShimmerEffect, { height: "1rem", width: "8rem" }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: `${baseClass}__block-header`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+              import_RowLabel.RowLabel,
+              {
+                CustomComponent: Label,
+                label: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: `${baseClass}__block-number`, children: String(rowIndex + 1).padStart(2, "0") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                    import_Pill.Pill,
+                    {
+                      className: `${baseClass}__block-pill ${baseClass}__block-pill-${row.blockType}`,
+                      pillStyle: "white",
+                      size: "small",
+                      children: (0, import_translations2.getTranslation)(block.labels?.singular, i18n)
+                    }
+                  )
+                ] }),
+                path,
+                rowNumber: rowIndex
+              }
+            ),
+            fieldHasErrors && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_ErrorPill.ErrorPill, { count: errorCount, i18n, withMessage: true })
+          ] }),
+          isCollapsed: Boolean(row.collapsed),
+          onToggle: (collapsed) => {
+            setCollapse(row.id, collapsed);
+          },
+          children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_ShimmerEffect.ShimmerEffect, {}) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            import_RenderFields.RenderFields,
+            {
+              className: `${baseClass}__fields`,
+              fields,
+              margins: "small",
+              parentIndexPath: "",
+              parentPath: path,
+              parentSchemaPath: schemaPath,
+              permissions: blockPermissions,
+              readOnly
+            }
+          )
+        }
+      )
+    }
+  );
+}
+var import_translations2, import_ui2, import_ArrayAction, import_Banner, import_Button, import_ClipboardAction, import_Collapsible, import_DraggableSortable, import_DraggableSortableItem, import_Drawer, import_ErrorPill, import_Pill, import_RenderCustomComponent, import_ShimmerEffect, import_Form, import_NullifyField, import_RenderFields, import_RowLabel, import_useField, import_withCondition, import_FieldDescription, import_FieldError, import_FieldLabel, import_useThrottledValue, import_Config, import_DocumentInfo, import_Locale, import_Translation, import_scrollToID, import_react8, import_sonner, import_jsx_runtime11, baseClass, localStorageClipboardKey, OrionBlocksFieldConnected, OrionBlocksFieldComponent, OrionBlocksFieldImpl;
+var init_OrionBlocksFieldImpl = __esm({
+  "src/admin/components/OrionBlocksFieldImpl.tsx"() {
+    "use strict";
+    "use client";
+    import_translations2 = require("@payloadcms/translations");
+    import_ui2 = require("@payloadcms/ui");
+    import_ArrayAction = require("@payloadcms/ui/elements/ArrayAction");
+    import_Banner = require("@payloadcms/ui/elements/Banner");
+    import_Button = require("@payloadcms/ui/elements/Button");
+    import_ClipboardAction = require("@payloadcms/ui/elements/ClipboardAction");
+    import_Collapsible = require("@payloadcms/ui/elements/Collapsible");
+    import_DraggableSortable = require("@payloadcms/ui/elements/DraggableSortable");
+    import_DraggableSortableItem = require("@payloadcms/ui/elements/DraggableSortable/DraggableSortableItem");
+    import_Drawer = require("@payloadcms/ui/elements/Drawer");
+    import_ErrorPill = require("@payloadcms/ui/elements/ErrorPill");
+    import_Pill = require("@payloadcms/ui/elements/Pill");
+    import_RenderCustomComponent = require("@payloadcms/ui/elements/RenderCustomComponent");
+    import_ShimmerEffect = require("@payloadcms/ui/elements/ShimmerEffect");
+    import_Form = require("@payloadcms/ui/forms/Form");
+    import_NullifyField = require("@payloadcms/ui/forms/NullifyField");
+    import_RenderFields = require("@payloadcms/ui/forms/RenderFields");
+    import_RowLabel = require("@payloadcms/ui/forms/RowLabel");
+    import_useField = require("@payloadcms/ui/forms/useField");
+    import_withCondition = require("@payloadcms/ui/forms/withCondition");
+    import_FieldDescription = require("@payloadcms/ui/fields/FieldDescription");
+    import_FieldError = require("@payloadcms/ui/fields/FieldError");
+    import_FieldLabel = require("@payloadcms/ui/fields/FieldLabel");
+    import_useThrottledValue = require("@payloadcms/ui/hooks/useThrottledValue");
+    import_Config = require("@payloadcms/ui/providers/Config");
+    import_DocumentInfo = require("@payloadcms/ui/providers/DocumentInfo");
+    import_Locale = require("@payloadcms/ui/providers/Locale");
+    import_Translation = require("@payloadcms/ui/providers/Translation");
+    import_scrollToID = require("@payloadcms/ui/utilities/scrollToID");
+    import_react8 = require("react");
+    import_sonner = require("sonner");
+    init_OrionBlocksDrawer();
+    import_jsx_runtime11 = require("react/jsx-runtime");
+    baseClass = "blocks-field";
+    localStorageClipboardKey = "_payloadClipboard";
+    OrionBlocksFieldConnected = (props) => {
+      const { i18n, t } = (0, import_Translation.useTranslation)();
+      const fieldFromProps = props.field;
+      const {
+        name,
+        type,
+        admin: { className, description, isSortable = true, style } = {},
+        blockReferences,
+        blocks,
+        label,
+        labels: labelsFromProps,
+        localized,
+        maxRows,
+        minRows: minRowsProp,
+        required
+      } = fieldFromProps;
+      const pathFromProps = props.path;
+      const permissions = props.permissions;
+      const readOnly = Boolean(props.readOnly);
+      const schemaPathFromProps = props.schemaPath;
+      const validate = props.validate;
+      const schemaPath = schemaPathFromProps ?? name;
+      const minRows = minRowsProp ?? (required ? 1 : 0);
+      const { setDocFieldPreferences } = (0, import_DocumentInfo.useDocumentInfo)();
+      const { addFieldRow, dispatchFields, getFields, moveFieldRow, removeFieldRow, replaceState, setModified } = (0, import_Form.useForm)();
+      const { code: locale } = (0, import_Locale.useLocale)();
+      const configContext = (0, import_Config.useConfig)();
+      const config = configContext?.config ?? {};
+      const localization = config.localization;
+      const blocksMap = config.blocksMap ?? {};
+      const drawerSlug = (0, import_ui2.useDrawerSlug)("orion-blocks-drawer");
+      const submitted = (0, import_Form.useFormSubmitted)();
+      const labels = {
+        plural: t("fields:blocks"),
+        singular: t("fields:block"),
+        ...labelsFromProps
+      };
+      const editingDefaultLocale = (() => {
+        if (localization && localization.fallback) {
+          const defaultLocale = localization.defaultLocale;
+          return locale === defaultLocale;
+        }
+        return true;
+      })();
+      const memoizedValidate = (0, import_react8.useCallback)(
+        (value2, options) => {
+          if (!editingDefaultLocale && value2 === null) {
+            return true;
+          }
+          if (typeof validate === "function") {
+            return validate(value2, {
+              ...options,
+              maxRows,
+              minRows,
+              required
+            });
+          }
+          return true;
+        },
+        [editingDefaultLocale, maxRows, minRows, required, validate]
+      );
+      const {
+        blocksFilterOptions,
+        customComponents: {
+          AfterInput,
+          BeforeInput,
+          Description,
+          Error: Error2,
+          Label
+        } = {},
+        disabled,
+        errorPaths,
+        path,
+        rows = [],
+        showError,
+        valid,
+        value
+      } = (0, import_useField.useField)({
+        hasRows: true,
+        potentiallyStalePath: pathFromProps,
+        validate: memoizedValidate
+      });
+      const safePath = path ?? pathFromProps ?? name;
+      const { clientBlocks, clientBlocksAfterFilter } = (0, import_react8.useMemo)(() => {
+        const resolvedBlocks = [];
+        if (!blockReferences) {
+          resolvedBlocks.push(...blocks);
+        } else {
+          for (const blockReference of blockReferences) {
+            const block = typeof blockReference === "string" ? blocksMap[blockReference] : blockReference;
+            if (block) {
+              resolvedBlocks.push(block);
+            }
+          }
+        }
+        if (Array.isArray(blocksFilterOptions)) {
+          const filteredBlocks = resolvedBlocks.filter((block) => blocksFilterOptions.includes(block.slug));
+          return {
+            clientBlocks: resolvedBlocks,
+            clientBlocksAfterFilter: filteredBlocks
+          };
+        }
+        return {
+          clientBlocks: resolvedBlocks,
+          clientBlocksAfterFilter: resolvedBlocks
+        };
+      }, [blockReferences, blocks, blocksFilterOptions, blocksMap]);
+      const addRow = (0, import_react8.useCallback)(
+        (rowIndex, blockType) => {
+          addFieldRow({
+            blockType,
+            path: safePath,
+            rowIndex,
+            schemaPath
+          });
+          setTimeout(() => {
+            (0, import_scrollToID.scrollToID)(`${safePath}-row-${rowIndex + 1}`);
+          }, 0);
+        },
+        [addFieldRow, safePath, schemaPath]
+      );
+      const duplicateRow = (0, import_react8.useCallback)(
+        (rowIndex) => {
+          dispatchFields({
+            type: "DUPLICATE_ROW",
+            path: safePath,
+            rowIndex
+          });
+          setModified(true);
+          setTimeout(() => {
+            (0, import_scrollToID.scrollToID)(`${safePath}-row-${rowIndex + 1}`);
+          }, 0);
+        },
+        [dispatchFields, safePath, setModified]
+      );
+      const removeRow = (0, import_react8.useCallback)(
+        (rowIndex) => {
+          removeFieldRow({
+            path: safePath,
+            rowIndex
+          });
+        },
+        [removeFieldRow, safePath]
+      );
+      const moveRow = (0, import_react8.useCallback)(
+        (moveFromIndex, moveToIndex) => {
+          moveFieldRow({
+            moveFromIndex,
+            moveToIndex,
+            path: safePath
+          });
+        },
+        [moveFieldRow, safePath]
+      );
+      const toggleCollapseAll = (0, import_react8.useCallback)(
+        (collapsed) => {
+          const { collapsedIDs, updatedRows } = toggleAllRows(rows, collapsed);
+          dispatchFields({
+            type: "SET_ALL_ROWS_COLLAPSED",
+            path: safePath,
+            updatedRows
+          });
+          setDocFieldPreferences(safePath, {
+            collapsed: collapsedIDs
+          });
+        },
+        [dispatchFields, rows, safePath, setDocFieldPreferences]
+      );
+      const setCollapse = (0, import_react8.useCallback)(
+        (rowID, collapsed) => {
+          const { collapsedIDs, updatedRows } = extractRowsAndCollapsedIDs(rows, rowID, collapsed);
+          dispatchFields({
+            type: "SET_ROW_COLLAPSED",
+            path: safePath,
+            updatedRows
+          });
+          setDocFieldPreferences(safePath, {
+            collapsed: collapsedIDs
+          });
+        },
+        [dispatchFields, rows, safePath, setDocFieldPreferences]
+      );
+      const copyRow = (0, import_react8.useCallback)(
+        (rowIndex) => {
+          const result = clipboardCopy({
+            getDataToCopy: () => reduceFormStateByPath({
+              formState: getFields(),
+              path: safePath,
+              rowIndex
+            }),
+            payload: {
+              type,
+              blocks: clientBlocks,
+              path: safePath,
+              rowIndex
+            },
+            t
+          });
+          if (typeof result === "string") {
+            import_sonner.toast.error(result);
+          } else {
+            import_sonner.toast.success(t("general:copied"));
+          }
+        },
+        [clientBlocks, getFields, safePath, t, type]
+      );
+      const pasteRow = (0, import_react8.useCallback)(
+        (rowIndex) => {
+          const result = clipboardPaste({
+            onPaste: (dataFromClipboard) => {
+              const formState = getFields();
+              const newState = mergeFormStateFromClipboard({
+                dataFromClipboard,
+                formState,
+                path: safePath,
+                rowIndex
+              });
+              replaceState(newState);
+              setModified(true);
+            },
+            schemaBlocks: clientBlocks,
+            t
+          });
+          if (typeof result === "string") {
+            import_sonner.toast.error(result);
+          }
+        },
+        [clientBlocks, getFields, replaceState, safePath, setModified, t]
+      );
+      const pasteBlocks = (0, import_react8.useCallback)(
+        (dataFromClipboard) => {
+          const formState = getFields();
+          const newState = mergeFormStateFromClipboard({
+            dataFromClipboard,
+            formState,
+            path: safePath
+          });
+          replaceState(newState);
+          setModified(true);
+        },
+        [getFields, replaceState, safePath, setModified]
+      );
+      const hasMaxRows = Boolean(maxRows && rows.length >= maxRows);
+      const fieldErrorCount = errorPaths.length;
+      const fieldHasErrors = submitted && fieldErrorCount + (valid ? 0 : 1) > 0;
+      const showMinRows = rows.length < minRows || required && rows.length === 0;
+      const showRequired = readOnly && rows.length === 0;
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+        "div",
+        {
+          className: [
+            import_ui2.fieldBaseClass,
+            baseClass,
+            className,
+            fieldHasErrors ? `${baseClass}--has-error` : `${baseClass}--has-no-error`
+          ].filter(Boolean).join(" "),
+          id: `field-${safePath.replace(/\./g, "__")}`,
+          style,
+          children: [
+            showError && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+              import_RenderCustomComponent.RenderCustomComponent,
+              {
+                CustomComponent: Error2,
+                Fallback: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_FieldError.FieldError, { path: safePath, showError })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("header", { className: `${baseClass}__header`, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: `${baseClass}__header-wrap`, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: `${baseClass}__heading-with-error`, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h3", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                    import_RenderCustomComponent.RenderCustomComponent,
+                    {
+                      CustomComponent: Label,
+                      Fallback: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                        import_FieldLabel.FieldLabel,
+                        {
+                          as: "span",
+                          label,
+                          localized,
+                          path: safePath,
+                          required
+                        }
+                      )
+                    }
+                  ) }),
+                  fieldHasErrors && fieldErrorCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_ErrorPill.ErrorPill, { count: fieldErrorCount, i18n, withMessage: true })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("ul", { className: `${baseClass}__header-actions`, children: [
+                  rows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react8.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                      "button",
+                      {
+                        className: `${baseClass}__header-action`,
+                        onClick: () => toggleCollapseAll(true),
+                        type: "button",
+                        children: t("fields:collapseAll")
+                      }
+                    ) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                      "button",
+                      {
+                        className: `${baseClass}__header-action`,
+                        onClick: () => toggleCollapseAll(false),
+                        type: "button",
+                        children: t("fields:showAll")
+                      }
+                    ) })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                    import_ClipboardAction.ClipboardAction,
+                    {
+                      allowCopy: rows.length > 0,
+                      allowPaste: !readOnly,
+                      blocks: clientBlocks,
+                      className: `${baseClass}__header-action`,
+                      disabled,
+                      getDataToCopy: () => reduceFormStateByPath({
+                        formState: getFields(),
+                        path: safePath
+                      }),
+                      onPaste: pasteBlocks,
+                      path: safePath,
+                      type
+                    }
+                  ) })
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                import_RenderCustomComponent.RenderCustomComponent,
+                {
+                  CustomComponent: Description,
+                  Fallback: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_FieldDescription.FieldDescription, { description, path: safePath })
+                }
+              )
+            ] }),
+            BeforeInput,
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_NullifyField.NullifyLocaleField, { fieldValue: value, localized, path: safePath, readOnly }),
+            (rows.length > 0 || !valid && (showRequired || showMinRows)) && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+              import_DraggableSortable.DraggableSortable,
+              {
+                className: `${baseClass}__rows`,
+                ids: rows.map((row) => row.id),
+                onDragEnd: ({ moveFromIndex, moveToIndex }) => moveRow(moveFromIndex, moveToIndex),
+                children: [
+                  rows.map((row, index) => {
+                    const blockType = row.blockType;
+                    const blockConfig = blocksMap[blockType] ?? clientBlocks.find((block) => block.slug === blockType);
+                    if (!blockConfig) {
+                      return null;
+                    }
+                    const rowPath = `${safePath}.${index}`;
+                    const rowErrorCount = errorPaths.filter((errorPath) => errorPath.startsWith(`${rowPath}.`)).length;
+                    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_DraggableSortableItem.DraggableSortableItem, { disabled: readOnly || disabled || !isSortable, id: row.id, children: (draggableSortableItemProps) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                      OrionBlockRow,
+                      {
+                        ...draggableSortableItemProps,
+                        addRow,
+                        block: blockConfig,
+                        blocks: clientBlocks,
+                        copyRow,
+                        drawerSlug,
+                        duplicateRow,
+                        errorCount: rowErrorCount,
+                        fields: blockConfig.fields,
+                        hasMaxRows,
+                        isLoading: Boolean(row.isLoading),
+                        isSortable,
+                        Label: rows[index]?.customComponents?.RowLabel,
+                        labels,
+                        moveRow,
+                        parentPath: safePath,
+                        pasteRow,
+                        path: rowPath,
+                        permissions,
+                        readOnly: readOnly || Boolean(disabled),
+                        removeRow,
+                        row,
+                        rowCount: rows.length,
+                        rowIndex: index,
+                        schemaPath: schemaPath + blockConfig.slug,
+                        setCollapse
+                      }
+                    ) }, row.id);
+                  }),
+                  !editingDefaultLocale && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+                    showMinRows && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_Banner.Banner, { type: "error", children: t("validation:requiresAtLeast", {
+                      count: minRows,
+                      label: (0, import_translations2.getTranslation)(minRows > 1 ? labels.plural : labels.singular, i18n) || t(minRows > 1 ? "general:row" : "general:rows")
+                    }) }),
+                    showRequired && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_Banner.Banner, { children: t("validation:fieldHasNo", {
+                      label: (0, import_translations2.getTranslation)(labels.plural, i18n)
+                    }) })
+                  ] })
+                ]
+              }
+            ),
+            !hasMaxRows && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react8.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_Drawer.DrawerToggler, { className: `${baseClass}__drawer-toggler`, disabled: readOnly || disabled, slug: drawerSlug, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                import_Button.Button,
+                {
+                  buttonStyle: "icon-label",
+                  disabled: readOnly || disabled,
+                  el: "span",
+                  icon: "plus",
+                  iconPosition: "left",
+                  iconStyle: "with-border",
+                  children: t("fields:addLabel", {
+                    label: (0, import_translations2.getTranslation)(labels.singular, i18n)
+                  })
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                OrionBlocksDrawer,
+                {
+                  addRow,
+                  addRowIndex: rows.length || 0,
+                  blocks: clientBlocksAfterFilter,
+                  drawerSlug,
+                  labels
+                }
+              )
+            ] }),
+            AfterInput
+          ]
+        }
+      );
+    };
+    OrionBlocksFieldComponent = (props) => {
+      const configContext = (0, import_Config.useConfig)();
+      if (!configContext?.config) {
+        return null;
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(OrionBlocksFieldConnected, { ...props });
+    };
+    OrionBlocksFieldImpl = (0, import_withCondition.withCondition)(OrionBlocksFieldComponent);
+  }
+});
+
+// src/admin/client.ts
+var client_exports = {};
+__export(client_exports, {
+  AdminStudioDashboard: () => AdminStudioDashboard,
+  AdminStudioGlobalsView: () => AdminStudioGlobalsView,
+  AdminStudioMediaView: () => AdminStudioMediaView,
+  AdminStudioNav: () => AdminStudioNav,
+  AdminStudioPageEditView: () => AdminStudioPageEditView,
+  AdminStudioPagesListView: () => AdminStudioPagesListView,
+  AdminStudioToolsView: () => AdminStudioToolsView,
+  BlockPicker: () => BlockPicker,
+  Dashboard: () => Dashboard,
+  EmptyState: () => EmptyState,
+  HelpTooltip: () => HelpTooltip,
+  Icon: () => Icon,
+  Logo: () => Logo,
+  OpenInStudioMenuItem: () => OpenInStudioMenuItem,
+  OrionBlocksField: () => OrionBlocksField,
+  PageEditRedirectToStudio: () => PageEditRedirectToStudio,
+  SectionTabs: () => SectionTabs,
+  StatusBadge: () => StatusBadge,
+  ThemeProvider: () => ThemeProvider,
+  ThemeSwitcher: () => ThemeSwitcher,
+  WelcomeHeader: () => WelcomeHeader,
+  useTheme: () => useTheme
+});
+module.exports = __toCommonJS(client_exports);
+
+// src/admin/components/Logo.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Logo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: 10,
+        padding: "4px 0",
+        textDecoration: "none",
+        transition: "opacity 0.2s ease"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            style: {
+              width: 32,
+              height: 32,
+              borderRadius: "var(--admin-radius-sm, 6px)",
+              background: "var(--admin-accent, #3b82f6)",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              flexShrink: 0
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polygon", { points: "12 2 22 8.5 22 15.5 12 22 2 15.5 2 8.5 12 2" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "22", x2: "12", y2: "15.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "22 8.5 12 15.5 2 8.5" })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            style: {
+              fontSize: 15,
+              fontWeight: 700,
+              color: "var(--admin-text, #111827)",
+              letterSpacing: "-0.01em"
+            },
+            children: "Orion CMS"
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/admin/components/Icon.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function Icon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("rect", { width: "32", height: "32", rx: "8", fill: "var(--admin-accent, #3b82f6)" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { transform: "translate(4, 4)", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polygon", { points: "12 2 22 8.5 22 15.5 12 22 2 15.5 2 8.5 12 2", fill: "none", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "12", y1: "22", x2: "12", y2: "15.5", stroke: "white", strokeWidth: "1.5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", { points: "22 8.5 12 15.5 2 8.5", fill: "none", stroke: "white", strokeWidth: "1.5" })
+    ] })
+  ] });
+}
+
+// src/admin/components/Dashboard.tsx
+var import_react4 = require("react");
+
+// src/admin/components/ThemeSwitcher.tsx
+var import_react2 = require("react");
+
+// src/admin/hooks/useTheme.ts
+var import_react = require("react");
+var STORAGE_KEY = "orion-admin-theme";
+function applyTheme(theme) {
+  const html = document.documentElement;
+  const isDark = theme === "dark" || theme === "brand-dark";
+  const isBrand = theme === "brand-light" || theme === "brand-dark";
+  if (isDark) {
+    html.setAttribute("data-theme", "dark");
+  } else {
+    html.removeAttribute("data-theme");
+  }
+  if (isBrand) {
+    html.setAttribute("data-orion-brand", "true");
+  } else {
+    html.removeAttribute("data-orion-brand");
+  }
+}
+function getCachedTheme() {
+  try {
+    const stored = localStorage.getItem(STORAGE_KEY);
+    if (stored && ["light", "dark", "brand-light", "brand-dark"].includes(stored)) {
+      return stored;
+    }
+  } catch {
+  }
+  return null;
+}
+function cacheTheme(theme) {
+  try {
+    localStorage.setItem(STORAGE_KEY, theme);
+  } catch {
+  }
+}
+function useTheme(defaultTheme = "brand-light") {
+  const [theme, setThemeState] = (0, import_react.useState)(defaultTheme);
+  const [isLoading, setIsLoading] = (0, import_react.useState)(true);
+  const [hasMounted, setHasMounted] = (0, import_react.useState)(false);
+  const debounceRef = (0, import_react.useRef)(null);
+  const userIdRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    setHasMounted(true);
+    const cached = getCachedTheme();
+    if (cached) {
+      applyTheme(cached);
+      setThemeState(cached);
+    } else {
+      applyTheme(defaultTheme);
+      setThemeState(defaultTheme);
+      cacheTheme(defaultTheme);
+    }
+    fetch("/api/users/me", { credentials: "include" }).then((res) => res.json()).then((data) => {
+      const user = data?.user || data;
+      if (user?.id) {
+        userIdRef.current = user.id;
+      }
+      if (user?.themePreference) {
+        const dbTheme = user.themePreference;
+        setThemeState(dbTheme);
+        applyTheme(dbTheme);
+        cacheTheme(dbTheme);
+      }
+    }).catch(() => {
+    }).finally(() => {
+      setIsLoading(false);
+    });
+  }, [defaultTheme]);
+  const setTheme = (0, import_react.useCallback)((newTheme) => {
+    setThemeState(newTheme);
+    applyTheme(newTheme);
+    cacheTheme(newTheme);
+    if (debounceRef.current) {
+      clearTimeout(debounceRef.current);
+    }
+    debounceRef.current = setTimeout(() => {
+      const userId = userIdRef.current;
+      if (!userId) return;
+      fetch(`/api/users/${userId}`, {
+        method: "PATCH",
+        credentials: "include",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ themePreference: newTheme })
+      }).catch(() => {
+      });
+    }, 300);
+  }, []);
+  const isDark = theme === "dark" || theme === "brand-dark";
+  const isBrand = theme === "brand-light" || theme === "brand-dark";
+  const toggleDarkMode = (0, import_react.useCallback)(() => {
+    if (isBrand) {
+      setTheme(isDark ? "brand-light" : "brand-dark");
+    } else {
+      setTheme(isDark ? "light" : "dark");
+    }
+  }, [isDark, isBrand, setTheme]);
+  const toggleBrandMode = (0, import_react.useCallback)(() => {
+    if (isBrand) {
+      setTheme(isDark ? "dark" : "light");
+    } else {
+      setTheme(isDark ? "brand-dark" : "brand-light");
+    }
+  }, [isDark, isBrand, setTheme]);
+  return {
+    theme,
+    setTheme,
+    isDark,
+    isBrand,
+    isLoading,
+    hasMounted,
+    toggleDarkMode,
+    toggleBrandMode
+  };
+}
+
+// src/admin/components/ThemeSwitcher.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var iconSize = 16;
+function SunIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "12", cy: "12", r: "5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "12", y1: "1", x2: "12", y2: "3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "12", y1: "21", x2: "12", y2: "23" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "4.22", y1: "4.22", x2: "5.64", y2: "5.64" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "18.36", y1: "18.36", x2: "19.78", y2: "19.78" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "1", y1: "12", x2: "3", y2: "12" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "21", y1: "12", x2: "23", y2: "12" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "4.22", y1: "19.78", x2: "5.64", y2: "18.36" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "18.36", y1: "5.64", x2: "19.78", y2: "4.22" })
+  ] });
+}
+function MoonIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" }) });
+}
+function PaletteIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "13.5", cy: "6.5", r: "0.5", fill: "currentColor" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "17.5", cy: "10.5", r: "0.5", fill: "currentColor" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "8.5", cy: "7.5", r: "0.5", fill: "currentColor" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "6.5", cy: "12", r: "0.5", fill: "currentColor" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z" })
+  ] });
+}
+var buttonBase = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  width: 32,
+  height: 32,
+  borderRadius: "var(--style-radius-s)",
+  borderWidth: 1,
+  borderStyle: "solid",
+  borderColor: "var(--theme-elevation-150)",
+  background: "var(--theme-elevation-0)",
+  color: "var(--theme-elevation-450)",
+  cursor: "pointer",
+  transition: "all 0.2s ease",
+  padding: 0
+};
+var buttonActive = {
+  ...buttonBase,
+  background: "var(--theme-success-50)",
+  borderColor: "var(--theme-success-500)",
+  color: "var(--theme-success-500)"
+};
+function ThemeSwitcher({ defaultTheme = "brand-light" }) {
+  const { isDark, isBrand, hasMounted, toggleDarkMode, toggleBrandMode } = useTheme(defaultTheme);
+  const showDark = hasMounted && isDark;
+  const showBrand = hasMounted && isBrand;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: 6,
+        padding: "8px 12px"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: toggleDarkMode,
+            style: showDark ? buttonActive : buttonBase,
+            title: showDark ? "Switch to light mode" : "Switch to dark mode",
+            "aria-label": showDark ? "Switch to light mode" : "Switch to dark mode",
+            children: showDark ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MoonIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SunIcon, {})
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: toggleBrandMode,
+            style: showBrand ? buttonActive : buttonBase,
+            title: showBrand ? "Switch to standard colors" : "Switch to brand colors",
+            "aria-label": showBrand ? "Switch to standard colors" : "Switch to brand colors",
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PaletteIcon, {})
+          }
+        )
+      ]
+    }
+  );
+}
+function ThemeProvider({ children, defaultTheme = "brand-light" }) {
+  (0, import_react2.useEffect)(() => {
+    try {
+      const stored = localStorage.getItem("orion-admin-theme");
+      const html = document.documentElement;
+      const resolvedTheme = stored && ["light", "dark", "brand-light", "brand-dark"].includes(stored) ? stored : defaultTheme;
+      const isDark = resolvedTheme === "dark" || resolvedTheme === "brand-dark";
+      const isBrand = resolvedTheme === "brand-light" || resolvedTheme === "brand-dark";
+      if (isDark) {
+        html.setAttribute("data-theme", "dark");
+      } else {
+        html.removeAttribute("data-theme");
+      }
+      if (isBrand) {
+        html.setAttribute("data-orion-brand", "true");
+      } else {
+        html.removeAttribute("data-orion-brand");
+      }
+      localStorage.setItem("orion-admin-theme", resolvedTheme);
+    } catch {
+    }
+  }, [defaultTheme]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children });
+}
+
+// src/admin/components/HelpTooltip.tsx
+var import_react3 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function HelpTooltip({
+  content,
+  position = "top"
+}) {
+  const [isVisible, setIsVisible] = (0, import_react3.useState)(false);
+  const triggerRef = (0, import_react3.useRef)(null);
+  const tooltipRef = (0, import_react3.useRef)(null);
+  const tooltipId = (0, import_react3.useRef)(`tooltip-${Math.random().toString(36).slice(2, 9)}`);
+  const show = (0, import_react3.useCallback)(() => setIsVisible(true), []);
+  const hide = (0, import_react3.useCallback)(() => setIsVisible(false), []);
+  const toggle = (0, import_react3.useCallback)(() => setIsVisible((v) => !v), []);
+  (0, import_react3.useEffect)(() => {
+    if (!isVisible) return;
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") setIsVisible(false);
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [isVisible]);
+  (0, import_react3.useEffect)(() => {
+    if (!isVisible) return;
+    const handleClick = (e) => {
+      if (triggerRef.current && !triggerRef.current.contains(e.target) && tooltipRef.current && !tooltipRef.current.contains(e.target)) {
+        setIsVisible(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClick);
+    return () => document.removeEventListener("mousedown", handleClick);
+  }, [isVisible]);
+  const positionStyles = {
+    top: { bottom: "100%", left: "50%", transform: "translateX(-50%)", marginBottom: 8 },
+    bottom: { top: "100%", left: "50%", transform: "translateX(-50%)", marginTop: 8 },
+    left: { right: "100%", top: "50%", transform: "translateY(-50%)", marginRight: 8 },
+    right: { left: "100%", top: "50%", transform: "translateY(-50%)", marginLeft: 8 }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { style: { position: "relative", display: "inline-flex", verticalAlign: "middle", marginLeft: 6 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "button",
+      {
+        ref: triggerRef,
+        type: "button",
+        onClick: toggle,
+        onMouseEnter: show,
+        onMouseLeave: hide,
+        onFocus: show,
+        onBlur: hide,
+        "aria-describedby": isVisible ? tooltipId.current : void 0,
+        style: {
+          display: "inline-flex",
+          alignItems: "center",
+          justifyContent: "center",
+          width: 18,
+          height: 18,
+          borderRadius: "50%",
+          border: "1.5px solid var(--admin-text-muted)",
+          background: "transparent",
+          color: "var(--admin-text-muted)",
+          fontSize: 11,
+          fontWeight: 700,
+          cursor: "help",
+          padding: 0,
+          lineHeight: 1,
+          transition: "all 0.15s ease",
+          ...isVisible ? {
+            borderColor: "var(--admin-accent)",
+            color: "var(--admin-accent)",
+            background: "var(--admin-accent-subtle)"
+          } : {}
+        },
+        children: "?"
+      }
+    ),
+    isVisible && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "div",
+      {
+        ref: tooltipRef,
+        id: tooltipId.current,
+        role: "tooltip",
+        style: {
+          position: "absolute",
+          ...positionStyles[position],
+          background: "var(--admin-tooltip-bg)",
+          color: "var(--admin-tooltip-text)",
+          padding: "8px 12px",
+          borderRadius: "var(--admin-radius-sm)",
+          fontSize: 12,
+          lineHeight: 1.5,
+          maxWidth: 260,
+          minWidth: 160,
+          whiteSpace: "normal",
+          zIndex: 9999,
+          boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)",
+          pointerEvents: "auto",
+          animation: "tooltipFadeIn 0.15s ease"
+        },
+        children: content
+      }
+    )
+  ] });
+}
+
+// src/admin/components/StatusBadge.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var statusConfig = {
+  draft: { label: "Draft" },
+  published: { label: "Published" },
+  changed: { label: "Changed" }
+};
+function StatusBadge({
+  status,
+  size = "md"
+}) {
+  const config = statusConfig[status];
+  const isSm = size === "sm";
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    "span",
+    {
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        gap: 4,
+        padding: isSm ? "2px 8px" : "3px 10px",
+        borderRadius: 20,
+        fontSize: isSm ? 11 : 12,
+        fontWeight: 600,
+        lineHeight: 1.4,
+        background: `var(--admin-badge-${status}-bg)`,
+        color: `var(--admin-badge-${status}-text)`,
+        whiteSpace: "nowrap"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "span",
+          {
+            style: {
+              width: isSm ? 5 : 6,
+              height: isSm ? 5 : 6,
+              borderRadius: "50%",
+              background: "currentColor",
+              flexShrink: 0
+            }
+          }
+        ),
+        config.label
+      ]
+    }
+  );
+}
+
+// src/admin/components/Dashboard.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function PagesIcon({ size = 24 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("polyline", { points: "14 2 14 8 20 8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "16", y1: "17", x2: "8", y2: "17" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("polyline", { points: "10 9 9 9 8 9" })
+  ] });
+}
+function MediaIcon({ size = 24 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("polyline", { points: "21 15 16 10 5 21" })
+  ] });
+}
+function SettingsIcon({ size = 24 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "12", r: "3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.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-2 2 2 2 0 0 1-2-2v-.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 0 2 2 0 0 1 0-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-2-2 2 2 0 0 1 2-2h.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 0-2.83 2 2 0 0 1 2.83 0l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.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 0 2 2 0 0 1 0 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 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })
+  ] });
+}
+function LayoutIcon({ size = 24 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "3", y1: "9", x2: "21", y2: "9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "3", y1: "15", x2: "21", y2: "15" })
+  ] });
+}
+function PlusIcon({ size = 16 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+  ] });
+}
+function ClockIcon({ size = 14 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("polyline", { points: "12 6 12 12 16 14" })
+  ] });
+}
+function getGreeting() {
+  const hour = (/* @__PURE__ */ new Date()).getHours();
+  if (hour < 12) return "Good morning";
+  if (hour < 17) return "Good afternoon";
+  return "Good evening";
+}
+function formatRelativeTime(dateStr) {
+  const date = new Date(dateStr);
+  const now = /* @__PURE__ */ new Date();
+  const diffMs = now.getTime() - date.getTime();
+  const diffMins = Math.floor(diffMs / 6e4);
+  const diffHours = Math.floor(diffMs / 36e5);
+  const diffDays = Math.floor(diffMs / 864e5);
+  if (diffMins < 1) return "Just now";
+  if (diffMins < 60) return `${diffMins}m ago`;
+  if (diffHours < 24) return `${diffHours}h ago`;
+  if (diffDays < 7) return `${diffDays}d ago`;
+  return date.toLocaleDateString();
+}
+function Dashboard() {
+  const [userName, setUserName] = (0, import_react4.useState)("");
+  const [recentPages, setRecentPages] = (0, import_react4.useState)([]);
+  const [pageCount, setPageCount] = (0, import_react4.useState)(null);
+  const [mediaCount, setMediaCount] = (0, import_react4.useState)(null);
+  (0, import_react4.useEffect)(() => {
+    fetch("/api/users/me", { credentials: "include" }).then((res) => res.json()).then((data) => {
+      const user = data?.user || data;
+      setUserName(user?.fullName || user?.email?.split("@")[0] || "");
+    }).catch(() => {
+    });
+    fetch("/api/pages?limit=5&sort=-updatedAt", { credentials: "include" }).then((res) => res.json()).then((data) => {
+      setRecentPages(data?.docs || []);
+      setPageCount(data?.totalDocs ?? null);
+    }).catch(() => {
+    });
+    fetch("/api/media?limit=0", { credentials: "include" }).then((res) => res.json()).then((data) => {
+      setMediaCount(data?.totalDocs ?? null);
+    }).catch(() => {
+    });
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { padding: "32px", maxWidth: 1200, margin: "0 auto" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between", marginBottom: 32 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("h1", { style: { fontSize: 28, fontWeight: 700, color: "var(--admin-text)", margin: "0 0 6px" }, children: [
+          getGreeting(),
+          userName ? `, ${userName}` : ""
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: { fontSize: 15, color: "var(--admin-text-muted)", margin: 0 }, children: "Manage your website content and settings from here." })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ThemeSwitcher, {})
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", gap: 10, marginBottom: 32, flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(QuickAction, { href: "/admin/collections/pages/create", icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PlusIcon, {}), label: "New Page" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(QuickAction, { href: "/admin/collections/media/create", icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PlusIcon, {}), label: "Upload Media" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(QuickAction, { href: "/admin/globals/header", icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(LayoutIcon, { size: 16 }), label: "Edit Navigation" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(QuickAction, { href: "/admin/globals/site-settings", icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SettingsIcon, { size: 16 }), label: "Website Settings" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      "div",
+      {
+        style: {
+          display: "grid",
+          gap: 20,
+          gridTemplateColumns: "repeat(auto-fit, minmax(300px, 1fr))",
+          marginBottom: 32
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            ContentCard,
+            {
+              icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PagesIcon, {}),
+              title: "Pages",
+              description: "Create and manage your website pages",
+              count: pageCount,
+              countLabel: "pages",
+              tooltip: "Pages are the individual sections of your website. Each page has a URL and contains content sections.",
+              actions: [
+                { label: "View All", href: "/admin/collections/pages" },
+                { label: "Create New", href: "/admin/collections/pages/create", primary: true }
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            ContentCard,
+            {
+              icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MediaIcon, {}),
+              title: "Media Library",
+              description: "Upload and organize images and files",
+              count: mediaCount,
+              countLabel: "files",
+              tooltip: "Your media library stores all images, documents, and files used across your website.",
+              actions: [
+                { label: "Browse", href: "/admin/collections/media" },
+                { label: "Upload", href: "/admin/collections/media/create", primary: true }
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            ContentCard,
+            {
+              icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(LayoutIcon, {}),
+              title: "Site Design",
+              description: "Customize your header, footer, and site-wide settings",
+              tooltip: "These settings apply to every page on your website \u2014 your navigation menu, footer information, and global SEO settings.",
+              actions: [
+                { label: "Header & Nav", href: "/admin/globals/header" },
+                { label: "Footer", href: "/admin/globals/footer" },
+                { label: "Settings", href: "/admin/globals/site-settings", primary: true }
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    recentPages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      "div",
+      {
+        style: {
+          background: "var(--admin-card-bg)",
+          border: "1px solid var(--admin-card-border)",
+          borderRadius: "var(--admin-radius-lg)",
+          overflow: "hidden"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+            "div",
+            {
+              style: {
+                padding: "16px 20px",
+                borderBottom: "1px solid var(--admin-border-subtle)",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between"
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("h3", { style: { fontSize: 15, fontWeight: 600, color: "var(--admin-text)", margin: 0, display: "flex", alignItems: "center", gap: 6 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ClockIcon, {}),
+                  " Recently Edited"
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  "a",
+                  {
+                    href: "/admin/collections/pages",
+                    style: { fontSize: 13, color: "var(--admin-accent)", textDecoration: "none", fontWeight: 500 },
+                    children: "View all"
+                  }
+                )
+              ]
+            }
+          ),
+          recentPages.map((page, i) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+            "a",
+            {
+              href: `/admin/collections/pages/${page.id}`,
+              style: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between",
+                padding: "12px 20px",
+                textDecoration: "none",
+                borderBottom: i < recentPages.length - 1 ? "1px solid var(--admin-border-subtle)" : "none",
+                transition: "background-color 0.15s ease"
+              },
+              onMouseEnter: (e) => {
+                e.currentTarget.style.backgroundColor = "var(--admin-surface)";
+              },
+              onMouseLeave: (e) => {
+                e.currentTarget.style.backgroundColor = "transparent";
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 12, minWidth: 0 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PagesIcon, { size: 16 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: { fontSize: 14, fontWeight: 500, color: "var(--admin-text)", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: page.title || page.slug || "Untitled" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 12, flexShrink: 0 }, children: [
+                  page._status && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(StatusBadge, { status: page._status, size: "sm" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: { fontSize: 12, color: "var(--admin-text-muted)", whiteSpace: "nowrap" }, children: formatRelativeTime(page.updatedAt) })
+                ] })
+              ]
+            },
+            page.id
+          ))
+        ]
+      }
+    )
+  ] });
+}
+function QuickAction({ href, icon, label }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "a",
+    {
+      href,
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        gap: 6,
+        padding: "8px 16px",
+        background: "var(--admin-surface)",
+        border: "1px solid var(--admin-border)",
+        borderRadius: "var(--admin-radius-md)",
+        color: "var(--admin-text)",
+        textDecoration: "none",
+        fontSize: 13,
+        fontWeight: 500,
+        transition: "all 0.2s ease",
+        whiteSpace: "nowrap"
+      },
+      onMouseEnter: (e) => {
+        e.currentTarget.style.borderColor = "var(--admin-accent)";
+        e.currentTarget.style.color = "var(--admin-accent)";
+        e.currentTarget.style.background = "var(--admin-accent-subtle)";
+      },
+      onMouseLeave: (e) => {
+        e.currentTarget.style.borderColor = "var(--admin-border)";
+        e.currentTarget.style.color = "var(--admin-text)";
+        e.currentTarget.style.background = "var(--admin-surface)";
+      },
+      children: [
+        icon,
+        label
+      ]
+    }
+  );
+}
+function ContentCard({
+  icon,
+  title,
+  description,
+  count,
+  countLabel,
+  tooltip,
+  actions
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "div",
+    {
+      style: {
+        background: "var(--admin-card-bg)",
+        border: "1px solid var(--admin-card-border)",
+        borderRadius: "var(--admin-radius-lg)",
+        padding: 24,
+        display: "flex",
+        flexDirection: "column",
+        gap: 16,
+        boxShadow: "var(--admin-card-shadow)",
+        transition: "all 0.2s ease"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "div",
+            {
+              style: {
+                width: 40,
+                height: 40,
+                borderRadius: "var(--admin-radius-md)",
+                background: "var(--admin-accent-subtle)",
+                color: "var(--admin-accent)",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center"
+              },
+              children: icon
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("h3", { style: { fontSize: 16, fontWeight: 600, color: "var(--admin-text)", margin: 0, display: "flex", alignItems: "center" }, children: [
+              title,
+              tooltip && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(HelpTooltip, { content: tooltip, position: "right" })
+            ] }),
+            count !== void 0 && count !== null && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { style: { fontSize: 12, color: "var(--admin-text-muted)" }, children: [
+              count,
+              " ",
+              countLabel
+            ] })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: { fontSize: 13, color: "var(--admin-text-muted)", margin: 0, lineHeight: 1.5 }, children: description }),
+        actions && actions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { display: "flex", gap: 8, marginTop: "auto", flexWrap: "wrap" }, children: actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "a",
+          {
+            href: action.href,
+            style: {
+              display: "inline-flex",
+              alignItems: "center",
+              padding: "7px 14px",
+              borderRadius: "var(--admin-radius-sm)",
+              fontSize: 13,
+              fontWeight: 500,
+              textDecoration: "none",
+              transition: "all 0.15s ease",
+              ...action.primary ? {
+                background: "var(--admin-accent)",
+                color: "var(--admin-text-inverse)"
+              } : {
+                background: "var(--admin-surface)",
+                color: "var(--admin-text-secondary)",
+                border: "1px solid var(--admin-border)"
+              }
+            },
+            children: action.label
+          },
+          action.href
+        )) })
+      ]
+    }
+  );
+}
+
+// src/admin/components/EmptyState.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function EmptyState({
+  icon,
+  title,
+  description,
+  actionLabel,
+  actionHref
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: "48px 24px",
+        textAlign: "center",
+        background: "var(--admin-surface)",
+        borderRadius: "var(--admin-radius-lg)",
+        border: "1px dashed var(--admin-border)"
+      },
+      children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          "div",
+          {
+            style: {
+              marginBottom: 16,
+              color: "var(--admin-text-muted)",
+              opacity: 0.6
+            },
+            children: icon
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          "h3",
+          {
+            style: {
+              fontSize: 18,
+              fontWeight: 600,
+              color: "var(--admin-text)",
+              margin: "0 0 8px"
+            },
+            children: title
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          "p",
+          {
+            style: {
+              fontSize: 14,
+              color: "var(--admin-text-muted)",
+              margin: "0 0 20px",
+              maxWidth: 400,
+              lineHeight: 1.5
+            },
+            children: description
+          }
+        ),
+        actionLabel && actionHref && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          "a",
+          {
+            href: actionHref,
+            style: {
+              display: "inline-flex",
+              alignItems: "center",
+              gap: 6,
+              padding: "10px 20px",
+              background: "var(--admin-accent)",
+              color: "var(--admin-text-inverse)",
+              borderRadius: "var(--admin-radius-md)",
+              textDecoration: "none",
+              fontWeight: 600,
+              fontSize: 14,
+              transition: "all 0.2s ease"
+            },
+            children: actionLabel
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/admin/client.ts
+init_BlockPicker();
+init_SectionTabs();
+
+// src/admin/components/OrionBlocksField.tsx
+var import_react9 = require("react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var OrionBlocksFieldImpl2 = (0, import_react9.lazy)(async () => {
+  const mod = await Promise.resolve().then(() => (init_OrionBlocksFieldImpl(), OrionBlocksFieldImpl_exports));
+  return { default: mod.OrionBlocksFieldImpl };
+});
+function OrionBlocksField(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react9.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(OrionBlocksFieldImpl2, { ...props }) });
+}
+
+// src/admin/components/WelcomeHeader.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function WelcomeHeader({
+  title,
+  description,
+  tooltip,
+  actions
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "flex-start",
+        justifyContent: "space-between",
+        padding: "24px 0",
+        borderBottom: "1px solid var(--admin-border-subtle)",
+        marginBottom: 24
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+            "h1",
+            {
+              style: {
+                fontSize: 24,
+                fontWeight: 700,
+                color: "var(--admin-text)",
+                margin: 0,
+                display: "flex",
+                alignItems: "center"
+              },
+              children: [
+                title,
+                tooltip && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(HelpTooltip, { content: tooltip, position: "right" })
+              ]
+            }
+          ),
+          description && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { style: { fontSize: 14, color: "var(--admin-text-muted)", margin: "6px 0 0" }, children: description })
+        ] }),
+        actions && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { display: "flex", gap: 8 }, children: actions })
+      ]
+    }
+  );
+}
+
+// src/admin/components/studio/AdminStudioDashboard.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var cardStyle = {
+  background: "var(--theme-elevation-0)",
+  border: "1px solid var(--theme-elevation-150)",
+  borderRadius: 16,
+  color: "inherit",
+  padding: "1rem",
+  textDecoration: "none"
+};
+function AdminStudioDashboard() {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { style: { padding: "1.2rem 1.2rem 2.5rem" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h1", { style: { fontSize: "1.6rem", margin: 0 }, children: "Studio" }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Pick what you want to edit." }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+      "div",
+      {
+        style: {
+          display: "grid",
+          gap: "0.85rem",
+          gridTemplateColumns: "repeat(auto-fit, minmax(240px, 1fr))",
+          marginTop: "1.1rem"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("a", { href: "/admin/pages", style: cardStyle, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { fontWeight: 900 }, children: "Pages" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Edit your site pages with the custom editor." })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("a", { href: "/admin/globals", style: cardStyle, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { fontWeight: 900 }, children: "Globals" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Site settings, header, footer." })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("a", { href: "/admin/media", style: cardStyle, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { fontWeight: 900 }, children: "Media" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Upload and manage images and files." })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/admin/components/studio/AdminStudioNav.tsx
+var import_react10 = require("react");
+var import_ui3 = require("@payloadcms/ui");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var isAdmin = (user) => {
+  if (!user || typeof user !== "object") return false;
+  const role = user.role;
+  return typeof role === "string" && role === "admin";
+};
+var getPropString = (props, key, fallback) => {
+  if (!props || typeof props !== "object") return fallback;
+  const direct = props[key];
+  if (typeof direct === "string" && direct.length > 0) return direct;
+  const clientProps = props.clientProps;
+  if (clientProps && typeof clientProps === "object") {
+    const nested = clientProps[key];
+    if (typeof nested === "string" && nested.length > 0) return nested;
+  }
+  return fallback;
+};
+function AdminStudioNav(props) {
+  const { user } = (0, import_ui3.useAuth)();
+  const brandName = getPropString(props, "brandName", "Orion Studio");
+  const [pathname, setPathname] = (0, import_react10.useState)("");
+  (0, import_react10.useEffect)(() => {
+    const update = () => setPathname(window.location.pathname);
+    update();
+    window.addEventListener("popstate", update);
+    return () => window.removeEventListener("popstate", update);
+  }, []);
+  const links = (0, import_react10.useMemo)(
+    () => [
+      { href: "/admin", label: "Dashboard", matchPrefixes: ["/admin"] },
+      {
+        href: "/admin/pages",
+        label: "Pages",
+        matchPrefixes: ["/admin/pages", "/admin/collections/pages"]
+      },
+      { href: "/admin/globals", label: "Globals", matchPrefixes: ["/admin/globals"] },
+      {
+        href: "/admin/media",
+        label: "Media",
+        matchPrefixes: ["/admin/media", "/admin/collections/media"]
+      },
+      {
+        href: "/admin/tools",
+        label: "Admin Tools",
+        matchPrefixes: ["/admin/tools"],
+        adminOnly: true
+      }
+    ],
+    []
+  );
+  const linkStyle = (active) => ({
+    background: active ? "var(--theme-elevation-100)" : "transparent",
+    borderRadius: 10,
+    color: "var(--theme-elevation-900)",
+    display: "block",
+    fontSize: "0.95rem",
+    fontWeight: active ? 800 : 650,
+    padding: "0.6rem 0.75rem",
+    textDecoration: "none"
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "0.85rem",
+        height: "100%",
+        padding: "1rem 0.85rem"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { style: { padding: "0 0.35rem" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { fontSize: "1.05rem", fontWeight: 900, letterSpacing: "-0.01em" }, children: brandName }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.85rem" }, children: "Studio" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("nav", { style: { display: "grid", gap: "0.25rem" }, children: links.filter((link) => !link.adminOnly || isAdmin(user)).map((link) => {
+          const active = link.href === "/admin" ? pathname === "/admin" : link.matchPrefixes.some((prefix) => pathname.startsWith(prefix));
+          return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("a", { href: link.href, style: linkStyle(active), children: link.label }, link.href);
+        }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { flex: 1 } }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+          "div",
+          {
+            style: {
+              borderTop: "1px solid var(--theme-elevation-150)",
+              paddingTop: "0.85rem"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { color: "var(--theme-elevation-700)", fontSize: "0.85rem" }, children: "Signed in as" }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { fontWeight: 800, marginBottom: "0.55rem" }, children: typeof user?.email === "string" ? user.email : "User" }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_ui3.Logout, {})
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/admin/components/studio/AdminStudioPagesListView.tsx
+var import_react11 = require("react");
+var import_ui4 = require("@payloadcms/ui");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var isAdmin2 = (user) => {
+  if (!user || typeof user !== "object") return false;
+  const role = user.role;
+  return typeof role === "string" && role === "admin";
+};
+var getPropString2 = (props, key, fallback) => {
+  if (!props || typeof props !== "object") return fallback;
+  const direct = props[key];
+  if (typeof direct === "string" && direct.length > 0) return direct;
+  const clientProps = props.clientProps;
+  if (clientProps && typeof clientProps === "object") {
+    const nested = clientProps[key];
+    if (typeof nested === "string" && nested.length > 0) return nested;
+  }
+  return fallback;
+};
+function AdminStudioPagesListView(props) {
+  const { user } = (0, import_ui4.useAuth)();
+  const pagesCollectionSlug = getPropString2(props, "pagesCollectionSlug", "pages");
+  const [loading, setLoading] = (0, import_react11.useState)(true);
+  const [error, setError] = (0, import_react11.useState)(null);
+  const [docs, setDocs] = (0, import_react11.useState)([]);
+  const apiURL = (0, import_react11.useMemo)(() => {
+    const params = new URLSearchParams({
+      depth: "0",
+      limit: "100",
+      sort: "-updatedAt",
+      draft: "true"
+    });
+    return `/api/${pagesCollectionSlug}?${params.toString()}`;
+  }, [pagesCollectionSlug]);
+  (0, import_react11.useEffect)(() => {
+    let cancelled = false;
+    const run = async () => {
+      setLoading(true);
+      setError(null);
+      try {
+        const res = await fetch(apiURL, { credentials: "include" });
+        if (!res.ok) {
+          const body = await res.text();
+          throw new Error(body || "Failed to fetch pages");
+        }
+        const data = await res.json();
+        const nextDocs = Array.isArray(data.docs) ? data.docs : [];
+        if (!cancelled) setDocs(nextDocs);
+      } catch (err) {
+        if (!cancelled) setError(err instanceof Error ? err.message : "Failed to fetch pages");
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    };
+    void run();
+    return () => {
+      cancelled = true;
+    };
+  }, [apiURL]);
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { style: { padding: "1.2rem 1.2rem 2.5rem" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { style: { alignItems: "flex-end", display: "flex", gap: "0.75rem" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { style: { flex: 1 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h1", { style: { margin: 0 }, children: "Pages" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Open a page to edit it in the custom editor." })
+      ] }),
+      isAdmin2(user) ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "a",
+        {
+          href: `/admin/collections/${pagesCollectionSlug}/create`,
+          style: {
+            background: "var(--theme-elevation-900)",
+            borderRadius: 12,
+            color: "var(--theme-elevation-0)",
+            fontWeight: 800,
+            padding: "0.55rem 0.85rem",
+            textDecoration: "none"
+          },
+          children: "New Page"
+        }
+      ) : null
+    ] }),
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "1rem" }, children: "Loading\u2026" }) : null,
+    error ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { color: "crimson", marginTop: "1rem" }, children: error }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: [
+      !loading && !error && docs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "div",
+        {
+          style: {
+            border: "1px dashed var(--theme-elevation-300)",
+            borderRadius: 16,
+            color: "var(--theme-elevation-700)",
+            padding: "1rem"
+          },
+          children: "No pages found."
+        }
+      ) : null,
+      docs.map((doc) => {
+        const id = typeof doc.id === "string" || typeof doc.id === "number" ? String(doc.id) : "";
+        const title = typeof doc.title === "string" ? doc.title : "Untitled Page";
+        const path = typeof doc.path === "string" ? doc.path : "/";
+        const status = typeof doc._status === "string" ? doc._status : "";
+        if (!id) return null;
+        return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+          "a",
+          {
+            href: `/admin/pages/${id}`,
+            style: {
+              background: "var(--theme-elevation-0)",
+              border: "1px solid var(--theme-elevation-150)",
+              borderRadius: 16,
+              color: "inherit",
+              display: "flex",
+              gap: "0.85rem",
+              justifyContent: "space-between",
+              padding: "0.85rem 1rem",
+              textDecoration: "none"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { style: { minWidth: 0 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { fontWeight: 900, overflow: "hidden", textOverflow: "ellipsis" }, children: title }),
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  "div",
+                  {
+                    style: {
+                      color: "var(--theme-elevation-600)",
+                      fontSize: "0.9rem",
+                      overflow: "hidden",
+                      textOverflow: "ellipsis"
+                    },
+                    children: path
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+                "div",
+                {
+                  style: {
+                    alignItems: "center",
+                    display: "flex",
+                    flexShrink: 0,
+                    gap: "0.5rem"
+                  },
+                  children: [
+                    status ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                      "span",
+                      {
+                        style: {
+                          background: status === "published" ? "rgba(16, 185, 129, 0.12)" : "rgba(245, 158, 11, 0.14)",
+                          borderRadius: 999,
+                          color: status === "published" ? "rgb(5, 122, 85)" : "rgb(180, 83, 9)",
+                          fontSize: "0.82rem",
+                          fontWeight: 900,
+                          padding: "0.25rem 0.55rem",
+                          textTransform: "capitalize"
+                        },
+                        children: status
+                      }
+                    ) : null,
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { style: { color: "var(--theme-elevation-600)", fontWeight: 800 }, children: "Open" })
+                  ]
+                }
+              )
+            ]
+          },
+          id
+        );
+      })
+    ] })
+  ] });
+}
+
+// src/admin/components/studio/AdminStudioPageEditView.tsx
+var import_react12 = require("react");
+var import_ui5 = require("@payloadcms/ui");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var isAdmin3 = (user) => {
+  if (!user || typeof user !== "object") return false;
+  const role = user.role;
+  return typeof role === "string" && role === "admin";
+};
+var isEditor = (user) => {
+  if (!user || typeof user !== "object") return false;
+  const role = user.role;
+  return typeof role === "string" && role === "editor";
+};
+var getPropString3 = (props, key, fallback) => {
+  if (!props || typeof props !== "object") return fallback;
+  const direct = props[key];
+  if (typeof direct === "string" && direct.length > 0) return direct;
+  const clientProps = props.clientProps;
+  if (clientProps && typeof clientProps === "object") {
+    const nested = clientProps[key];
+    if (typeof nested === "string" && nested.length > 0) return nested;
+  }
+  return fallback;
+};
+var getParam = (params, key) => {
+  if (!params || typeof params !== "object") return null;
+  if (!(key in params)) return null;
+  const value = params[key];
+  if (typeof value === "string") return value;
+  if (Array.isArray(value) && typeof value[0] === "string") return value[0];
+  return null;
+};
+var getPageIDFromPathname = (pathname) => {
+  const match = pathname.match(/\/admin\/pages\/([^/]+)(?:\/|$)/);
+  return match?.[1] ? decodeURIComponent(match[1]) : null;
+};
+function AdminStudioPageEditView(props) {
+  const { user } = (0, import_ui5.useAuth)();
+  const iframeRef = (0, import_react12.useRef)(null);
+  const [saving, setSaving] = (0, import_react12.useState)(null);
+  const builderBasePath = getPropString3(props, "builderBasePath", "/builder");
+  const pageID = (0, import_react12.useMemo)(() => {
+    const fromProps = getParam(props.params, "id");
+    if (fromProps) return fromProps;
+    if (typeof window !== "undefined") {
+      return getPageIDFromPathname(window.location.pathname);
+    }
+    return null;
+  }, [props.params]);
+  const canPublish = isAdmin3(user) || isEditor(user);
+  const requestSave = (status) => {
+    const iframe = iframeRef.current;
+    if (!iframe?.contentWindow) {
+      import_ui5.toast.error("Editor is not ready yet. Please try again.");
+      return;
+    }
+    setSaving(status);
+    iframe.contentWindow.postMessage({ source: "payload-visual-builder-parent", type: "save", status }, "*");
+  };
+  (0, import_react12.useEffect)(() => {
+    const onMessage = (event) => {
+      const data = event.data;
+      if (!data || data.source !== "payload-visual-builder-child" || data.type !== "save-result") {
+        return;
+      }
+      setSaving(null);
+      if (data.ok) {
+        import_ui5.toast.success(typeof data.message === "string" ? data.message : "Saved.");
+      } else {
+        import_ui5.toast.error(typeof data.message === "string" ? data.message : "Save failed.");
+      }
+    };
+    window.addEventListener("message", onMessage);
+    return () => window.removeEventListener("message", onMessage);
+  }, []);
+  if (!pageID) {
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { padding: "1.2rem" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h1", { style: { margin: 0 }, children: "Page Editor" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { style: { color: "var(--theme-elevation-600)" }, children: "Missing page ID." })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { display: "grid", gridTemplateRows: "auto 1fr", height: "calc(100vh - 0px)" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      "div",
+      {
+        style: {
+          alignItems: "center",
+          background: "var(--theme-elevation-0)",
+          borderBottom: "1px solid var(--theme-elevation-150)",
+          display: "flex",
+          gap: "0.6rem",
+          justifyContent: "space-between",
+          padding: "0.65rem 0.9rem",
+          position: "sticky",
+          top: 0,
+          zIndex: 20
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { minWidth: 0 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { fontWeight: 900 }, children: "Page Editor" }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+              "div",
+              {
+                style: {
+                  color: "var(--theme-elevation-600)",
+                  fontSize: "0.85rem",
+                  overflow: "hidden",
+                  textOverflow: "ellipsis"
+                },
+                children: [
+                  "Editing: ",
+                  pageID
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { alignItems: "center", display: "flex", gap: "0.5rem" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              "button",
+              {
+                disabled: saving !== null,
+                onClick: () => requestSave("draft"),
+                style: {
+                  border: "1px solid var(--theme-elevation-300)",
+                  borderRadius: 12,
+                  cursor: saving ? "not-allowed" : "pointer",
+                  fontWeight: 800,
+                  padding: "0.5rem 0.75rem"
+                },
+                type: "button",
+                children: saving === "draft" ? "Saving\u2026" : "Save Draft"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              "button",
+              {
+                disabled: !canPublish || saving !== null,
+                onClick: () => requestSave("published"),
+                style: {
+                  background: canPublish ? "var(--theme-elevation-900)" : "var(--theme-elevation-300)",
+                  border: "none",
+                  borderRadius: 12,
+                  color: canPublish ? "var(--theme-elevation-0)" : "var(--theme-elevation-700)",
+                  cursor: !canPublish || saving ? "not-allowed" : "pointer",
+                  fontWeight: 900,
+                  padding: "0.5rem 0.75rem"
+                },
+                type: "button",
+                title: !canPublish ? "You do not have publish permissions." : void 0,
+                children: saving === "published" ? "Publishing\u2026" : "Publish"
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      "iframe",
+      {
+        ref: iframeRef,
+        src: `${builderBasePath.replace(/\/$/, "")}/${pageID}`,
+        style: { border: "none", height: "100%", width: "100%" },
+        title: "Page Builder"
+      }
+    )
+  ] });
+}
+
+// src/admin/components/studio/AdminStudioGlobalsView.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var getPropGlobals = (props) => {
+  if (!props || typeof props !== "object") return null;
+  const direct = props.globals;
+  if (Array.isArray(direct)) return direct;
+  const clientProps = props.clientProps;
+  if (clientProps && typeof clientProps === "object") {
+    const nested = clientProps.globals;
+    if (Array.isArray(nested)) return nested;
+  }
+  return null;
+};
+function AdminStudioGlobalsView(props) {
+  const globals = getPropGlobals(props) || [
+    { slug: "site-settings", label: "Website Settings" },
+    { slug: "header", label: "Header & Navigation" },
+    { slug: "footer", label: "Footer" }
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { padding: "1.2rem 1.2rem 2.5rem" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h1", { style: { margin: 0 }, children: "Globals" }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Site-wide settings." }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: globals.map((global) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+      "a",
+      {
+        href: `/admin/globals/${global.slug}`,
+        style: {
+          background: "var(--theme-elevation-0)",
+          border: "1px solid var(--theme-elevation-150)",
+          borderRadius: 16,
+          color: "inherit",
+          padding: "0.85rem 1rem",
+          textDecoration: "none"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { fontWeight: 900 }, children: global.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.9rem" }, children: [
+            "/admin/globals/",
+            global.slug
+          ] })
+        ]
+      },
+      global.slug
+    )) })
+  ] });
+}
+
+// src/admin/components/studio/AdminStudioMediaView.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var getPropString4 = (props, key, fallback) => {
+  if (!props || typeof props !== "object") return fallback;
+  const direct = props[key];
+  if (typeof direct === "string" && direct.length > 0) return direct;
+  const clientProps = props.clientProps;
+  if (clientProps && typeof clientProps === "object") {
+    const nested = clientProps[key];
+    if (typeof nested === "string" && nested.length > 0) return nested;
+  }
+  return fallback;
+};
+function AdminStudioMediaView(props) {
+  const mediaCollectionSlug = getPropString4(props, "mediaCollectionSlug", "media");
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { padding: "1.2rem 1.2rem 2.5rem" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h1", { style: { margin: 0 }, children: "Media" }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Media management is currently using Payload\u2019s library." }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+      "a",
+      {
+        href: `/admin/collections/${mediaCollectionSlug}`,
+        style: {
+          background: "var(--theme-elevation-0)",
+          border: "1px solid var(--theme-elevation-150)",
+          borderRadius: 16,
+          color: "inherit",
+          padding: "0.85rem 1rem",
+          textDecoration: "none"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { style: { fontWeight: 900 }, children: "Open Media Library" }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.9rem" }, children: [
+            "/admin/collections/",
+            mediaCollectionSlug
+          ] })
+        ]
+      }
+    ) })
+  ] });
+}
+
+// src/admin/components/studio/AdminStudioToolsView.tsx
+var import_ui6 = require("@payloadcms/ui");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var isAdmin4 = (user) => {
+  if (!user || typeof user !== "object") return false;
+  const role = user.role;
+  return typeof role === "string" && role === "admin";
+};
+var getPropString5 = (props, key, fallback) => {
+  if (!props || typeof props !== "object") return fallback;
+  const direct = props[key];
+  if (typeof direct === "string" && direct.length > 0) return direct;
+  const clientProps = props.clientProps;
+  if (clientProps && typeof clientProps === "object") {
+    const nested = clientProps[key];
+    if (typeof nested === "string" && nested.length > 0) return nested;
+  }
+  return fallback;
+};
+function AdminStudioToolsView(props) {
+  const { user } = (0, import_ui6.useAuth)();
+  if (!isAdmin4(user)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { style: { padding: "1.2rem" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h1", { style: { margin: 0 }, children: "Admin Tools" }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { style: { color: "var(--theme-elevation-600)" }, children: "You do not have access to this page." })
+    ] });
+  }
+  const pagesCollectionSlug = getPropString5(props, "pagesCollectionSlug", "pages");
+  const mediaCollectionSlug = getPropString5(props, "mediaCollectionSlug", "media");
+  const links = [
+    { href: `/admin/collections/${pagesCollectionSlug}`, label: "Raw Pages Collection" },
+    { href: `/admin/collections/${mediaCollectionSlug}`, label: "Raw Media Collection" },
+    { href: "/admin/globals/site-settings", label: "Raw Site Settings Global" },
+    { href: "/admin/globals/header", label: "Raw Header Global" },
+    { href: "/admin/globals/footer", label: "Raw Footer Global" },
+    { href: "/admin/collections/users", label: "Users / Roles" }
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { style: { padding: "1.2rem 1.2rem 2.5rem" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h1", { style: { margin: 0 }, children: "Admin Tools" }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Hidden fallback links for administrators." }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+      "a",
+      {
+        href: link.href,
+        style: {
+          background: "var(--theme-elevation-0)",
+          border: "1px solid var(--theme-elevation-150)",
+          borderRadius: 16,
+          color: "inherit",
+          padding: "0.85rem 1rem",
+          textDecoration: "none"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { style: { fontWeight: 900 }, children: link.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.9rem" }, children: link.href })
+        ]
+      },
+      link.href
+    )) })
+  ] });
+}
+
+// src/admin/components/studio/OpenInStudioMenuItem.tsx
+var import_ui7 = require("@payloadcms/ui");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function OpenInStudioMenuItem({ pagesPathBase = "/admin/pages" }) {
+  const documentInfo = (0, import_ui7.useDocumentInfo)();
+  const id = documentInfo?.id;
+  if (!id) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "a",
+    {
+      href: `${pagesPathBase}/${id}`,
+      style: {
+        color: "var(--theme-elevation-800)",
+        display: "block",
+        fontSize: "0.92rem",
+        lineHeight: 1.3,
+        padding: "0.45rem 0.7rem",
+        textDecoration: "none",
+        width: "100%"
+      },
+      children: "Open Editor"
+    }
+  );
+}
+
+// src/admin/components/studio/PageEditRedirectToStudio.tsx
+var import_react13 = require("react");
+var import_ui8 = require("@payloadcms/ui");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+function PageEditRedirectToStudio({ pagesPathBase = "/admin/pages" }) {
+  const documentInfo = (0, import_ui8.useDocumentInfo)();
+  const id = documentInfo?.id;
+  (0, import_react13.useEffect)(() => {
+    if (!id) {
+      return;
+    }
+    window.location.replace(`${pagesPathBase}/${id}`);
+  }, [id, pagesPathBase]);
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    "div",
+    {
+      style: {
+        alignItems: "center",
+        display: "flex",
+        flexDirection: "column",
+        gap: "0.75rem",
+        justifyContent: "center",
+        minHeight: "50vh"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h2", { style: { margin: 0 }, children: "Opening Editor..." }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { style: { color: "var(--theme-elevation-600)", margin: 0 }, children: "Redirecting to the custom page editor." }),
+        id ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("a", { href: `${pagesPathBase}/${id}`, children: "Continue to Editor" }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("a", { href: pagesPathBase, children: "Open Pages" })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AdminStudioDashboard,
+  AdminStudioGlobalsView,
+  AdminStudioMediaView,
+  AdminStudioNav,
+  AdminStudioPageEditView,
+  AdminStudioPagesListView,
+  AdminStudioToolsView,
+  BlockPicker,
+  Dashboard,
+  EmptyState,
+  HelpTooltip,
+  Icon,
+  Logo,
+  OpenInStudioMenuItem,
+  OrionBlocksField,
+  PageEditRedirectToStudio,
+  SectionTabs,
+  StatusBadge,
+  ThemeProvider,
+  ThemeSwitcher,
+  WelcomeHeader,
+  useTheme
+});