@structcms/admin 0.1.0

package/dist/index.cjs

@@ -0,0 +1,2761 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  AdminLayout: () => AdminLayout,
+  AdminProvider: () => AdminProvider,
+  ArrayField: () => ArrayField,
+  AuthProvider: () => AuthProvider,
+  Button: () => Button,
+  DashboardPage: () => DashboardPage,
+  Dialog: () => Dialog,
+  ErrorBoundary: () => ErrorBoundary,
+  FormGenerator: () => FormGenerator,
+  ImagePicker: () => ImagePicker,
+  Input: () => Input,
+  KpiCards: () => KpiCards,
+  Label: () => Label,
+  LoginForm: () => LoginForm,
+  MediaBrowser: () => MediaBrowser,
+  NavigationEditor: () => NavigationEditor,
+  OAuthButton: () => OAuthButton,
+  ObjectField: () => ObjectField,
+  PageEditor: () => PageEditor,
+  PageList: () => PageList,
+  ProtectedRoute: () => ProtectedRoute,
+  QuickActions: () => QuickActions,
+  RecentPages: () => RecentPages,
+  RichTextEditor: () => RichTextEditor,
+  SectionEditor: () => SectionEditor,
+  Skeleton: () => Skeleton,
+  StringInput: () => StringInput,
+  StructCMSAdminApp: () => StructCMSAdminApp,
+  TextInput: () => TextInput,
+  Textarea: () => Textarea,
+  ToastProvider: () => ToastProvider,
+  buttonVariants: () => buttonVariants,
+  cn: () => cn,
+  fieldNameToLabel: () => fieldNameToLabel,
+  resolveFieldType: () => resolveFieldType,
+  useAdmin: () => useAdmin,
+  useApiClient: () => useApiClient,
+  useAuth: () => useAuth,
+  useToast: () => useToast
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/app/struct-cms-admin-app.tsx
+var import_react6 = require("react");
+
+// src/context/admin-context.tsx
+var import_react = require("react");
+
+// src/components/ui/toast.tsx
+var React = __toESM(require("react"), 1);
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/ui/toast.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var ToastContext = React.createContext(null);
+function ToastProvider({ children, autoDismissMs = 5e3 }) {
+  const [toasts, setToasts] = React.useState([]);
+  const counterRef = React.useRef(0);
+  const removeToast = React.useCallback((id) => {
+    setToasts((prev) => prev.filter((t) => t.id !== id));
+  }, []);
+  const addToast = React.useCallback(
+    (message, variant = "default") => {
+      const id = `toast-${++counterRef.current}`;
+      const toast = { id, message, variant };
+      setToasts((prev) => [...prev, toast]);
+      if (autoDismissMs > 0) {
+        setTimeout(() => removeToast(id), autoDismissMs);
+      }
+    },
+    [autoDismissMs, removeToast]
+  );
+  const value = React.useMemo(
+    () => ({ toasts, addToast, removeToast }),
+    [toasts, addToast, removeToast]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ToastContext.Provider, { value, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastContainer, { toasts, onDismiss: removeToast })
+  ] });
+}
+ToastProvider.displayName = "ToastProvider";
+function useToast() {
+  const context = React.useContext(ToastContext);
+  if (!context) {
+    throw new Error("useToast must be used within a ToastProvider");
+  }
+  return {
+    toast: context.addToast,
+    dismiss: context.removeToast,
+    toasts: context.toasts
+  };
+}
+var variantStyles = {
+  default: "bg-card border-input text-foreground",
+  success: "bg-card border-green-500 text-foreground",
+  error: "bg-card border-destructive text-foreground"
+};
+function ToastContainer({ toasts, onDismiss }) {
+  if (toasts.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: "fixed bottom-4 right-4 z-50 flex flex-col gap-2 max-w-sm",
+      "data-testid": "toast-container",
+      children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "div",
+        {
+          className: cn(
+            "rounded-md border px-4 py-3 shadow-md flex items-center justify-between gap-2",
+            variantStyles[toast.variant ?? "default"]
+          ),
+          role: "alert",
+          "data-testid": `toast-${toast.id}`,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm", children: toast.message }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                type: "button",
+                className: "text-muted-foreground hover:text-foreground text-sm",
+                onClick: () => onDismiss(toast.id),
+                "data-testid": `toast-dismiss-${toast.id}`,
+                children: "\u2715"
+              }
+            )
+          ]
+        },
+        toast.id
+      ))
+    }
+  );
+}
+
+// src/context/admin-context.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var DEFAULT_API_BASE_URL = "/api/cms";
+var AdminContext = (0, import_react.createContext)(null);
+function AdminProvider({
+  children,
+  registry,
+  apiBaseUrl = DEFAULT_API_BASE_URL
+}) {
+  const value = {
+    registry,
+    apiBaseUrl
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AdminContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ToastProvider, { children }) });
+}
+
+// src/context/auth-context.tsx
+var import_react2 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var AuthContext = (0, import_react2.createContext)(void 0);
+function getCsrfToken() {
+  if (typeof document === "undefined") return null;
+  const match = document.cookie.match(/structcms_csrf_token=([^;]+)/);
+  return match?.[1] ?? null;
+}
+function createFetchOptions(method, body) {
+  const options = {
+    method,
+    credentials: "include",
+    // Always send cookies
+    headers: {
+      "Content-Type": "application/json"
+    }
+  };
+  if (method !== "GET" && method !== "HEAD") {
+    const csrfToken = getCsrfToken();
+    if (csrfToken) {
+      options.headers["X-CSRF-Token"] = csrfToken;
+    }
+  }
+  if (body) {
+    options.body = JSON.stringify(body);
+  }
+  return options;
+}
+function AuthProvider({ children, apiBaseUrl, onAuthStateChange }) {
+  const isAuthDisabled = process.env.NODE_ENV === "development" && typeof window !== "undefined" && (process.env.NEXT_PUBLIC_DISABLE_AUTH === "true" || // biome-ignore lint/suspicious/noExplicitAny: Next.js internal data structure
+  window.__NEXT_DATA__?.props?.pageProps?.disableAuth === true);
+  if (isAuthDisabled) {
+    console.warn("\u26A0\uFE0F  WARNING: Authentication is DISABLED. This should only be used in development!");
+  }
+  const [user, setUser] = (0, import_react2.useState)(null);
+  const [session, setSession] = (0, import_react2.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react2.useState)(!isAuthDisabled);
+  const clearSession = (0, import_react2.useCallback)(() => {
+    setUser(null);
+    setSession(null);
+    onAuthStateChange?.(null);
+  }, [onAuthStateChange]);
+  const tryRefreshSession = (0, import_react2.useCallback)(async () => {
+    try {
+      const refreshResponse = await fetch(
+        `${apiBaseUrl}/auth/refresh`,
+        createFetchOptions("POST")
+      );
+      if (refreshResponse.ok) {
+        const data = await refreshResponse.json();
+        setSession({
+          accessToken: "",
+          // Not accessible from client
+          user: data.user,
+          expiresAt: data.expiresAt ? new Date(data.expiresAt) : void 0
+        });
+        setUser(data.user);
+        onAuthStateChange?.(data.user);
+        return true;
+      }
+    } catch (error) {
+      console.error("Failed to refresh session:", error);
+    }
+    return false;
+  }, [apiBaseUrl, onAuthStateChange]);
+  const loadSession = (0, import_react2.useCallback)(async () => {
+    if (isAuthDisabled) {
+      setIsLoading(false);
+      return;
+    }
+    try {
+      const response = await fetch(
+        `${apiBaseUrl}/auth/verify`,
+        createFetchOptions("POST")
+      );
+      if (!response.ok) {
+        const refreshed = await tryRefreshSession();
+        if (!refreshed) {
+          clearSession();
+        }
+        setIsLoading(false);
+        return;
+      }
+      const userData = await response.json();
+      setUser(userData);
+      setSession({
+        accessToken: "",
+        // Not accessible from client
+        user: userData
+      });
+      onAuthStateChange?.(userData);
+    } catch (error) {
+      console.error("Failed to load session:", error);
+      clearSession();
+    } finally {
+      setIsLoading(false);
+    }
+  }, [apiBaseUrl, onAuthStateChange, isAuthDisabled, tryRefreshSession, clearSession]);
+  (0, import_react2.useEffect)(() => {
+    const fetchCsrfToken = async () => {
+      try {
+        await fetch(`${apiBaseUrl}/auth/csrf`, {
+          credentials: "include"
+        });
+      } catch (error) {
+        console.error("Failed to fetch CSRF token:", error);
+      }
+    };
+    fetchCsrfToken();
+  }, [apiBaseUrl]);
+  (0, import_react2.useEffect)(() => {
+    loadSession();
+  }, [loadSession]);
+  const signIn = (0, import_react2.useCallback)(
+    async (email, password) => {
+      setIsLoading(true);
+      try {
+        const response = await fetch(
+          `${apiBaseUrl}/auth/signin`,
+          createFetchOptions("POST", { email, password })
+        );
+        if (!response.ok) {
+          const error = await response.json();
+          throw new Error(error.error?.message || error.message || "Sign in failed");
+        }
+        const data = await response.json();
+        setSession({
+          accessToken: "",
+          // Not accessible from client
+          user: data.user,
+          expiresAt: data.expiresAt ? new Date(data.expiresAt) : void 0
+        });
+        setUser(data.user);
+        onAuthStateChange?.(data.user);
+      } finally {
+        setIsLoading(false);
+      }
+    },
+    [apiBaseUrl, onAuthStateChange]
+  );
+  const signOut = (0, import_react2.useCallback)(async () => {
+    setIsLoading(true);
+    try {
+      await fetch(
+        `${apiBaseUrl}/auth/signout`,
+        createFetchOptions("POST")
+      );
+    } catch (error) {
+      console.error("Sign out error:", error);
+    } finally {
+      clearSession();
+      setIsLoading(false);
+    }
+  }, [apiBaseUrl, clearSession]);
+  const refreshSession = (0, import_react2.useCallback)(async () => {
+    const response = await fetch(
+      `${apiBaseUrl}/auth/refresh`,
+      createFetchOptions("POST")
+    );
+    if (!response.ok) {
+      throw new Error("Failed to refresh session");
+    }
+    const data = await response.json();
+    setSession({
+      accessToken: "",
+      // Not accessible from client
+      user: data.user,
+      expiresAt: data.expiresAt ? new Date(data.expiresAt) : void 0
+    });
+    setUser(data.user);
+    onAuthStateChange?.(data.user);
+  }, [apiBaseUrl, onAuthStateChange]);
+  const value = {
+    user,
+    session,
+    isLoading,
+    isAuthenticated: isAuthDisabled || !!user,
+    signIn,
+    signOut,
+    refreshSession
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AuthContext.Provider, { value, children });
+}
+function useAuth() {
+  const context = (0, import_react2.useContext)(AuthContext);
+  if (!context) {
+    throw new Error("useAuth must be used within an AuthProvider");
+  }
+  return context;
+}
+
+// src/hooks/use-api-client.ts
+var import_react4 = require("react");
+
+// src/hooks/use-admin.ts
+var import_react3 = require("react");
+function useAdmin() {
+  const context = (0, import_react3.useContext)(AdminContext);
+  if (context === null) {
+    throw new Error("useAdmin must be used within an AdminProvider");
+  }
+  return context;
+}
+
+// src/hooks/use-api-client.ts
+async function handleResponse(response) {
+  if (!response.ok) {
+    let errorMessage = "An error occurred";
+    let errorCode;
+    try {
+      const errorBody = await response.json();
+      if (errorBody.error?.message) {
+        errorMessage = errorBody.error.message;
+      }
+      if (errorBody.error?.code) {
+        errorCode = errorBody.error.code;
+      }
+    } catch {
+      errorMessage = response.statusText || errorMessage;
+    }
+    return {
+      data: null,
+      error: {
+        message: errorMessage,
+        code: errorCode,
+        status: response.status
+      }
+    };
+  }
+  try {
+    const data = await response.json();
+    return { data, error: null };
+  } catch {
+    return { data: null, error: null };
+  }
+}
+function createApiClient(baseUrl) {
+  const normalizedBaseUrl = baseUrl.endsWith("/") ? baseUrl.slice(0, -1) : baseUrl;
+  return {
+    async get(path) {
+      const response = await fetch(`${normalizedBaseUrl}${path}`, {
+        method: "GET",
+        headers: {
+          "Content-Type": "application/json"
+        }
+      });
+      return handleResponse(response);
+    },
+    async post(path, body) {
+      const response = await fetch(`${normalizedBaseUrl}${path}`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(body)
+      });
+      return handleResponse(response);
+    },
+    async put(path, body) {
+      const response = await fetch(`${normalizedBaseUrl}${path}`, {
+        method: "PUT",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(body)
+      });
+      return handleResponse(response);
+    },
+    async delete(path) {
+      const response = await fetch(`${normalizedBaseUrl}${path}`, {
+        method: "DELETE",
+        headers: {
+          "Content-Type": "application/json"
+        }
+      });
+      return handleResponse(response);
+    },
+    async upload(path, body) {
+      const response = await fetch(`${normalizedBaseUrl}${path}`, {
+        method: "POST",
+        body
+      });
+      return handleResponse(response);
+    }
+  };
+}
+function useApiClient() {
+  const { apiBaseUrl } = useAdmin();
+  return (0, import_react4.useMemo)(() => createApiClient(apiBaseUrl), [apiBaseUrl]);
+}
+
+// src/components/content/navigation-editor.tsx
+var React4 = __toESM(require("react"), 1);
+
+// src/components/ui/button.tsx
+var import_class_variance_authority = require("class-variance-authority");
+var React2 = __toESM(require("react"), 1);
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)(
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React2.forwardRef(
+  ({ className, variant, size, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: cn(buttonVariants({ variant, size, className })), ref, ...props });
+  }
+);
+Button.displayName = "Button";
+
+// src/components/ui/input.tsx
+var React3 = __toESM(require("react"), 1);
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Input = React3.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      "input",
+      {
+        type,
+        className: cn(
+          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
+// src/components/content/navigation-editor.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function NavigationEditor({ items: initialItems, onSave, className }) {
+  const [items, setItems] = React4.useState(initialItems);
+  const handleAddItem = () => {
+    setItems([...items, { label: "", href: "", children: [] }]);
+  };
+  const handleRemoveItem = (index) => {
+    const newItems = [...items];
+    newItems.splice(index, 1);
+    setItems(newItems);
+  };
+  const handleItemChange = (index, field, value) => {
+    const newItems = [...items];
+    const item = newItems[index];
+    if (item) {
+      newItems[index] = { ...item, [field]: value };
+    }
+    setItems(newItems);
+  };
+  const handleAddChild = (parentIndex) => {
+    const newItems = [...items];
+    const parent = newItems[parentIndex];
+    if (parent) {
+      newItems[parentIndex] = {
+        ...parent,
+        children: [...parent.children ?? [], { label: "", href: "" }]
+      };
+    }
+    setItems(newItems);
+  };
+  const handleRemoveChild = (parentIndex, childIndex) => {
+    const newItems = [...items];
+    const parent = newItems[parentIndex];
+    if (parent?.children) {
+      const newChildren = [...parent.children];
+      newChildren.splice(childIndex, 1);
+      newItems[parentIndex] = { ...parent, children: newChildren };
+    }
+    setItems(newItems);
+  };
+  const handleChildChange = (parentIndex, childIndex, field, value) => {
+    const newItems = [...items];
+    const parent = newItems[parentIndex];
+    if (parent?.children) {
+      const newChildren = [...parent.children];
+      const child = newChildren[childIndex];
+      if (child) {
+        newChildren[childIndex] = { ...child, [field]: value };
+        newItems[parentIndex] = { ...parent, children: newChildren };
+      }
+    }
+    setItems(newItems);
+  };
+  const handleSave = () => {
+    onSave(items);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: cn("space-y-4", className), "data-testid": "navigation-editor", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { className: "text-xl font-semibold", children: "Navigation" }) }),
+    items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm text-muted-foreground text-center py-8", "data-testid": "empty-state", children: "No navigation items yet." }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "space-y-3", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      "div",
+      {
+        className: "rounded-md border border-input bg-background p-4 space-y-3",
+        "data-testid": `nav-item-${index}`,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex gap-2 items-start", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex-1 space-y-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                Input,
+                {
+                  placeholder: "Label",
+                  value: item.label,
+                  onChange: (e) => handleItemChange(index, "label", e.target.value),
+                  "data-testid": `nav-item-label-${index}`
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                Input,
+                {
+                  placeholder: "URL (e.g. /about)",
+                  value: item.href,
+                  onChange: (e) => handleItemChange(index, "href", e.target.value),
+                  "data-testid": `nav-item-href-${index}`
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                onClick: () => handleRemoveItem(index),
+                title: "Remove item",
+                "data-testid": `nav-item-remove-${index}`,
+                children: "\u2715"
+              }
+            )
+          ] }),
+          (item.children ?? []).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "ml-6 space-y-2", children: (item.children ?? []).map((child, childIndex) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+            "div",
+            {
+              className: "flex gap-2 items-start rounded-md border border-input bg-muted/30 p-3",
+              "data-testid": `nav-child-${index}-${childIndex}`,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex-1 space-y-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                    Input,
+                    {
+                      placeholder: "Label",
+                      value: child.label,
+                      onChange: (e) => handleChildChange(index, childIndex, "label", e.target.value),
+                      "data-testid": `nav-child-label-${index}-${childIndex}`
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                    Input,
+                    {
+                      placeholder: "URL",
+                      value: child.href,
+                      onChange: (e) => handleChildChange(index, childIndex, "href", e.target.value),
+                      "data-testid": `nav-child-href-${index}-${childIndex}`
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "icon",
+                    onClick: () => handleRemoveChild(index, childIndex),
+                    title: "Remove child",
+                    "data-testid": `nav-child-remove-${index}-${childIndex}`,
+                    children: "\u2715"
+                  }
+                )
+              ]
+            },
+            childIndex
+          )) }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              onClick: () => handleAddChild(index),
+              "data-testid": `nav-add-child-${index}`,
+              children: "Add Child"
+            }
+          )
+        ]
+      },
+      index
+    )) }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex gap-2 border-t border-input pt-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Button, { type: "button", variant: "outline", onClick: handleAddItem, "data-testid": "nav-add-item", children: "Add Item" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Button, { type: "button", onClick: handleSave, "data-testid": "nav-save", children: "Save Navigation" })
+    ] })
+  ] });
+}
+NavigationEditor.displayName = "NavigationEditor";
+
+// src/components/content/page-list.tsx
+var React5 = __toESM(require("react"), 1);
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function PageList({ onSelectPage, onCreatePage, className }) {
+  const api = useApiClient();
+  const { registry } = useAdmin();
+  const [pages, setPages] = React5.useState([]);
+  const [loading, setLoading] = React5.useState(true);
+  const [error, setError] = React5.useState(null);
+  const [search, setSearch] = React5.useState("");
+  const [pageTypeFilter, setPageTypeFilter] = React5.useState("");
+  const pageTypes = registry.getAllPageTypes();
+  React5.useEffect(() => {
+    let cancelled = false;
+    async function fetchPages() {
+      setLoading(true);
+      setError(null);
+      const result = await api.get("/pages");
+      if (cancelled) return;
+      if (result.error) {
+        setError(result.error.message);
+        setLoading(false);
+        return;
+      }
+      setPages(result.data ?? []);
+      setLoading(false);
+    }
+    void fetchPages();
+    return () => {
+      cancelled = true;
+    };
+  }, [api]);
+  const filteredPages = React5.useMemo(() => {
+    let result = pages;
+    if (search) {
+      const lowerSearch = search.toLowerCase();
+      result = result.filter(
+        (page) => page.title.toLowerCase().includes(lowerSearch) || page.slug.toLowerCase().includes(lowerSearch)
+      );
+    }
+    if (pageTypeFilter) {
+      result = result.filter((page) => page.pageType === pageTypeFilter);
+    }
+    return result;
+  }, [pages, search, pageTypeFilter]);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: cn("space-y-4", className), "data-testid": "page-list", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h2", { className: "text-xl font-semibold", children: "Pages" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Button, { type: "button", onClick: onCreatePage, "data-testid": "create-page", children: "Create New Page" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        Input,
+        {
+          placeholder: "Search by title or slug...",
+          value: search,
+          onChange: (e) => setSearch(e.target.value),
+          className: "max-w-sm",
+          "data-testid": "search-input"
+        }
+      ),
+      pageTypes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+        "select",
+        {
+          value: pageTypeFilter,
+          onChange: (e) => setPageTypeFilter(e.target.value),
+          className: "flex h-10 rounded-md border border-input bg-background px-3 py-2 text-sm",
+          "data-testid": "page-type-filter",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "", children: "All Types" }),
+            pageTypes.map((pt) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: pt.name, children: pt.name }, pt.name))
+          ]
+        }
+      )
+    ] }),
+    loading && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-sm text-muted-foreground", "data-testid": "loading", children: "Loading pages..." }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-sm text-destructive", "data-testid": "error", children: error }),
+    !loading && !error && filteredPages.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-sm text-muted-foreground text-center py-8", "data-testid": "empty-state", children: pages.length === 0 ? "No pages yet. Create your first page." : "No pages match your search." }),
+    !loading && !error && filteredPages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "rounded-md border border-input", "data-testid": "page-table", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("tr", { className: "border-b border-input bg-muted/50", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", { className: "text-left p-3 font-medium", children: "Title" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", { className: "text-left p-3 font-medium", children: "Slug" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", { className: "text-left p-3 font-medium", children: "Type" })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tbody", { children: filteredPages.map((page) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+        "tr",
+        {
+          className: "border-b border-input last:border-0 hover:bg-muted/30 cursor-pointer",
+          onClick: () => onSelectPage(page),
+          onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              onSelectPage(page);
+            }
+          },
+          tabIndex: 0,
+          "data-testid": `page-row-${page.id}`,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { className: "p-3", children: page.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { className: "p-3 text-muted-foreground", children: page.slug }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { className: "p-3 text-muted-foreground capitalize", children: page.pageType })
+          ]
+        },
+        page.id
+      )) })
+    ] }) })
+  ] });
+}
+PageList.displayName = "PageList";
+
+// src/components/ui/error-boundary.tsx
+var React6 = __toESM(require("react"), 1);
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var ErrorBoundary = class extends React6.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false, error: null };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  handleReset = () => {
+    this.setState({ hasError: false, error: null });
+    this.props.onReset?.();
+  };
+  render() {
+    if (this.state.hasError) {
+      if (this.props.fallback) {
+        return this.props.fallback;
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+        "div",
+        {
+          className: cn(
+            "rounded-md border border-destructive bg-destructive/10 p-4",
+            this.props.className
+          ),
+          role: "alert",
+          "data-testid": "error-boundary",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { className: "text-sm font-semibold text-destructive mb-1", children: "Something went wrong" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-sm text-muted-foreground", children: this.state.error?.message ?? "An unexpected error occurred" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                size: "sm",
+                className: "mt-3",
+                onClick: this.handleReset,
+                "data-testid": "error-boundary-retry",
+                children: "Retry"
+              }
+            )
+          ]
+        }
+      );
+    }
+    return this.props.children;
+  }
+};
+
+// src/components/dashboard/kpi-cards.tsx
+var React7 = __toESM(require("react"), 1);
+
+// src/components/ui/skeleton.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function Skeleton({ className, width, height, style, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "div",
+    {
+      className: cn("animate-pulse rounded-md bg-muted", className),
+      style: { width, height, ...style },
+      "data-testid": "skeleton",
+      ...props
+    }
+  );
+}
+Skeleton.displayName = "Skeleton";
+
+// src/components/dashboard/kpi-cards.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function KpiCards({ className }) {
+  const api = useApiClient();
+  const { registry } = useAdmin();
+  const [pages, setPages] = React7.useState({ value: null, loading: true, error: null });
+  const [media, setMedia] = React7.useState({ value: null, loading: true, error: null });
+  const [navigation, setNavigation] = React7.useState({
+    value: null,
+    loading: true,
+    error: null
+  });
+  const sectionsCount = registry.getAllSections().length;
+  const fetchPages = React7.useCallback(
+    async (signal) => {
+      setPages({ value: null, loading: true, error: null });
+      const result = await api.get("/pages");
+      if (signal?.cancelled) return;
+      if (result.error) {
+        setPages({ value: null, loading: false, error: result.error.message });
+      } else {
+        setPages({ value: result.data?.length ?? 0, loading: false, error: null });
+      }
+    },
+    [api]
+  );
+  const fetchMedia = React7.useCallback(
+    async (signal) => {
+      setMedia({ value: null, loading: true, error: null });
+      const result = await api.get("/media");
+      if (signal?.cancelled) return;
+      if (result.error) {
+        setMedia({ value: null, loading: false, error: result.error.message });
+      } else {
+        setMedia({ value: result.data?.length ?? 0, loading: false, error: null });
+      }
+    },
+    [api]
+  );
+  const fetchNavigation = React7.useCallback(
+    async (signal) => {
+      setNavigation({ value: null, loading: true, error: null });
+      const result = await api.get("/navigation");
+      if (signal?.cancelled) return;
+      if (result.error) {
+        setNavigation({ value: null, loading: false, error: result.error.message });
+      } else {
+        setNavigation({ value: result.data?.length ?? 0, loading: false, error: null });
+      }
+    },
+    [api]
+  );
+  React7.useEffect(() => {
+    const signal = { cancelled: false };
+    void Promise.allSettled([fetchPages(signal), fetchMedia(signal), fetchNavigation(signal)]);
+    return () => {
+      signal.cancelled = true;
+    };
+  }, [fetchPages, fetchMedia, fetchNavigation]);
+  const kpis = [
+    { label: "Pages", state: pages, onRetry: () => void fetchPages(), testId: "kpi-pages" },
+    { label: "Media Files", state: media, onRetry: () => void fetchMedia(), testId: "kpi-media" },
+    {
+      label: "Navigation Sets",
+      state: navigation,
+      onRetry: () => void fetchNavigation(),
+      testId: "kpi-navigation"
+    },
+    {
+      label: "Sections",
+      state: { value: sectionsCount, loading: false, error: null },
+      onRetry: void 0,
+      testId: "kpi-sections"
+    }
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: cn("grid grid-cols-2 gap-4 md:grid-cols-4", className), "data-testid": "kpi-cards", children: kpis.map((kpi) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    "div",
+    {
+      className: "rounded-lg border border-input bg-background p-4",
+      "data-testid": kpi.testId,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "text-sm text-muted-foreground", children: kpi.label }),
+        kpi.state.loading && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Skeleton, { className: "mt-2 h-8 w-16", "data-testid": `${kpi.testId}-skeleton` }),
+        !kpi.state.loading && kpi.state.error && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "mt-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "text-sm text-destructive", "data-testid": `${kpi.testId}-error`, children: "Error loading" }),
+          kpi.onRetry && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              className: "mt-2",
+              onClick: kpi.onRetry,
+              "data-testid": `${kpi.testId}-retry`,
+              children: "Retry"
+            }
+          )
+        ] }),
+        !kpi.state.loading && !kpi.state.error && kpi.state.value !== null && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "mt-1 text-2xl font-bold", "data-testid": `${kpi.testId}-value`, children: kpi.state.value })
+      ]
+    },
+    kpi.testId
+  )) });
+}
+KpiCards.displayName = "KpiCards";
+
+// src/components/dashboard/quick-actions.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function QuickActions({ onCreatePage, onUploadMedia, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: cn("space-y-3", className), "data-testid": "quick-actions", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h2", { className: "text-lg font-semibold", children: "Quick Actions" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-wrap gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        Button,
+        {
+          onClick: onCreatePage,
+          "aria-label": "Create New Page",
+          "data-testid": "quick-action-create-page",
+          children: "Create New Page"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        Button,
+        {
+          variant: "outline",
+          onClick: onUploadMedia,
+          "aria-label": "Upload Media",
+          "data-testid": "quick-action-upload-media",
+          children: "Upload Media"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/components/dashboard/recent-pages.tsx
+var React8 = __toESM(require("react"), 1);
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function formatTimestamp(dateString) {
+  try {
+    return new Date(dateString).toLocaleDateString(void 0, {
+      year: "numeric",
+      month: "short",
+      day: "numeric"
+    });
+  } catch {
+    return dateString;
+  }
+}
+function RecentPages({ onSelectPage, className }) {
+  const api = useApiClient();
+  const [pages, setPages] = React8.useState([]);
+  const [loading, setLoading] = React8.useState(true);
+  const [error, setError] = React8.useState(false);
+  const fetchPages = React8.useCallback(
+    async (signal) => {
+      setLoading(true);
+      setError(false);
+      const result = await api.get("/pages");
+      if (signal?.cancelled) return;
+      if (result.error) {
+        setError(true);
+        setLoading(false);
+        return;
+      }
+      const allPages = result.data ?? [];
+      const sorted = [...allPages].sort((a, b) => {
+        const dateA = a.updatedAt ? new Date(a.updatedAt).getTime() : 0;
+        const dateB = b.updatedAt ? new Date(b.updatedAt).getTime() : 0;
+        return dateB - dateA;
+      });
+      setPages(sorted.slice(0, 10));
+      setLoading(false);
+    },
+    [api]
+  );
+  React8.useEffect(() => {
+    const signal = { cancelled: false };
+    void fetchPages(signal);
+    return () => {
+      signal.cancelled = true;
+    };
+  }, [fetchPages]);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: cn("space-y-3", className), "data-testid": "recent-pages", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h2", { className: "text-lg font-semibold", children: "Recent Pages" }),
+    loading && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "space-y-2", "data-testid": "recent-pages-loading", children: Array.from({ length: 5 }).map((_, i) => (
+      // biome-ignore lint/suspicious/noArrayIndexKey: Temporary loading skeletons with no stable data
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Skeleton, { className: "h-10 w-full" }, i)
+    )) }),
+    !loading && error && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { "data-testid": "recent-pages-error", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-sm text-destructive", children: "Unable to load recent pages" }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          className: "mt-2",
+          onClick: () => void fetchPages(),
+          "data-testid": "recent-pages-retry",
+          children: "Retry"
+        }
+      )
+    ] }),
+    !loading && !error && pages.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-sm text-muted-foreground py-4", "data-testid": "recent-pages-empty", children: "No pages yet." }),
+    !loading && !error && pages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "rounded-md border border-input", "data-testid": "recent-pages-list", children: pages.map((page) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+      "button",
+      {
+        type: "button",
+        className: "flex items-center justify-between border-b border-input last:border-0 px-3 py-2 hover:bg-muted/30 cursor-pointer w-full text-left",
+        onClick: () => onSelectPage(page),
+        "data-testid": `recent-page-${page.id}`,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-sm font-medium truncate", children: page.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-xs text-muted-foreground truncate", children: page.slug })
+          ] }),
+          page.updatedAt && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "ml-4 text-xs text-muted-foreground whitespace-nowrap", children: formatTimestamp(page.updatedAt) })
+        ]
+      },
+      page.id
+    )) })
+  ] });
+}
+RecentPages.displayName = "RecentPages";
+
+// src/components/dashboard/dashboard-page.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function DashboardPage({
+  onSelectPage,
+  onCreatePage,
+  onUploadMedia,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: cn("space-y-6", className), "data-testid": "dashboard-page", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h1", { className: "text-2xl font-bold", children: "Dashboard" }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(KpiCards, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "grid gap-6 md:grid-cols-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "md:col-span-2", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(RecentPages, { onSelectPage }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(QuickActions, { onCreatePage, onUploadMedia }) }) })
+    ] })
+  ] });
+}
+DashboardPage.displayName = "DashboardPage";
+
+// src/components/editors/page-editor.tsx
+var React20 = __toESM(require("react"), 1);
+
+// src/lib/form-generator.tsx
+var import_zod = require("@hookform/resolvers/zod");
+var import_core = require("@structcms/core");
+var React19 = __toESM(require("react"), 1);
+var import_react_hook_form = require("react-hook-form");
+
+// src/components/inputs/array-field.tsx
+var React10 = __toESM(require("react"), 1);
+
+// src/components/ui/label.tsx
+var import_class_variance_authority2 = require("class-variance-authority");
+var React9 = __toESM(require("react"), 1);
+var import_jsx_runtime14 = (
+  // biome-ignore lint/a11y/noLabelWithoutControl: Generic label component, control association handled by consumers
+  require("react/jsx-runtime")
+);
+var labelVariants = (0, import_class_variance_authority2.cva)(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { ref, className: cn(labelVariants(), className), ...props }));
+Label.displayName = "Label";
+
+// src/components/inputs/array-field.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function ArrayFieldInner({
+  label,
+  value,
+  onChange,
+  renderItem,
+  createDefaultItem,
+  error,
+  required,
+  className,
+  id,
+  name
+}, ref) {
+  const inputId = id || name || React10.useId();
+  const handleAdd = () => {
+    onChange([...value, createDefaultItem()]);
+  };
+  const handleRemove = (index) => {
+    const newValue = [...value];
+    newValue.splice(index, 1);
+    onChange(newValue);
+  };
+  const handleMoveUp = (index) => {
+    if (index === 0) return;
+    const newValue = [...value];
+    const temp = newValue[index];
+    newValue[index] = newValue[index - 1];
+    newValue[index - 1] = temp;
+    onChange(newValue);
+  };
+  const handleMoveDown = (index) => {
+    if (index === value.length - 1) return;
+    const newValue = [...value];
+    const temp = newValue[index];
+    newValue[index] = newValue[index + 1];
+    newValue[index + 1] = temp;
+    onChange(newValue);
+  };
+  const handleItemChange = (index, item) => {
+    const newValue = [...value];
+    newValue[index] = item;
+    onChange(newValue);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { ref, className: cn("space-y-2", className), "data-testid": "array-field", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Label, { htmlFor: inputId, children: [
+      label,
+      required && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-destructive ml-1", children: "*" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+      "div",
+      {
+        className: cn(
+          "rounded-md border border-input bg-background p-4",
+          error && "border-destructive"
+        ),
+        children: [
+          value.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-sm text-muted-foreground text-center py-4", children: "No items yet" }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "space-y-3", children: value.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+            "div",
+            {
+              className: "flex gap-2 items-start p-3 rounded-md border border-input bg-muted/50",
+              "data-testid": `array-item-${index}`,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex-1", children: renderItem(item, index, (newItem) => handleItemChange(index, newItem)) }),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                    Button,
+                    {
+                      type: "button",
+                      variant: "ghost",
+                      size: "icon",
+                      onClick: () => handleMoveUp(index),
+                      disabled: index === 0,
+                      title: "Move up",
+                      "data-testid": `move-up-${index}`,
+                      children: "\u2191"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                    Button,
+                    {
+                      type: "button",
+                      variant: "ghost",
+                      size: "icon",
+                      onClick: () => handleMoveDown(index),
+                      disabled: index === value.length - 1,
+                      title: "Move down",
+                      "data-testid": `move-down-${index}`,
+                      children: "\u2193"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                    Button,
+                    {
+                      type: "button",
+                      variant: "ghost",
+                      size: "icon",
+                      onClick: () => handleRemove(index),
+                      title: "Remove",
+                      "data-testid": `remove-${index}`,
+                      children: "\u2715"
+                    }
+                  )
+                ] })
+              ]
+            },
+            index
+          )) }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              onClick: handleAdd,
+              id: inputId,
+              "data-testid": "add-item",
+              children: "Add Item"
+            }
+          ) })
+        ]
+      }
+    ),
+    error && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { id: `${inputId}-error`, className: "text-sm text-destructive", children: error })
+  ] });
+}
+var ArrayField = React10.forwardRef(ArrayFieldInner);
+
+// src/components/inputs/image-picker.tsx
+var React13 = __toESM(require("react"), 1);
+
+// src/components/media/media-browser.tsx
+var React11 = __toESM(require("react"), 1);
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function MediaBrowser({ onSelect, className, pageSize = 12 }) {
+  const api = useApiClient();
+  const [items, setItems] = React11.useState([]);
+  const [loading, setLoading] = React11.useState(true);
+  const [error, setError] = React11.useState(null);
+  const [hasMore, setHasMore] = React11.useState(false);
+  const [page, setPage] = React11.useState(0);
+  const fileInputRef = React11.useRef(null);
+  const fetchMedia = React11.useCallback(
+    async (pageNum, append) => {
+      setLoading(true);
+      setError(null);
+      const result = await api.get(
+        `/media?limit=${pageSize}&offset=${pageNum * pageSize}`
+      );
+      if (result.error) {
+        setError(result.error.message);
+        setLoading(false);
+        return;
+      }
+      const newItems = result.data ?? [];
+      setItems((prev) => append ? [...prev, ...newItems] : newItems);
+      setHasMore(newItems.length >= pageSize);
+      setLoading(false);
+    },
+    [api, pageSize]
+  );
+  React11.useEffect(() => {
+    void fetchMedia(0, false);
+  }, [fetchMedia]);
+  const handleLoadMore = () => {
+    const nextPage = page + 1;
+    setPage(nextPage);
+    void fetchMedia(nextPage, true);
+  };
+  const handleUpload = async (e) => {
+    const file = e.target.files?.[0];
+    if (!file) return;
+    const formData = new FormData();
+    formData.append("file", file);
+    setLoading(true);
+    setError(null);
+    const result = await api.upload("/media", formData);
+    if (result.error) {
+      setError(result.error.message);
+      setLoading(false);
+    } else {
+      setPage(0);
+      await fetchMedia(0, false);
+    }
+    if (fileInputRef.current) {
+      fileInputRef.current.value = "";
+    }
+  };
+  const handleDelete = async (item) => {
+    const result = await api.delete(`/media/${item.id}`);
+    if (result.error) {
+      setError(result.error.message);
+      return;
+    }
+    setItems((prev) => prev.filter((i) => i.id !== item.id));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: cn("space-y-4", className), "data-testid": "media-browser", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h2", { className: "text-xl font-semibold", children: "Media" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          "input",
+          {
+            ref: fileInputRef,
+            type: "file",
+            accept: "image/*",
+            className: "hidden",
+            onChange: (e) => void handleUpload(e),
+            "data-testid": "file-input"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          Button,
+          {
+            type: "button",
+            onClick: () => fileInputRef.current?.click(),
+            "data-testid": "upload-button",
+            children: "Upload"
+          }
+        )
+      ] })
+    ] }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm text-destructive", "data-testid": "error", children: error }),
+    !loading && items.length === 0 && !error && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm text-muted-foreground text-center py-8", "data-testid": "empty-state", children: "No media files yet. Upload your first file." }),
+    items.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      "div",
+      {
+        className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4",
+        "data-testid": "media-grid",
+        children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+          "div",
+          {
+            className: "group relative rounded-md border border-input bg-background overflow-hidden",
+            "data-testid": `media-item-${item.id}`,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                "button",
+                {
+                  type: "button",
+                  className: "w-full aspect-square bg-muted flex items-center justify-center overflow-hidden cursor-pointer",
+                  onClick: () => onSelect?.(item),
+                  "data-testid": `media-select-${item.id}`,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("img", { src: item.url, alt: item.filename, className: "h-full w-full object-cover" })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "p-2 flex items-center justify-between", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-xs text-muted-foreground truncate flex-1", children: item.filename }),
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "icon",
+                    className: "h-6 w-6",
+                    onClick: () => void handleDelete(item),
+                    title: "Delete",
+                    "data-testid": `media-delete-${item.id}`,
+                    children: "\u2715"
+                  }
+                )
+              ] })
+            ]
+          },
+          item.id
+        ))
+      }
+    ),
+    loading && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm text-muted-foreground", "data-testid": "loading", children: "Loading media..." }),
+    hasMore && !loading && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "text-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Button, { type: "button", variant: "outline", onClick: handleLoadMore, "data-testid": "load-more", children: "Load More" }) })
+  ] });
+}
+MediaBrowser.displayName = "MediaBrowser";
+
+// src/components/ui/dialog.tsx
+var React12 = __toESM(require("react"), 1);
+var import_react_dom = require("react-dom");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function Dialog({ open, onClose, children, className, title }) {
+  const overlayRef = React12.useRef(null);
+  React12.useEffect(() => {
+    if (!open) return;
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") {
+        onClose();
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+      document.body.style.overflow = "";
+    };
+  }, [open, onClose]);
+  const handleOverlayClick = (e) => {
+    if (e.target === overlayRef.current) {
+      onClose();
+    }
+  };
+  if (!open) return null;
+  return (0, import_react_dom.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      "div",
+      {
+        ref: overlayRef,
+        className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50",
+        onClick: handleOverlayClick,
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === "Escape") {
+            e.preventDefault();
+            onClose();
+          }
+        },
+        role: "button",
+        tabIndex: -1,
+        "data-testid": "dialog-overlay",
+        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          "div",
+          {
+            className: cn(
+              "relative mx-4 max-h-[85vh] w-full max-w-3xl overflow-auto rounded-lg border border-input bg-background p-6 shadow-lg",
+              className
+            ),
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-label": title,
+            "data-testid": "dialog-content",
+            children: [
+              title && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "mb-4 flex items-center justify-between", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h2", { className: "text-lg font-semibold", children: title }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: onClose,
+                    className: "rounded-sm p-1 text-muted-foreground hover:text-foreground",
+                    "aria-label": "Close",
+                    "data-testid": "dialog-close",
+                    children: "\u2715"
+                  }
+                )
+              ] }),
+              children
+            ]
+          }
+        )
+      }
+    ),
+    document.body
+  );
+}
+Dialog.displayName = "Dialog";
+
+// src/components/inputs/image-picker.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function ImagePicker({
+  label,
+  value,
+  onChange,
+  onBrowse,
+  error,
+  required,
+  className,
+  id,
+  name
+}) {
+  const inputId = id || name || React13.useId();
+  const [mediaBrowserOpen, setMediaBrowserOpen] = React13.useState(false);
+  const handleClear = () => {
+    onChange?.("");
+  };
+  const handleBrowse = onBrowse ?? (() => setMediaBrowserOpen(true));
+  const handleMediaSelect = (item) => {
+    onChange?.(item.url);
+    setMediaBrowserOpen(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: cn("space-y-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Label, { htmlFor: inputId, children: [
+      label,
+      required && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-destructive ml-1", children: "*" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      "div",
+      {
+        className: cn(
+          "rounded-md border border-input bg-background p-4",
+          error && "border-destructive"
+        ),
+        children: value ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "relative aspect-video w-full max-w-xs overflow-hidden rounded-md bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            "img",
+            {
+              src: value,
+              alt: "Preview",
+              className: "h-full w-full object-cover",
+              "data-testid": "image-preview"
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { type: "button", variant: "outline", size: "sm", onClick: handleBrowse, children: "Change" }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                size: "sm",
+                onClick: handleClear,
+                "data-testid": "clear-button",
+                children: "Clear"
+              }
+            )
+          ] })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col items-center justify-center py-8 text-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "mb-4 text-4xl text-muted-foreground", children: "\u{1F5BC}\uFE0F" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "mb-4 text-sm text-muted-foreground", children: "No image selected" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              onClick: handleBrowse,
+              id: inputId,
+              "data-testid": "browse-button",
+              children: "Browse Media"
+            }
+          )
+        ] })
+      }
+    ),
+    error && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { id: `${inputId}-error`, className: "text-sm text-destructive", children: error }),
+    !onBrowse && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      Dialog,
+      {
+        open: mediaBrowserOpen,
+        onClose: () => setMediaBrowserOpen(false),
+        title: "Select Media",
+        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(MediaBrowser, { onSelect: handleMediaSelect })
+      }
+    )
+  ] });
+}
+ImagePicker.displayName = "ImagePicker";
+
+// src/components/inputs/object-field.tsx
+var React14 = __toESM(require("react"), 1);
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function ObjectField({ label, children, error, required, className, id, name }) {
+  const fieldId = id || name || React14.useId();
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cn("space-y-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Label, { htmlFor: fieldId, children: [
+      label,
+      required && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-destructive ml-1", children: "*" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      "div",
+      {
+        id: fieldId,
+        className: cn(
+          "rounded-md border border-input bg-muted/30 p-4 space-y-4",
+          error && "border-destructive"
+        ),
+        role: "group",
+        "aria-labelledby": `${fieldId}-label`,
+        "aria-describedby": error ? `${fieldId}-error` : void 0,
+        "data-testid": "object-field-container",
+        children
+      }
+    ),
+    error && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { id: `${fieldId}-error`, className: "text-sm text-destructive", children: error })
+  ] });
+}
+ObjectField.displayName = "ObjectField";
+
+// src/components/inputs/rich-text-editor.tsx
+var import_extension_link = __toESM(require("@tiptap/extension-link"), 1);
+var import_react5 = require("@tiptap/react");
+var import_starter_kit = __toESM(require("@tiptap/starter-kit"), 1);
+var React15 = __toESM(require("react"), 1);
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function ToolbarButton({ onClick, isActive, disabled, children, title }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    "button",
+    {
+      type: "button",
+      onClick,
+      disabled,
+      title,
+      className: cn(
+        "px-2 py-1 text-sm rounded hover:bg-accent disabled:opacity-50 disabled:cursor-not-allowed",
+        isActive && "bg-accent text-accent-foreground"
+      ),
+      children
+    }
+  );
+}
+function RichTextEditor({
+  label,
+  value = "",
+  onChange,
+  error,
+  required,
+  placeholder,
+  className,
+  id,
+  name
+}) {
+  const inputId = id || name || React15.useId();
+  const editor = (0, import_react5.useEditor)({
+    extensions: [
+      import_starter_kit.default.configure({
+        heading: {
+          levels: [1, 2, 3]
+        }
+      }),
+      import_extension_link.default.extend({ name: "customLink" }).configure({
+        openOnClick: false,
+        HTMLAttributes: {
+          class: "text-primary underline"
+        }
+      })
+    ],
+    content: value,
+    immediatelyRender: false,
+    editorProps: {
+      attributes: {
+        class: "prose prose-sm max-w-none min-h-[150px] p-3 focus:outline-none",
+        "aria-invalid": error ? "true" : "false",
+        ...error ? { "aria-describedby": `${inputId}-error` } : {}
+      }
+    },
+    onUpdate: ({ editor: updatedEditor }) => {
+      onChange?.(updatedEditor.getHTML());
+    }
+  });
+  const setLink = React15.useCallback(() => {
+    if (!editor) return;
+    const previousUrl = editor.getAttributes("link").href;
+    const url = window.prompt("URL", previousUrl);
+    if (url === null) {
+      return;
+    }
+    if (url === "") {
+      editor.chain().focus().extendMarkRange("link").unsetLink().run();
+      return;
+    }
+    editor.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
+  }, [editor]);
+  if (!editor) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: cn("space-y-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Label, { htmlFor: inputId, children: [
+      label,
+      required && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-destructive ml-1", children: "*" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+      "div",
+      {
+        className: cn(
+          "rounded-md border border-input bg-background",
+          error && "border-destructive"
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-wrap gap-1 border-b border-input p-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              ToolbarButton,
+              {
+                onClick: () => editor.chain().focus().toggleBold().run(),
+                isActive: editor.isActive("bold"),
+                disabled: !editor.can().chain().focus().toggleBold().run(),
+                title: "Bold",
+                children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("strong", { children: "B" })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              ToolbarButton,
+              {
+                onClick: () => editor.chain().focus().toggleItalic().run(),
+                isActive: editor.isActive("italic"),
+                disabled: !editor.can().chain().focus().toggleItalic().run(),
+                title: "Italic",
+                children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("em", { children: "I" })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ToolbarButton, { onClick: setLink, isActive: editor.isActive("link"), title: "Link", children: "\u{1F517}" }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "w-px bg-border mx-1" }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              ToolbarButton,
+              {
+                onClick: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
+                isActive: editor.isActive("heading", { level: 1 }),
+                title: "Heading 1",
+                children: "H1"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              ToolbarButton,
+              {
+                onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
+                isActive: editor.isActive("heading", { level: 2 }),
+                title: "Heading 2",
+                children: "H2"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              ToolbarButton,
+              {
+                onClick: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
+                isActive: editor.isActive("heading", { level: 3 }),
+                title: "Heading 3",
+                children: "H3"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "w-px bg-border mx-1" }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              ToolbarButton,
+              {
+                onClick: () => editor.chain().focus().toggleBulletList().run(),
+                isActive: editor.isActive("bulletList"),
+                title: "Bullet List",
+                children: "\u2022"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              ToolbarButton,
+              {
+                onClick: () => editor.chain().focus().toggleOrderedList().run(),
+                isActive: editor.isActive("orderedList"),
+                title: "Ordered List",
+                children: "1."
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react5.EditorContent, { editor, id: inputId, "data-placeholder": placeholder })
+        ]
+      }
+    ),
+    error && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { id: `${inputId}-error`, className: "text-sm text-destructive", children: error })
+  ] });
+}
+RichTextEditor.displayName = "RichTextEditor";
+
+// src/components/inputs/string-input.tsx
+var React16 = __toESM(require("react"), 1);
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var StringInput = React16.forwardRef(
+  ({ className, label, error, required, id, ...props }, ref) => {
+    const inputId = id || props.name || React16.useId();
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: cn("space-y-2", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Label, { htmlFor: inputId, children: [
+        label,
+        required && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-destructive ml-1", children: "*" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        Input,
+        {
+          id: inputId,
+          ref,
+          type: "text",
+          "aria-invalid": !!error,
+          "aria-describedby": error ? `${inputId}-error` : void 0,
+          className: cn(error && "border-destructive"),
+          ...props
+        }
+      ),
+      error && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { id: `${inputId}-error`, className: "text-sm text-destructive", children: error })
+    ] });
+  }
+);
+StringInput.displayName = "StringInput";
+
+// src/components/inputs/text-input.tsx
+var React18 = __toESM(require("react"), 1);
+
+// src/components/ui/textarea.tsx
+var React17 = __toESM(require("react"), 1);
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var Textarea = React17.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      "textarea",
+      {
+        className: cn(
+          "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
+// src/components/inputs/text-input.tsx
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var TextInput = React18.forwardRef(
+  ({ className, label, error, required, id, rows = 3, ...props }, ref) => {
+    const inputId = id || props.name || React18.useId();
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: cn("space-y-2", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Label, { htmlFor: inputId, children: [
+        label,
+        required && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-destructive ml-1", children: "*" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        Textarea,
+        {
+          id: inputId,
+          ref,
+          rows,
+          "aria-invalid": !!error,
+          "aria-describedby": error ? `${inputId}-error` : void 0,
+          className: cn(error && "border-destructive"),
+          ...props
+        }
+      ),
+      error && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { id: `${inputId}-error`, className: "text-sm text-destructive", children: error })
+    ] });
+  }
+);
+TextInput.displayName = "TextInput";
+
+// src/lib/form-generator.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function unwrapSchema(schema) {
+  if ("unwrap" in schema && typeof schema.unwrap === "function") {
+    return unwrapSchema(schema.unwrap());
+  }
+  if ("_def" in schema) {
+    const def = schema._def;
+    if ("innerType" in def && def.innerType) {
+      return unwrapSchema(def.innerType);
+    }
+  }
+  return schema;
+}
+function resolveFieldType(schema) {
+  const meta = (0, import_core.getFieldMeta)(schema);
+  if (meta) return meta.fieldType;
+  const unwrapped = unwrapSchema(schema);
+  const unwrappedMeta = (0, import_core.getFieldMeta)(unwrapped);
+  return unwrappedMeta?.fieldType ?? null;
+}
+function fieldNameToLabel(name) {
+  return name.replace(/([A-Z])/g, " $1").replace(/[_-]/g, " ").replace(/^\w/, (c) => c.toUpperCase()).trim();
+}
+function FormGenerator({
+  schema,
+  onSubmit,
+  onChange,
+  defaultValues,
+  submitLabel = "Submit",
+  className
+}) {
+  const {
+    register,
+    handleSubmit,
+    control,
+    watch,
+    formState: { errors }
+  } = (0, import_react_hook_form.useForm)({
+    resolver: (0, import_zod.zodResolver)(schema),
+    defaultValues
+  });
+  React19.useEffect(() => {
+    if (!onChange) return;
+    const subscription = watch((values) => {
+      onChange(values);
+    });
+    return () => subscription.unsubscribe();
+  }, [watch, onChange]);
+  const shape = schema.shape;
+  const renderField = (fieldName, fieldSchema) => {
+    const fieldType = resolveFieldType(fieldSchema);
+    const label = fieldNameToLabel(fieldName);
+    const isRequired = !fieldSchema.isOptional();
+    const fieldError = errors[fieldName];
+    const errorMessage = fieldError?.message;
+    switch (fieldType) {
+      case "string":
+        return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          StringInput,
+          {
+            label,
+            required: isRequired,
+            error: errorMessage,
+            ...register(fieldName)
+          },
+          fieldName
+        );
+      case "text":
+        return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          TextInput,
+          {
+            label,
+            required: isRequired,
+            error: errorMessage,
+            ...register(fieldName)
+          },
+          fieldName
+        );
+      case "richtext":
+        return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          import_react_hook_form.Controller,
+          {
+            name: fieldName,
+            control,
+            render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+              RichTextEditor,
+              {
+                label,
+                required: isRequired,
+                error: errorMessage,
+                value: field.value,
+                onChange: field.onChange,
+                name: field.name
+              }
+            )
+          },
+          fieldName
+        );
+      case "image":
+        return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          import_react_hook_form.Controller,
+          {
+            name: fieldName,
+            control,
+            render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+              ImagePicker,
+              {
+                label,
+                required: isRequired,
+                error: errorMessage,
+                value: field.value,
+                onChange: field.onChange,
+                name: field.name
+              }
+            )
+          },
+          fieldName
+        );
+      case "array":
+        return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          import_react_hook_form.Controller,
+          {
+            name: fieldName,
+            control,
+            render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+              ArrayField,
+              {
+                label,
+                required: isRequired,
+                error: errorMessage,
+                value: field.value ?? [],
+                onChange: field.onChange,
+                name: field.name,
+                createDefaultItem: () => "",
+                renderItem: (item, index, onItemChange) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                  Input,
+                  {
+                    value: item,
+                    onChange: (e) => onItemChange(e.target.value),
+                    "data-testid": `${fieldName}-item-${index}`
+                  }
+                )
+              }
+            )
+          },
+          fieldName
+        );
+      case "object": {
+        const innerSchema = unwrapSchema(fieldSchema);
+        const innerShape = "shape" in innerSchema ? innerSchema.shape : null;
+        return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ObjectField, { label, required: isRequired, error: errorMessage, children: innerShape ? Object.entries(innerShape).map(([subName, _subSchema]) => {
+          const subFieldName = `${fieldName}.${subName}`;
+          const subLabel = fieldNameToLabel(subName);
+          const subError = errors[fieldName];
+          const subErrorMessage = subError?.[subName]?.message;
+          return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            StringInput,
+            {
+              label: subLabel,
+              error: subErrorMessage,
+              ...register(subFieldName)
+            },
+            subFieldName
+          );
+        }) : null }, fieldName);
+      }
+      default:
+        return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          StringInput,
+          {
+            label,
+            required: isRequired,
+            error: errorMessage,
+            ...register(fieldName)
+          },
+          fieldName
+        );
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    "form",
+    {
+      onSubmit: handleSubmit(onSubmit),
+      className: cn("space-y-4", className),
+      "data-testid": "form-generator",
+      children: [
+        Object.entries(shape).map(([fieldName, fieldSchema]) => renderField(fieldName, fieldSchema)),
+        !onChange && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button, { type: "submit", "data-testid": "form-submit", children: submitLabel })
+      ]
+    }
+  );
+}
+FormGenerator.displayName = "FormGenerator";
+
+// src/components/editors/section-editor.tsx
+var import_jsx_runtime25 = require("react/jsx-runtime");
+function SectionEditor({
+  sectionType,
+  data,
+  onChange,
+  submitLabel = "Save Section",
+  className
+}) {
+  const { registry } = useAdmin();
+  const section = registry.getSection(sectionType);
+  if (!section) {
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      "div",
+      {
+        className: cn("rounded-md border border-destructive p-4", className),
+        "data-testid": "section-editor-error",
+        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("p", { className: "text-sm text-destructive", children: [
+          "Unknown section type: ",
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("strong", { children: sectionType })
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: cn("space-y-4", className), "data-testid": "section-editor", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h3", { className: "text-lg font-semibold capitalize", children: section.name }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      FormGenerator,
+      {
+        schema: section.schema,
+        onSubmit: onChange,
+        onChange,
+        defaultValues: data,
+        submitLabel
+      }
+    )
+  ] });
+}
+SectionEditor.displayName = "SectionEditor";
+
+// src/components/editors/page-editor.tsx
+var import_jsx_runtime26 = require("react/jsx-runtime");
+function PageEditor({
+  sections: initialSections,
+  allowedSections,
+  onSave,
+  className
+}) {
+  const { registry } = useAdmin();
+  const [sections, setSections] = React20.useState(initialSections);
+  const [selectedSectionType, setSelectedSectionType] = React20.useState(
+    allowedSections[0] ?? ""
+  );
+  const handleAddSection = () => {
+    if (!selectedSectionType) return;
+    const newSection = {
+      type: selectedSectionType,
+      data: {}
+    };
+    setSections([...sections, newSection]);
+  };
+  const handleRemoveSection = (index) => {
+    const newSections = [...sections];
+    newSections.splice(index, 1);
+    setSections(newSections);
+  };
+  const handleMoveUp = (index) => {
+    if (index === 0) return;
+    const newSections = [...sections];
+    const temp = newSections[index];
+    newSections[index] = newSections[index - 1];
+    newSections[index - 1] = temp;
+    setSections(newSections);
+  };
+  const handleMoveDown = (index) => {
+    if (index === sections.length - 1) return;
+    const newSections = [...sections];
+    const temp = newSections[index];
+    newSections[index] = newSections[index + 1];
+    newSections[index + 1] = temp;
+    setSections(newSections);
+  };
+  const handleSectionChange = (index, data) => {
+    const newSections = [...sections];
+    const current = newSections[index];
+    if (current) {
+      newSections[index] = { ...current, data };
+    }
+    setSections(newSections);
+  };
+  const handleSave = () => {
+    onSave(sections);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: cn("space-y-6", className), "data-testid": "page-editor", children: [
+    sections.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm text-muted-foreground text-center py-8", children: "No sections yet. Add a section to get started." }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "space-y-4", children: sections.map((section, index) => {
+      const sectionDef = registry.getSection(section.type);
+      const sectionLabel = sectionDef?.name ?? section.type;
+      return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+        "div",
+        {
+          className: "rounded-md border border-input bg-background p-4",
+          "data-testid": `page-section-${index}`,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center justify-between mb-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h3", { className: "text-sm font-semibold capitalize", children: sectionLabel }),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "icon",
+                    onClick: () => handleMoveUp(index),
+                    disabled: index === 0,
+                    title: "Move up",
+                    "data-testid": `section-move-up-${index}`,
+                    children: "\u2191"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "icon",
+                    onClick: () => handleMoveDown(index),
+                    disabled: index === sections.length - 1,
+                    title: "Move down",
+                    "data-testid": `section-move-down-${index}`,
+                    children: "\u2193"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "icon",
+                    onClick: () => handleRemoveSection(index),
+                    title: "Remove section",
+                    "data-testid": `section-remove-${index}`,
+                    children: "\u2715"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              SectionEditor,
+              {
+                sectionType: section.type,
+                data: section.data,
+                onChange: (data) => handleSectionChange(index, data),
+                submitLabel: "Update Section"
+              }
+            )
+          ]
+        },
+        `${section.type}-${index}`
+      );
+    }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-2 border-t border-input pt-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        "select",
+        {
+          value: selectedSectionType,
+          onChange: (e) => setSelectedSectionType(e.target.value),
+          className: "flex h-10 rounded-md border border-input bg-background px-3 py-2 text-sm",
+          "data-testid": "section-type-select",
+          children: allowedSections.map((type) => {
+            const sectionDef = registry.getSection(type);
+            return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("option", { value: type, children: sectionDef?.name ?? type }, type);
+          })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: handleAddSection,
+          "data-testid": "add-section",
+          children: "Add Section"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "border-t border-input pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Button, { type: "button", onClick: handleSave, "data-testid": "save-page", children: "Save Page" }) })
+  ] });
+}
+PageEditor.displayName = "PageEditor";
+
+// src/components/layout/admin-layout.tsx
+var React21 = __toESM(require("react"), 1);
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var DEFAULT_NAV_ITEMS = [
+  { label: "Pages", path: "/pages" },
+  { label: "Navigation", path: "/navigation" },
+  { label: "Media", path: "/media" }
+];
+function AdminLayout({
+  children,
+  title = "StructCMS",
+  navItems = DEFAULT_NAV_ITEMS,
+  activePath,
+  onNavigate,
+  className
+}) {
+  const [sidebarOpen, setSidebarOpen] = React21.useState(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: cn("flex h-screen bg-background", className), "data-testid": "admin-layout", children: [
+    sidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      "div",
+      {
+        className: "fixed inset-0 z-40 bg-black/50 md:hidden",
+        onClick: () => setSidebarOpen(false),
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === "Escape") {
+            setSidebarOpen(false);
+          }
+        },
+        role: "button",
+        tabIndex: 0,
+        "data-testid": "sidebar-overlay"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+      "aside",
+      {
+        className: cn(
+          "fixed inset-y-0 left-0 z-50 w-64 bg-card border-r border-input transform transition-transform duration-200 md:relative md:translate-x-0",
+          sidebarOpen ? "translate-x-0" : "-translate-x-full"
+        ),
+        "data-testid": "sidebar",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex items-center h-14 px-4 border-b border-input", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h1", { className: "text-lg font-bold", "data-testid": "sidebar-title", children: title }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("nav", { className: "p-2 space-y-1", "data-testid": "sidebar-nav", children: navItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+            "button",
+            {
+              type: "button",
+              className: cn(
+                "w-full text-left px-3 py-2 rounded-md text-sm transition-colors",
+                activePath === item.path ? "bg-primary text-primary-foreground" : "hover:bg-muted"
+              ),
+              onClick: () => {
+                onNavigate(item.path);
+                setSidebarOpen(false);
+              },
+              "data-testid": `nav-link-${item.path}`,
+              children: item.label
+            },
+            item.path
+          )) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex-1 flex flex-col min-w-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+        "header",
+        {
+          className: "flex items-center h-14 px-4 border-b border-input bg-card",
+          "data-testid": "header",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                className: "md:hidden mr-2",
+                onClick: () => setSidebarOpen(!sidebarOpen),
+                "data-testid": "sidebar-toggle",
+                children: "\u2630"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h2", { className: "text-lg font-semibold", "data-testid": "header-title", children: title })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("main", { className: "flex-1 overflow-auto p-6", "data-testid": "main-content", children })
+    ] })
+  ] });
+}
+AdminLayout.displayName = "AdminLayout";
+
+// src/components/app/struct-cms-admin-app.tsx
+var import_jsx_runtime28 = require("react/jsx-runtime");
+function useNavigationData(currentView) {
+  const apiClient = useApiClient();
+  const [navigationData, setNavigationData] = (0, import_react6.useState)(null);
+  const [navigationLoading, setNavigationLoading] = (0, import_react6.useState)(false);
+  const [navigationError, setNavigationError] = (0, import_react6.useState)(null);
+  (0, import_react6.useEffect)(() => {
+    if (currentView.type !== "navigation") {
+      return;
+    }
+    const fetchNavigation = async () => {
+      setNavigationLoading(true);
+      setNavigationError(null);
+      try {
+        const response = await apiClient.get("/navigation/main");
+        if (response.error) {
+          setNavigationError(response.error.message);
+        } else if (response.data) {
+          setNavigationData(response.data);
+        }
+      } catch (err) {
+        setNavigationError("Failed to load navigation");
+        console.error(err);
+      } finally {
+        setNavigationLoading(false);
+      }
+    };
+    fetchNavigation();
+  }, [currentView.type, apiClient]);
+  return { navigationData, navigationLoading, navigationError, setNavigationData };
+}
+function usePageData(currentView) {
+  const apiClient = useApiClient();
+  const [pageData, setPageData] = (0, import_react6.useState)(null);
+  const [pageLoading, setPageLoading] = (0, import_react6.useState)(false);
+  const [pageError, setPageError] = (0, import_react6.useState)(null);
+  (0, import_react6.useEffect)(() => {
+    if (currentView.type !== "page-editor") {
+      return;
+    }
+    const pageId = currentView.pageId;
+    if (!pageId) {
+      return;
+    }
+    const fetchPage = async () => {
+      setPageLoading(true);
+      setPageError(null);
+      try {
+        const response = await apiClient.get(`/pages/id/${pageId}`);
+        if (response.error) {
+          setPageError(response.error.message);
+        } else if (response.data) {
+          setPageData(response.data);
+        }
+      } catch (err) {
+        setPageError("Failed to load page");
+        console.error(err);
+      } finally {
+        setPageLoading(false);
+      }
+    };
+    fetchPage();
+  }, [currentView, apiClient]);
+  return { pageData, pageLoading, pageError };
+}
+function renderPageEditorView(currentView, pageData, pageLoading, pageError, registry, onSave) {
+  if (currentView.type !== "page-editor") return null;
+  if (currentView.pageId && pageLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Skeleton, { className: "h-8 w-48" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Skeleton, { className: "h-64 w-full" })
+    ] });
+  }
+  if (currentView.pageId && pageError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "text-red-600", children: [
+      "Error: ",
+      pageError
+    ] });
+  }
+  if (currentView.pageId && !pageData) {
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "text-gray-600", children: "Page not found" });
+  }
+  const sections = pageData?.sections ?? [];
+  const allowedSections = pageData ? registry.getPageType(pageData.pageType)?.allowedSections ?? [] : registry.getAllSections().map((s) => s.name);
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(PageEditor, { sections, allowedSections, onSave });
+}
+function renderNavigationView(navigationData, navigationLoading, navigationError, onSave) {
+  if (navigationLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Skeleton, { className: "h-8 w-48" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Skeleton, { className: "h-64 w-full" })
+    ] });
+  }
+  if (navigationError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "text-red-600", children: [
+      "Error: ",
+      navigationError
+    ] });
+  }
+  if (!navigationData) {
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "text-gray-600", children: "No navigation found. Create one via the seed endpoint." });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(NavigationEditor, { items: navigationData.items, onSave });
+}
+function ViewRenderer({
+  currentView,
+  registry,
+  customRenderView,
+  onNavigate,
+  onSelectPage,
+  onCreatePage,
+  onUploadMedia
+}) {
+  const apiClient = useApiClient();
+  const { navigationData, navigationLoading, navigationError, setNavigationData } = useNavigationData(currentView);
+  const { pageData, pageLoading, pageError } = usePageData(currentView);
+  const handleSaveNavigation = async (items) => {
+    if (!navigationData) return;
+    try {
+      const response = await apiClient.put(`/navigation/id/${navigationData.id}`, {
+        items
+      });
+      if (response.error) {
+        console.error("Failed to update navigation:", response.error.message);
+      } else if (response.data) {
+        setNavigationData(response.data);
+      }
+    } catch (err) {
+      console.error("Failed to update navigation:", err);
+    }
+  };
+  const handleSavePage = async (updatedSections) => {
+    if (!pageData) return;
+    try {
+      const response = await apiClient.put(`/pages/id/${pageData.id}`, {
+        title: pageData.title,
+        sections: updatedSections
+      });
+      if (response.error) {
+        console.error("Failed to update page:", response.error.message);
+      } else {
+        onNavigate({ type: "pages" });
+      }
+    } catch (err) {
+      console.error("Failed to update page:", err);
+    }
+  };
+  if (customRenderView) {
+    const customView = customRenderView(currentView);
+    if (customView !== null) {
+      return customView;
+    }
+  }
+  switch (currentView.type) {
+    case "dashboard":
+      return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        DashboardPage,
+        {
+          onSelectPage,
+          onCreatePage,
+          onUploadMedia
+        }
+      );
+    case "pages":
+      return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(PageList, { onSelectPage, onCreatePage });
+    case "page-editor":
+      return renderPageEditorView(
+        currentView,
+        pageData,
+        pageLoading,
+        pageError,
+        registry,
+        handleSavePage
+      );
+    case "media":
+      return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(MediaBrowser, { onSelect: () => {
+      } });
+    case "navigation":
+      return renderNavigationView(
+        navigationData,
+        navigationLoading,
+        navigationError,
+        handleSaveNavigation
+      );
+    case "custom":
+      return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { "data-testid": "custom-view", children: [
+        "Custom view for path: ",
+        currentView.path
+      ] });
+    default:
+      return null;
+  }
+}
+function StructCMSAdminApp({
+  registry,
+  apiBaseUrl = "/api/cms",
+  className,
+  customNavItems = [],
+  renderView: customRenderView,
+  enableAuth = false,
+  onAuthStateChange
+}) {
+  const [currentView, setCurrentView] = (0, import_react6.useState)({ type: "dashboard" });
+  const handleNavigate = (path) => {
+    if (path === "/") {
+      setCurrentView({ type: "dashboard" });
+    } else if (path === "/pages") {
+      setCurrentView({ type: "pages" });
+    } else if (path === "/media") {
+      setCurrentView({ type: "media" });
+    } else if (path === "/navigation") {
+      setCurrentView({ type: "navigation" });
+    } else {
+      setCurrentView({ type: "custom", path });
+    }
+  };
+  const handleNavigateToView = (view) => {
+    setCurrentView(view);
+  };
+  const handleSelectPage = (page) => {
+    setCurrentView({ type: "page-editor", pageId: page.id });
+  };
+  const handleCreatePage = () => {
+    setCurrentView({ type: "page-editor" });
+  };
+  const handleUploadMedia = () => {
+    setCurrentView({ type: "media" });
+  };
+  const defaultNavItems = [
+    { label: "Dashboard", path: "/" },
+    { label: "Pages", path: "/pages" },
+    { label: "Navigation", path: "/navigation" },
+    { label: "Media", path: "/media" }
+  ];
+  const navItems = [...defaultNavItems, ...customNavItems];
+  const appContent = /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(AdminProvider, { registry, apiBaseUrl, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(AdminLayout, { className, navItems, onNavigate: handleNavigate, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    ViewRenderer,
+    {
+      currentView,
+      registry,
+      customRenderView,
+      onNavigate: handleNavigateToView,
+      onSelectPage: handleSelectPage,
+      onCreatePage: handleCreatePage,
+      onUploadMedia: handleUploadMedia
+    }
+  ) }) });
+  if (enableAuth) {
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(AuthProvider, { apiBaseUrl, onAuthStateChange, children: appContent });
+  }
+  return appContent;
+}
+
+// src/components/auth/login-form.tsx
+var import_react7 = require("react");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+function LoginForm({ onSuccess, onError }) {
+  const { signIn } = useAuth();
+  const [email, setEmail] = (0, import_react7.useState)("");
+  const [password, setPassword] = (0, import_react7.useState)("");
+  const [error, setError] = (0, import_react7.useState)(null);
+  const [isSubmitting, setIsSubmitting] = (0, import_react7.useState)(false);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setError(null);
+    setIsSubmitting(true);
+    try {
+      await signIn(email, password);
+      onSuccess?.();
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : "Sign in failed";
+      setError(errorMessage);
+      onError?.(err instanceof Error ? err : new Error(errorMessage));
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Label, { htmlFor: "email", children: "Email" }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        Input,
+        {
+          id: "email",
+          type: "email",
+          value: email,
+          onChange: (e) => setEmail(e.target.value),
+          placeholder: "admin@example.com",
+          required: true,
+          disabled: isSubmitting
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Label, { htmlFor: "password", children: "Password" }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        Input,
+        {
+          id: "password",
+          type: "password",
+          value: password,
+          onChange: (e) => setPassword(e.target.value),
+          placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
+          required: true,
+          disabled: isSubmitting
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "text-sm text-red-600 bg-red-50 p-3 rounded-md", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button, { type: "submit", className: "w-full", disabled: isSubmitting, children: isSubmitting ? "Signing in..." : "Sign In" })
+  ] });
+}
+
+// src/components/auth/protected-route.tsx
+var import_jsx_runtime30 = require("react/jsx-runtime");
+function ProtectedRoute({ children, fallback, loadingFallback }) {
+  const { isAuthenticated, isLoading } = useAuth();
+  const disableAuth = typeof process !== "undefined" && process.env?.NEXT_PUBLIC_DISABLE_AUTH === "true";
+  if (disableAuth) {
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children });
+  }
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children: loadingFallback || /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { children: "Loading..." }) });
+  }
+  if (!isAuthenticated) {
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children: fallback || /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { children: "Please sign in to access this page." }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children });
+}
+
+// src/components/auth/oauth-button.tsx
+var import_jsx_runtime31 = require("react/jsx-runtime");
+function OAuthButton({
+  provider,
+  apiBaseUrl,
+  redirectTo,
+  children,
+  className
+}) {
+  const handleClick = async () => {
+    try {
+      const response = await fetch(`${apiBaseUrl}/auth/oauth`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({ provider, redirectTo })
+      });
+      if (!response.ok) {
+        throw new Error("OAuth initialization failed");
+      }
+      const { url } = await response.json();
+      window.location.href = url;
+    } catch (error) {
+      console.error("OAuth error:", error);
+    }
+  };
+  const providerLabels = {
+    google: "Google",
+    github: "GitHub",
+    gitlab: "GitLab",
+    azure: "Azure",
+    bitbucket: "Bitbucket"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Button, { type: "button", variant: "outline", onClick: handleClick, className, children: children || `Sign in with ${providerLabels[provider]}` });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AdminLayout,
+  AdminProvider,
+  ArrayField,
+  AuthProvider,
+  Button,
+  DashboardPage,
+  Dialog,
+  ErrorBoundary,
+  FormGenerator,
+  ImagePicker,
+  Input,
+  KpiCards,
+  Label,
+  LoginForm,
+  MediaBrowser,
+  NavigationEditor,
+  OAuthButton,
+  ObjectField,
+  PageEditor,
+  PageList,
+  ProtectedRoute,
+  QuickActions,
+  RecentPages,
+  RichTextEditor,
+  SectionEditor,
+  Skeleton,
+  StringInput,
+  StructCMSAdminApp,
+  TextInput,
+  Textarea,
+  ToastProvider,
+  buttonVariants,
+  cn,
+  fieldNameToLabel,
+  resolveFieldType,
+  useAdmin,
+  useApiClient,
+  useAuth,
+  useToast
+});
+//# sourceMappingURL=index.cjs.map