@kyro-cms/admin 0.5.4 → 0.5.5

package/dist/index.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkGOACG6R7_cjs = require('./chunk-GOACG6R7.cjs');
+var chunk3BGDYKTD_cjs = require('./chunk-3BGDYKTD.cjs');
 var React17 = require('react');
 var zustand = require('zustand');
 var middleware = require('zustand/middleware');
 var jsxRuntime = require('react/jsx-runtime');
-var projectConfig = require('kyro:config');
 var templates = require('@kyro-cms/core/templates');
-var idbKeyval = require('idb-keyval');
+var unstorage = require('unstorage');
+var indexedbDriver = require('unstorage/drivers/indexedb');
 var reactDom = require('react-dom');
 require('@portabletext/react');
 var codemirrorThemeGithub = require('@uiw/codemirror-theme-github');
@@ -23,12 +23,15 @@ require('react-image-crop/dist/ReactCrop.css');
 require('@kyro-cms/core');
 var path = require('path');
 var fs = require('fs');
+var child_process = require('child_process');
+var dotenv = require('dotenv');
+var esbuild = require('esbuild');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React17__default = /*#__PURE__*/_interopDefault(React17);
-var projectConfig__default = /*#__PURE__*/_interopDefault(projectConfig);
+var indexedbDriver__default = /*#__PURE__*/_interopDefault(indexedbDriver);
 var CodeMirror__default = /*#__PURE__*/_interopDefault(CodeMirror);
 var ReactCrop__default = /*#__PURE__*/_interopDefault(ReactCrop);
 var path__default = /*#__PURE__*/_interopDefault(path);
@@ -72,28 +75,28 @@ var paths = {
   resolveAdmin,
   resolveMedia
 };
-var useAuthStore = zustand.create((set2) => ({
+var useAuthStore = zustand.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,
@@ -101,18 +104,18 @@ var useAuthStore = zustand.create((set2) => ({
     error: null
   })
 }));
-var useToastStore = zustand.create((set2) => ({
+var useToastStore = zustand.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),
@@ -122,89 +125,89 @@ var toast = {
 };
 zustand.create()(
   middleware.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 = zustand.create((set2) => ({
+var useUIStore = zustand.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 })
 }));
-zustand.create((set2) => ({
+zustand.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 } })
 }));
-zustand.create((set2, get2) => ({
+zustand.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 };
@@ -405,27 +408,23 @@ async function apiUpload(url, body, onProgress) {
     xhr.send(body);
   });
 }
-function Spinner({ size = "md", className = "" }) {
-  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
     {
-      className: `kyro-spinner kyro-spinner-${size} ${className}`,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      children: /* @__PURE__ */ jsxRuntime.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,
@@ -781,7 +780,7 @@ function ListView({
         action: canCreate ? {
           label: `Create ${collection.singularLabel || collection.label || collectionSlug}`,
           onClick: handleCreate,
-          icon: chunkGOACG6R7_cjs.LuPlus
+          icon: chunk3BGDYKTD_cjs.LuPlus
         } : void 0
       }
     ),
@@ -1063,7 +1062,7 @@ function ListView({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "surface-tile overflow-hidden", children: loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-20", children: /* @__PURE__ */ jsxRuntime.jsx(Spinner, {}) }) : docs.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-16 px-8", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "surface-tile overflow-hidden", children: loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2 p-4", children: /* @__PURE__ */ jsxRuntime.jsx(Shimmer, { variant: "table-row", count: 8 }) }) : docs.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-16 px-8", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-16 h-16 rounded-2xl bg-[var(--kyro-surface-accent)] flex items-center justify-center mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(
         "svg",
         {
@@ -1437,674 +1436,23 @@ function createProjectAdminConfig(config) {
     globals: toGlobalMap(projectGlobals)
   };
 }
-var adminConfig = createProjectAdminConfig(projectConfig__default.default);
+var global = globalThis;
+var projectConfig = global.__KYRO_ADMIN_PROJECT_CONFIG__ || {};
+var adminConfig = createProjectAdminConfig(projectConfig);
 var collections = adminConfig.collections;
 var globals = adminConfig.globals;
 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 = idbKeyval.createStore(opts.dbName, opts.storeName);
-  }
-  return {
-    name: DRIVER_NAME2,
-    options: opts,
-    async hasItem(key) {
-      const item = await idbKeyval.get(makeKey(key), customStore);
-      return item === void 0 ? false : true;
-    },
-    async getItem(key) {
-      const item = await idbKeyval.get(makeKey(key), customStore);
-      return item ?? null;
-    },
-    async getItemRaw(key) {
-      const item = await idbKeyval.get(makeKey(key), customStore);
-      return item ?? null;
-    },
-    setItem(key, value) {
-      return idbKeyval.set(makeKey(key), value, customStore);
-    },
-    setItemRaw(key, value) {
-      return idbKeyval.set(makeKey(key), value, customStore);
-    },
-    removeItem(key) {
-      return idbKeyval.del(makeKey(key), customStore);
-    },
-    getKeys() {
-      return idbKeyval.keys(customStore);
-    },
-    clear() {
-      return idbKeyval.clear(customStore);
-    }
-  };
-});
-
-// src/lib/autoform-store.ts
 var storageInstance = null;
 var storageReady = false;
 var getStorage = async () => {
   if (storageInstance && storageReady) {
     return storageInstance;
   }
-  storageInstance = createStorage({
-    driver: indexedb_default({
+  storageInstance = unstorage.createStorage({
+    driver: indexedbDriver__default.default({
       dbName: "kyro-autosave",
       storeName: "autosave"
     })
@@ -2155,7 +1503,7 @@ var createAutoFormStorage = () => {
 };
 var useAutoFormStore = zustand.create()(
   middleware.persist(
-    (set2, get2) => ({
+    (set, get) => ({
       // Initial persisted state
       formData: {},
       lastSavedData: {},
@@ -2187,7 +1535,7 @@ var useAutoFormStore = zustand.create()(
         if (field3 === "blocks") {
           console.log("autoform setField blocks: value=", value);
         }
-        set2((state) => ({
+        set((state) => ({
           formData: {
             ...state.formData,
             [field3]: value
@@ -2195,85 +1543,85 @@ var useAutoFormStore = zustand.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,
@@ -2281,14 +1629,14 @@ var useAutoFormStore = zustand.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)) {
@@ -2298,7 +1646,7 @@ var useAutoFormStore = zustand.create()(
         } else {
           updatedTab = newTabData;
         }
-        set2((state) => ({
+        set((state) => ({
           formData: {
             ...state.formData,
             [tabName]: updatedTab
@@ -2307,12 +1655,12 @@ var useAutoFormStore = zustand.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];
@@ -2320,17 +1668,17 @@ var useAutoFormStore = zustand.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 };
@@ -2671,10 +2019,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;
+  }
   React17.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 = "";
@@ -2882,7 +2247,7 @@ var RelationshipBlockField = ({
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuSearch, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--kyro-text-muted)]" }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuSearch, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--kyro-text-muted)]" }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "input",
           {
@@ -2898,7 +2263,7 @@ var RelationshipBlockField = ({
             className: `${inputClass} pl-9`
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2", children: loading && /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuLoaderCircle, { className: "w-4 h-4 text-[var(--kyro-text-muted)] animate-spin" }) })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2", children: loading && /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuLoaderCircle, { className: "w-4 h-4 text-[var(--kyro-text-muted)] animate-spin" }) })
       ] }),
       isOpen && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute z-20 w-full mt-1 border border-[var(--kyro-border)] rounded-lg shadow-lg bg-[var(--kyro-surface)] max-h-48 overflow-auto", children: loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3 text-center text-sm text-[var(--kyro-text-muted)]", children: "Loading..." }) : options.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3 text-center text-sm text-[var(--kyro-text-muted)]", children: "No results found" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-1", children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
@@ -2940,7 +2305,7 @@ var RelationshipBlockField = ({
                   }
                 },
                 className: "hover:opacity-70",
-                children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuX, { className: "w-3 h-3" })
+                children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuX, { className: "w-3 h-3" })
               }
             )
           ]
@@ -2975,16 +2340,16 @@ var FileIcon = ({
 }) => {
   switch (type) {
     case "image":
-      return /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuImage, { className });
+      return /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuImage, { className });
     case "video":
-      return /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuFilm, { className });
+      return /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuFilm, { className });
     case "audio":
-      return /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuMusic, { className });
+      return /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuMusic, { className });
     case "pdf":
     case "document":
-      return /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuFileText, { className });
+      return /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuFileText, { className });
     default:
-      return /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuFile, { className });
+      return /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuFile, { className });
   }
 };
 function UploadField({
@@ -3190,7 +2555,7 @@ function UploadField({
               onClick: () => index !== void 0 ? removeImage(index) : onChange(null),
               disabled,
               className: "p-1.5 rounded-md text-[var(--kyro-text-muted)] hover:text-[var(--kyro-error)] hover:bg-[var(--kyro-danger-bg)] transition-all opacity-0 group-hover:opacity-100",
-              children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuX, { className: "w-4 h-4" })
+              children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuX, { className: "w-4 h-4" })
             }
           )
         ]
@@ -3499,7 +2864,7 @@ function MediaPickerContent({
     }
   );
 }
-var EditorLazy = React17.lazy(() => import('./EditorClient-YLCGVDXY.cjs'));
+var EditorLazy = React17.lazy(() => import('./EditorClient-Q23UXR37.cjs'));
 function toPortableTextArray(value) {
   if (Array.isArray(value)) {
     if (value.length > 0 && value[0] && typeof value[0] === "object" && "_type" in value[0]) {
@@ -4650,7 +4015,7 @@ function RelationshipField({
                   }
                 },
                 className: "hover:opacity-70",
-                children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuX, { className: "w-3 h-3" })
+                children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuX, { className: "w-3 h-3" })
               }
             )
           ]
@@ -4666,7 +4031,7 @@ function RelationshipField({
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: "relative", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuSearch, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--kyro-text-muted)]" }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuSearch, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--kyro-text-muted)]" }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "input",
           {
@@ -4683,8 +4048,8 @@ function RelationshipField({
             className: "w-full pl-9 pr-10 py-2 border border-[var(--kyro-border)] rounded-lg bg-[var(--kyro-bg-secondary)] text-sm text-[var(--kyro-text-primary)] focus:outline-none focus:ring-1 focus:ring-[var(--kyro-sidebar-active)] focus:border-transparent disabled:opacity-50"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2", children: loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuLoaderCircle, { className: "w-4 h-4 text-[var(--kyro-text-muted)] animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGOACG6R7_cjs.LuChevronDown,
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2", children: loading ? /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuLoaderCircle, { className: "w-4 h-4 text-[var(--kyro-text-muted)] animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(
+          chunk3BGDYKTD_cjs.LuChevronDown,
           {
             className: `w-4 h-4 text-[var(--kyro-text-muted)] transition-transform ${isOpen ? "rotate-180" : ""}`
           }
@@ -4715,30 +4080,30 @@ function RelationshipField({
 var RelationshipField_default = RelationshipField;
 var BlocksContext = React17.createContext(null);
 function createBlocksStore() {
-  return vanilla.createStore((set2, get2) => ({
+  return vanilla.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) {
@@ -4749,8 +4114,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();
       }
@@ -4758,7 +4123,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) {
@@ -4767,14 +4132,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) {
@@ -4791,8 +4156,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();
       }
@@ -5227,7 +4592,7 @@ var BlockEditModal = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none text-[var(--kyro-text-muted)]", children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronRight, { className: "w-4 h-4 rotate-90" }) })
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none text-[var(--kyro-text-muted)]", children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronRight, { className: "w-4 h-4 rotate-90" }) })
             ] })
           ] }) })
         ] });
@@ -5465,7 +4830,7 @@ var ChildBlocksTree = ({
                   toggleExpand(child.id);
                 },
                 className: "p-0.5 hover:bg-[var(--kyro-surface-accent)] rounded",
-                children: isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronDown, { className: "w-3 h-3 text-[var(--kyro-text-muted)]" }) : /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronRight, { className: "w-3 h-3 text-[var(--kyro-text-muted)]" })
+                children: isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronDown, { className: "w-3 h-3 text-[var(--kyro-text-muted)]" }) : /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronRight, { className: "w-3 h-3 text-[var(--kyro-text-muted)]" })
               }
             ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-4" }),
             blockIcons[child.type] && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[var(--kyro-text-secondary)]", children: blockIcons[child.type] }),
