convex-cms 0.0.2 → 0.0.5-alpha.0

package/admin-dist/server/_ssr/scroll-area-C0pic_WA.mjs

@@ -0,0 +1,59 @@
+import { j as jsxRuntimeExports } from "../_chunks/_libs/react.mjs";
+import { R as Root, V as Viewport, C as Corner, S as ScrollAreaScrollbar, a as ScrollAreaThumb } from "../_chunks/_libs/@radix-ui/react-scroll-area.mjs";
+import { c as cn } from "./router-D1BMAMJT.mjs";
+function ScrollArea({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Root,
+    {
+      "data-slot": "scroll-area",
+      className: cn("relative", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+            children
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollBar, {}),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Corner, {})
+      ]
+    }
+  );
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ScrollAreaScrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation,
+      className: cn(
+        "flex touch-none p-px transition-colors select-none",
+        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
+        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ScrollAreaThumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "bg-border relative flex-1 rounded-full"
+        }
+      )
+    }
+  );
+}
+export {
+  ScrollArea as S
+};

package/admin-dist/server/_ssr/select-CqmuN2F6.mjs

@@ -0,0 +1,142 @@
+import { j as jsxRuntimeExports } from "../_chunks/_libs/react.mjs";
+import { R as Root2, T as Trigger, I as Icon, V as Value, P as Portal, C as Content2, a as Viewport, b as Item, c as ItemIndicator, d as ItemText, S as ScrollUpButton, e as ScrollDownButton } from "../_chunks/_libs/@radix-ui/react-select.mjs";
+import { c as cn } from "./router-D1BMAMJT.mjs";
+import { d as ChevronDown, Z as Check, ai as ChevronUp } from "../_libs/lucide-react.mjs";
+function Select({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Root2, { "data-slot": "select", ...props });
+}
+function SelectValue({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Value, { "data-slot": "select-value", ...props });
+}
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": size,
+      className: cn(
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function SelectContent({
+  className,
+  children,
+  position = "item-aligned",
+  align = "center",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Portal, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Content2,
+    {
+      "data-slot": "select-content",
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      ),
+      position,
+      align,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Viewport,
+          {
+            className: cn(
+              "p-1",
+              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SelectScrollDownButton, {})
+      ]
+    }
+  ) });
+}
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Item,
+    {
+      "data-slot": "select-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "span",
+          {
+            "data-slot": "select-item-indicator",
+            className: "absolute right-2 flex size-3.5 items-center justify-center",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(ItemIndicator, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-4" }) })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ItemText, { children })
+      ]
+    }
+  );
+}
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronUp, { className: "size-4" })
+    }
+  );
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4" })
+    }
+  );
+}
+export {
+  Select as S,
+  SelectTrigger as a,
+  SelectValue as b,
+  SelectContent as c,
+  SelectItem as d
+};

package/admin-dist/server/_ssr/settings-CAkncGGV.mjs

