@kyro-cms/admin 0.5.3 → 0.5.5

package/dist/index.js

@@ -1,16 +1,16 @@
-import { LuPlus, LuGripVertical, LuX, LuCircleCheck, LuShieldAlert, LuTriangleAlert, LuInfo, LuFileText, LuSettings, LuImage, LuClock, LuFile, LuShield, LuDatabase, LuHexagon, LuNetwork, LuSun, LuMoon, LuLogOut, LuLoaderCircle, LuSearch, LuArrowRight, LuUsers, LuActivity, LuLayoutDashboard, LuArrowUpRight, LuUserPlus, LuLockOpen, LuLock, LuTrash2, LuEllipsisVertical, LuRefreshCcw, LuCheck, LuSave, LuTag, LuPalette, LuSparkles, LuCodeXml, LuKey, LuEyeOff, LuEye, LuCopy, LuTerminal, LuExternalLink, LuCirclePlay, LuChevronRight, LuWebhook, LuZap, LuSend, LuPause, LuPlay, LuRefreshCw, LuGrid3X3, LuMaximize2, LuFolderPlus, LuFolderInput, LuFolder, LuFilm, LuMusic, LuArchive, LuLink, LuDownload, LuCrop, LuAlignLeft, LuChevronUp, LuChevronDown, LuColumns3, LuHeading1, LuMinus, LuVideo, LuList, LuCode, LuArrowDown, LuMousePointerClick, LuStar, LuListOrdered, LuLink2, LuBox } from './chunk-7KPIUCGT.js';
+import { LuPlus, LuGripVertical, LuX, LuCircleCheck, LuShieldAlert, LuTriangleAlert, LuInfo, LuFileText, LuSettings, LuImage, LuClock, LuFile, LuShield, LuDatabase, LuHexagon, LuNetwork, LuSun, LuMoon, LuLogOut, LuLoaderCircle, LuSearch, LuArrowRight, LuUsers, LuActivity, LuLayoutDashboard, LuArrowUpRight, LuUserPlus, LuLockOpen, LuLock, LuTrash2, LuEllipsisVertical, LuRefreshCcw, LuCheck, LuSave, LuTag, LuPalette, LuSparkles, LuCodeXml, LuKey, LuEyeOff, LuEye, LuCopy, LuTerminal, LuExternalLink, LuCirclePlay, LuChevronRight, LuWebhook, LuZap, LuSend, LuPause, LuPlay, LuRefreshCw, LuGrid3X3, LuFile2, LuMaximize2, LuFolderPlus, LuFolderInput, LuFolder, LuFilm, LuMusic, LuArchive, LuLink, LuDownload, LuCrop, LuAlignLeft, LuChevronUp, LuChevronDown, LuColumns3, LuHeading1, LuMinus, LuVideo, LuList, LuCode, LuArrowDown, LuMousePointerClick, LuStar, LuListOrdered, LuLink2, LuBox } from './chunk-EEFXLQVT.js';
 import React17, { lazy, createContext, useState, useMemo, useCallback, useEffect, useRef, useContext, Suspense } from 'react';
 import { create, useStore } from 'zustand';
 import { persist, createJSONStorage } from 'zustand/middleware';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import projectConfig from 'kyro:config';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { mediaCollections, authCollections, minimalCollections, blogCollections, ecommerceCollections, kitchenSinkCollections, allSettingsGlobals, coreSettingsGlobals, ecommerceSettingsGlobals } from '@kyro-cms/core/templates';
-import { createStore, get, set, del, keys, clear } from 'idb-keyval';
+import { createStorage } from 'unstorage';
+import indexedbDriver from 'unstorage/drivers/indexedb';
 import { createPortal } from 'react-dom';
 import '@portabletext/react';
 import { githubLight } from '@uiw/codemirror-theme-github';
 import { aura } from '@uiw/codemirror-theme-aura';