@@ -5517,7 +4882,7 @@ var ChildBlocksTree = ({
                   setConfirmDeleteId(child.id);
                 },
                 className: "p-1.5 rounded-md transition-opacity cursor-pointer hover:bg-red-50",
-                children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuX, { className: "w-3.5 h-3.5 text-red-500 invisible group-hover/column:visible" })
+                children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuX, { className: "w-3.5 h-3.5 text-red-500 invisible group-hover/column:visible" })
               }
             )
           ]
@@ -5552,7 +4917,7 @@ var ChildBlocksTree = ({
           onClick: () => setShowAddModal(true),
           className: "flex items-center gap-1 px-2 py-1 text-xs font-medium text-[var(--kyro-primary)] hover:bg-[var(--kyro-surface-accent)] rounded transition-colors",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuPlus, { className: "w-3 h-3" }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuPlus, { className: "w-3 h-3" }),
             "Add Block"
           ]
         }
@@ -5680,7 +5045,7 @@ var NestedChildBlocks = ({
                   toggleExpand(child.id);
                 },
                 className: "p-0.5 hover:bg-[var(--kyro-surface-accent)] rounded",
-                children: isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronDown, { className: "w-3 h-3 text-[var(--kyro-text-muted)]" }) : /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronRight, { className: "w-3 h-3 text-[var(--kyro-text-muted)]" })
+                children: isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronDown, { className: "w-3 h-3 text-[var(--kyro-text-muted)]" }) : /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronRight, { className: "w-3 h-3 text-[var(--kyro-text-muted)]" })
               }
             ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-4" }),
             blockIcons[child.type] && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[var(--kyro-text-secondary)]", children: blockIcons[child.type] }),
@@ -5732,7 +5097,7 @@ var NestedChildBlocks = ({
                   setConfirmDeleteId(child.id);
                 },
                 className: "p-1.5 rounded-md invisible group-hover:visible transition-opacity cursor-pointer hover:bg-red-50",
-                children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuX, { className: "w-3.5 h-3.5 text-red-500" })
+                children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuX, { className: "w-3.5 h-3.5 text-red-500" })
               }
             )
           ]
@@ -5767,7 +5132,7 @@ var NestedChildBlocks = ({
           onClick: () => setShowAddModal(true),
           className: "flex items-center gap-1 px-2 py-1 text-xs font-medium text-[var(--kyro-primary)] hover:bg-[var(--kyro-surface-accent)] rounded transition-colors",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuPlus, { className: "w-3 h-3" }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuPlus, { className: "w-3 h-3" }),
             "Add Block"
           ]
         }
@@ -5948,7 +5313,7 @@ var BlockWrapper = ({
             onClick: () => moveBlock(id, "up"),
             className: "p-1 hover:bg-[var(--kyro-surface-accent)] rounded text-[var(--kyro-text-muted)] hover:text-[var(--kyro-primary)]",
             title: "Move up",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronRight, { className: "w-3 h-3 rotate-90" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronRight, { className: "w-3 h-3 rotate-90" })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -5958,7 +5323,7 @@ var BlockWrapper = ({
             onClick: () => moveBlock(id, "down"),
             className: "p-1 hover:bg-[var(--kyro-surface-accent)] rounded text-[var(--kyro-text-muted)] hover:text-[var(--kyro-primary)]",
             title: "Move down",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronRight, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronRight, { className: "w-3 h-3" })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -5968,7 +5333,7 @@ var BlockWrapper = ({
             onClick: () => removeBlock(id),
             className: "p-1 hover:bg-[var(--kyro-error)]/10 rounded text-[var(--kyro-error)]",
             title: "Remove",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuX, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuX, { className: "w-3 h-3" })
           }
         )
       ] })
@@ -6084,7 +5449,7 @@ var DividerBlock = ({
             onClick: () => moveBlock(block3.id, "up"),
             className: "p-1 hover:bg-[var(--kyro-surface-accent)] rounded",
             title: "Move up",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronRight, { className: "w-3 h-3 rotate-90" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronRight, { className: "w-3 h-3 rotate-90" })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -6094,7 +5459,7 @@ var DividerBlock = ({
             onClick: () => removeBlock(block3.id),
             className: "p-1 hover:bg-[var(--kyro-surface-accent)] rounded",
             title: "Remove",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuX, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuX, { className: "w-3 h-3" })
           }
         )
       ] })
@@ -6122,7 +5487,7 @@ var ImageBlock = ({
             onClick: () => moveBlock(block3.id, "up"),
             className: "p-1 hover:bg-[var(--kyro-surface-accent)] rounded",
             title: "Move up",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronRight, { className: "w-3 h-3 rotate-90" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronRight, { className: "w-3 h-3 rotate-90" })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -6132,7 +5497,7 @@ var ImageBlock = ({
             onClick: () => removeBlock(block3.id),
             className: "p-1 hover:bg-[var(--kyro-surface-accent)] rounded",
             title: "Remove",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuX, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuX, { className: "w-3 h-3" })
           }
         )
       ] })
@@ -6263,7 +5628,7 @@ var VideoBlock = ({
             onClick: () => moveBlock(block3.id, "up"),
             className: "p-1 hover:bg-[var(--kyro-surface-accent)] rounded",
             title: "Move up",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronRight, { className: "w-3 h-3 rotate-90" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronRight, { className: "w-3 h-3 rotate-90" })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -6273,7 +5638,7 @@ var VideoBlock = ({
             onClick: () => moveBlock(block3.id, "down"),
             className: "p-1 hover:bg-[var(--kyro-surface-accent)] rounded",
             title: "Move down",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronRight, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronRight, { className: "w-3 h-3" })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -6283,7 +5648,7 @@ var VideoBlock = ({
             onClick: () => removeBlock(block3.id),
             className: "p-1 hover:bg-red-50 rounded text-red-500",
             title: "Remove",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuX, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuX, { className: "w-3 h-3" })
           }
         )
       ] })
@@ -6373,7 +5738,7 @@ var ListBlock = ({
             onClick: () => moveBlock(block3.id, "up"),
             className: "p-1 hover:bg-[var(--kyro-surface-accent)] rounded",
             title: "Move up",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronRight, { className: "w-3 h-3 rotate-90" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronRight, { className: "w-3 h-3 rotate-90" })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -6383,7 +5748,7 @@ var ListBlock = ({
             onClick: () => moveBlock(block3.id, "down"),
             className: "p-1 hover:bg-[var(--kyro-surface-accent)] rounded",
             title: "Move down",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronRight, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronRight, { className: "w-3 h-3" })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -6393,7 +5758,7 @@ var ListBlock = ({
             onClick: () => removeBlock(block3.id),
             className: "p-1 hover:bg-red-50 rounded text-red-500",
             title: "Remove",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuX, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuX, { className: "w-3 h-3" })
           }
         )
       ] })
@@ -6414,7 +5779,7 @@ var CodeBlock = ({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group/block relative border border-[var(--kyro-border)] rounded-2xl p-6 mb-6 transition-all duration-300 bg-[var(--kyro-surface)] hover:border-[var(--kyro-primary)]/20", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-6", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-9 h-9 rounded-xl bg-[var(--kyro-primary)]/10 flex items-center justify-center text-[var(--kyro-primary)] transition-transform group-hover/block:scale-110", children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuCodeXml, { className: "w-5 h-5" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-9 h-9 rounded-xl bg-[var(--kyro-primary)]/10 flex items-center justify-center text-[var(--kyro-primary)] transition-transform group-hover/block:scale-110", children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuCodeXml, { className: "w-5 h-5" }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-bold tracking-tight text-[var(--kyro-text-primary)]", children: "Code Snippet" }),
           /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-[10px] font-medium text-[var(--kyro-text-muted)]  tracking-widest", children: [
@@ -6431,7 +5796,7 @@ var CodeBlock = ({
             onClick: () => moveBlock(block3.id, "up"),
             className: "p-1.5 hover:bg-[var(--kyro-surface)] rounded-lg transition-all text-[var(--kyro-text-muted)] hover:text-[var(--kyro-primary)]",
             title: "Move up",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronRight, { className: "w-4 h-4 rotate-[-90deg]" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronRight, { className: "w-4 h-4 rotate-[-90deg]" })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px h-4 bg-[var(--kyro-border)] mx-1 self-center" }),
@@ -6442,7 +5807,7 @@ var CodeBlock = ({
             onClick: () => removeBlock(block3.id),
             className: "p-1.5 hover:bg-red-500/10 rounded-lg transition-all text-[var(--kyro-text-muted)] hover:text-red-500",
             title: "Remove",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuX, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuX, { className: "w-4 h-4" })
           }
         )
       ] }) })
@@ -6485,7 +5850,7 @@ var CodeBlock = ({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none text-[var(--kyro-text-muted)]", children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronRight, { className: "w-4 h-4 rotate-90" }) })
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none text-[var(--kyro-text-muted)]", children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronRight, { className: "w-4 h-4 rotate-90" }) })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden sm:block w-px h-10 bg-[var(--kyro-border)]" }),
@@ -6536,7 +5901,7 @@ var LinkField = ({
         rel: "noopener noreferrer",
         className: "shrink-0 p-1.5 rounded text-[var(--kyro-text-muted)] hover:text-[var(--kyro-primary)] hover:bg-[var(--kyro-surface-accent)] transition-colors",
         title: url,
-        children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuExternalLink, { className: "w-3.5 h-3.5" })
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuExternalLink, { className: "w-3.5 h-3.5" })
       }
     )
   ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -6568,7 +5933,7 @@ var LinkField = ({
         rel: "noopener noreferrer",
         className: "p-2 rounded-lg text-[var(--kyro-text-muted)] hover:text-[var(--kyro-primary)] hover:bg-[var(--kyro-surface-accent)] transition-colors",
         title: url,
-        children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuExternalLink, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuExternalLink, { className: "w-4 h-4" })
       }
     )
   ] }) });
@@ -6602,7 +5967,7 @@ var LinkBlock = ({
           onClick: () => moveBlock(block3.id, "up"),
           className: "p-1 hover:bg-[var(--kyro-surface-accent)] rounded",
           title: "Move up",
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronRight, { className: "w-3 h-3 rotate-90" })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronRight, { className: "w-3 h-3 rotate-90" })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -6612,7 +5977,7 @@ var LinkBlock = ({
           onClick: () => moveBlock(block3.id, "down"),
           className: "p-1 hover:bg-[var(--kyro-surface-accent)] rounded",
           title: "Move down",
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronRight, { className: "w-3 h-3" })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronRight, { className: "w-3 h-3" })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -6622,7 +5987,7 @@ var LinkBlock = ({
           onClick: () => removeBlock(block3.id),
           className: "p-1 hover:bg-red-50 rounded text-red-500",
           title: "Remove",
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuX, { className: "w-3 h-3" })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuX, { className: "w-3 h-3" })
         }
       )
     ] })
@@ -6649,7 +6014,7 @@ var FileBlock = ({
             onClick: () => moveBlock(block3.id, "up"),
             className: "p-1 hover:bg-[var(--kyro-surface-accent)] rounded",
             title: "Move up",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronRight, { className: "w-3 h-3 rotate-90" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronRight, { className: "w-3 h-3 rotate-90" })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -6659,7 +6024,7 @@ var FileBlock = ({
             onClick: () => moveBlock(block3.id, "down"),
             className: "p-1 hover:bg-[var(--kyro-surface-accent)] rounded",
             title: "Move down",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronRight, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronRight, { className: "w-3 h-3" })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -6669,7 +6034,7 @@ var FileBlock = ({
             onClick: () => removeBlock(block3.id),
             className: "p-1 hover:bg-red-50 rounded text-red-500",
             title: "Remove",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuX, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuX, { className: "w-3 h-3" })
           }
         )
       ] })
@@ -6771,7 +6136,7 @@ var ButtonField = ({
         rel: "noopener noreferrer",
         className: `shrink-0 ${compact ? "p-1.5" : "p-2"} rounded text-[var(--kyro-text-muted)] hover:text-[var(--kyro-primary)] hover:bg-[var(--kyro-surface-accent)] transition-colors`,
         title: url,
-        children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuExternalLink, { className: compact ? "w-3.5 h-3.5" : "w-4 h-4" })
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuExternalLink, { className: compact ? "w-3.5 h-3.5" : "w-4 h-4" })
       }
     )
   ] });
