convex-cms 0.0.3 → 0.0.5-alpha.2

package/admin-dist/server/_ssr/{settings-DAsxnw2q.mjs → settings-BCr2KQlk.mjs}

@@ -1,12 +1,13 @@
-import { r as reactExports, j as jsxRuntimeExports } from "../_chunks/_libs/react.mjs";
-import { u as useSettingsConfig, a as api, R as RouteGuard, b as useTheme, c as cn } from "./router-DDWcF-kt.mjs";
-import { B as Badge, C as CmsButton } from "./badge-6BsP37vG.mjs";
-import { L as Label } from "./label-C8Dko1j7.mjs";
-import { S as Select, a as SelectTrigger, b as SelectValue, c as SelectContent, d as SelectItem } from "./select-BUhDDf4T.mjs";
-import { u as usePermissions } from "./usePermissions-BJGGahrJ.mjs";
-import { C as CmsPageHeader } from "./CmsPageHeader-CseW0AHm.mjs";
-import { A as Alert, a as AlertDescription, C as CmsSurface } from "./alert-CVt45UUP.mjs";
-import { S as Switch } from "./switch-BgyRtQ1Z.mjs";
+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-nSVkxb6Y.mjs";
+import { B as Badge, C as CmsButton } from "./CmsButton-DOiTVKQq.mjs";
+import { L as Label } from "./label-qn2Afwl4.mjs";
+import { S as Select, a as SelectTrigger, b as SelectValue, c as SelectContent, d as SelectItem } from "./select-BKQlQScw.mjs";
+import { u as usePermissions } from "./usePermissions-C3nZ-Izm.mjs";
+import { C as CmsPageHeader } from "./CmsPageHeader-DHRrdOZa.mjs";
+import { C as CmsSurface } from "./CmsSurface-rFoYjb62.mjs";
+import { S as Switch } from "./switch-BaOi42fE.mjs";
+import { u as useTanStackNavigation, A as Alert, a as AlertDescription } from "./tanstack-adapter-Bsz8kha-.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";
@@ -84,49 +85,23 @@ 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" })
-}];
+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();
+  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: [
@@ -134,24 +109,35 @@ function AppearanceSection() {
         /* @__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)) })
+      /* @__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() {
-  const {
-    canManageSettings
-  } = usePermissions();
+function SettingsPage({
+  api: api2,
+  navigation: _navigation
+}) {
+  const { canManageSettings } = usePermissions();
   const canEdit = canManageSettings();
-  const {
-    baseConfig
-  } = useSettingsConfig();
-  const settings = useQuery(api.settings.get);
-  const updateSettings = useMutation(api.settings.update);
-  const resetSettings = useMutation(api.settings.reset);
+  const { baseConfig } = useSettingsConfig();
+  const settings = useQuery(api2.getSettings, {});
+  const updateSettings = useMutation(api2.updateSettings);
+  const resetSettings = useMutation(api2.resetSettings);
   const [formData, setFormData] = reactExports.useState(null);
   const [isDirty, setIsDirty] = reactExports.useState(false);
   const [feedbackStatus, setFeedbackStatus] = reactExports.useState("idle");
@@ -166,27 +152,33 @@ function SettingsPage() {
       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 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");
@@ -203,11 +195,15 @@ function SettingsPage() {
       }, 3e3);
     } catch (error) {
       setFeedbackStatus("error");
-      setErrorMessage(error instanceof Error ? error.message : "Failed to save settings");
+      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.");
+    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);
@@ -221,7 +217,9 @@ function SettingsPage() {
       }, 3e3);
     } catch (error) {
       setFeedbackStatus("error");
-      setErrorMessage(error instanceof Error ? error.message : "Failed to reset settings");
+      setErrorMessage(
+        error instanceof Error ? error.message : "Failed to reset settings"
+      );
     }
   }, [resetSettings]);
   const handleDiscard = reactExports.useCallback(() => {
@@ -233,46 +231,90 @@ function SettingsPage() {
     }
   }, [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..." })
-      ] })
-    ] }) });
+    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.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: [
+  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." }),
+      /* @__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 === "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" })
+        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: [
@@ -284,10 +326,18 @@ function SettingsPage() {
             /* @__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(
+            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: [
@@ -298,28 +348,56 @@ function SettingsPage() {
               /* @__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.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.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" })
+            /* @__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.jsx(
+              Switch,
+              {
+                checked: formData?.features.mediaManagement ?? true,
+                onCheckedChange: () => handleFeatureChange("mediaManagement"),
+                disabled: !canEdit || feedbackStatus === "saving"
+              }
+            )
           ] })
         ] })
       ] }),
@@ -330,19 +408,38 @@ function SettingsPage() {
           /* @__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" })
-        ] })
-      ] })
+      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: api.admin, navigation });
+}
 export {
-  SettingsPage as component
+  SettingsRoute as component
 };

package/admin-dist/server/_ssr/{switch-BgyRtQ1Z.mjs → switch-BaOi42fE.mjs}

@@ -1,6 +1,6 @@
 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-DDWcF-kt.mjs";
+import { c as cn } from "./router-nSVkxb6Y.mjs";
 function Switch({
   className,
   ...props

package/admin-dist/server/_ssr/{tabs-DzMdRB1A.mjs → tabs-DYXEi9kq.mjs}

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports, r as reactExports } from "../_chunks/_libs/react.mjs";
-import { C as CmsButton } from "./badge-6BsP37vG.mjs";
-import { c as cn } from "./router-DDWcF-kt.mjs";
+import { C as CmsButton } from "./CmsButton-DOiTVKQq.mjs";
+import { c as cn } from "./router-nSVkxb6Y.mjs";
 import { R as Root2, L as List, T as Trigger, C as Content } from "../_chunks/_libs/@radix-ui/react-tabs.mjs";
 import { g as CircleAlert, a3 as Upload, X, am as RefreshCw, Z as Check } from "../_libs/lucide-react.mjs";
 import { d as useMutation } from "../_libs/convex.mjs";
@@ -54,7 +54,9 @@ function uploadWithXHR(url, file, signal, onProgress) {
           reject(new Error("Invalid response from upload server"));
         }
       } else {
-        reject(new Error(`Upload failed: ${xhr.statusText || `HTTP ${xhr.status}`}`));
+        reject(
+          new Error(`Upload failed: ${xhr.statusText || `HTTP ${xhr.status}`}`)
+        );
       }
     };
     xhr.onerror = () => {

package/admin-dist/server/_ssr/tanstack-adapter-Bsz8kha-.mjs

@@ -0,0 +1,119 @@
+import { r as reactExports, j as jsxRuntimeExports } from "../_chunks/_libs/react.mjs";
+import { c as cva } from "../_libs/class-variance-authority.mjs";
+import { c as cn } from "./router-nSVkxb6Y.mjs";
+import { d as useNavigate, e as useLocation, f as useParams } from "../_chunks/_libs/@tanstack/react-router.mjs";
+const alertVariants = cva(
+  "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
+  {
+    variants: {
+      variant: {
+        default: "bg-card text-card-foreground",
+        destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Alert({
+  className,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      "data-slot": "alert",
+      role: "alert",
+      className: cn(alertVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function AlertDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      "data-slot": "alert-description",
+      className: cn(
+        "text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function useTanStackNavigation() {
+  const navigate = useNavigate();
+  const location = useLocation();
+  const params = useParams({ strict: false });
+  const handleNavigate = reactExports.useCallback(
+    (route, routeParams) => {
+      let path = route;
+      if (routeParams) {
+        for (const [key, value] of Object.entries(routeParams)) {
+          path = path.replace(`:${key}`, value).replace(`$${key}`, value);
+        }
+      }
+      navigate({ to: path });
+    },
+    [navigate]
+  );
+  const navigateToEntry = reactExports.useCallback(
+    (entryId) => {
+      navigate({ to: "/entries/$entryId", params: { entryId } });
+    },
+    [navigate]
+  );
+  const navigateToContentType = reactExports.useCallback(
+    (contentTypeId) => {
+      navigate({
+        to: "/entries/type/$contentTypeId",
+        params: { contentTypeId }
+      });
+    },
+    [navigate]
+  );
+  const navigateToNewEntry = reactExports.useCallback(
+    (contentTypeId) => {
+      navigate({
+        to: "/entries/new/$contentTypeId",
+        params: { contentTypeId }
+      });
+    },
+    [navigate]
+  );
+  const goBack = reactExports.useCallback(() => {
+    window.history.back();
+  }, []);
+  return reactExports.useMemo(
+    () => ({
+      navigate: handleNavigate,
+      currentRoute: location.pathname,
+      params: params ?? {},
+      canGoBack: window.history.length > 1,
+      goBack,
+      navigateToEntry,
+      navigateToContentType,
+      navigateToNewEntry
+    }),
+    [
+      handleNavigate,
+      location.pathname,
+      params,
+      goBack,
+      navigateToEntry,
+      navigateToContentType,
+      navigateToNewEntry
+    ]
+  );
+}
+export {
+  Alert as A,
+  AlertDescription as a,
+  useTanStackNavigation as u
+};