-import { createStore as createStore$1 } from 'zustand/vanilla';
+import { createStore } from 'zustand/vanilla';
 import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, closestCenter, DragOverlay, useDraggable } from '@dnd-kit/core';
 import { useSortable, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
@@ -21,6 +21,9 @@ import 'react-image-crop/dist/ReactCrop.css';
 import '@kyro-cms/core';
 import path from 'path';
 import fs from 'fs';
+import { execSync } from 'child_process';
+import { config } from 'dotenv';
+import { transform } from 'esbuild';
 
 // src/lib/paths.ts
 var adminPath = typeof __KYRO_ADMIN_PATH__ !== "undefined" ? __KYRO_ADMIN_PATH__ : "/admin";
@@ -60,28 +63,28 @@ var paths = {
   resolveAdmin,
   resolveMedia
 };
-var useAuthStore = create((set2) => ({
+var useAuthStore = create((set) => ({
   user: null,
   permissions: null,
   isAuthenticated: false,
   isLoading: true,
   error: null,
-  setUser: (user, permissions = null) => set2({
+  setUser: (user, permissions = null) => set({
     user,
     permissions,
     isAuthenticated: !!user,
     isLoading: false,
     error: null
   }),
-  setLoading: (isLoading) => set2({ isLoading }),
-  setError: (error) => set2({
+  setLoading: (isLoading) => set({ isLoading }),
+  setError: (error) => set({
     error,
     isLoading: false,
     isAuthenticated: false,
     user: null,
     permissions: null
   }),
-  logout: () => set2({
+  logout: () => set({
     user: null,
     permissions: null,
     isAuthenticated: false,
@@ -89,18 +92,18 @@ var useAuthStore = create((set2) => ({
     error: null
   })
 }));
-var useToastStore = create((set2) => ({
+var useToastStore = create((set) => ({
   toasts: [],
   addToast: (type, message) => {
     const id = Math.random().toString(36).substring(7);
-    set2((state) => ({
+    set((state) => ({
       toasts: [...state.toasts, { id, type, message }]
     }));
   },
-  removeToast: (id) => set2((state) => ({
+  removeToast: (id) => set((state) => ({
     toasts: state.toasts.filter((t) => t.id !== id)
   })),
-  clearToasts: () => set2({ toasts: [] })
+  clearToasts: () => set({ toasts: [] })
 }));
 var toast = {
   success: (message) => useToastStore.getState().addToast("success", message),
@@ -110,89 +113,89 @@ var toast = {
 };
 create()(
   persist(
-    (set2) => ({
+    (set) => ({
       mode: "light",
-      setMode: (mode) => set2({ mode }),
-      toggleMode: () => set2((state) => ({ mode: state.mode === "light" ? "dark" : "light" }))
+      setMode: (mode) => set({ mode }),
+      toggleMode: () => set((state) => ({ mode: state.mode === "light" ? "dark" : "light" }))
     }),
     {
       name: "kyro-theme"
     }
   )
 );
-var useUIStore = create((set2) => ({
+var useUIStore = create((set) => ({
   sidebarOpen: true,
-  toggleSidebar: () => set2((state) => ({ sidebarOpen: !state.sidebarOpen })),
-  setSidebarOpen: (open) => set2({ sidebarOpen: open }),
+  toggleSidebar: () => set((state) => ({ sidebarOpen: !state.sidebarOpen })),
+  setSidebarOpen: (open) => set({ sidebarOpen: open }),
   modal: {
     open: false,
     config: null
   },
-  confirm: (config) => set2({
+  confirm: (config) => set({
     modal: {
       open: true,
       config: { ...config, variant: config.variant || "default" }
     }
   }),
-  alert: (config) => set2({
+  alert: (config) => set({
     modal: {
       open: true,
       config: {
         ...config,
         variant: config.variant || "default",
         confirmLabel: config.confirmLabel || "OK",
-        onConfirm: () => set2((s) => ({ modal: { ...s.modal, open: false } }))
+        onConfirm: () => set((s) => ({ modal: { ...s.modal, open: false } }))
       }
     }
   }),
-  closeModal: () => set2((state) => ({
+  closeModal: () => set((state) => ({
     modal: { ...state.modal, open: false },
     activeModal: null
   })),
   activeModal: null,
-  openModal: (modal) => set2({ activeModal: modal })
+  openModal: (modal) => set({ activeModal: modal })
 }));
-create((set2) => ({
+create((set) => ({
   editor: null,
-  setEditor: (editor) => set2({ editor }),
+  setEditor: (editor) => set({ editor }),
   blockDrawerOpen: false,
-  openBlockDrawer: (options) => set2({
+  openBlockDrawer: (options) => set({
     blockDrawerOpen: true,
     pendingInsert: { pos: null, column: options?.targetColumn ?? null }
   }),
-  closeBlockDrawer: () => set2({
+  closeBlockDrawer: () => set({
     blockDrawerOpen: false,
     pendingInsert: { pos: null, column: null }
   }),
-  toggleBlockDrawer: () => set2((state) => ({ blockDrawerOpen: !state.blockDrawerOpen })),
+  toggleBlockDrawer: () => set((state) => ({ blockDrawerOpen: !state.blockDrawerOpen })),
   selectedBlock: null,
-  setSelectedBlock: (block3) => set2({ selectedBlock: block3 }),
+  setSelectedBlock: (block3) => set({ selectedBlock: block3 }),
   pendingInsert: { pos: null, column: null },
-  setPendingInsert: (pos, column) => set2({ pendingInsert: { pos, column: column ?? null } }),
-  clearPendingInsert: () => set2({ pendingInsert: { pos: null, column: null } })
+  setPendingInsert: (pos, column) => set({ pendingInsert: { pos, column: column ?? null } }),
+  clearPendingInsert: () => set({ pendingInsert: { pos: null, column: null } })
 }));
-create((set2, get2) => ({
+create((set, get) => ({
   cache: {},
-  setCache: (key, data) => set2((state) => ({
+  setCache: (key, data) => set((state) => ({
     cache: {
       ...state.cache,
       [key]: { data, loading: false, error: null, lastFetch: Date.now() }
     }
   })),
-  setLoading: (key, loading) => set2((state) => ({
+  setLoading: (key, loading) => set((state) => ({
     cache: {
       ...state.cache,
       [key]: { ...state.cache[key], loading, error: null }
     }
   })),
-  setError: (key, error) => set2((state) => ({
+  setError: (key, error) => set((state) => ({
     cache: {
       ...state.cache,
       [key]: { data: null, loading: false, error, lastFetch: null }
     }
   })),
-  getCache: (key) => get2().cache[key] || null,
-  invalidateCache: (key) => set2((state) => {
+  getCache: (key) => get().cache[key] || null,
+  invalidateCache: (key) => set((state) => {
     if (key) {
       const { [key]: _, ...rest } = state.cache;
       return { cache: rest };
@@ -393,27 +396,23 @@ async function apiUpload(url, body, onProgress) {
     xhr.send(body);
   });
 }
-function Spinner({ size = "md", className = "" }) {
-  return /* @__PURE__ */ jsx(
-    "svg",
+function Shimmer({ variant, count = 1, className = "" }) {
+  const variants = {
+    text: "h-3 rounded-md",
+    circle: "size-10 rounded-full",
+    rect: "h-10 rounded-xl",
+    card: "h-32 rounded-2xl",
+    "table-row": "h-14 rounded-xl",
+    "media-card": "aspect-square rounded-2xl",
+    "stat-card": "h-24 rounded-2xl"
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx(
+    "div",
     {
-      className: `kyro-spinner kyro-spinner-${size} ${className}`,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      children: /* @__PURE__ */ jsx(
-        "circle",
-        {
-          cx: "12",
-          cy: "12",
-          r: "10",
-          stroke: "currentColor",
-          strokeWidth: "3",
-          strokeLinecap: "round",
-          strokeDasharray: "40 20"
-        }
-      )
-    }
-  );
+      className: `kyro-shimmer ${variants[variant]} ${className}`
+    },
+    i
+  )) });
 }
 function PageHeader({
   title,
@@ -1051,7 +1050,7 @@ function ListView({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "surface-tile overflow-hidden", children: loading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-20", children: /* @__PURE__ */ jsx(Spinner, {}) }) : docs.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-16 px-8", children: [
+    /* @__PURE__ */ jsx("div", { className: "surface-tile overflow-hidden", children: loading ? /* @__PURE__ */ jsx("div", { className: "space-y-2 p-4", children: /* @__PURE__ */ jsx(Shimmer, { variant: "table-row", count: 8 }) }) : docs.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-16 px-8", children: [
       /* @__PURE__ */ jsx("div", { className: "w-16 h-16 rounded-2xl bg-[var(--kyro-surface-accent)] flex items-center justify-center mb-4", children: /* @__PURE__ */ jsx(
         "svg",
         {
@@ -1425,6 +1424,8 @@ function createProjectAdminConfig(config) {
     globals: toGlobalMap(projectGlobals)
   };
 }
+var global = globalThis;
+var projectConfig = global.__KYRO_ADMIN_PROJECT_CONFIG__ || {};
 var adminConfig = createProjectAdminConfig(projectConfig);
 var collections = adminConfig.collections;
 var globals = adminConfig.globals;
@@ -1432,659 +1433,6 @@ var authCollectionSlugs = ["users", "audit_logs"];
 Object.values(collections).filter(
   (c) => !authCollectionSlugs.includes(c.slug)
 );
-
-// ../node_modules/.pnpm/destr@2.0.5/node_modules/destr/dist/index.mjs
-var suspectProtoRx = /"(?:_|\\u0{2}5[Ff]){2}(?:p|\\u0{2}70)(?:r|\\u0{2}72)(?:o|\\u0{2}6[Ff])(?:t|\\u0{2}74)(?:o|\\u0{2}6[Ff])(?:_|\\u0{2}5[Ff]){2}"\s*:/;
-var suspectConstructorRx = /"(?:c|\\u0063)(?:o|\\u006[Ff])(?:n|\\u006[Ee])(?:s|\\u0073)(?:t|\\u0074)(?:r|\\u0072)(?:u|\\u0075)(?:c|\\u0063)(?:t|\\u0074)(?:o|\\u006[Ff])(?:r|\\u0072)"\s*:/;
-var JsonSigRx = /^\s*["[{]|^\s*-?\d{1,16}(\.\d{1,17})?([Ee][+-]?\d+)?\s*$/;
-function jsonParseTransform(key, value) {
-  if (key === "__proto__" || key === "constructor" && value && typeof value === "object" && "prototype" in value) {
-    warnKeyDropped(key);
-    return;
-  }
-  return value;
-}
-function warnKeyDropped(key) {
-  console.warn(`[destr] Dropping "${key}" key to prevent prototype pollution.`);
-}
-function destr(value, options = {}) {
-  if (typeof value !== "string") {
-    return value;
-  }
-  if (value[0] === '"' && value[value.length - 1] === '"' && value.indexOf("\\") === -1) {
-    return value.slice(1, -1);
-  }
-  const _value = value.trim();
-  if (_value.length <= 9) {
-    switch (_value.toLowerCase()) {
-      case "true": {
-        return true;
-      }
-      case "false": {
-        return false;
-      }
-      case "undefined": {
-        return void 0;
-      }
-      case "null": {
-        return null;
-      }
-      case "nan": {
-        return Number.NaN;
-      }
-      case "infinity": {
-        return Number.POSITIVE_INFINITY;
-      }
-      case "-infinity": {
-        return Number.NEGATIVE_INFINITY;
-      }
-    }
-  }
-  if (!JsonSigRx.test(value)) {
-    if (options.strict) {
-      throw new SyntaxError("[destr] Invalid JSON");
-    }
-    return value;
-  }
-  try {
-    if (suspectProtoRx.test(value) || suspectConstructorRx.test(value)) {
-      if (options.strict) {
-        throw new Error("[destr] Possible prototype pollution");
-      }
-      return JSON.parse(value, jsonParseTransform);
-    }
-    return JSON.parse(value);
-  } catch (error) {
-    if (options.strict) {
-      throw error;
-    }
-    return value;
-  }
-}
-
-// ../node_modules/.pnpm/unstorage@1.17.5_idb-keyval@6.2.2_ioredis@5.10.1/node_modules/unstorage/dist/shared/unstorage.zVDD2mZo.mjs
-function wrapToPromise(value) {
-  if (!value || typeof value.then !== "function") {
-    return Promise.resolve(value);
-  }
-  return value;
-}
-function asyncCall(function_, ...arguments_) {
-  try {
-    return wrapToPromise(function_(...arguments_));
-  } catch (error) {
-    return Promise.reject(error);
-  }
-}
-function isPrimitive(value) {
-  const type = typeof value;
-  return value === null || type !== "object" && type !== "function";
-}
-function isPureObject(value) {
-  const proto = Object.getPrototypeOf(value);
-  return !proto || proto.isPrototypeOf(Object);
-}
-function stringify(value) {
-  if (isPrimitive(value)) {
-    return String(value);
-  }
-  if (isPureObject(value) || Array.isArray(value)) {
-    return JSON.stringify(value);
-  }
-  if (typeof value.toJSON === "function") {
-    return stringify(value.toJSON());
-  }
-  throw new Error("[unstorage] Cannot stringify value!");
-}
-var BASE64_PREFIX = "base64:";
-function serializeRaw(value) {
-  if (typeof value === "string") {
-    return value;
-  }
-  return BASE64_PREFIX + base64Encode(value);
-}
-function deserializeRaw(value) {
-  if (typeof value !== "string") {
-    return value;
-  }
-  if (!value.startsWith(BASE64_PREFIX)) {
-    return value;
-  }
-  return base64Decode(value.slice(BASE64_PREFIX.length));
-}
-function base64Decode(input) {
-  if (globalThis.Buffer) {
-    return Buffer.from(input, "base64");
-  }
-  return Uint8Array.from(
-    globalThis.atob(input),
-    (c) => c.codePointAt(0)
-  );
-}
-function base64Encode(input) {
-  if (globalThis.Buffer) {
-    return Buffer.from(input).toString("base64");
-  }
-  return globalThis.btoa(String.fromCodePoint(...input));
-}
-function normalizeKey(key) {
-  if (!key) {
-    return "";
-  }
-  return key.split("?")[0]?.replace(/[/\\]/g, ":").replace(/:+/g, ":").replace(/^:|:$/g, "") || "";
-}
-function joinKeys(...keys2) {
-  return normalizeKey(keys2.join(":"));
-}
-function normalizeBaseKey(base) {
-  base = normalizeKey(base);
-  return base ? base + ":" : "";
-}
-function filterKeyByDepth(key, depth) {
-  if (depth === void 0) {
-    return true;
-  }
-  let substrCount = 0;
-  let index = key.indexOf(":");
-  while (index > -1) {
-    substrCount++;
-    index = key.indexOf(":", index + 1);
-  }
-  return substrCount <= depth;
-}
-function filterKeyByBase(key, base) {
-  if (base) {
-    return key.startsWith(base) && key[key.length - 1] !== "$";
-  }
-  return key[key.length - 1] !== "$";
-}
-
-// ../node_modules/.pnpm/unstorage@1.17.5_idb-keyval@6.2.2_ioredis@5.10.1/node_modules/unstorage/dist/index.mjs
-function defineDriver(factory) {
-  return factory;
-}
-var DRIVER_NAME = "memory";
-var memory = defineDriver(() => {
-  const data = /* @__PURE__ */ new Map();
-  return {
-    name: DRIVER_NAME,
-    getInstance: () => data,
-    hasItem(key) {
-      return data.has(key);
-    },
-    getItem(key) {
-      return data.get(key) ?? null;
-    },
-    getItemRaw(key) {
-      return data.get(key) ?? null;
-    },
-    setItem(key, value) {
-      data.set(key, value);
-    },
-    setItemRaw(key, value) {
-      data.set(key, value);
-    },
-    removeItem(key) {
-      data.delete(key);
-    },
-    getKeys() {
-      return [...data.keys()];
-    },
-    clear() {
-      data.clear();
-    },
-    dispose() {
-      data.clear();
-    }
-  };
-});
-function createStorage(options = {}) {
-  const context = {
-    mounts: { "": options.driver || memory() },
-    mountpoints: [""],
-    watching: false,
-    watchListeners: [],
-    unwatch: {}
-  };
-  const getMount = (key) => {
-    for (const base of context.mountpoints) {
-      if (key.startsWith(base)) {
-        return {
-          base,
-          relativeKey: key.slice(base.length),
-          driver: context.mounts[base]
-        };
-      }
-    }
-    return {
-      base: "",
-      relativeKey: key,
-      driver: context.mounts[""]
-    };
-  };
-  const getMounts = (base, includeParent) => {
-    return context.mountpoints.filter(
-      (mountpoint) => mountpoint.startsWith(base) || includeParent && base.startsWith(mountpoint)
-    ).map((mountpoint) => ({
-      relativeBase: base.length > mountpoint.length ? base.slice(mountpoint.length) : void 0,
-      mountpoint,
-      driver: context.mounts[mountpoint]
-    }));
-  };
-  const onChange = (event, key) => {
-    if (!context.watching) {
-      return;
-    }
-    key = normalizeKey(key);
-    for (const listener of context.watchListeners) {
-      listener(event, key);
-    }
-  };
-  const startWatch = async () => {
-    if (context.watching) {
-      return;
-    }
-    context.watching = true;
-    for (const mountpoint in context.mounts) {
-      context.unwatch[mountpoint] = await watch(
-        context.mounts[mountpoint],
-        onChange,
-        mountpoint
-      );
-    }
-  };
-  const stopWatch = async () => {
-    if (!context.watching) {
-      return;
-    }
-    for (const mountpoint in context.unwatch) {
-      await context.unwatch[mountpoint]();
-    }
-    context.unwatch = {};
-    context.watching = false;
-  };
-  const runBatch = (items, commonOptions, cb) => {
-    const batches = /* @__PURE__ */ new Map();
-    const getBatch = (mount) => {
-      let batch = batches.get(mount.base);
-      if (!batch) {
-        batch = {
-          driver: mount.driver,
-          base: mount.base,
-          items: []
-        };
-        batches.set(mount.base, batch);
-      }
-      return batch;
-    };
-    for (const item of items) {
-      const isStringItem = typeof item === "string";
-      const key = normalizeKey(isStringItem ? item : item.key);
-      const value = isStringItem ? void 0 : item.value;
-      const options2 = isStringItem || !item.options ? commonOptions : { ...commonOptions, ...item.options };
-      const mount = getMount(key);
-      getBatch(mount).items.push({
-        key,
-        value,
-        relativeKey: mount.relativeKey,
-        options: options2
-      });
-    }
-    return Promise.all([...batches.values()].map((batch) => cb(batch))).then(
-      (r) => r.flat()
-    );
-  };
-  const storage = {
-    // Item
-    hasItem(key, opts = {}) {
-      key = normalizeKey(key);
-      const { relativeKey, driver } = getMount(key);
-      return asyncCall(driver.hasItem, relativeKey, opts);
-    },
-    getItem(key, opts = {}) {
-      key = normalizeKey(key);
-      const { relativeKey, driver } = getMount(key);
-      return asyncCall(driver.getItem, relativeKey, opts).then(
-        (value) => destr(value)
-      );
-    },
-    getItems(items, commonOptions = {}) {
-      return runBatch(items, commonOptions, (batch) => {
-        if (batch.driver.getItems) {
-          return asyncCall(
-            batch.driver.getItems,
-            batch.items.map((item) => ({
-              key: item.relativeKey,
-              options: item.options
-            })),
-            commonOptions
-          ).then(
-            (r) => r.map((item) => ({
-              key: joinKeys(batch.base, item.key),
-              value: destr(item.value)
-            }))
-          );
-        }
-        return Promise.all(
-          batch.items.map((item) => {
-            return asyncCall(
-              batch.driver.getItem,
-              item.relativeKey,
-              item.options
-            ).then((value) => ({
-              key: item.key,
-              value: destr(value)
-            }));
-          })
-        );
-      });
-    },
-    getItemRaw(key, opts = {}) {
-      key = normalizeKey(key);
-      const { relativeKey, driver } = getMount(key);
-      if (driver.getItemRaw) {
-        return asyncCall(driver.getItemRaw, relativeKey, opts);
-      }
-      return asyncCall(driver.getItem, relativeKey, opts).then(
-        (value) => deserializeRaw(value)
-      );
-    },
-    async setItem(key, value, opts = {}) {
-      if (value === void 0) {
-        return storage.removeItem(key);
-      }
-      key = normalizeKey(key);
-      const { relativeKey, driver } = getMount(key);
-      if (!driver.setItem) {
-        return;
-      }
-      await asyncCall(driver.setItem, relativeKey, stringify(value), opts);
-      if (!driver.watch) {
-        onChange("update", key);
-      }
-    },
-    async setItems(items, commonOptions) {
-      await runBatch(items, commonOptions, async (batch) => {
-        if (batch.driver.setItems) {
-          return asyncCall(
-            batch.driver.setItems,
-            batch.items.map((item) => ({
-              key: item.relativeKey,
-              value: stringify(item.value),
-              options: item.options
-            })),
-            commonOptions
-          );
-        }
-        if (!batch.driver.setItem) {
-          return;
-        }
-        await Promise.all(
-          batch.items.map((item) => {
-            return asyncCall(
-              batch.driver.setItem,
-              item.relativeKey,
-              stringify(item.value),
-              item.options
-            );
-          })
-        );
-      });
-    },
-    async setItemRaw(key, value, opts = {}) {
-      if (value === void 0) {
-        return storage.removeItem(key, opts);
-      }
-      key = normalizeKey(key);
-      const { relativeKey, driver } = getMount(key);
-      if (driver.setItemRaw) {
-        await asyncCall(driver.setItemRaw, relativeKey, value, opts);
-      } else if (driver.setItem) {
-        await asyncCall(driver.setItem, relativeKey, serializeRaw(value), opts);
-      } else {
-        return;
-      }
-      if (!driver.watch) {
-        onChange("update", key);
-      }
-    },
-    async removeItem(key, opts = {}) {
-      if (typeof opts === "boolean") {
-        opts = { removeMeta: opts };
-      }
-      key = normalizeKey(key);
-      const { relativeKey, driver } = getMount(key);
-      if (!driver.removeItem) {
-        return;
-      }
-      await asyncCall(driver.removeItem, relativeKey, opts);
-      if (opts.removeMeta || opts.removeMata) {
-        await asyncCall(driver.removeItem, relativeKey + "$", opts);
-      }
-      if (!driver.watch) {
-        onChange("remove", key);
-      }
-    },
-    // Meta
-    async getMeta(key, opts = {}) {
-      if (typeof opts === "boolean") {
-        opts = { nativeOnly: opts };
-      }
-      key = normalizeKey(key);
-      const { relativeKey, driver } = getMount(key);
-      const meta = /* @__PURE__ */ Object.create(null);
-      if (driver.getMeta) {
-        Object.assign(meta, await asyncCall(driver.getMeta, relativeKey, opts));
-      }
-      if (!opts.nativeOnly) {
-        const value = await asyncCall(
-          driver.getItem,
-          relativeKey + "$",
-          opts
-        ).then((value_) => destr(value_));
-        if (value && typeof value === "object") {
-          if (typeof value.atime === "string") {
-            value.atime = new Date(value.atime);
-          }
-          if (typeof value.mtime === "string") {
-            value.mtime = new Date(value.mtime);
-          }
-          Object.assign(meta, value);
-        }
-      }
-      return meta;
-    },
-    setMeta(key, value, opts = {}) {
-      return this.setItem(key + "$", value, opts);
-    },
-    removeMeta(key, opts = {}) {
-      return this.removeItem(key + "$", opts);
-    },
-    // Keys
-    async getKeys(base, opts = {}) {
-      base = normalizeBaseKey(base);
-      const mounts = getMounts(base, true);
-      let maskedMounts = [];
-      const allKeys = [];
-      let allMountsSupportMaxDepth = true;
-      for (const mount of mounts) {
-        if (!mount.driver.flags?.maxDepth) {
-          allMountsSupportMaxDepth = false;
-        }
-        const rawKeys = await asyncCall(
-          mount.driver.getKeys,
-          mount.relativeBase,
-          opts
-        );
-        for (const key of rawKeys) {
-          const fullKey = mount.mountpoint + normalizeKey(key);
-          if (!maskedMounts.some((p) => fullKey.startsWith(p))) {
-            allKeys.push(fullKey);
-          }
-        }
-        maskedMounts = [
-          mount.mountpoint,
-          ...maskedMounts.filter((p) => !p.startsWith(mount.mountpoint))
-        ];
-      }
-      const shouldFilterByDepth = opts.maxDepth !== void 0 && !allMountsSupportMaxDepth;
-      return allKeys.filter(
-        (key) => (!shouldFilterByDepth || filterKeyByDepth(key, opts.maxDepth)) && filterKeyByBase(key, base)
-      );
-    },
-    // Utils
-    async clear(base, opts = {}) {
-      base = normalizeBaseKey(base);
-      await Promise.all(
-        getMounts(base, false).map(async (m) => {
-          if (m.driver.clear) {
-            return asyncCall(m.driver.clear, m.relativeBase, opts);
-          }
-          if (m.driver.removeItem) {
-            const keys2 = await m.driver.getKeys(m.relativeBase || "", opts);
-            return Promise.all(
-              keys2.map((key) => m.driver.removeItem(key, opts))
-            );
-          }
-        })
-      );
-    },
-    async dispose() {
-      await Promise.all(
-        Object.values(context.mounts).map((driver) => dispose(driver))
-      );
-    },
-    async watch(callback) {
-      await startWatch();
-      context.watchListeners.push(callback);
-      return async () => {
-        context.watchListeners = context.watchListeners.filter(
-          (listener) => listener !== callback
-        );
-        if (context.watchListeners.length === 0) {
-          await stopWatch();
-        }
-      };
-    },
-    async unwatch() {
-      context.watchListeners = [];
-      await stopWatch();
-    },
-    // Mount
-    mount(base, driver) {
-      base = normalizeBaseKey(base);
-      if (base && context.mounts[base]) {
-        throw new Error(`already mounted at ${base}`);
-      }
-      if (base) {
-        context.mountpoints.push(base);
-        context.mountpoints.sort((a, b) => b.length - a.length);
-      }
-      context.mounts[base] = driver;
-      if (context.watching) {
-        Promise.resolve(watch(driver, onChange, base)).then((unwatcher) => {
-          context.unwatch[base] = unwatcher;
-        }).catch(console.error);
-      }
-      return storage;
-    },
-    async unmount(base, _dispose = true) {
-      base = normalizeBaseKey(base);
-      if (!base || !context.mounts[base]) {
-        return;
-      }
-      if (context.watching && base in context.unwatch) {
-        context.unwatch[base]?.();
-        delete context.unwatch[base];
-      }
-      if (_dispose) {
-        await dispose(context.mounts[base]);
-      }
-      context.mountpoints = context.mountpoints.filter((key) => key !== base);
-      delete context.mounts[base];
-    },
-    getMount(key = "") {
-      key = normalizeKey(key) + ":";
-      const m = getMount(key);
-      return {
-        driver: m.driver,
-        base: m.base
-      };
-    },
-    getMounts(base = "", opts = {}) {
-      base = normalizeKey(base);
-      const mounts = getMounts(base, opts.parents);
-      return mounts.map((m) => ({
-        driver: m.driver,
-        base: m.mountpoint
-      }));
-    },
-    // Aliases
-    keys: (base, opts = {}) => storage.getKeys(base, opts),
-    get: (key, opts = {}) => storage.getItem(key, opts),
-    set: (key, value, opts = {}) => storage.setItem(key, value, opts),
-    has: (key, opts = {}) => storage.hasItem(key, opts),
-    del: (key, opts = {}) => storage.removeItem(key, opts),
-    remove: (key, opts = {}) => storage.removeItem(key, opts)
-  };
-  return storage;
-}
-function watch(driver, onChange, base) {
-  return driver.watch ? driver.watch((event, key) => onChange(event, base + key)) : () => {
-  };
-}
-async function dispose(driver) {
-  if (typeof driver.dispose === "function") {
-    await asyncCall(driver.dispose);
-  }
-}
-
-// ../node_modules/.pnpm/unstorage@1.17.5_idb-keyval@6.2.2_ioredis@5.10.1/node_modules/unstorage/drivers/utils/index.mjs
-function defineDriver2(factory) {
-  return factory;
-}
-var DRIVER_NAME2 = "idb-keyval";
-var indexedb_default = defineDriver2((opts = {}) => {
-  const base = opts.base && opts.base.length > 0 ? `${opts.base}:` : "";
-  const makeKey = (key) => base + key;
-  let customStore;
-  if (opts.dbName && opts.storeName) {
-    customStore = createStore(opts.dbName, opts.storeName);
-  }
-  return {
-    name: DRIVER_NAME2,
-    options: opts,
-    async hasItem(key) {
-      const item = await get(makeKey(key), customStore);
-      return item === void 0 ? false : true;
-    },
-    async getItem(key) {
-      const item = await get(makeKey(key), customStore);
-      return item ?? null;
-    },
-    async getItemRaw(key) {
-      const item = await get(makeKey(key), customStore);
-      return item ?? null;
-    },
-    setItem(key, value) {
-      return set(makeKey(key), value, customStore);
-    },
-    setItemRaw(key, value) {
-      return set(makeKey(key), value, customStore);
-    },
-    removeItem(key) {
-      return del(makeKey(key), customStore);
-    },
-    getKeys() {
-      return keys(customStore);
-    },
-    clear() {
-      return clear(customStore);
-    }
-  };
-});
-
-// src/lib/autoform-store.ts
 var storageInstance = null;
 var storageReady = false;
 var getStorage = async () => {
@@ -2092,7 +1440,7 @@ var getStorage = async () => {
     return storageInstance;
   }
   storageInstance = createStorage({
-    driver: indexedb_default({
+    driver: indexedbDriver({
       dbName: "kyro-autosave",
       storeName: "autosave"
     })
@@ -2143,7 +1491,7 @@ var createAutoFormStorage = () => {
 };
 var useAutoFormStore = create()(
   persist(
-    (set2, get2) => ({
+    (set, get) => ({
       // Initial persisted state
       formData: {},
       lastSavedData: {},
@@ -2175,7 +1523,7 @@ var useAutoFormStore = create()(
         if (field3 === "blocks") {
           console.log("autoform setField blocks: value=", value);
         }
-        set2((state) => ({
+        set((state) => ({
           formData: {
             ...state.formData,
             [field3]: value
@@ -2183,85 +1531,85 @@ var useAutoFormStore = create()(
         }));
       },
       setFormData: (data) => {
-        set2({ formData: data });
+        set({ formData: data });
       },
       setNestedField: (path2, value) => {
-        set2((state) => {
-          const keys2 = path2.split(".");
+        set((state) => {
+          const keys = path2.split(".");
           const newFormData = { ...state.formData };
           let current = newFormData;
-          for (let i = 0; i < keys2.length - 1; i++) {
-            if (current[keys2[i]] === void 0) {
-              current[keys2[i]] = {};
+          for (let i = 0; i < keys.length - 1; i++) {
+            if (current[keys[i]] === void 0) {
+              current[keys[i]] = {};
             }
-            current[keys2[i]] = { ...current[keys2[i]] };
-            current = current[keys2[i]];
+            current[keys[i]] = { ...current[keys[i]] };
+            current = current[keys[i]];
           }
-          current[keys2[keys2.length - 1]] = value;
+          current[keys[keys.length - 1]] = value;
           return { formData: newFormData };
         });
       },
       // UI state actions
-      setActiveTab: (tab) => set2({ activeTab: tab }),
-      setIsSlugLocked: (locked) => set2((state) => ({
+      setActiveTab: (tab) => set({ activeTab: tab }),
+      setIsSlugLocked: (locked) => set((state) => ({
         isSlugLocked: typeof locked === "function" ? locked(state.isSlugLocked) : locked
       })),
-      setView: (view) => set2({ view }),
-      setIsDropdownOpen: (open) => set2((state) => ({
+      setView: (view) => set({ view }),
+      setIsDropdownOpen: (open) => set((state) => ({
         isDropdownOpen: typeof open === "function" ? open(state.isDropdownOpen) : open
       })),
-      setVersions: (versions) => set2({ versions }),
-      setLoadingVersions: (loading) => set2({ loadingVersions: loading }),
-      setShowPreview: (show) => set2((state) => ({
+      setVersions: (versions) => set({ versions }),
+      setLoadingVersions: (loading) => set({ loadingVersions: loading }),
+      setShowPreview: (show) => set((state) => ({
         showPreview: typeof show === "function" ? show(state.showPreview) : show
       })),
-      setIsMenuOpen: (open) => set2((state) => ({
+      setIsMenuOpen: (open) => set((state) => ({
         isMenuOpen: typeof open === "function" ? open(state.isMenuOpen) : open
       })),
-      setHasUnsavedChanges: (hasChanges) => set2({ hasUnsavedChanges: hasChanges }),
-      setLoadingFields: (fields2) => set2((state) => ({
+      setHasUnsavedChanges: (hasChanges) => set({ hasUnsavedChanges: hasChanges }),
+      setLoadingFields: (fields2) => set((state) => ({
         loadingFields: typeof fields2 === "function" ? fields2(state.loadingFields) : fields2
       })),
-      updateLoadingField: (field3, loading) => set2((state) => ({
+      updateLoadingField: (field3, loading) => set((state) => ({
         loadingFields: { ...state.loadingFields, [field3]: loading }
       })),
-      setCompareMode: (mode) => set2({ compareMode: mode }),
-      setCompareSelected: (selected) => set2((state) => ({
+      setCompareMode: (mode) => set({ compareMode: mode }),
+      setCompareSelected: (selected) => set((state) => ({
         compareSelected: typeof selected === "function" ? selected(state.compareSelected) : selected
       })),
-      setCompareDiffs: (diffs) => set2({ compareDiffs: diffs }),
-      setLoadingDiffs: (loading) => set2({ loadingDiffs: loading }),
-      setIsAutoSaving: (saving) => set2({ isAutoSaving: saving }),
-      setAutoSaveStatus: (status) => set2({ autoSaveStatus: status }),
-      setSidebarCollapsed: (collapsed) => set2({ sidebarCollapsed: collapsed }),
+      setCompareDiffs: (diffs) => set({ compareDiffs: diffs }),
+      setLoadingDiffs: (loading) => set({ loadingDiffs: loading }),
+      setIsAutoSaving: (saving) => set({ isAutoSaving: saving }),
+      setAutoSaveStatus: (status) => set({ autoSaveStatus: status }),
+      setSidebarCollapsed: (collapsed) => set({ sidebarCollapsed: collapsed }),
       // Auto-save actions
-      setAutoSaveSkip: (skip) => set2({ autoSaveSkip: skip }),
-      setLastAutoSaveTime: (time) => set2({ lastAutoSaveTime: time }),
+      setAutoSaveSkip: (skip) => set({ autoSaveSkip: skip }),
+      setLastAutoSaveTime: (time) => set({ lastAutoSaveTime: time }),
       startAutoSaveTimer: (callback, delay) => {
-        const { autoSaveTimer } = get2();
+        const { autoSaveTimer } = get();
         if (autoSaveTimer) {
           clearTimeout(autoSaveTimer);
         }
         const timer = setTimeout(callback, delay);
-        set2({ autoSaveTimer: timer });
+        set({ autoSaveTimer: timer });
       },
       clearAutoSaveTimer: () => {
-        const { autoSaveTimer } = get2();
+        const { autoSaveTimer } = get();
         if (autoSaveTimer) {
           clearTimeout(autoSaveTimer);
-          set2({ autoSaveTimer: null });
+          set({ autoSaveTimer: null });
         }
       },
       // Data management
       markSaved: () => {
-        const { formData } = get2();
-        set2({ lastSavedData: formData, hasUnsavedChanges: false });
+        const { formData } = get();
+        set({ lastSavedData: formData, hasUnsavedChanges: false });
       },
       setLastSavedData: (data) => {
-        set2({ lastSavedData: data });
+        set({ lastSavedData: data });
       },
       resetForm: () => {
-        set2({
+        set({
           formData: {},
           lastSavedData: {},
           hasUnsavedChanges: false,
@@ -2269,14 +1617,14 @@ var useAutoFormStore = create()(
         });
       },
       loadDocument: (data, lastSaved) => {
-        set2({
+        set({
           formData: data,
           lastSavedData: lastSaved || data,
           hasUnsavedChanges: false
         });
       },
       updateTabData: (tabName, newTabData) => {
-        const { formData } = get2();
+        const { formData } = get();
         const tabData = formData[tabName] || {};
         let updatedTab;
         if (Array.isArray(newTabData)) {
@@ -2286,7 +1634,7 @@ var useAutoFormStore = create()(
         } else {
           updatedTab = newTabData;
         }
-        set2((state) => ({
+        set((state) => ({
           formData: {
             ...state.formData,
             [tabName]: updatedTab
@@ -2295,12 +1643,12 @@ var useAutoFormStore = create()(
       },
       // Computed values
       getField: (field3) => {
-        return get2().formData[field3];
+        return get().formData[field3];
       },
       getNestedField: (path2) => {
-        const keys2 = path2.split(".");
-        let current = get2().formData;
-        for (const key of keys2) {
+        const keys = path2.split(".");
+        let current = get().formData;
+        for (const key of keys) {
           if (current === void 0 || current === null)
             return void 0;
           current = current[key];
@@ -2308,17 +1656,17 @@ var useAutoFormStore = create()(
         return current;
       },
       getHasChanges: () => {
-        const { formData, lastSavedData } = get2();
+        const { formData, lastSavedData } = get();
         return JSON.stringify(formData) !== JSON.stringify(lastSavedData);
       },
-      setDraftCache: (documentKey, draft) => set2((state) => ({
+      setDraftCache: (documentKey, draft) => set((state) => ({
         draftCache: {
           ...state.draftCache,
           [documentKey]: draft
         }
       })),
-      getDraftCache: (documentKey) => get2().draftCache[documentKey] || null,
-      clearDraftCache: (documentKey) => set2((state) => {
+      getDraftCache: (documentKey) => get().draftCache[documentKey] || null,
+      clearDraftCache: (documentKey) => set((state) => {
         const next = { ...state.draftCache };
         delete next[documentKey];
         return { draftCache: next };
@@ -2659,10 +2007,27 @@ function useAutoFormState({
     onActionSuccess,
     setFormData
   ]);
+  function findFieldDeep(fields2, name) {
+    for (const f of fields2) {
+      if (f.name === name && f.admin?.autoGenerate === "title")
+        return f;
+      if (f.type === "tabs" && "tabs" in f) {
+        for (const tab of f.tabs) {
+          const found = findFieldDeep(tab.fields, name);
+          if (found)
+            return found;
+        }
+      }
+      if ((f.type === "group" || f.type === "collapsible") && "fields" in f) {
+        const found = findFieldDeep(f.fields, name);
+        if (found)
+          return found;
+      }
+    }
+    return void 0;
+  }
   useEffect(() => {
-    const metaTitleField = config.fields.find(
-      (f) => f.name === "metaTitle" && f.admin?.autoGenerate === "title"
-    );
+    const metaTitleField = findFieldDeep(config.fields, "metaTitle");
     if (!metaTitleField)
       return;
     let titleValue = "";
@@ -3487,7 +2852,7 @@ function MediaPickerContent({
     }
   );
 }
-var EditorLazy = lazy(() => import('./EditorClient-XEUOVAAC.js'));
+var EditorLazy = lazy(() => import('./EditorClient-T5PASFNR.js'));
 function toPortableTextArray(value) {
   if (Array.isArray(value)) {
     if (value.length > 0 && value[0] && typeof value[0] === "object" && "_type" in value[0]) {
@@ -4703,30 +4068,30 @@ function RelationshipField({
 var RelationshipField_default = RelationshipField;
 var BlocksContext = createContext(null);
 function createBlocksStore() {
-  return createStore$1((set2, get2) => ({
+  return createStore((set, get) => ({
     blocks: [],
     setBlocks: (blocks2) => {
       const ensuredBlocks = ensureIds(blocks2 || []);
-      set2({ blocks: ensuredBlocks });
+      set({ blocks: ensuredBlocks });
     },
     onBlocksChange: null,
-    setOnBlocksChange: (cb) => set2({ onBlocksChange: cb }),
+    setOnBlocksChange: (cb) => set({ onBlocksChange: cb }),
     addBlock: (type, index) => {
       const newBlock = createNewBlock(type);
-      const { blocks: blocks2 } = get2();
+      const { blocks: blocks2 } = get();
       const newBlocks = [...blocks2];
       if (index !== void 0) {
         newBlocks.splice(index, 0, newBlock);
       } else {
         newBlocks.push(newBlock);
       }
-      set2({ blocks: newBlocks });
-      const { onBlocksChange } = get2();
+      set({ blocks: newBlocks });
+      const { onBlocksChange } = get();
       if (onBlocksChange)
         onBlocksChange();
     },
     updateBlock: (id, data) => {
-      const { blocks: blocks2 } = get2();
+      const { blocks: blocks2 } = get();
       const newBlocks = traverseBlocks(blocks2, (blocksList) => {
         const index = blocksList.findIndex((b) => b.id === id);
         if (index !== -1) {
@@ -4737,8 +4102,8 @@ function createBlocksStore() {
         return { newList: blocksList, found: false };
       });
       if (newBlocks !== blocks2) {
-        set2({ blocks: newBlocks });
-        const { onBlocksChange } = get2();
+        set({ blocks: newBlocks });
+        const { onBlocksChange } = get();
         if (onBlocksChange)
           onBlocksChange();
       }
@@ -4746,7 +4111,7 @@ function createBlocksStore() {
     removeBlock: (id) => {
       if (!id)
         return;
-      const { blocks: blocks2 } = get2();
+      const { blocks: blocks2 } = get();
       const newBlocks = traverseBlocks(blocks2, (blocksList) => {
         const filtered = blocksList.filter((b) => b.id !== id);
         if (filtered.length !== blocksList.length) {
@@ -4755,14 +4120,14 @@ function createBlocksStore() {
         return { newList: blocksList, found: false };
       });
       if (newBlocks !== blocks2) {
-        set2({ blocks: newBlocks });
-        const { onBlocksChange } = get2();
+        set({ blocks: newBlocks });
+        const { onBlocksChange } = get();
         if (onBlocksChange)
           onBlocksChange();
       }
     },
     moveBlock: (id, direction) => {
-      const { blocks: blocks2 } = get2();
+      const { blocks: blocks2 } = get();
       const newBlocks = traverseBlocks(blocks2, (blocksList) => {
         const index = blocksList.findIndex((b) => b.id === id);
         if (index !== -1) {
@@ -4779,8 +4144,8 @@ function createBlocksStore() {
         return { newList: blocksList, found: false };
       });
       if (newBlocks !== blocks2) {
-        set2({ blocks: newBlocks });
-        const { onBlocksChange } = get2();
+        set({ blocks: newBlocks });
+        const { onBlocksChange } = get();
         if (onBlocksChange)
           onBlocksChange();
       }
@@ -7845,12 +7210,12 @@ var SortableBlockComponent = ({
     attributes,
     listeners,
     setNodeRef,
-    transform,
+    transform: transform2,
     transition,
     isDragging
   } = useSortable({ id: block3.id });
   const style = {
-    transform: CSS.Transform.toString(transform),
+    transform: CSS.Transform.toString(transform2),
     transition,
     zIndex: isDragging ? 10 : 1,
     opacity: isDragging ? 0.8 : 1
@@ -9772,6 +9137,28 @@ function DropdownItem({
 function DropdownSeparator() {
   return /* @__PURE__ */ jsx("div", { className: "my-1 border-t border-[var(--kyro-border)] opacity-50" });
 }
+function Spinner({ size = "md", className = "" }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: `kyro-spinner kyro-spinner-${size} ${className}`,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      children: /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: "12",
+          cy: "12",
+          r: "10",
+          stroke: "currentColor",
+          strokeWidth: "3",
+          strokeLinecap: "round",
+          strokeDasharray: "40 20"
+        }
+      )
+    }
+  );
+}
 function ActionBar({
   status,
   saveStatus,
@@ -10178,7 +9565,7 @@ function CountBadge({ count, max = 99 }) {
 function DetailView({
   config,
   collection,
-  global,
+  global: global2,
   documentId,
   onBack,
   onSave,
@@ -10199,9 +9586,9 @@ function DetailView({
   const [updatedAt, setUpdatedAt] = useState(null);
   const [publishedAt, setPublishedAt] = useState(null);
   const [justSaved, setJustSaved] = useState(false);
-  const fields2 = global?.fields || collection?.fields || [];
-  const label = global?.label || collection?.label || "Document";
-  const slug = global?.slug || collection?.slug || "";
+  const fields2 = global2?.fields || collection?.fields || [];
+  const label = global2?.label || collection?.label || "Document";
+  const slug = global2?.slug || collection?.slug || "";
   const hasChanges = JSON.stringify(data) !== JSON.stringify(originalData);
   useEffect(() => {
     if (hasChanges && status === "published") {
@@ -10344,7 +9731,13 @@ function DetailView({
     });
   };
   if (loading) {
-    return /* @__PURE__ */ jsx("div", { className: "kyro-detail", children: /* @__PURE__ */ jsx("div", { className: "kyro-loading", children: /* @__PURE__ */ jsx(Spinner, {}) }) });
+    return /* @__PURE__ */ jsx("div", { className: "kyro-detail", children: /* @__PURE__ */ jsxs("div", { className: "space-y-6 p-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Shimmer, { variant: "text", className: "w-1/3" }),
+        /* @__PURE__ */ jsx(Shimmer, { variant: "text", className: "w-2/3" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsx(Shimmer, { variant: "rect", count: 4 }) })
+    ] }) });
   }
   const isSingleLayout = mode === "global" || collection?.admin?.layout === "single";
   return /* @__PURE__ */ jsxs("div", { className: "kyro-detail", children: [
@@ -10848,7 +10241,7 @@ function Dashboard({ collections: collections2, onNavigate, user }) {
         children: [
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("p", { className: "text-[10px] font-bold  tracking-[0.2em] opacity-40 mb-1", children: stat.label }),
-            /* @__PURE__ */ jsx("h3", { className: "text-3xl font-bold tracking-tighter", children: loading ? "..." : stat.value })
+            /* @__PURE__ */ jsx("h3", { className: "text-3xl font-bold tracking-tighter", children: loading ? /* @__PURE__ */ jsx(Shimmer, { variant: "text", className: "w-16" }) : stat.value })
           ] }),
           /* @__PURE__ */ jsx(
             "div",
@@ -11553,7 +10946,7 @@ function ConfirmModal({
 }
 var API_BASE2 = typeof __KYRO_API_PATH__ !== "undefined" ? __KYRO_API_PATH__ : "/api";
 function DeveloperCenter({ collections: collections2 }) {
-  const [keys2, setKeys] = useState([]);
+  const [keys, setKeys] = useState([]);
   useState(false);
   const [showKey, setShowKey] = useState(null);
   const [testEndpoint, setTestEndpoint] = useState("");
@@ -11644,10 +11037,10 @@ function DeveloperCenter({ collections: collections2 }) {
           /* @__PURE__ */ jsx("div", { className: "w-1 h-4 bg-[var(--kyro-primary)] rounded-full" }),
           /* @__PURE__ */ jsx("h2", { className: "text-sm font-medium tracking-[0.2em] opacity-40 uppercase", children: "Access Credentials" })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "space-y-4", children: keys2.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "p-12 text-center rounded-[2rem] border-2 border-dashed border-[var(--kyro-border)] bg-[var(--kyro-surface-accent)]/30", children: [
+        /* @__PURE__ */ jsx("div", { className: "space-y-4", children: keys.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "p-12 text-center rounded-[2rem] border-2 border-dashed border-[var(--kyro-border)] bg-[var(--kyro-surface-accent)]/30", children: [
           /* @__PURE__ */ jsx(LuLock, { className: "w-10 h-10 mx-auto mb-4 opacity-20" }),
           /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--kyro-text-secondary)] opacity-50", children: "No API keys found. Generate one to get started." })
-        ] }) : keys2.map((key) => /* @__PURE__ */ jsx(
+        ] }) : keys.map((key) => /* @__PURE__ */ jsx(
           "div",
           {
             className: "group relative overflow-hidden bg-[var(--kyro-surface)] border border-[var(--kyro-border)] rounded-3xl p-6 hover:border-[var(--kyro-primary)]/50 transition-all duration-300",
@@ -12589,9 +11982,8 @@ function MediaGallery({
     {}
   );
   const [showNewFolderModal, setShowNewFolderModal] = useState(false);
-  const [storageConfigured, setStorageConfigured] = useState(
-    null
-  );
+  const [storageConfigured, setStorageConfigured] = useState(null);
+  const [storageChecked, setStorageChecked] = useState(false);
   const [showStorageConfigModal, setShowStorageConfigModal] = useState(false);
   const [page, setPage] = useState(1);
   const [total, setTotal] = useState(0);
@@ -12649,6 +12041,12 @@ function MediaGallery({
   useEffect(() => {
     checkStorage();
   }, [checkStorage]);
+  useEffect(() => {
+    if (storageConfigured === false && !storageChecked) {
+      setStorageChecked(true);
+      setShowStorageConfigModal(true);
+    }
+  }, [storageConfigured, storageChecked]);
   useEffect(() => {
     loadMedia();
   }, [loadMedia]);
@@ -12901,7 +12299,7 @@ function MediaGallery({
                 {
                   onClick: () => setView("list"),
                   className: `p-2 rounded-lg transition-all ${view === "list" ? "bg-[var(--kyro-surface)] shadow-sm text-[var(--kyro-text-primary)]" : "text-[var(--kyro-text-secondary)] opacity-50 hover:opacity-100"}`,
-                  children: /* @__PURE__ */ jsx(LuFile, { className: "w-4 h-4" })
+                  children: /* @__PURE__ */ jsx(LuFile2, { className: "w-4 h-4" })
                 }
               )
             ] }),
@@ -12999,7 +12397,7 @@ function MediaGallery({
             ] })
           ] }) }),
           /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col min-h-0 bg-[var(--kyro-bg)]", children: [
-            /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto py-8 px-4 custom-scrollbar", children: loading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ jsx(Spinner, {}) }) : items.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-32 text-center", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto py-8 px-4 custom-scrollbar", children: loading ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5", children: /* @__PURE__ */ jsx(Shimmer, { variant: "media-card", count: 12 }) }) : items.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-32 text-center", children: [
               /* @__PURE__ */ jsx("div", { className: "w-24 h-24 rounded-[2rem] bg-[var(--kyro-surface-accent)] flex items-center justify-center mb-8 rotate-12 group-hover:rotate-0 transition-transform duration-500", children: /* @__PURE__ */ jsx(LuGrid3X3, { className: "w-10 h-10 text-[var(--kyro-text-muted)] opacity-30" }) }),
               /* @__PURE__ */ jsx("h3", { className: "text-xl font-bold text-[var(--kyro-text-primary)] tracking-tight", children: "No assets found" }),
               /* @__PURE__ */ jsx("p", { className: "text-[var(--kyro-text-secondary)] mt-2 max-w-xs mx-auto text-sm font-medium leading-relaxed", children: "Upload your first file or create a folder to organize your media assets." }),
@@ -13030,7 +12428,7 @@ function MediaGallery({
                       loading: "lazy"
                     }
                   ) : /* @__PURE__ */ jsxs("div", { className: "w-full h-full flex flex-col items-center justify-center p-6 gap-4", children: [
-                    /* @__PURE__ */ jsx("div", { className: "p-4 rounded-2xl bg-[var(--kyro-surface)] shadow-inner text-[var(--kyro-text-secondary)] group-hover:scale-110 transition-transform duration-500", children: item.type === "video" ? /* @__PURE__ */ jsx(LuFilm, { className: "w-8 h-8" }) : item.type === "audio" ? /* @__PURE__ */ jsx(LuMusic, { className: "w-8 h-8" }) : item.type === "document" ? /* @__PURE__ */ jsx(LuFileText, { className: "w-8 h-8" }) : item.type === "archive" ? /* @__PURE__ */ jsx(LuArchive, { className: "w-8 h-8" }) : /* @__PURE__ */ jsx(LuFile, { className: "w-8 h-8" }) }),
+                    /* @__PURE__ */ jsx("div", { className: "p-4 rounded-2xl bg-[var(--kyro-surface)] shadow-inner text-[var(--kyro-text-secondary)] group-hover:scale-110 transition-transform duration-500", children: item.type === "video" ? /* @__PURE__ */ jsx(LuFilm, { className: "w-8 h-8" }) : item.type === "audio" ? /* @__PURE__ */ jsx(LuMusic, { className: "w-8 h-8" }) : item.type === "document" ? /* @__PURE__ */ jsx(LuFileText, { className: "w-8 h-8" }) : item.type === "archive" ? /* @__PURE__ */ jsx(LuArchive, { className: "w-8 h-8" }) : /* @__PURE__ */ jsx(LuFile2, { className: "w-8 h-8" }) }),
                     /* @__PURE__ */ jsx("span", { className: "text-[10px] font-bold  tracking-widest text-[var(--kyro-text-secondary)] opacity-50 text-center px-4 line-clamp-2", children: item.title })
                   ] }),
                   /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
@@ -13134,7 +12532,7 @@ function MediaGallery({
                           alt: "",
                           className: "w-full h-full object-cover"
                         }
-                      ) : /* @__PURE__ */ jsx(LuFile, { className: "w-5 h-5 text-[var(--kyro-text-secondary)] opacity-50" }) }),
+                      ) : /* @__PURE__ */ jsx(LuFile2, { className: "w-5 h-5 text-[var(--kyro-text-secondary)] opacity-50" }) }),
                       /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-0", children: [
                         /* @__PURE__ */ jsx("span", { className: "font-bold text-xs text-[var(--kyro-text-primary)] truncate max-w-[200px]", children: item.title || item.filename }),
                         /* @__PURE__ */ jsx("span", { className: "text-[10px] text-[var(--kyro-text-secondary)] opacity-50 truncate", children: item.filename })
@@ -13218,7 +12616,7 @@ function MediaGallery({
           ] }, name)) })
         ] }) }),
         selectedIds.size > 0 && /* @__PURE__ */ jsxs("div", { className: "fixed bottom-12 left-1/2 -translate-x-1/2 z-[60] bg-[var(--kyro-surface)] border border-[var(--kyro-border)] rounded-full shadow-2xl px-2 py-2 flex items-center gap-12 animate-in slide-in-from-bottom-12 duration-700 ring-1 ring-white/10 backdrop-blur-xl", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-5 border-r border-[var(--kyro-border)] pr-12", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-5 border-r border-[var(--kyro-border)] ", children: [
             /* @__PURE__ */ jsx("div", { className: "w-12 h-12 rounded-full bg-[var(--kyro-sidebar-active)] text-[var(--kyro-sidebar-text-active)] flex items-center justify-center text-lg font-bold shadow-inner", children: selectedIds.size }),
             /* @__PURE__ */ jsxs("div", { children: [
               /* @__PURE__ */ jsx("p", { className: "text-[11px] font-bold  tracking-[0.2em] text-[var(--kyro-text-primary)]", children: "Selected" }),
@@ -13278,7 +12676,7 @@ function MediaGallery({
                     className: "w-full h-full"
                   }
                 ) : /* @__PURE__ */ jsxs("div", { className: "w-full h-full flex flex-col items-center justify-center p-12 gap-6", children: [
-                  /* @__PURE__ */ jsx("div", { className: "w-20 h-20 rounded-[2rem] bg-[var(--kyro-surface-accent)] flex items-center justify-center", children: /* @__PURE__ */ jsx(LuFile, { className: "w-10 h-10 text-[var(--kyro-text-secondary)]" }) }),
+                  /* @__PURE__ */ jsx("div", { className: "w-20 h-20 rounded-[2rem] bg-[var(--kyro-surface-accent)] flex items-center justify-center", children: /* @__PURE__ */ jsx(LuFile2, { className: "w-10 h-10 text-[var(--kyro-text-secondary)]" }) }),
                   /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-xs font-bold", children: panelItem.mimeType })
                 ] }),
                 /* @__PURE__ */ jsx("div", { className: "absolute top-4 right-4 flex gap-2 opacity-0 group-hover:opacity-100 transition-opacity", children: /* @__PURE__ */ jsx(
@@ -13448,7 +12846,7 @@ function MediaGallery({
                 className: "max-h-full max-w-full rounded-lg shadow-2xl"
               }
             ) : /* @__PURE__ */ jsxs("div", { className: "text-white text-center", children: [
-              /* @__PURE__ */ jsx(LuFile, { className: "w-24 h-24 mx-auto mb-6 opacity-20" }),
+              /* @__PURE__ */ jsx(LuFile2, { className: "w-24 h-24 mx-auto mb-6 opacity-20" }),
               /* @__PURE__ */ jsx("p", { className: "text-xl font-bold opacity-50", children: "Preview not available for this file type" })
             ] }) })
           ] }),
@@ -14686,31 +14084,88 @@ function kyroAdmin(options = {}) {
   return {
     name: "@kyro-cms/admin",
     hooks: {
-      "astro:config:setup": ({ config, updateConfig, injectRoute, logger }) => {
+      "astro:config:setup": async ({ config: config$1, updateConfig, injectRoute, logger }) => {
         logger.info(`Kyro Admin mounted at ${basePath} (API: ${apiPath2})`);
         const fallbackConfig = path.resolve(
           new URL(".", import.meta.url).pathname,
           "lib/default-kyro-config.ts"
         );
-        const rootConfig = path.resolve(config.root.pathname, "..", configPath);
-        const localConfig = path.resolve(config.root.pathname, configPath);
+        const rootConfig = path.resolve(config$1.root.pathname, "..", configPath);
+        const localConfig = path.resolve(config$1.root.pathname, configPath);
         const resolvedConfig = fs.existsSync(rootConfig) ? rootConfig : fs.existsSync(localConfig) ? localConfig : fallbackConfig;
         if (resolvedConfig !== fallbackConfig) {
           logger.info(`Loaded config from ${resolvedConfig}`);
         } else {
           logger.warn(`Config file not found. Using defaults.`);
         }
-        if (apiPath2) {
-          const apiHandlerPath = path.resolve(
-            config.root.pathname,
-            "..",
-            "src/api-handler.ts"
-          );
-          injectRoute({
-            pattern: `${apiPath2}/[...path]`,
-            entrypoint: apiHandlerPath
+        let tmpFile = "";
+        try {
+          const envPath = path.join(path.dirname(resolvedConfig), ".env");
+          if (fs.existsSync(envPath)) {
+            config({ path: envPath });
+          }
+          const configContent = fs.readFileSync(resolvedConfig, "utf8");
+          const result = await transform(configContent, {
+            loader: "ts",
+            format: "esm",
+            target: "es2022",
+            sourcemap: false
           });
+          tmpFile = resolvedConfig.replace(/\.ts$/, ".admin.mjs");
+          fs.writeFileSync(tmpFile, result.code, "utf8");
+          const entryFile = tmpFile.replace(/\.admin\.mjs$/, ".admin-entry.mjs");
+          const resultFile = tmpFile.replace(/\.admin\.mjs$/, ".admin-result.json");
+          fs.writeFileSync(entryFile, `
+            import cfg from './${path.basename(tmpFile)}';
+            import fs from 'fs';
+            const data = { collections: cfg.default?.collections || cfg?.collections || [], globals: cfg.default?.globals || cfg?.globals || [] };
+            fs.writeFileSync('${path.basename(resultFile)}', JSON.stringify(data));
+          `, "utf8");
+          execSync(
+            `npx tsx "${entryFile}"`,
+            { cwd: path.dirname(resolvedConfig), encoding: "utf8", timeout: 15e3, stdio: "pipe" }
+          );
+          const resultContent = fs.readFileSync(resultFile, "utf8");
+          const configModule = JSON.parse(resultContent);
+          try {
+            fs.unlinkSync(resultFile);
+          } catch {
+          }
+          if (configModule.error) {
+            throw new Error(configModule.error);
+          }
+          globalThis.__KYRO_ADMIN_PROJECT_CONFIG__ = {
+            collections: configModule.collections,
+            globals: configModule.globals,
+            adapter: configModule.adapter || null
+          };
+          logger.info("Project config loaded for admin");
+        } catch (e) {
+          logger.warn(`Could not load project config: ${e.message}`);
+        } finally {
+          for (const suffix of [".admin.mjs", ".admin-entry.mjs", ".admin-result.json"]) {
+            const f = resolvedConfig.replace(/\.ts$/, suffix);
+            if (fs.existsSync(f)) {
+              try {
+                fs.unlinkSync(f);
+              } catch {
+              }
+            }
+          }
         }
+        updateConfig({
+          vite: {
+            resolve: {
+              alias: {
+                "kyro:config": resolvedConfig
+              }
+            },
+            define: {
+              __KYRO_ADMIN_PATH__: JSON.stringify(basePath),
+              __KYRO_API_PATH__: JSON.stringify(apiPath2)
+            }
+          }
+        });
         const pages = [
           { pattern: "", entrypoint: "./pages/index.astro" },
           { pattern: "/login", entrypoint: "./pages/auth/login.astro" },
@@ -14758,19 +14213,6 @@ function kyroAdmin(options = {}) {
             )
           });
         }
-        updateConfig({
-          vite: {
-            resolve: {
-              alias: {
-                "kyro:config": resolvedConfig
-              }
-            },
-            define: {
-              __KYRO_ADMIN_PATH__: JSON.stringify(basePath),
-              __KYRO_API_PATH__: JSON.stringify(apiPath2)
-            }
-          }
-        });
       },
       "astro:build:done": ({ logger }) => {
         logger.info("Kyro Admin build complete");