@@ -6797,7 +6162,7 @@ var ButtonBlock = ({
             onClick: () => moveBlock(block3.id, "up"),
             className: "p-1 hover:bg-[var(--kyro-surface-accent)] rounded",
             title: "Move up",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronRight, { className: "w-3 h-3 rotate-90" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronRight, { className: "w-3 h-3 rotate-90" })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -6807,7 +6172,7 @@ var ButtonBlock = ({
             onClick: () => moveBlock(block3.id, "down"),
             className: "p-1 hover:bg-[var(--kyro-surface-accent)] rounded",
             title: "Move down",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronRight, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronRight, { className: "w-3 h-3" })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -6817,7 +6182,7 @@ var ButtonBlock = ({
             onClick: () => removeBlock(block3.id),
             className: "p-1 hover:bg-red-50 rounded text-red-500",
             title: "Remove",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuX, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuX, { className: "w-3 h-3" })
           }
         )
       ] })
@@ -6891,10 +6256,10 @@ var AccordionField = ({
                           },
                           className: "opacity-0 group-hover:opacity-100 p-1 hover:bg-[var(--kyro-danger-bg)] rounded text-[var(--kyro-error)] transition-opacity",
                           title: "Remove",
-                          children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuX, { className: "w-3.5 h-3.5" })
+                          children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuX, { className: "w-3.5 h-3.5" })
                         }
                       ),
-                      isOpen ? /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronUp, { className: "w-4 h-4 text-[var(--kyro-text-muted)]" }) : /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronDown, { className: "w-4 h-4 text-[var(--kyro-text-muted)]" })
+                      isOpen ? /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronUp, { className: "w-4 h-4 text-[var(--kyro-text-muted)]" }) : /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronDown, { className: "w-4 h-4 text-[var(--kyro-text-muted)]" })
                     ] })
                   ]
                 }
@@ -6934,7 +6299,7 @@ var AccordionField = ({
           onClick: handleAdd,
           className: "flex items-center justify-center gap-1.5 w-full px-3 py-2 text-xs font-medium rounded-lg border border-dashed border-[var(--kyro-border)] bg-[var(--kyro-surface-accent)] text-[var(--kyro-text-secondary)] hover:border-[var(--kyro-sidebar-active)] hover:text-[var(--kyro-text-primary)] transition-colors",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuPlus, { className: "w-3.5 h-3.5" }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuPlus, { className: "w-3.5 h-3.5" }),
             "Add Item"
           ]
         }
@@ -6968,10 +6333,10 @@ var AccordionField = ({
                         },
                         className: "opacity-0 group-hover:opacity-100 p-1.5 hover:bg-[var(--kyro-danger-bg)] rounded text-[var(--kyro-error)] transition-opacity",
                         title: "Remove",
-                        children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuX, { className: "w-4 h-4" })
+                        children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuX, { className: "w-4 h-4" })
                       }
                     ),
-                    isOpen ? /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronUp, { className: "w-4 h-4 text-[var(--kyro-text-muted)]" }) : /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronDown, { className: "w-4 h-4 text-[var(--kyro-text-muted)]" })
+                    isOpen ? /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronUp, { className: "w-4 h-4 text-[var(--kyro-text-muted)]" }) : /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronDown, { className: "w-4 h-4 text-[var(--kyro-text-muted)]" })
                   ] })
                 ]
               }
@@ -7009,7 +6374,7 @@ var AccordionField = ({
         onClick: handleAdd,
         className: "flex items-center justify-center gap-1.5 w-full px-3 py-2 text-xs font-medium rounded-lg border border-dashed border-[var(--kyro-border)] bg-[var(--kyro-surface-accent)] text-[var(--kyro-text-secondary)] hover:border-[var(--kyro-sidebar-active)] hover:text-[var(--kyro-text-primary)] transition-colors",
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuPlus, { className: "w-3.5 h-3.5" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuPlus, { className: "w-3.5 h-3.5" }),
           "Add Item"
         ]
       }
@@ -7045,7 +6410,7 @@ var AccordionBlock = ({
             onClick: () => moveBlock(block3.id, "up"),
             className: "p-1 hover:bg-[var(--kyro-surface-accent)] rounded",
             title: "Move up",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronRight, { className: "w-3 h-3 rotate-90" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronRight, { className: "w-3 h-3 rotate-90" })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -7055,7 +6420,7 @@ var AccordionBlock = ({
             onClick: () => moveBlock(block3.id, "down"),
             className: "p-1 hover:bg-[var(--kyro-surface-accent)] rounded",
             title: "Move down",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronRight, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronRight, { className: "w-3 h-3" })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -7065,7 +6430,7 @@ var AccordionBlock = ({
             onClick: () => removeBlock(block3.id),
             className: "p-1 hover:bg-red-50 rounded text-red-500",
             title: "Remove",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuX, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuX, { className: "w-3 h-3" })
           }
         )
       ] })
@@ -7086,7 +6451,7 @@ var RichTextBlock = ({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "block-richtext border border-[var(--kyro-border)] rounded-md p-3 mb-2 relative group", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuAlignLeft, { className: "w-3.5 h-3.5 text-[var(--kyro-primary)]" }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuAlignLeft, { className: "w-3.5 h-3.5 text-[var(--kyro-primary)]" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-semibold text-[var(--kyro-text-muted)] ", children: "Rich Text" })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity", children: [
@@ -7097,7 +6462,7 @@ var RichTextBlock = ({
             onClick: () => moveBlock(block3.id, "up"),
             className: "p-1 hover:bg-[var(--kyro-surface-accent)] rounded",
             title: "Move up",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronRight, { className: "w-3 h-3 rotate-90" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronRight, { className: "w-3 h-3 rotate-90" })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -7107,7 +6472,7 @@ var RichTextBlock = ({
             onClick: () => moveBlock(block3.id, "down"),
             className: "p-1 hover:bg-[var(--kyro-surface-accent)] rounded",
             title: "Move down",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronRight, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronRight, { className: "w-3 h-3" })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -7117,7 +6482,7 @@ var RichTextBlock = ({
             onClick: () => removeBlock(block3.id),
             className: "p-1 hover:bg-red-50 rounded text-red-500",
             title: "Remove",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuX, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuX, { className: "w-3 h-3" })
           }
         )
       ] })
@@ -7255,7 +6620,7 @@ var HeroBlock = ({
             onClick: () => moveBlock(block3.id, "up"),
             className: "p-1 hover:bg-[var(--kyro-surface-accent)] rounded",
             title: "Move up",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronRight, { className: "w-3 h-3 rotate-90" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronRight, { className: "w-3 h-3 rotate-90" })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -7265,7 +6630,7 @@ var HeroBlock = ({
             onClick: () => moveBlock(block3.id, "down"),
             className: "p-1 hover:bg-[var(--kyro-surface-accent)] rounded",
             title: "Move down",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronRight, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronRight, { className: "w-3 h-3" })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -7275,7 +6640,7 @@ var HeroBlock = ({
             onClick: () => removeBlock(block3.id),
             className: "p-1 hover:bg-red-50 rounded text-red-500",
             title: "Remove",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuX, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuX, { className: "w-3 h-3" })
           }
         )
       ] })
@@ -7388,10 +6753,10 @@ var ArrayField = ({
                           },
                           className: "opacity-0 group-hover:opacity-100 p-1 hover:bg-[var(--kyro-danger-bg)] rounded text-[var(--kyro-error)] transition-opacity",
                           title: "Remove",
-                          children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuX, { className: "w-3.5 h-3.5" })
+                          children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuX, { className: "w-3.5 h-3.5" })
                         }
                       ),
-                      isOpen ? /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronUp, { className: "w-4 h-4 text-[var(--kyro-text-muted)]" }) : /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronDown, { className: "w-4 h-4 text-[var(--kyro-text-muted)]" })
+                      isOpen ? /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronUp, { className: "w-4 h-4 text-[var(--kyro-text-muted)]" }) : /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronDown, { className: "w-4 h-4 text-[var(--kyro-text-muted)]" })
                     ] })
                   ]
                 }
@@ -7430,7 +6795,7 @@ var ArrayField = ({
           onClick: handleAdd,
           className: "flex items-center justify-center gap-1.5 w-full px-3 py-2 text-xs font-medium rounded-lg border border-dashed border-[var(--kyro-border)] bg-[var(--kyro-surface-accent)] text-[var(--kyro-text-secondary)] hover:border-[var(--kyro-sidebar-active)] hover:text-[var(--kyro-text-primary)] transition-colors",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuPlus, { className: "w-3.5 h-3.5" }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuPlus, { className: "w-3.5 h-3.5" }),
             "Add Item"
           ]
         }
@@ -7465,10 +6830,10 @@ var ArrayField = ({
                         },
                         className: "opacity-0 group-hover:opacity-100 p-1.5 hover:bg-[var(--kyro-danger-bg)] rounded text-[var(--kyro-error)] transition-opacity",
                         title: "Remove",
-                        children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuX, { className: "w-4 h-4" })
+                        children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuX, { className: "w-4 h-4" })
                       }
                     ),
-                    isOpen ? /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronUp, { className: "w-4 h-4 text-[var(--kyro-text-muted)]" }) : /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronDown, { className: "w-4 h-4 text-[var(--kyro-text-muted)]" })
+                    isOpen ? /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronUp, { className: "w-4 h-4 text-[var(--kyro-text-muted)]" }) : /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronDown, { className: "w-4 h-4 text-[var(--kyro-text-muted)]" })
                   ] })
                 ]
               }
@@ -7505,7 +6870,7 @@ var ArrayField = ({
         onClick: handleAdd,
         className: "flex items-center justify-center gap-1.5 w-full px-3 py-2 text-xs font-medium rounded-lg border border-dashed border-[var(--kyro-border)] bg-[var(--kyro-surface-accent)] text-[var(--kyro-text-secondary)] hover:border-[var(--kyro-sidebar-active)] hover:text-[var(--kyro-text-primary)] transition-colors",
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuPlus, { className: "w-3.5 h-3.5" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuPlus, { className: "w-3.5 h-3.5" }),
           "Add Item"
         ]
       }
@@ -7539,7 +6904,7 @@ var ArrayBlock = ({
             onClick: () => moveBlock(block3.id, "up"),
             className: "p-1 hover:bg-[var(--kyro-surface-accent)] rounded",
             title: "Move up",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronRight, { className: "w-3 h-3 rotate-90" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronRight, { className: "w-3 h-3 rotate-90" })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -7549,7 +6914,7 @@ var ArrayBlock = ({
             onClick: () => moveBlock(block3.id, "down"),
             className: "p-1 hover:bg-[var(--kyro-surface-accent)] rounded",
             title: "Move down",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronRight, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronRight, { className: "w-3 h-3" })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -7559,7 +6924,7 @@ var ArrayBlock = ({
             onClick: () => removeBlock(block3.id),
             className: "p-1 hover:bg-red-50 rounded text-red-500",
             title: "Remove",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuX, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuX, { className: "w-3 h-3" })
           }
         )
       ] })
@@ -7618,7 +6983,7 @@ var RelationshipBlock = ({
             onClick: () => moveBlock(block3.id, "up"),
             className: "p-1 hover:bg-[var(--kyro-surface-accent)] rounded",
             title: "Move up",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronRight, { className: "w-3 h-3 rotate-90" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronRight, { className: "w-3 h-3 rotate-90" })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -7628,7 +6993,7 @@ var RelationshipBlock = ({
             onClick: () => moveBlock(block3.id, "down"),
             className: "p-1 hover:bg-[var(--kyro-surface-accent)] rounded",
             title: "Move down",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronRight, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronRight, { className: "w-3 h-3" })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -7638,7 +7003,7 @@ var RelationshipBlock = ({
             onClick: () => removeBlock(block3.id),
             className: "p-1 hover:bg-red-50 rounded text-red-500",
             title: "Remove",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuX, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuX, { className: "w-3 h-3" })
           }
         )
       ] })