@@ -0,0 +1,430 @@
+import { j as jsxRuntimeExports, r as reactExports } from "../_chunks/_libs/react.mjs";
+import { a as api, u as useSettingsConfig, R as RouteGuard, b as useTheme, c as cn } from "./router-D1BMAMJT.mjs";
+import { B as Badge, C as CmsButton } from "./CmsButton-B45JAKR1.mjs";
+import { L as Label } from "./label-T-QNKAr6.mjs";
+import { S as Select, a as SelectTrigger, b as SelectValue, c as SelectContent, d as SelectItem } from "./select-CqmuN2F6.mjs";
+import { u as usePermissions } from "./usePermissions-CKeM6_Vw.mjs";
+import { C as CmsPageHeader } from "./CmsPageHeader-CrUZA59A.mjs";
+import { C as CmsSurface } from "./CmsSurface-DKJZhpjk.mjs";
+import { S as Switch } from "./switch-CgmuJkT9.mjs";
+import { u as useTanStackNavigation, A as Alert, a as AlertDescription } from "./tanstack-adapter-BXZrMauE.mjs";
+import { u as useQuery, d as useMutation } from "../_libs/convex.mjs";
+import { O as TriangleAlert, Z as Check, X, _ as Sun, $ as Moon, a0 as Monitor } from "../_libs/lucide-react.mjs";
+import "../_chunks/_libs/@tanstack/react-router.mjs";
+import "../_libs/tiny-warning.mjs";
+import "../_chunks/_libs/@tanstack/router-core.mjs";
+import "../_libs/cookie-es.mjs";
+import "../_chunks/_libs/@tanstack/store.mjs";
+import "../_chunks/_libs/@tanstack/history.mjs";
+import "../_libs/tiny-invariant.mjs";
+import "../_libs/seroval.mjs";
+import "../_libs/seroval-plugins.mjs";
+import "node:stream/web";
+import "node:stream";
+import "../_chunks/_libs/react-dom.mjs";
+import "util";
+import "crypto";
+import "async_hooks";
+import "stream";
+import "../_libs/isbot.mjs";
+import "../_chunks/_libs/@tanstack/react-store.mjs";
+import "../_libs/use-sync-external-store.mjs";
+import "../_libs/clsx.mjs";
+import "../_libs/tailwind-merge.mjs";
+import "../_chunks/_libs/@radix-ui/react-slot.mjs";
+import "../_chunks/_libs/@radix-ui/react-compose-refs.mjs";
+import "../_chunks/_libs/@radix-ui/react-dropdown-menu.mjs";
+import "../_chunks/_libs/@radix-ui/primitive.mjs";
+import "../_chunks/_libs/@radix-ui/react-context.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-controllable-state.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-layout-effect.mjs";
+import "../_chunks/_libs/@radix-ui/react-primitive.mjs";
+import "../_chunks/_libs/@radix-ui/react-menu.mjs";
+import "../_chunks/_libs/@radix-ui/react-collection.mjs";
+import "../_chunks/_libs/@radix-ui/react-direction.mjs";
+import "../_chunks/_libs/@radix-ui/react-dismissable-layer.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-callback-ref.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-escape-keydown.mjs";
+import "../_chunks/_libs/@radix-ui/react-focus-guards.mjs";
+import "../_chunks/_libs/@radix-ui/react-focus-scope.mjs";
+import "../_chunks/_libs/@radix-ui/react-popper.mjs";
+import "../_chunks/_libs/@floating-ui/react-dom.mjs";
+import "../_chunks/_libs/@floating-ui/dom.mjs";
+import "../_chunks/_libs/@floating-ui/core.mjs";
+import "../_chunks/_libs/@floating-ui/utils.mjs";
+import "../_chunks/_libs/@radix-ui/react-arrow.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-size.mjs";
+import "../_chunks/_libs/@radix-ui/react-portal.mjs";
+import "../_chunks/_libs/@radix-ui/react-presence.mjs";
+import "../_chunks/_libs/@radix-ui/react-roving-focus.mjs";
+import "../_chunks/_libs/@radix-ui/react-id.mjs";
+import "../_libs/aria-hidden.mjs";
+import "../_libs/react-remove-scroll.mjs";
+import "../_libs/tslib.mjs";
+import "../_libs/react-remove-scroll-bar.mjs";
+import "../_libs/react-style-singleton.mjs";
+import "../_libs/get-nonce.mjs";
+import "../_libs/use-sidecar.mjs";
+import "../_libs/use-callback-ref.mjs";
+import "../_chunks/_libs/@radix-ui/react-avatar.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-is-hydrated.mjs";
+import "../_libs/class-variance-authority.mjs";
+import "../_chunks/_libs/@radix-ui/react-popover.mjs";
+import "./index.mjs";
+import "node:async_hooks";
+import "../_libs/h3-v2.mjs";
+import "../_libs/rou3.mjs";
+import "../_libs/srvx.mjs";
+import "node:http";
+import "node:https";
+import "node:http2";
+import "../_libs/zod.mjs";
+import "../_chunks/_libs/@radix-ui/react-label.mjs";
+import "../_chunks/_libs/@radix-ui/react-select.mjs";
+import "../_chunks/_libs/@radix-ui/number.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-previous.mjs";
+import "../_chunks/_libs/@radix-ui/react-visually-hidden.mjs";
+import "../_chunks/_libs/@radix-ui/react-switch.mjs";
+const LOCALE_OPTIONS = [
+  { value: "en", label: "English (en)" },
+  { value: "es", label: "Spanish (es)" },
+  { value: "fr", label: "French (fr)" },
+  { value: "de", label: "German (de)" },
+  { value: "it", label: "Italian (it)" },
+  { value: "pt", label: "Portuguese (pt)" },
+  { value: "zh", label: "Chinese (zh)" },
+  { value: "ja", label: "Japanese (ja)" }
+];
+const THEME_OPTIONS = [
+  { value: "light", label: "Light", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Sun, { className: "size-4" }) },
+  { value: "dark", label: "Dark", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Moon, { className: "size-4" }) },
+  { value: "system", label: "System", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Monitor, { className: "size-4" }) }
+];
+function AppearanceSection() {
+  const { theme, setTheme } = useTheme();
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(CmsSurface, { elevation: "base", className: "p-6", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "mb-4 text-lg font-semibold text-foreground", children: "Appearance" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { className: "text-sm font-medium", children: "Theme" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: "Choose your preferred color theme for the admin interface." })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex gap-1 rounded-lg border bg-muted/50 p-1", children: THEME_OPTIONS.map((option) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => setTheme(option.value),
+          className: cn(
+            "flex items-center gap-2 rounded-md px-3 py-1.5 text-sm font-medium transition-colors",
+            theme === option.value ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
+          ),
+          children: [
+            option.icon,
+            option.label
+          ]
+        },
+        option.value
+      )) })
+    ] }) })
+  ] });
+}
+function SettingsPage({ api: api2, navigation: _navigation }) {
+  const { canManageSettings } = usePermissions();
+  const canEdit = canManageSettings();
+  const { baseConfig } = useSettingsConfig();
+  const settings = useQuery(api2.settings.get);
+  const updateSettings = useMutation(api2.settings.update);
+  const resetSettings = useMutation(api2.settings.reset);
+  const [formData, setFormData] = reactExports.useState(null);
+  const [isDirty, setIsDirty] = reactExports.useState(false);
+  const [feedbackStatus, setFeedbackStatus] = reactExports.useState("idle");
+  const [errorMessage, setErrorMessage] = reactExports.useState(null);
+  reactExports.useEffect(() => {
+    if (settings && !formData) {
+      setFormData(settings);
+    }
+  }, [settings, formData]);
+  reactExports.useEffect(() => {
+    if (settings && !isDirty) {
+      setFormData(settings);
+    }
+  }, [settings, isDirty]);
+  const handleLocaleChange = reactExports.useCallback(
+    (value) => {
+      if (!formData) return;
+      setFormData({
+        ...formData,
+        defaultLocale: value
+      });
+      setIsDirty(true);
+      setFeedbackStatus("idle");
+    },
+    [formData]
+  );
+  const handleFeatureChange = reactExports.useCallback(
+    (feature) => {
+      if (!formData) return;
+      setFormData({
+        ...formData,
+        features: {
+          ...formData.features,
+          [feature]: !formData.features[feature]
+        }
+      });
+      setIsDirty(true);
+      setFeedbackStatus("idle");
+    },
+    [formData]
+  );
+  const handleSave = reactExports.useCallback(async () => {
+    if (!formData || !isDirty) return;
+    setFeedbackStatus("saving");
+    setErrorMessage(null);
+    try {
+      await updateSettings({
+        defaultLocale: formData.defaultLocale,
+        features: formData.features
+      });
+      setFeedbackStatus("saved");
+      setIsDirty(false);
+      setTimeout(() => {
+        setFeedbackStatus("idle");
+      }, 3e3);
+    } catch (error) {
+      setFeedbackStatus("error");
+      setErrorMessage(
+        error instanceof Error ? error.message : "Failed to save settings"
+      );
+    }
+  }, [formData, isDirty, updateSettings]);
+  const handleReset = reactExports.useCallback(async () => {
+    const confirmed = window.confirm(
+      "Are you sure you want to reset all settings to their defaults? This action cannot be undone."
+    );
+    if (!confirmed) return;
+    setFeedbackStatus("saving");
+    setErrorMessage(null);
+    try {
+      const newSettings = await resetSettings({});
+      setFormData(newSettings);
+      setFeedbackStatus("saved");
+      setIsDirty(false);
+      setTimeout(() => {
+        setFeedbackStatus("idle");
+      }, 3e3);
+    } catch (error) {
+      setFeedbackStatus("error");
+      setErrorMessage(
+        error instanceof Error ? error.message : "Failed to reset settings"
+      );
+    }
+  }, [resetSettings]);
+  const handleDiscard = reactExports.useCallback(() => {
+    if (settings) {
+      setFormData(settings);
+      setIsDirty(false);
+      setFeedbackStatus("idle");
+      setErrorMessage(null);
+    }
+  }, [settings]);
+  if (settings === void 0) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(RouteGuard, { requiredPermission: { resource: "settings", action: "manage" }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-6 p-6", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        CmsPageHeader,
+        {
+          title: "Settings",
+          description: "Configure your CMS settings and preferences."
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center py-12", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "size-8 animate-spin rounded-full border-2 border-muted border-t-primary" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-4 text-sm text-muted-foreground", children: "Loading settings..." })
+      ] })
+    ] }) });
+  }
+  if (settings === null && !formData) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(RouteGuard, { requiredPermission: { resource: "settings", action: "manage" }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-6 p-6", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        CmsPageHeader,
+        {
+          title: "Settings",
+          description: "Configure your CMS settings and preferences."
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Alert, { variant: "destructive", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleAlert, { className: "size-4" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDescription, { children: "Failed to load settings. Please try refreshing the page." })
+      ] })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(RouteGuard, { requiredPermission: { resource: "settings", action: "manage" }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-6 p-6", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start justify-between", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        CmsPageHeader,
+        {
+          title: "Settings",
+          description: "Configure your CMS settings and preferences."
+        }
+      ),
+      canEdit && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3", children: [
+        feedbackStatus === "saved" && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          Badge,
+          {
+            variant: "secondary",
+            className: "gap-1 bg-emerald-100 text-emerald-700",
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3" }),
+              "Settings saved successfully"
+            ]
+          }
+        ),
+        feedbackStatus === "error" && /* @__PURE__ */ jsxRuntimeExports.jsxs(Badge, { variant: "destructive", className: "gap-1", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-3" }),
+          errorMessage || "An error occurred"
+        ] }),
+        isDirty && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CmsButton,
+          {
+            variant: "secondary",
+            onClick: handleDiscard,
+            disabled: feedbackStatus === "saving",
+            children: "Discard Changes"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CmsButton,
+          {
+            onClick: handleSave,
+            disabled: !isDirty,
+            loading: feedbackStatus === "saving",
+            children: "Save Changes"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(AppearanceSection, {}),
+      formData?.features.localization && /* @__PURE__ */ jsxRuntimeExports.jsxs(CmsSurface, { elevation: "base", className: "p-6", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "mb-4 text-lg font-semibold text-foreground", children: "General" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { className: "text-sm font-medium", children: "Default Locale" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: "The default language for new content entries." })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            Select,
+            {
+              value: formData?.defaultLocale || "en",
+              onValueChange: handleLocaleChange,
+              disabled: !canEdit || feedbackStatus === "saving",
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "w-48", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {}) }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: LOCALE_OPTIONS.map((option) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
+              ]
+            }
+          )
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(CmsSurface, { elevation: "base", className: "p-6", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "mb-4 text-lg font-semibold text-foreground", children: "Features" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { className: "text-sm font-medium", children: "Enable Versioning" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: "Track content history and enable rollback to previous versions" })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Switch,
+              {
+                checked: formData?.features.versioning ?? true,
+                onCheckedChange: () => handleFeatureChange("versioning"),
+                disabled: !canEdit || feedbackStatus === "saving"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { className: "text-sm font-medium", children: "Enable Scheduling" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: "Schedule content to publish at a future date and time" })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Switch,
+              {
+                checked: formData?.features.scheduling ?? true,
+                onCheckedChange: () => handleFeatureChange("scheduling"),
+                disabled: !canEdit || feedbackStatus === "saving"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { className: "text-sm font-medium", children: "Enable Localization" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: "Support multiple languages for content entries" })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Switch,
+              {
+                checked: formData?.features.localization ?? false,
+                onCheckedChange: () => handleFeatureChange("localization"),
+                disabled: !canEdit || feedbackStatus === "saving"
+              }
+            )
+          ] }),
+          baseConfig.navigation.showMedia && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { className: "text-sm font-medium", children: "Enable Media Management" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: "Use the built-in media library for image and file uploads" })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Switch,
+              {
+                checked: formData?.features.mediaManagement ?? true,
+                onCheckedChange: () => handleFeatureChange("mediaManagement"),
+                disabled: !canEdit || feedbackStatus === "saving"
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(CmsSurface, { elevation: "base", className: "p-6", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "mb-4 text-lg font-semibold text-foreground", children: "API" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { className: "text-sm font-medium", children: "Convex Deployment URL" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "mt-1 block rounded-md bg-muted px-3 py-2 text-sm", children: "https://majestic-beagle-49.convex.cloud" })
+        ] }) })
+      ] }),
+      canEdit && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        CmsSurface,
+        {
+          elevation: "base",
+          className: "border-red-200 p-6 dark:border-red-900",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "mb-4 text-lg font-semibold text-red-600", children: "Danger Zone" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { className: "text-sm font-medium", children: "Reset to Defaults" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: "Reset all settings to their default values. This cannot be undone." })
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                CmsButton,
+                {
+                  variant: "danger",
+                  onClick: handleReset,
+                  disabled: feedbackStatus === "saving",
+                  children: "Reset Settings"
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+function SettingsRoute() {
+  const navigation = useTanStackNavigation();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsPage, { api, navigation });
+}
+export {
+  SettingsRoute as component
+};

package/admin-dist/server/_ssr/start-HYkvq4Ni.mjs

@@ -0,0 +1,4 @@
+const startInstance = void 0;
+export {
+  startInstance
+};

package/admin-dist/server/_ssr/switch-CgmuJkT9.mjs

@@ -0,0 +1,31 @@
+import { j as jsxRuntimeExports } from "../_chunks/_libs/react.mjs";
+import { R as Root, T as Thumb } from "../_chunks/_libs/@radix-ui/react-switch.mjs";
+import { c as cn } from "./router-D1BMAMJT.mjs";
+function Switch({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Root,
+    {
+      "data-slot": "switch",
+      className: cn(
+        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Thumb,
+        {
+          "data-slot": "switch-thumb",
+          className: cn(
+            "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
+          )
+        }
+      )
+    }
+  );
+}
+export {
+  Switch as S
+};