@@ -7677,23 +7042,23 @@ var BLOCK_COMPONENTS = {
   relationship: RelationshipBlock
 };
 var blockIcons = {
-  columns: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuColumns3, { className: "w-4 h-4" }),
-  heading: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuHeading1, { className: "w-4 h-4" }),
-  paragraph: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuAlignLeft, { className: "w-4 h-4" }),
-  divider: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuMinus, { className: "w-4 h-4" }),
-  image: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuImage, { className: "w-4 h-4" }),
-  video: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuVideo, { className: "w-4 h-4" }),
-  list: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuList, { className: "w-4 h-4" }),
-  code: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuCode, { className: "w-4 h-4" }),
-  link: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuLink, { className: "w-4 h-4" }),
-  file: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuFile, { className: "w-4 h-4" }),
-  vstack: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuArrowDown, { className: "w-4 h-4" }),
-  button: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuMousePointerClick, { className: "w-4 h-4" }),
-  accordion: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronDown, { className: "w-4 h-4" }),
-  richtext: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuAlignLeft, { className: "w-4 h-4" }),
-  hero: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuStar, { className: "w-4 h-4" }),
-  array: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuListOrdered, { className: "w-4 h-4" }),
-  relationship: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuLink2, { className: "w-4 h-4" })
+  columns: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuColumns3, { className: "w-4 h-4" }),
+  heading: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuHeading1, { className: "w-4 h-4" }),
+  paragraph: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuAlignLeft, { className: "w-4 h-4" }),
+  divider: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuMinus, { className: "w-4 h-4" }),
+  image: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuImage, { className: "w-4 h-4" }),
+  video: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuVideo, { className: "w-4 h-4" }),
+  list: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuList, { className: "w-4 h-4" }),
+  code: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuCode, { className: "w-4 h-4" }),
+  link: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuLink, { className: "w-4 h-4" }),
+  file: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuFile, { className: "w-4 h-4" }),
+  vstack: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuArrowDown, { className: "w-4 h-4" }),
+  button: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuMousePointerClick, { className: "w-4 h-4" }),
+  accordion: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronDown, { className: "w-4 h-4" }),
+  richtext: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuAlignLeft, { className: "w-4 h-4" }),
+  hero: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuStar, { className: "w-4 h-4" }),
+  array: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuListOrdered, { className: "w-4 h-4" }),
+  relationship: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuLink2, { className: "w-4 h-4" })
 };
 function getBlockComponent(type) {
   return BLOCK_COMPONENTS[type];
@@ -7857,12 +7222,12 @@ var SortableBlockComponent = ({
     attributes,
     listeners,
     setNodeRef,
-    transform,
+    transform: transform2,
     transition,
     isDragging
   } = sortable.useSortable({ id: block3.id });
   const style = {
-    transform: utilities.CSS.Transform.toString(transform),
+    transform: utilities.CSS.Transform.toString(transform2),
     transition,
     zIndex: isDragging ? 10 : 1,
     opacity: isDragging ? 0.8 : 1
@@ -7875,7 +7240,7 @@ var SortableBlockComponent = ({
         className: "absolute left-0 top-1/2 -translate-y-1/2 p-1.5 cursor-grab active:cursor-grabbing text-[var(--kyro-text-muted)] opacity-0 group-hover:opacity-100 transition-opacity hover:bg-[var(--kyro-surface-accent)] rounded",
         ...attributes,
         ...listeners,
-        children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuGripVertical, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuGripVertical, { className: "w-4 h-4" })
       }
     ),
     Component ? /* @__PURE__ */ jsxRuntime.jsx(Component, { block: block3, index }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4 border border-[var(--kyro-border)] rounded-md", children: [
@@ -8024,7 +7389,7 @@ var BlocksField = ({
                 disabled,
                 className: "flex items-center gap-2 px-3 py-2 text-sm text-[var(--kyro-primary)] hover:bg-[var(--kyro-surface-accent)]/30 rounded-md transition-colors disabled:opacity-50 font-semibold",
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuPlus, { className: "w-4 h-4" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuPlus, { className: "w-4 h-4" }),
                   "Add Block"
                 ]
               }
@@ -8042,7 +7407,7 @@ var BlocksField = ({
                     {
                       block: block3,
                       onSelect: handleAddBlock,
-                      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-6 h-6 flex items-center justify-center rounded group-hover:bg-[var(--kyro-primary)]/10 group-hover:text-[var(--kyro-primary)] transition-all duration-300", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[var(--kyro-text-muted)]", children: blockIcons[block3.icon] || /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuBox, { className: "w-4 h-4" }) }) })
+                      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-6 h-6 flex items-center justify-center rounded group-hover:bg-[var(--kyro-primary)]/10 group-hover:text-[var(--kyro-primary)] transition-all duration-300", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[var(--kyro-text-muted)]", children: blockIcons[block3.icon] || /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuBox, { className: "w-4 h-4" }) }) })
                     },
                     block3.type
                   )) })
@@ -9784,6 +9149,28 @@ function DropdownItem({
 function DropdownSeparator() {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-1 border-t border-[var(--kyro-border)] opacity-50" });
 }
+function Spinner({ size = "md", className = "" }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      className: `kyro-spinner kyro-spinner-${size} ${className}`,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "circle",
+        {
+          cx: "12",
+          cy: "12",
+          r: "10",
+          stroke: "currentColor",
+          strokeWidth: "3",
+          strokeLinecap: "round",
+          strokeDasharray: "40 20"
+        }
+      )
+    }
+  );
+}
 function ActionBar({
   status,
   saveStatus,
@@ -10119,10 +9506,10 @@ function Toast({ type, message, onClose }) {
     return clearTimer;
   }, [isPaused, onClose]);
   const Icon = {
-    success: chunkGOACG6R7_cjs.LuCircleCheck,
-    error: chunkGOACG6R7_cjs.LuShieldAlert,
-    warning: chunkGOACG6R7_cjs.LuTriangleAlert,
-    info: chunkGOACG6R7_cjs.LuInfo
+    success: chunk3BGDYKTD_cjs.LuCircleCheck,
+    error: chunk3BGDYKTD_cjs.LuShieldAlert,
+    warning: chunk3BGDYKTD_cjs.LuTriangleAlert,
+    info: chunk3BGDYKTD_cjs.LuInfo
   }[type];
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -10140,7 +9527,7 @@ function Toast({ type, message, onClose }) {
             type: "button",
             className: "kyro-toast-close group-hover:opacity-100 opacity-40 transition-opacity",
             onClick: onClose,
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuX, { className: "w-3.5 h-3.5" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuX, { className: "w-3.5 h-3.5" })
           }
         )
       ]
@@ -10190,7 +9577,7 @@ function CountBadge({ count, max = 99 }) {
 function DetailView({
   config,
   collection,
-  global,
+  global: global2,
   documentId,
   onBack,
   onSave,
@@ -10211,9 +9598,9 @@ function DetailView({
   const [updatedAt, setUpdatedAt] = React17.useState(null);
   const [publishedAt, setPublishedAt] = React17.useState(null);
   const [justSaved, setJustSaved] = React17.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);
   React17.useEffect(() => {
     if (hasChanges && status === "published") {
@@ -10356,7 +9743,13 @@ function DetailView({
     });
   };
   if (loading) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kyro-detail", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kyro-loading", children: /* @__PURE__ */ jsxRuntime.jsx(Spinner, {}) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kyro-detail", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6 p-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Shimmer, { variant: "text", className: "w-1/3" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Shimmer, { variant: "text", className: "w-2/3" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxRuntime.jsx(Shimmer, { variant: "rect", count: 4 }) })
+    ] }) });
   }
   const isSingleLayout = mode === "global" || collection?.admin?.layout === "single";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kyro-detail", children: [
@@ -10824,7 +10217,7 @@ function Dashboard({ collections: collections2, onNavigate, user }) {
         action: collectionList.length > 0 && permissions?.collections?.[collectionList[0]?.[0]]?.create !== false ? {
           label: "New Document",
           onClick: () => onNavigate("create", collectionList[0]?.[0]),
-          icon: chunkGOACG6R7_cjs.LuPlus
+          icon: chunk3BGDYKTD_cjs.LuPlus
         } : void 0
       }
     ),
@@ -10832,25 +10225,25 @@ function Dashboard({ collections: collections2, onNavigate, user }) {
       {
         label: "Total Content",
         value: stats.totalDocs,
-        icon: chunkGOACG6R7_cjs.LuFileText,
+        icon: chunk3BGDYKTD_cjs.LuFileText,
         color: "text-blue-500"
       },
       {
         label: "Media Assets",
         value: stats.totalMedia,
-        icon: chunkGOACG6R7_cjs.LuImage,
+        icon: chunk3BGDYKTD_cjs.LuImage,
         color: "text-purple-500"
       },
       {
         label: "Active Users",
         value: stats.totalUsers,
-        icon: chunkGOACG6R7_cjs.LuUsers,
+        icon: chunk3BGDYKTD_cjs.LuUsers,
         color: "text-green-500"
       },
       {
         label: "System Health",
         value: "100%",
-        icon: chunkGOACG6R7_cjs.LuActivity,
+        icon: chunk3BGDYKTD_cjs.LuActivity,
         color: "text-amber-500"
       }
     ].map((stat, i) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -10860,7 +10253,7 @@ function Dashboard({ collections: collections2, onNavigate, user }) {
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-bold  tracking-[0.2em] opacity-40 mb-1", children: stat.label }),
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-3xl font-bold tracking-tighter", children: loading ? "..." : stat.value })
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-3xl font-bold tracking-tighter", children: loading ? /* @__PURE__ */ jsxRuntime.jsx(Shimmer, { variant: "text", className: "w-16" }) : stat.value })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
             "div",
@@ -10877,7 +10270,7 @@ function Dashboard({ collections: collections2, onNavigate, user }) {
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-8 min-w-0", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "surface-tile p-8", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-xl font-bold mb-1 tracking-tight flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuLayoutDashboard, { className: "w-5 h-5 opacity-40" }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuLayoutDashboard, { className: "w-5 h-5 opacity-40" }),
             "Content Growth"
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-bold  tracking-widest opacity-40 mb-8", children: "Snapshot of document velocity over the last 7 days" }),
@@ -10958,7 +10351,7 @@ function Dashboard({ collections: collections2, onNavigate, user }) {
               children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-bold text-lg tracking-tight group-hover:text-[var(--kyro-primary)] transition-colors", children: config.label || slug }),
-                  /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuArrowUpRight, { className: "w-4 h-4 opacity-0 group-hover:opacity-100 transition-all" })
+                  /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuArrowUpRight, { className: "w-4 h-4 opacity-0 group-hover:opacity-100 transition-all" })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-1 bg-[var(--kyro-bg-secondary)] rounded-full mb-3 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
                   "div",
@@ -10976,7 +10369,7 @@ function Dashboard({ collections: collections2, onNavigate, user }) {
         /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "surface-tile p-6 border border-[var(--kyro-border)] hover:border-[var(--kyro-primary)] transition-all cursor-pointer group", children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-between mb-4", children: /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "text-xl font-bold tracking-tight group-hover:text-[var(--kyro-primary)] transition-colors flex items-center gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuPlus, { className: "w-5 h-5" }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuPlus, { className: "w-5 h-5" }),
               "Quick Links"
             ] }) }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
@@ -10991,7 +10384,7 @@ function Dashboard({ collections: collections2, onNavigate, user }) {
                       "New ",
                       collections2[slug]?.singularLabel || collections2[slug]?.label || slug
                     ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuPlus, { className: "w-4 h-4 text-[var(--kyro-text-secondary)] group-hover/btn:text-[var(--kyro-primary)]" })
+                    /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuPlus, { className: "w-4 h-4 text-[var(--kyro-text-secondary)] group-hover/btn:text-[var(--kyro-primary)]" })
                   ]
                 },
                 slug
@@ -11006,17 +10399,17 @@ function Dashboard({ collections: collections2, onNavigate, user }) {
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 font-bold text-xs  tracking-widest text-blue-400", children: [
                 "Open Assets",
                 " ",
-                /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuArrowRight, { className: "w-4 h-4 group-hover:translate-x-1 transition-transform" })
+                /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuArrowRight, { className: "w-4 h-4 group-hover:translate-x-1 transition-transform" })
               ] })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuImage, { className: "absolute bottom-[-20px] right-[-20px] w-48 h-48 opacity-10 rotate-12 group-hover:scale-110 transition-transform duration-1000" })
+            /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuImage, { className: "absolute bottom-[-20px] right-[-20px] w-48 h-48 opacity-10 rotate-12 group-hover:scale-110 transition-transform duration-1000" })
           ] })
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "surface-tile p-8", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-xl font-bold mb-6 tracking-tight flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuClock, { className: "w-5 h-5 opacity-40" }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuClock, { className: "w-5 h-5 opacity-40" }),
             "Recent Activity"
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-6", children: stats.recentActivity.map((act) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-4 group", children: [
@@ -11043,7 +10436,7 @@ function Dashboard({ collections: collections2, onNavigate, user }) {
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "surface-tile p-8", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-xl font-bold mb-6 tracking-tight flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuActivity, { className: "w-5 h-5 opacity-40" }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuActivity, { className: "w-5 h-5 opacity-40" }),
             "System Status"
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: [
@@ -11151,18 +10544,18 @@ function UserManagement() {
       {
         title: "Identity & Access",
         description: "Manage the core administrative team and security permissions.",
-        icon: chunkGOACG6R7_cjs.LuUsers,
+        icon: chunk3BGDYKTD_cjs.LuUsers,
         action: {
           label: "New User",
           onClick: () => {
           },
-          icon: chunkGOACG6R7_cjs.LuUserPlus
+          icon: chunk3BGDYKTD_cjs.LuUserPlus
         }
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col md:flex-row gap-3", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 group", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuSearch, { className: "absolute left-3.5 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--kyro-text-secondary)] opacity-40 group-focus-within:opacity-100 transition-opacity" }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuSearch, { className: "absolute left-3.5 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--kyro-text-secondary)] opacity-40 group-focus-within:opacity-100 transition-opacity" }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "input",
           {
@@ -11200,12 +10593,12 @@ function UserManagement() {
           ] })
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-3.5", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuShield, { className: "w-3.5 h-3.5 opacity-30" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuShield, { className: "w-3.5 h-3.5 opacity-30" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-bold tracking-widest uppercase opacity-70", children: user.role })
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-3.5", children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: user.locked ? "danger" : "success", dot: true, className: "text-[8px] font-bold uppercase tracking-widest", children: user.locked ? "Restricted" : "Authorized" }) }),
         /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-3.5", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-[10px] font-bold text-[var(--kyro-text-secondary)] opacity-50 uppercase tabular-nums", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuClock, { className: "w-3 h-3" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuClock, { className: "w-3 h-3" }),
           user.lastLogin ? new Date(user.lastLogin).toLocaleDateString() : "Never"
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-3.5 text-right", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-1 opacity-0 group-hover:opacity-100 transition-all", children: [
@@ -11215,7 +10608,7 @@ function UserManagement() {
               onClick: () => handleToggleLock(user),
               className: `p-1.5 rounded-lg border transition-all ${user.locked ? "bg-green-500/10 text-green-500 border-green-500/20 hover:bg-green-500/20" : "bg-amber-500/10 text-amber-500 border-amber-500/20 hover:bg-amber-500/20"}`,
               title: user.locked ? "Restore Access" : "Restrict Access",
-              children: user.locked ? /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuLockOpen, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuLock, { className: "w-3.5 h-3.5" })
+              children: user.locked ? /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuLockOpen, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuLock, { className: "w-3.5 h-3.5" })
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -11224,10 +10617,10 @@ function UserManagement() {
               onClick: () => handleDelete(user),
               className: "p-1.5 rounded-lg border border-red-500/20 bg-red-500/10 text-red-500 hover:bg-red-500/20 transition-all",
               title: "Delete User",
-              children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuTrash2, { className: "w-3.5 h-3.5" })
+              children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuTrash2, { className: "w-3.5 h-3.5" })
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("button", { className: "p-1.5 rounded-lg border border-[var(--kyro-border)] bg-[var(--kyro-surface-accent)] text-[var(--kyro-text-secondary)] hover:bg-[var(--kyro-surface)] transition-all", children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuEllipsisVertical, { className: "w-3.5 h-3.5" }) })
+          /* @__PURE__ */ jsxRuntime.jsx("button", { className: "p-1.5 rounded-lg border border-[var(--kyro-border)] bg-[var(--kyro-surface-accent)] text-[var(--kyro-text-secondary)] hover:bg-[var(--kyro-surface)] transition-all", children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuEllipsisVertical, { className: "w-3.5 h-3.5" }) })
         ] }) })
       ] }, user.id)) })
     ] }) })
@@ -11309,7 +10702,7 @@ function BrandingHub() {
           disabled: saving,
           className: `flex items-center gap-2 px-8 py-3 rounded-2xl font-bold text-sm shadow-xl transition-all active:scale-95 ${saved ? "bg-green-500 text-white" : "bg-[var(--kyro-primary)] text-white hover:shadow-[var(--kyro-primary)]"}`,
           children: [
-            saving ? /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuRefreshCcw, { className: "w-4 h-4 animate-spin" }) : saved ? /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuCheck, { className: "w-4 h-4" }) : /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuSave, { className: "w-4 h-4" }),
+            saving ? /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuRefreshCcw, { className: "w-4 h-4 animate-spin" }) : saved ? /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuCheck, { className: "w-4 h-4" }) : /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuSave, { className: "w-4 h-4" }),
             saving ? "Saving..." : saved ? "Identity Updated" : "Publish Branding"
           ]
         }
@@ -11318,7 +10711,7 @@ function BrandingHub() {
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-8", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "surface-tile p-8 space-y-8", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mb-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuTag, { className: "w-5 h-5 text-[var(--kyro-primary)]" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuTag, { className: "w-5 h-5 text-[var(--kyro-primary)]" }),
           /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-bold tracking-tight", children: "Core Identity" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
@@ -11365,7 +10758,7 @@ function BrandingHub() {
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "surface-tile p-8 space-y-8", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mb-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuPalette, { className: "w-5 h-5 text-[var(--kyro-primary)]" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuPalette, { className: "w-5 h-5 text-[var(--kyro-primary)]" }),
           /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-bold tracking-tight", children: "Visual Aesthetic" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-8", children: [
@@ -11387,7 +10780,7 @@ function BrandingHub() {
             /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-[10px] font-bold  tracking-[0.2em] opacity-40", children: "Project Logo (SVG/PNG)" }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-6", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-20 h-20 rounded-2xl bg-[var(--kyro-bg-secondary)] border-2 border-dashed border-[var(--kyro-border)] flex flex-col items-center justify-center text-[var(--kyro-text-secondary)] hover:border-[var(--kyro-primary)] hover:text-[var(--kyro-primary)] cursor-pointer transition-all", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuImage, { className: "w-6 h-6 mb-1 opacity-40" }),
+                /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuImage, { className: "w-6 h-6 mb-1 opacity-40" }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[8px] font-bold ", children: "Upload" })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
@@ -11400,7 +10793,7 @@ function BrandingHub() {
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "lg:col-span-2 surface-tile p-8 overflow-hidden relative group", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute top-0 right-0 p-8 flex items-center gap-2 text-[var(--kyro-primary)]", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuSparkles, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuSparkles, { className: "w-4 h-4" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-bold  tracking-widest", children: "Live Preview" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-2xl mx-auto py-12 text-center space-y-6", children: [
@@ -11565,7 +10958,7 @@ function ConfirmModal({
 }
 var API_BASE2 = typeof __KYRO_API_PATH__ !== "undefined" ? __KYRO_API_PATH__ : "/api";
 function DeveloperCenter({ collections: collections2 }) {
-  const [keys2, setKeys] = React17.useState([]);
+  const [keys, setKeys] = React17.useState([]);
   React17.useState(false);
   const [showKey, setShowKey] = React17.useState(null);
   const [testEndpoint, setTestEndpoint] = React17.useState("");
@@ -11640,12 +11033,12 @@ function DeveloperCenter({ collections: collections2 }) {
       {
         title: "Developer Center",
         description: "Provision access keys and explore the headless API ecosystem.",
-        icon: chunkGOACG6R7_cjs.LuCodeXml,
+        icon: chunk3BGDYKTD_cjs.LuCodeXml,
         actions: [
           {
             label: "Generate Key",
             onClick: handleGenerateKey,
-            icon: chunkGOACG6R7_cjs.LuKey
+            icon: chunk3BGDYKTD_cjs.LuKey
           }
         ]
       }
@@ -11656,17 +11049,17 @@ function DeveloperCenter({ collections: collections2 }) {
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-1 h-4 bg-[var(--kyro-primary)] rounded-full" }),
           /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-medium tracking-[0.2em] opacity-40 uppercase", children: "Access Credentials" })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: keys2.length === 0 ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuLock, { className: "w-10 h-10 mx-auto mb-4 opacity-20" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: keys.length === 0 ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuLock, { className: "w-10 h-10 mx-auto mb-4 opacity-20" }),
           /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+        ] }) : keys.map((key) => /* @__PURE__ */ jsxRuntime.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",
             children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col md:flex-row md:items-center justify-between gap-6 relative z-10", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mb-4", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2.5 bg-[var(--kyro-surface-accent)] rounded-xl group-hover:bg-[var(--kyro-primary)]/10 transition-colors", children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuKey, { className: "w-5 h-5 text-[var(--kyro-text-secondary)] group-hover:text-[var(--kyro-primary)] transition-colors" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2.5 bg-[var(--kyro-surface-accent)] rounded-xl group-hover:bg-[var(--kyro-primary)]/10 transition-colors", children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuKey, { className: "w-5 h-5 text-[var(--kyro-text-secondary)] group-hover:text-[var(--kyro-primary)] transition-colors" }) }),
                   /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-bold group-hover:text-[var(--kyro-primary)] transition-colors truncate", children: key.name })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 bg-[var(--kyro-bg)] border border-[var(--kyro-border)] rounded-2xl px-4 py-3 flex items-center justify-between group/key overflow-hidden", children: [
@@ -11678,7 +11071,7 @@ function DeveloperCenter({ collections: collections2 }) {
                         type: "button",
                         onClick: () => setShowKey(showKey === key.id ? null : key.id),
                         className: "p-1.5 hover:bg-[var(--kyro-surface-accent)] rounded-lg transition-all text-[var(--kyro-text-secondary)]",
-                        children: showKey === key.id ? /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuEyeOff, { className: "w-4 h-4" }) : /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuEye, { className: "w-4 h-4" })
+                        children: showKey === key.id ? /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuEyeOff, { className: "w-4 h-4" }) : /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuEye, { className: "w-4 h-4" })
                       }
                     ),
                     /* @__PURE__ */ jsxRuntime.jsx(
@@ -11690,7 +11083,7 @@ function DeveloperCenter({ collections: collections2 }) {
                           navigator.clipboard.writeText(key.key);
                           alert({ title: "Success", message: "API key copied to clipboard" });
                         },
-                        children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuCopy, { className: "w-4 h-4" })
+                        children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuCopy, { className: "w-4 h-4" })
                       }
                     )
                   ] })
@@ -11713,7 +11106,7 @@ function DeveloperCenter({ collections: collections2 }) {
                   onClick: () => handleRevokeKey(key.id),
                   className: "p-3.5 bg-red-500/5 text-red-500 rounded-2xl hover:bg-red-500/10 transition-all border border-transparent hover:border-red-500/30 self-start md:self-center",
                   title: "Revoke Key",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuTrash2, { className: "w-5 h-5" })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuTrash2, { className: "w-5 h-5" })
                 }
               )
             ] })
@@ -11723,9 +11116,9 @@ function DeveloperCenter({ collections: collections2 }) {
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "space-y-6", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative overflow-hidden rounded-[2.5rem] border border-[var(--kyro-border)] bg-gradient-to-br from-[var(--kyro-primary)] to-[var(--kyro-primary)]/80 p-8 group shadow-2xl shadow-[var(--kyro-primary)]/20", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-0 right-0 p-8 opacity-[0.1] pointer-events-none group-hover:scale-110 transition-transform duration-700", children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuTerminal, { className: "w-48 h-48 rotate-12" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-0 right-0 p-8 opacity-[0.1] pointer-events-none group-hover:scale-110 transition-transform duration-700", children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuTerminal, { className: "w-48 h-48 rotate-12" }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-10", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 bg-white/20 backdrop-blur-md rounded-2xl flex items-center justify-center mb-6", children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuTerminal, { className: "w-6 h-6 text-white" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 bg-white/20 backdrop-blur-md rounded-2xl flex items-center justify-center mb-6", children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuTerminal, { className: "w-6 h-6 text-white" }) }),
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-white text-2xl font-bold tracking-tight mb-3", children: "Endpoint Hub" }),
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-white/80 text-sm font-medium leading-relaxed mb-8", children: "Kyro CMS is built for high-performance content delivery. Use these endpoints to power your headless frontends." }),
             /* @__PURE__ */ jsxRuntime.jsxs(
@@ -11735,7 +11128,7 @@ function DeveloperCenter({ collections: collections2 }) {
                 className: "w-full py-4 bg-white text-[var(--kyro-primary)] rounded-[1.2rem] font-bold text-xs uppercase tracking-widest hover:shadow-xl transition-all flex items-center justify-center gap-2 active:scale-[0.98]",
                 children: [
                   "Full API Documentation",
-                  /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuExternalLink, { className: "w-3.5 h-3.5" })
+                  /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuExternalLink, { className: "w-3.5 h-3.5" })
                 ]
               }
             )
@@ -11753,7 +11146,7 @@ function DeveloperCenter({ collections: collections2 }) {
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -inset-0.5 bg-gradient-to-r from-[var(--kyro-primary)]/30 to-transparent rounded-xl blur opacity-0 group-hover:opacity-100 transition-all" }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative bg-[var(--kyro-bg)] p-3.5 rounded-xl border border-[var(--kyro-border)] flex items-center justify-between", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("code", { className: "text-[10px] font-mono opacity-60", children: "https://api.kyro.io/v1" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuCopy, { className: "w-3.5 h-3.5 opacity-0 group-hover:opacity-40 cursor-pointer transition-opacity", onClick: () => navigator.clipboard.writeText("https://api.kyro.io/v1") })
+                  /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuCopy, { className: "w-3.5 h-3.5 opacity-0 group-hover:opacity-40 cursor-pointer transition-opacity", onClick: () => navigator.clipboard.writeText("https://api.kyro.io/v1") })
                 ] })
               ] })
             ] }),
@@ -11766,7 +11159,7 @@ function DeveloperCenter({ collections: collections2 }) {
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -inset-0.5 bg-gradient-to-r from-amber-500/30 to-transparent rounded-xl blur opacity-0 group-hover:opacity-100 transition-all" }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative bg-[var(--kyro-bg)] p-3.5 rounded-xl border border-[var(--kyro-border)] flex items-center justify-between", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("code", { className: "text-[10px] font-mono opacity-60", children: "https://preview.kyro.io/v1" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuCopy, { className: "w-3.5 h-3.5 opacity-0 group-hover:opacity-40 cursor-pointer transition-opacity", onClick: () => navigator.clipboard.writeText("https://preview.kyro.io/v1") })
+                  /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuCopy, { className: "w-3.5 h-3.5 opacity-0 group-hover:opacity-40 cursor-pointer transition-opacity", onClick: () => navigator.clipboard.writeText("https://preview.kyro.io/v1") })
                 ] })
               ] })
             ] })
@@ -11774,11 +11167,11 @@ function DeveloperCenter({ collections: collections2 }) {
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "xl:col-span-3 rounded-[3rem] border border-[var(--kyro-border)] bg-[var(--kyro-surface)]/50 p-10 space-y-10 overflow-hidden relative", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-0 right-0 p-20 opacity-[0.02] pointer-events-none", children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuCirclePlay, { className: "w-96 h-96" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-0 right-0 p-20 opacity-[0.02] pointer-events-none", children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuCirclePlay, { className: "w-96 h-96" }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col lg:flex-row lg:items-center justify-between gap-10 relative z-10", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-xl", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-3xl font-bold tracking-tighter flex items-center gap-4 mb-3", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 bg-[var(--kyro-primary)]/10 rounded-2xl flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuCirclePlay, { className: "w-7 h-7 text-[var(--kyro-primary)]" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 bg-[var(--kyro-primary)]/10 rounded-2xl flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuCirclePlay, { className: "w-7 h-7 text-[var(--kyro-primary)]" }) }),
               "API ",
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[var(--kyro-primary)]", children: "Explorer" })
             ] }),
@@ -11810,7 +11203,7 @@ function DeveloperCenter({ collections: collections2 }) {
                 disabled: exploring || !testEndpoint,
                 className: "px-8 py-4 bg-[var(--kyro-primary)] text-white rounded-[1.5rem] font-bold text-sm shadow-xl disabled:opacity-50 disabled:cursor-not-allowed hover:scale-[1.02] transition-all flex items-center gap-3 shrink-0",
                 children: [
-                  exploring ? /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuRefreshCcw, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuChevronRight, { className: "w-5 h-5" }),
+                  exploring ? /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuRefreshCcw, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuChevronRight, { className: "w-5 h-5" }),
                   "Run Query"
                 ]
               }
@@ -11844,7 +11237,7 @@ function DeveloperCenter({ collections: collections2 }) {
             )
           ] })
         ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-80 rounded-[3rem] border-2 border-dashed border-[var(--kyro-border)] flex flex-col items-center justify-center bg-[var(--kyro-surface-accent)]/20 transition-all duration-700", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-20 h-20 bg-[var(--kyro-surface)] rounded-3xl flex items-center justify-center shadow-lg border border-[var(--kyro-border)] mb-6 opacity-20", children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuCodeXml, { className: "w-10 h-10" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-20 h-20 bg-[var(--kyro-surface)] rounded-3xl flex items-center justify-center shadow-lg border border-[var(--kyro-border)] mb-6 opacity-20", children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuCodeXml, { className: "w-10 h-10" }) }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-bold text-sm opacity-30 uppercase tracking-[0.2em]", children: "Awaiting request dispatch..." })
         ] })
       ] })
@@ -12072,7 +11465,7 @@ function WebhookManager() {
       {
         title: "Webhooks",
         description: "Receive real-time notifications when your content changes.",
-        icon: chunkGOACG6R7_cjs.LuWebhook,
+        icon: chunk3BGDYKTD_cjs.LuWebhook,
         actions: [
           {
             label: "Create Webhook",
@@ -12086,21 +11479,21 @@ function WebhookManager() {
               setCreateError("");
               setShowCreateModal(true);
             },
-            icon: chunkGOACG6R7_cjs.LuPlus
+            icon: chunk3BGDYKTD_cjs.LuPlus
           },
           {
             label: "Guide",
             onClick: () => setShowHelpModal(true),
-            icon: chunkGOACG6R7_cjs.LuInfo,
+            icon: chunk3BGDYKTD_cjs.LuInfo,
             variant: "outline"
           }
         ]
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative overflow-hidden rounded-[2rem] border border-[var(--kyro-border)] bg-gradient-to-br from-[var(--kyro-surface)] to-[var(--kyro-surface-accent)] p-8", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-0 right-0 p-8 opacity-[0.03] pointer-events-none", children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuZap, { className: "w-64 h-64 rotate-12" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-0 right-0 p-8 opacity-[0.03] pointer-events-none", children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuZap, { className: "w-64 h-64 rotate-12" }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col md:flex-row items-center gap-8 relative z-10", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-5 bg-gradient-to-br from-[var(--kyro-primary)] to-[var(--kyro-primary)]/50 rounded-[1.5rem] shadow-xl shadow-[var(--kyro-primary)]/20", children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuZap, { className: "w-8 h-8 text-white" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-5 bg-gradient-to-br from-[var(--kyro-primary)] to-[var(--kyro-primary)]/50 rounded-[1.5rem] shadow-xl shadow-[var(--kyro-primary)]/20", children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuZap, { className: "w-8 h-8 text-white" }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 text-center md:text-left", children: [
           /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-bold mb-2", children: "Real-time Event Synchronization" }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-[var(--kyro-text-secondary)] opacity-70 max-w-2xl leading-relaxed", children: "Webhooks allow your application to receive instant HTTP notifications when events happen in your CMS. Eliminate polling and build responsive, event-driven architectures with ease." })
@@ -12130,7 +11523,7 @@ function WebhookManager() {
         ] })
       ] }),
       loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center p-20 surface-tile rounded-3xl opacity-50 italic", children: "Connecting to dispatcher..." }) : webhooks.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-16 text-center rounded-[3rem] border-2 border-dashed border-[var(--kyro-border)] bg-[var(--kyro-surface-accent)]/30", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-20 h-20 mx-auto mb-6 bg-gradient-to-tr from-[var(--kyro-surface)] to-[var(--kyro-surface-accent)] rounded-3xl flex items-center justify-center shadow-xl border border-[var(--kyro-border)]", children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuWebhook, { className: "w-10 h-10 text-[var(--kyro-primary)]" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-20 h-20 mx-auto mb-6 bg-gradient-to-tr from-[var(--kyro-surface)] to-[var(--kyro-surface-accent)] rounded-3xl flex items-center justify-center shadow-xl border border-[var(--kyro-border)]", children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuWebhook, { className: "w-10 h-10 text-[var(--kyro-primary)]" }) }),
         /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-2xl font-bold mb-3", children: "No Webhooks Found" }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-[var(--kyro-text-secondary)] opacity-60 mb-8 max-w-sm mx-auto", children: "Your CMS is currently silent. Create a webhook to start broadcasting events to your external services." }),
         /* @__PURE__ */ jsxRuntime.jsxs(
@@ -12140,7 +11533,7 @@ function WebhookManager() {
             onClick: () => setShowCreateModal(true),
             className: "inline-flex items-center gap-3 px-8 py-4 bg-[var(--kyro-primary)] text-white rounded-2xl font-bold hover:scale-[1.05] transition-all shadow-xl shadow-[var(--kyro-primary)]/10",
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuPlus, { className: "w-5 h-5" }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuPlus, { className: "w-5 h-5" }),
               "Configure Webhook"
             ]
           }
@@ -12152,7 +11545,7 @@ function WebhookManager() {
           children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col lg:flex-row lg:items-center justify-between gap-6 relative z-10", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mb-4", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2.5 bg-[var(--kyro-surface-accent)] rounded-xl group-hover:bg-[var(--kyro-primary)]/10 transition-colors", children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuWebhook, { className: "w-5 h-5 text-[var(--kyro-text-secondary)] group-hover:text-[var(--kyro-primary)] transition-colors" }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2.5 bg-[var(--kyro-surface-accent)] rounded-xl group-hover:bg-[var(--kyro-primary)]/10 transition-colors", children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuWebhook, { className: "w-5 h-5 text-[var(--kyro-text-secondary)] group-hover:text-[var(--kyro-primary)] transition-colors" }) }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                   /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-bold group-hover:text-[var(--kyro-primary)] transition-colors", children: webhook.name }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mt-0.5", children: [
@@ -12180,7 +11573,7 @@ function WebhookManager() {
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1 border-l border-[var(--kyro-border)] pl-6", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[9px] font-bold uppercase tracking-widest opacity-30", children: "Activity" }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[10px] font-bold opacity-60 flex items-center gap-1.5", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuClock, { className: "w-3 h-3" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuClock, { className: "w-3 h-3" }),
                     webhook.lastTriggered ? `Last triggered: ${new Date(webhook.lastTriggered).toLocaleDateString()}` : "Never triggered"
                   ] })
                 ] })
@@ -12195,7 +11588,7 @@ function WebhookManager() {
                   className: "flex-1 lg:flex-none p-3 bg-[var(--kyro-surface)] border border-[var(--kyro-border)] rounded-xl hover:border-[var(--kyro-primary)] transition-all flex items-center justify-center gap-2",
                   title: "Send test request",
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuSend, { className: "w-4 h-4" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuSend, { className: "w-4 h-4" }),
                     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-bold", children: "Test" })
                   ]
                 }
@@ -12208,7 +11601,7 @@ function WebhookManager() {
                   onClick: () => toggleStatus(webhook.id, webhook.status),
                   className: `p-3 bg-[var(--kyro-surface)] border border-[var(--kyro-border)] rounded-xl hover:border-[var(--kyro-primary)] transition-all group/toggle ${webhook.status === "active" ? "text-amber-500/50 hover:text-amber-500" : "text-green-500/50 hover:text-green-500"}`,
                   title: webhook.status === "active" ? "Pause webhook" : "Activate webhook",
-                  children: webhook.status === "active" ? /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuPause, { className: "w-4 h-4" }) : /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuPlay, { className: "w-4 h-4" })
+                  children: webhook.status === "active" ? /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuPause, { className: "w-4 h-4" }) : /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuPlay, { className: "w-4 h-4" })
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -12218,7 +11611,7 @@ function WebhookManager() {
                   onClick: () => remove(webhook.id, "Webhook"),
                   className: "p-3 bg-red-500/5 border border-red-500/10 rounded-xl hover:bg-red-500/10 hover:border-red-500/30 transition-all group/delete",
                   title: "Delete webhook",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuTrash2, { className: "w-4 h-4 text-red-500/50 group-hover/delete:text-red-500" })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuTrash2, { className: "w-4 h-4 text-red-500/50 group-hover/delete:text-red-500" })
                 }
               )
             ] })
@@ -12290,7 +11683,7 @@ function WebhookManager() {
                     },
                     className: `flex items-center gap-3 p-3 rounded-lg border transition-all text-left ${formData.events.includes(opt.value) ? "bg-[var(--kyro-primary)]/5 border-[var(--kyro-primary)]/30 text-[var(--kyro-primary)]" : "bg-[var(--kyro-surface-accent)]/50 border-[var(--kyro-border)] hover:border-[var(--kyro-primary)]/30"}`,
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-4 h-4 rounded flex items-center justify-center border transition-all ${formData.events.includes(opt.value) ? "bg-[var(--kyro-primary)] border-[var(--kyro-primary)]" : "border-[var(--kyro-border)]"}`, children: formData.events.includes(opt.value) && /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuCircleCheck, { className: "w-3 h-3 text-white" }) }),
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-4 h-4 rounded flex items-center justify-center border transition-all ${formData.events.includes(opt.value) ? "bg-[var(--kyro-primary)] border-[var(--kyro-primary)]" : "border-[var(--kyro-border)]"}`, children: formData.events.includes(opt.value) && /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuCircleCheck, { className: "w-3 h-3 text-white" }) }),
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-bold", children: opt.label }),
                         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] opacity-50", children: opt.description })
@@ -12302,7 +11695,7 @@ function WebhookManager() {
               ] })
             ] }),
             createError && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 bg-red-500/10 border border-red-500/20 rounded-xl flex items-center gap-2 text-red-500 text-xs font-bold", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuTriangleAlert, { className: "w-4 h-4" }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuTriangleAlert, { className: "w-4 h-4" }),
               createError
             ] })
           ] }) }),
@@ -12337,13 +11730,13 @@ function WebhookManager() {
         title: "Webhook Test Dispatcher",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(ModalContent, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-8 rounded-[2rem] bg-[var(--kyro-surface-accent)]/30 border border-[var(--kyro-border)] text-center", children: testResult ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-16 h-16 mx-auto rounded-2xl flex items-center justify-center shadow-xl ${testResult.success ? "bg-green-500/10 text-green-500" : "bg-red-500/10 text-red-500"}`, children: testResult.success ? /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuCircleCheck, { className: "w-8 h-8" }) : /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuTriangleAlert, { className: "w-8 h-8" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-16 h-16 mx-auto rounded-2xl flex items-center justify-center shadow-xl ${testResult.success ? "bg-green-500/10 text-green-500" : "bg-red-500/10 text-red-500"}`, children: testResult.success ? /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuCircleCheck, { className: "w-8 h-8" }) : /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuTriangleAlert, { className: "w-8 h-8" }) }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
               /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xl font-bold mb-2", children: testResult.success ? "Dispatch Successful" : "Dispatch Failed" }),
               /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-[var(--kyro-text-secondary)] opacity-70", children: testResult.message })
             ] })
           ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6 py-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuRefreshCw, { className: "w-12 h-12 text-[var(--kyro-primary)] animate-spin mx-auto opacity-50" }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuRefreshCw, { className: "w-12 h-12 text-[var(--kyro-primary)] animate-spin mx-auto opacity-50" }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
               /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xl font-bold mb-1", children: "Synthesizing Payload" }),
               /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-[var(--kyro-text-secondary)] opacity-50 italic", children: "Dispatching to remote endpoint..." })
@@ -12373,7 +11766,7 @@ function WebhookManager() {
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-6", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 rounded-3xl bg-[var(--kyro-surface-accent)]/50 border border-[var(--kyro-border)]", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("h4", { className: "font-bold mb-3 flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuExternalLink, { className: "w-4 h-4 text-[var(--kyro-primary)]" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuExternalLink, { className: "w-4 h-4 text-[var(--kyro-primary)]" }),
                   "Request Context"
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-[var(--kyro-text-secondary)] leading-relaxed", children: [
@@ -12384,7 +11777,7 @@ function WebhookManager() {
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 rounded-3xl bg-[var(--kyro-surface-accent)]/50 border border-[var(--kyro-border)]", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("h4", { className: "font-bold mb-3 flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuShield, { className: "w-4 h-4 text-[var(--kyro-primary)]" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuShield, { className: "w-4 h-4 text-[var(--kyro-primary)]" }),
                   "Security Verification"
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-[var(--kyro-text-secondary)] leading-relaxed", children: [
@@ -12601,9 +11994,8 @@ function MediaGallery({
     {}
   );
   const [showNewFolderModal, setShowNewFolderModal] = React17.useState(false);
-  const [storageConfigured, setStorageConfigured] = React17.useState(
-    null
-  );
+  const [storageConfigured, setStorageConfigured] = React17.useState(null);
+  const [storageChecked, setStorageChecked] = React17.useState(false);
   const [showStorageConfigModal, setShowStorageConfigModal] = React17.useState(false);
   const [page, setPage] = React17.useState(1);
   const [total, setTotal] = React17.useState(0);
@@ -12661,6 +12053,12 @@ function MediaGallery({
   React17.useEffect(() => {
     checkStorage();
   }, [checkStorage]);
+  React17.useEffect(() => {
+    if (storageConfigured === false && !storageChecked) {
+      setStorageChecked(true);
+      setShowStorageConfigModal(true);
+    }
+  }, [storageConfigured, storageChecked]);
   React17.useEffect(() => {
     loadMedia();
   }, [loadMedia]);
@@ -12905,7 +12303,7 @@ function MediaGallery({
                 {
                   onClick: () => setView("grid"),
                   className: `p-2 rounded-lg transition-all ${view === "grid" ? "bg-[var(--kyro-surface)] shadow-sm text-[var(--kyro-text-primary)]" : "text-[var(--kyro-text-secondary)] opacity-50 hover:opacity-100"}`,
-                  children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuGrid3X3, { className: "w-4 h-4" })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuGrid3X3, { className: "w-4 h-4" })
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -12913,7 +12311,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__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuFile, { className: "w-4 h-4" })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuFile2, { className: "w-4 h-4" })
                 }
               )
             ] }),
@@ -12923,7 +12321,7 @@ function MediaGallery({
                 onClick: () => fileInputRef.current?.click(),
                 className: "flex items-center gap-2 px-6 py-2.5 bg-[var(--kyro-sidebar-active)] text-[var(--kyro-sidebar-text-active)] rounded-xl font-bold text-xs shadow-lg active:scale-95 transition-all",
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuMaximize2, { className: "w-4 h-4" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuMaximize2, { className: "w-4 h-4" }),
                   "Upload"
                 ]
               }
@@ -12967,7 +12365,7 @@ function MediaGallery({
                   {
                     onClick: () => setShowNewFolderModal(true),
                     className: "p-1.5 hover:bg-[var(--kyro-surface-accent)] rounded-lg transition-colors text-[var(--kyro-text-primary)]",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuFolderPlus, { className: "w-4 h-4" })
+                    children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuFolderPlus, { className: "w-4 h-4" })
                   }
                 )
               ] }),
@@ -12978,7 +12376,7 @@ function MediaGallery({
                     onClick: () => setCurrentFolder(""),
                     className: `w-full flex items-center gap-3 px-4 py-2.5 rounded-xl text-xs font-bold transition-all ${currentFolder === "" ? "bg-[var(--kyro-sidebar-active)] text-[var(--kyro-sidebar-text-active)] shadow-md" : "text-[var(--kyro-text-secondary)] hover:bg-[var(--kyro-surface-accent)] hover:text-[var(--kyro-text-primary)]"}`,
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuFolderInput, { className: "w-4 h-4 opacity-70" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuFolderInput, { className: "w-4 h-4 opacity-70" }),
                       "All Assets"
                     ]
                   }
@@ -12990,7 +12388,7 @@ function MediaGallery({
                       onClick: () => setCurrentFolder(folder),
                       className: `w-full flex items-center gap-3 px-4 py-2.5 rounded-xl text-xs font-bold transition-all ${currentFolder === folder ? "bg-[var(--kyro-sidebar-active)] text-[var(--kyro-sidebar-text-active)] shadow-md" : "text-[var(--kyro-text-secondary)] hover:bg-[var(--kyro-surface-accent)] hover:text-[var(--kyro-text-primary)]"}`,
                       children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-4 h-4 flex items-center justify-center opacity-70", children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuFolder, { fill: currentFolder === folder ? "currentColor" : "none" }) }),
+                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-4 h-4 flex items-center justify-center opacity-70", children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuFolder, { fill: currentFolder === folder ? "currentColor" : "none" }) }),
                         folder
                       ]
                     }
@@ -13003,7 +12401,7 @@ function MediaGallery({
                         handleDeleteFolder(folder);
                       },
                       className: "absolute right-2 top-1/2 -translate-y-1/2 p-1.5 text-red-500 opacity-0 group-hover:opacity-100 transition-all hover:bg-red-50 rounded-lg",
-                      children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuTrash2, { className: "w-3.5 h-3.5" })
+                      children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuTrash2, { className: "w-3.5 h-3.5" })
                     }
                   )
                 ] }, folder))
@@ -13011,8 +12409,8 @@ function MediaGallery({
             ] })
           ] }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-h-0 bg-[var(--kyro-bg)]", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto py-8 px-4 custom-scrollbar", children: loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ jsxRuntime.jsx(Spinner, {}) }) : items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-32 text-center", children: [
-              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuGrid3X3, { className: "w-10 h-10 text-[var(--kyro-text-muted)] opacity-30" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto py-8 px-4 custom-scrollbar", children: loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5", children: /* @__PURE__ */ jsxRuntime.jsx(Shimmer, { variant: "media-card", count: 12 }) }) : items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-32 text-center", children: [
+              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuGrid3X3, { className: "w-10 h-10 text-[var(--kyro-text-muted)] opacity-30" }) }),
               /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-bold text-[var(--kyro-text-primary)] tracking-tight", children: "No assets found" }),
               /* @__PURE__ */ jsxRuntime.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." }),
               canUpload && /* @__PURE__ */ jsxRuntime.jsx(
@@ -13042,7 +12440,7 @@ function MediaGallery({
                       loading: "lazy"
                     }
                   ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full h-full flex flex-col items-center justify-center p-6 gap-4", children: [
-                    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuFilm, { className: "w-8 h-8" }) : item.type === "audio" ? /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuMusic, { className: "w-8 h-8" }) : item.type === "document" ? /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuFileText, { className: "w-8 h-8" }) : item.type === "archive" ? /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuArchive, { className: "w-8 h-8" }) : /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuFile, { className: "w-8 h-8" }) }),
+                    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuFilm, { className: "w-8 h-8" }) : item.type === "audio" ? /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuMusic, { className: "w-8 h-8" }) : item.type === "document" ? /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuFileText, { className: "w-8 h-8" }) : item.type === "archive" ? /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuArchive, { className: "w-8 h-8" }) : /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuFile2, { className: "w-8 h-8" }) }),
                     /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
@@ -13146,7 +12544,7 @@ function MediaGallery({
                           alt: "",
                           className: "w-full h-full object-cover"
                         }
-                      ) : /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuFile, { className: "w-5 h-5 text-[var(--kyro-text-secondary)] opacity-50" }) }),
+                      ) : /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuFile2, { className: "w-5 h-5 text-[var(--kyro-text-secondary)] opacity-50" }) }),
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col min-w-0", children: [
                         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-bold text-xs text-[var(--kyro-text-primary)] truncate max-w-[200px]", children: item.title || item.filename }),
                         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-[var(--kyro-text-secondary)] opacity-50 truncate", children: item.filename })
@@ -13163,7 +12561,7 @@ function MediaGallery({
                           handleSelectOne(item.id, e);
                         },
                         className: `p-2 rounded-lg transition-all ${selectedIds.has(item.id) ? "bg-[var(--kyro-primary)] text-white" : "text-[var(--kyro-text-secondary)] hover:bg-[var(--kyro-surface-accent)] opacity-0 group-hover:opacity-100"}`,
-                        children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuGrid3X3, { className: "w-4 h-4" })
+                        children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuGrid3X3, { className: "w-4 h-4" })
                       }
                     ) })
                   ]
@@ -13230,7 +12628,7 @@ function MediaGallery({
           ] }, name)) })
         ] }) }),
         selectedIds.size > 0 && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-5 border-r border-[var(--kyro-border)] pr-12", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-5 border-r border-[var(--kyro-border)] ", children: [
             /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { children: [
               /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] font-bold  tracking-[0.2em] text-[var(--kyro-text-primary)]", children: "Selected" }),
@@ -13261,7 +12659,7 @@ function MediaGallery({
               {
                 onClick: handleBulkDelete,
                 className: "p-3 bg-red-500/10 text-red-500 hover:bg-red-500 hover:text-white rounded-full transition-all active:scale-90",
-                children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuTrash2, { className: "w-5 h-5" })
+                children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuTrash2, { className: "w-5 h-5" })
               }
             )
           ] })
@@ -13290,7 +12688,7 @@ function MediaGallery({
                     className: "w-full h-full"
                   }
                 ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full h-full flex flex-col items-center justify-center p-12 gap-6", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-20 h-20 rounded-[2rem] bg-[var(--kyro-surface-accent)] flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuFile, { className: "w-10 h-10 text-[var(--kyro-text-secondary)]" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-20 h-20 rounded-[2rem] bg-[var(--kyro-surface-accent)] flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuFile2, { className: "w-10 h-10 text-[var(--kyro-text-secondary)]" }) }),
                   /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "outline", className: "text-xs font-bold", children: panelItem.mimeType })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-4 right-4 flex gap-2 opacity-0 group-hover:opacity-100 transition-opacity", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -13298,7 +12696,7 @@ function MediaGallery({
                   {
                     onClick: () => setShowPreview(true),
                     className: "p-2.5 bg-black/50 backdrop-blur-md text-white rounded-xl hover:bg-black/70 transition-all",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuMaximize2, { className: "w-4 h-4" })
+                    children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuMaximize2, { className: "w-4 h-4" })
                   }
                 ) })
               ] }),
@@ -13336,7 +12734,7 @@ function MediaGallery({
                             alert({ title: "Copied", message: "URL copied to clipboard" });
                           },
                           className: "p-3 bg-[var(--kyro-surface-accent)] hover:bg-[var(--kyro-border)] border border-[var(--kyro-border)] rounded-xl transition-all",
-                          children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuLink, { className: "w-4 h-4 text-[var(--kyro-text-primary)]" })
+                          children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuLink, { className: "w-4 h-4 text-[var(--kyro-text-primary)]" })
                         }
                       )
                     ] })
@@ -13383,7 +12781,7 @@ function MediaGallery({
                     },
                     className: "flex-1 flex items-center justify-center gap-2 px-6 py-3 bg-[var(--kyro-sidebar-active)] text-[var(--kyro-sidebar-text-active)] rounded-xl font-bold text-xs shadow-lg hover:opacity-90 transition-all",
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuDownload, { className: "w-4 h-4" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuDownload, { className: "w-4 h-4" }),
                       "Download"
                     ]
                   }
@@ -13393,7 +12791,7 @@ function MediaGallery({
                   {
                     onClick: () => setShowCrop(true),
                     className: "p-3 border border-[var(--kyro-border)] rounded-xl text-[var(--kyro-text-primary)] hover:bg-[var(--kyro-surface-accent)] transition-all",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuCrop, { className: "w-4 h-4" })
+                    children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuCrop, { className: "w-4 h-4" })
                   }
                 ),
                 canDelete && /* @__PURE__ */ jsxRuntime.jsx(
@@ -13417,7 +12815,7 @@ function MediaGallery({
                       });
                     },
                     className: "p-3 border border-red-100 text-red-500 rounded-xl hover:bg-red-50 transition-all",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuTrash2, { className: "w-4 h-4" })
+                    children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuTrash2, { className: "w-4 h-4" })
                   }
                 )
               ] })
@@ -13440,7 +12838,7 @@ function MediaGallery({
                 {
                   onClick: () => setShowPreview(false),
                   className: "p-3 bg-white/10 hover:bg-white/20 text-white rounded-2xl transition-all active:scale-90",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuX, { className: "w-6 h-6" })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuX, { className: "w-6 h-6" })
                 }
               )
             ] }),
@@ -13460,7 +12858,7 @@ function MediaGallery({
                 className: "max-h-full max-w-full rounded-lg shadow-2xl"
               }
             ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-white text-center", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuFile, { className: "w-24 h-24 mx-auto mb-6 opacity-20" }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuFile2, { className: "w-24 h-24 mx-auto mb-6 opacity-20" }),
               /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xl font-bold opacity-50", children: "Preview not available for this file type" })
             ] }) })
           ] }),
@@ -13655,14 +13053,14 @@ function CommandPalette({
     label: config.label || slug,
     type: "collection",
     slug,
-    icon: chunkGOACG6R7_cjs.LuFileText
+    icon: chunk3BGDYKTD_cjs.LuFileText
   }));
   const globalItems = Object.entries(globals2).filter(([slug]) => permissions?.globals?.[slug]?.read !== false).map(([slug, config]) => ({
     id: `global-${slug}`,
     label: config.label || slug,
     type: "global",
     slug,
-    icon: chunkGOACG6R7_cjs.LuSettings
+    icon: chunk3BGDYKTD_cjs.LuSettings
   }));
   const isDark = typeof document !== "undefined" && document.documentElement.classList.contains("dark");
   const isAdmin = user?.role === "admin";
@@ -13672,7 +13070,7 @@ function CommandPalette({
       label: "Media Gallery",
       type: "action",
       view: "media",
-      icon: chunkGOACG6R7_cjs.LuImage,
+      icon: chunk3BGDYKTD_cjs.LuImage,
       visible: permissions?.collections?.media?.read !== false
     },
     {
@@ -13680,7 +13078,7 @@ function CommandPalette({
       label: "Team Management",
       type: "action",
       view: "users",
-      icon: chunkGOACG6R7_cjs.LuClock,
+      icon: chunk3BGDYKTD_cjs.LuClock,
       visible: isAdmin
     },
     {
@@ -13688,7 +13086,7 @@ function CommandPalette({
       label: "Audit Logs",
       type: "action",
       view: "audit",
-      icon: chunkGOACG6R7_cjs.LuFile,
+      icon: chunk3BGDYKTD_cjs.LuFile,
       visible: isAdmin
     },
     {
@@ -13696,7 +13094,7 @@ function CommandPalette({
       label: "Roles & Permissions",
       type: "action",
       view: "roles",
-      icon: chunkGOACG6R7_cjs.LuShield,
+      icon: chunk3BGDYKTD_cjs.LuShield,
       visible: isAdmin
     },
     {
@@ -13704,7 +13102,7 @@ function CommandPalette({
       label: "REST API Explorer",
       type: "action",
       view: "api-explorer",
-      icon: chunkGOACG6R7_cjs.LuDatabase,
+      icon: chunk3BGDYKTD_cjs.LuDatabase,
       visible: isAdmin
     },
     {
@@ -13712,7 +13110,7 @@ function CommandPalette({
       label: "GraphQL Playground",
       type: "action",
       view: "graphql",
-      icon: chunkGOACG6R7_cjs.LuHexagon,
+      icon: chunk3BGDYKTD_cjs.LuHexagon,
       visible: isAdmin
     },
     {
@@ -13720,7 +13118,7 @@ function CommandPalette({
       label: "REST Playground",
       type: "action",
       view: "rest",
-      icon: chunkGOACG6R7_cjs.LuNetwork,
+      icon: chunk3BGDYKTD_cjs.LuNetwork,
       visible: isAdmin
     },
     {
@@ -13728,7 +13126,7 @@ function CommandPalette({
       label: isDark ? "Switch to Light Mode" : "Switch to Dark Mode",
       type: "action",
       view: "theme",
-      icon: isDark ? chunkGOACG6R7_cjs.LuSun : chunkGOACG6R7_cjs.LuMoon,
+      icon: isDark ? chunk3BGDYKTD_cjs.LuSun : chunk3BGDYKTD_cjs.LuMoon,
       visible: true
     },
     {
@@ -13736,7 +13134,7 @@ function CommandPalette({
       label: "Sign Out",
       type: "action",
       view: "logout",
-      icon: chunkGOACG6R7_cjs.LuLogOut,
+      icon: chunk3BGDYKTD_cjs.LuLogOut,
       visible: true
     }
   ].filter((a) => a.visible);
@@ -13747,7 +13145,7 @@ function CommandPalette({
     collection: result.collection,
     label2: result.label,
     docId: result.id,
-    icon: chunkGOACG6R7_cjs.LuFile,
+    icon: chunk3BGDYKTD_cjs.LuFile,
     doc: result.doc
   }));
   const allItems = query.length >= 2 ? [...actionItems, ...collectionItems, ...globalItems, ...docResultItems] : [...actionItems, ...collectionItems, ...globalItems];
@@ -13816,7 +13214,7 @@ function CommandPalette({
     ),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-full max-w-2xl bg-[var(--kyro-surface)] rounded-3xl shadow-2xl overflow-hidden animate-in zoom-in-95 fade-in duration-300 ring-1 ring-white/10 border border-white/5", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center px-6 py-5 border-b border-[var(--kyro-border)]", children: [
-        loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuLoaderCircle, { className: "w-5 h-5 text-[var(--kyro-text-secondary)] opacity-50 mr-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuSearch, { className: "w-5 h-5 text-[var(--kyro-text-secondary)] opacity-50 mr-4" }),
+        loading ? /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuLoaderCircle, { className: "w-5 h-5 text-[var(--kyro-text-secondary)] opacity-50 mr-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuSearch, { className: "w-5 h-5 text-[var(--kyro-text-secondary)] opacity-50 mr-4" }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "input",
           {
@@ -13866,7 +13264,7 @@ function CommandPalette({
                     children: item.type
                   }
                 ),
-                index === selectedIndex && /* @__PURE__ */ jsxRuntime.jsx(chunkGOACG6R7_cjs.LuArrowRight, { className: "w-4 h-4 mr-2" })
+                index === selectedIndex && /* @__PURE__ */ jsxRuntime.jsx(chunk3BGDYKTD_cjs.LuArrowRight, { className: "w-4 h-4 mr-2" })
               ] })
             ]
           },
@@ -14698,7 +14096,7 @@ function kyroAdmin(options = {}) {
   return {
     name: "@kyro-cms/admin",
     hooks: {
-      "astro:config:setup": ({ config, updateConfig, injectRoute, logger }) => {
+      "astro:config:setup": async ({ config, updateConfig, injectRoute, logger }) => {
         logger.info(`Kyro Admin mounted at ${basePath} (API: ${apiPath2})`);
         const fallbackConfig = path__default.default.resolve(
           new URL(".", (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('out.js', document.baseURI).href))).pathname,
@@ -14712,17 +14110,74 @@ function kyroAdmin(options = {}) {
         } else {
           logger.warn(`Config file not found. Using defaults.`);
         }
-        if (apiPath2) {
-          const apiHandlerPath = path__default.default.resolve(
-            config.root.pathname,
-            "..",
-            "src/api-handler.ts"
-          );
-          injectRoute({
-            pattern: `${apiPath2}/[...path]`,
-            entrypoint: apiHandlerPath
+        let tmpFile = "";
+        try {
+          const envPath = path__default.default.join(path__default.default.dirname(resolvedConfig), ".env");
+          if (fs__default.default.existsSync(envPath)) {
+            dotenv.config({ path: envPath });
+          }
+          const configContent = fs__default.default.readFileSync(resolvedConfig, "utf8");
+          const result = await esbuild.transform(configContent, {
+            loader: "ts",
+            format: "esm",
+            target: "es2022",
+            sourcemap: false
           });
+          tmpFile = resolvedConfig.replace(/\.ts$/, ".admin.mjs");
+          fs__default.default.writeFileSync(tmpFile, result.code, "utf8");
+          const entryFile = tmpFile.replace(/\.admin\.mjs$/, ".admin-entry.mjs");
+          const resultFile = tmpFile.replace(/\.admin\.mjs$/, ".admin-result.json");
+          fs__default.default.writeFileSync(entryFile, `
+            import cfg from './${path__default.default.basename(tmpFile)}';
+            import fs from 'fs';
+            const data = { collections: cfg.default?.collections || cfg?.collections || [], globals: cfg.default?.globals || cfg?.globals || [] };
+            fs.writeFileSync('${path__default.default.basename(resultFile)}', JSON.stringify(data));
+          `, "utf8");
+          child_process.execSync(
+            `npx tsx "${entryFile}"`,
+            { cwd: path__default.default.dirname(resolvedConfig), encoding: "utf8", timeout: 15e3, stdio: "pipe" }
+          );
+          const resultContent = fs__default.default.readFileSync(resultFile, "utf8");
+          const configModule = JSON.parse(resultContent);
+          try {
+            fs__default.default.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__default.default.existsSync(f)) {
+              try {
+                fs__default.default.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" },
@@ -14770,19 +14225,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");