convex-cms 0.0.7-alpha.0 → 0.0.8

package/admin-dist/server/_ssr/{index-BTHmIC9W.mjs → index-DwM_5VNP.mjs}

@@ -1,9 +1,9 @@
-import { j as jsxRuntimeExports } from "../_chunks/_libs/react.mjs";
-import { h as api, f as cn } from "./router-CaDgRHfQ.mjs";
-import { C as CmsPageHeader } from "./CmsPageHeader-BcniLh49.mjs";
-import { u as useTanStackNavigation } from "./tanstack-adapter-DNaUioIZ.mjs";
-import { u as useQuery } from "../_libs/convex.mjs";
-import { Q as FileText, O as Image, a as Layers, J as Settings, am as TrendingUp } from "../_libs/lucide-react.mjs";
+import { j as jsxRuntimeExports, r as reactExports } from "../_chunks/_libs/react.mjs";
+import { h as api, B as Button, f as cn } from "./router-vd1nySeP.mjs";
+import { C as CmsPageHeader } from "./CmsPageHeader-BHUmrIWD.mjs";
+import { u as useTanStackNavigation, A as Alert, b as AlertTitle, a as AlertDescription } from "./tanstack-adapter-DWbaPByn.mjs";
+import { u as useQuery, d as useMutation } from "../_libs/convex.mjs";
+import { Q as FileText, O as Image, a as Layers, J as Settings, am as TrendingUp, j as CircleAlert, an as CircleX, a0 as TriangleAlert, ao as RefreshCw } from "../_libs/lucide-react.mjs";
 import "../_chunks/_libs/@tanstack/react-router.mjs";
 import "../_libs/tiny-warning.mjs";
 import "../_chunks/_libs/@tanstack/router-core.mjs";
@@ -138,6 +138,91 @@ function Skeleton({ className, ...props }) {
     }
   );
 }
+function SchemaDriftWarning({ api: api2 }) {
+  const driftResults = useQuery(api2.checkSchemaDrift, {});
+  const syncMutation = useMutation(api2.syncCodeDefinedTypes);
+  const [isSyncing, setIsSyncing] = reactExports.useState(false);
+  const [syncResult, setSyncResult] = reactExports.useState(null);
+  if (driftResults === void 0) {
+    return null;
+  }
+  if (!driftResults || driftResults.length === 0) {
+    if (syncResult && (syncResult.created > 0 || syncResult.updated > 0)) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(Alert, { className: "border-success/50 bg-success/10", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CircleAlert, { className: "size-4 text-success" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(AlertTitle, { className: "text-diff-added-foreground", children: "Sync Complete" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDescription, { className: "text-diff-added-foreground/80", children: [
+          syncResult.created > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+            syncResult.created,
+            " content type(s) created. "
+          ] }),
+          syncResult.updated > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+            syncResult.updated,
+            " content type(s) updated."
+          ] })
+        ] })
+      ] });
+    }
+    return null;
+  }
+  const errors = driftResults.filter((d) => d.severity === "error");
+  const warnings = driftResults.filter((d) => d.severity === "warning");
+  const handleSync = async () => {
+    setIsSyncing(true);
+    setSyncResult(null);
+    try {
+      const result = await syncMutation({});
+      setSyncResult(result);
+    } catch (error) {
+      console.error("Sync failed:", error);
+    } finally {
+      setIsSyncing(false);
+    }
+  };
+  const variant = errors.length > 0 ? "destructive" : "default";
+  const Icon = errors.length > 0 ? CircleX : TriangleAlert;
+  const iconColor = errors.length > 0 ? "text-destructive" : "text-warning";
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Alert, { variant, className: errors.length === 0 ? "border-warning/50 bg-warning/10" : "", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { className: `size-4 ${iconColor}` }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(AlertTitle, { className: errors.length === 0 ? "text-diff-modified-foreground" : "", children: "Schema Drift Detected" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDescription, { className: errors.length === 0 ? "text-diff-modified-foreground/80" : "", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+      errors.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("strong", { children: [
+          errors.length,
+          " error(s)"
+        ] }),
+        ":",
+        " ",
+        errors.slice(0, 3).map((e) => e.message).join(" "),
+        errors.length > 3 && ` ...and ${errors.length - 3} more`
+      ] }),
+      warnings.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("strong", { children: [
+          warnings.length,
+          " warning(s)"
+        ] }),
+        ": Code-defined types may need syncing."
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-3 flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          Button,
+          {
+            size: "sm",
+            variant: errors.length > 0 ? "destructive" : "outline",
+            onClick: handleSync,
+            disabled: isSyncing,
+            className: errors.length === 0 ? "border-warning/50 text-diff-modified-foreground hover:bg-warning/20" : "",
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: `mr-1.5 size-3.5 ${isSyncing ? "animate-spin" : ""}` }),
+              isSyncing ? "Syncing..." : "Sync Now"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs opacity-75", children: "Syncs code-defined types to the database" })
+      ] })
+    ] }) })
+  ] });
+}
 function DashboardPage({ api: api2, navigation }) {
   const stats = useQuery(api2.getDashboardStats, {});
   const isLoading = stats === void 0;
@@ -150,6 +235,7 @@ function DashboardPage({ api: api2, navigation }) {
         description: "Welcome to Convex CMS Admin. Manage your content, media, and publishing workflows."
       }
     ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SchemaDriftWarning, { api: api2 }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         DashboardCard,

package/admin-dist/server/_ssr/index.mjs

@@ -3837,7 +3837,7 @@ function getResponse() {
   return event.res;
 }
 async function getStartManifest(matchedRoutes) {
-  const { tsrStartManifest } = await import("./_tanstack-start-manifest_v-DgCpSt_y.mjs");
+  const { tsrStartManifest } = await import("./_tanstack-start-manifest_v-CC7UrHKE.mjs");
   const startManifest = tsrStartManifest();
   const rootRoute = startManifest.routes[rootRouteId] = startManifest.routes[rootRouteId] || {};
   rootRoute.assets = rootRoute.assets || [];
@@ -4312,7 +4312,7 @@ function getStartResponseHeaders(opts) {
 let entriesPromise;
 let manifestPromise;
 async function loadEntries() {
-  const routerEntry = await import("./router-CaDgRHfQ.mjs").then((n2) => n2.M);
+  const routerEntry = await import("./router-vd1nySeP.mjs").then((n2) => n2.M);
   const startEntry = await import("./start-HYkvq4Ni.mjs");
   return { startEntry, routerEntry };
 }

package/admin-dist/server/_ssr/{media-DkvBfmD9.mjs → media-CbzgTRRQ.mjs}

@@ -1,13 +1,13 @@
 import { j as jsxRuntimeExports, r as reactExports } from "../_chunks/_libs/react.mjs";
-import { t as useSettingsConfig, h as api, f as cn, C as CmsButton, I as Input, S as Select, a as SelectTrigger, b as SelectValue, c as SelectContent, d as SelectItem, e as Checkbox, D as Dialog, k as DialogContent, r as DialogHeader, l as DialogTitle, L as Label, s as DialogFooter, g as CmsConfirmDialog, m as DropdownMenu, n as DropdownMenuTrigger, o as DropdownMenuContent, p as DropdownMenuItem, q as DropdownMenuSeparator, i as CmsDialog, T as Textarea, B as Button } from "./router-CaDgRHfQ.mjs";
-import { B as Badge } from "./badge-Cp61aQNc.mjs";
-import { T as Tabs, a as TabsList, b as TabsTrigger, U as UploadDropzone } from "./tabs-5oFlAGLz.mjs";
-import { C as CmsPageHeader } from "./CmsPageHeader-BcniLh49.mjs";
-import { C as CmsToolbar } from "./CmsToolbar-Dqqb216_.mjs";
-import { C as CmsEmptyState } from "./CmsEmptyState-DYh_PPQE.mjs";
-import { T as TaxonomyFilter } from "./TaxonomyFilter-BfsPAZ-Y.mjs";
+import { t as useSettingsConfig, h as api, f as cn, C as CmsButton, I as Input, S as Select, a as SelectTrigger, b as SelectValue, c as SelectContent, d as SelectItem, e as Checkbox, D as Dialog, k as DialogContent, r as DialogHeader, l as DialogTitle, L as Label, s as DialogFooter, g as CmsConfirmDialog, m as DropdownMenu, n as DropdownMenuTrigger, o as DropdownMenuContent, p as DropdownMenuItem, q as DropdownMenuSeparator, i as CmsDialog, T as Textarea, B as Button } from "./router-vd1nySeP.mjs";
+import { B as Badge } from "./badge-EI998zba.mjs";
+import { u as useTanStackNavigation } from "./tanstack-adapter-DWbaPByn.mjs";
+import { T as Tabs, a as TabsList, b as TabsTrigger, U as UploadDropzone } from "./tabs-DAk2J5xy.mjs";
+import { C as CmsPageHeader } from "./CmsPageHeader-BHUmrIWD.mjs";
+import { C as CmsToolbar } from "./CmsToolbar-BCrwg7OL.mjs";
+import { C as CmsEmptyState } from "./CmsEmptyState-BM8DghTl.mjs";
+import { T as TaxonomyFilter } from "./TaxonomyFilter-C4pD0kfM.mjs";
 import { a as VisuallyHidden } from "../_chunks/_libs/@radix-ui/react-visually-hidden.mjs";
-import { u as useTanStackNavigation } from "./tanstack-adapter-DNaUioIZ.mjs";
 import { u as useQuery, d as useMutation } from "../_libs/convex.mjs";
 import { O as Image, I as Trash2, H as House, a9 as ChevronLeft, aa as FolderPlus, ab as Upload, a1 as Search, X, s as Folder, a2 as RotateCcw, ac as Ellipsis, a3 as Pencil, ad as FolderInput, ae as EllipsisVertical, k as Eye, af as Download, Z as Link2, ag as File, Q as FileText, ah as Music, ai as Video, aj as Copy, h as ChevronRight, W as Tag, L as LoaderCircle, P as Plus } from "../_libs/lucide-react.mjs";
 import "../_chunks/_libs/@tanstack/react-router.mjs";
@@ -78,7 +78,7 @@ import "./index.mjs";
 import "node:async_hooks";
 import "../_libs/zod.mjs";
 import "../_chunks/_libs/@radix-ui/react-tabs.mjs";
-import "./command-BfjE1WJf.mjs";
+import "./command-BLAWQhUw.mjs";
 import "../_libs/cmdk.mjs";
 function CmsField({
   label,

package/admin-dist/server/_ssr/{new._contentTypeId-Co_73sDJ.mjs → new._contentTypeId-6Ph-Gtlw.mjs}

@@ -1,9 +1,9 @@
 import { j as jsxRuntimeExports } from "../_chunks/_libs/react.mjs";
 import { d as useNavigate } from "../_chunks/_libs/@tanstack/react-router.mjs";
-import { H as Route, h as api } from "./router-CaDgRHfQ.mjs";
-import { C as ContentEntryEditor } from "./ContentEntryEditor-DOIAyWME.mjs";
-import { u as useBreadcrumbLabel } from "./useBreadcrumbLabel-BQGjOTcy.mjs";
-import { C as CmsEmptyState } from "./CmsEmptyState-DYh_PPQE.mjs";
+import { H as Route, h as api } from "./router-vd1nySeP.mjs";
+import { C as ContentEntryEditor } from "./ContentEntryEditor-Cjfm0uhr.mjs";
+import { u as useBreadcrumbLabel } from "./useBreadcrumbLabel-DpEKyG1h.mjs";
+import { C as CmsEmptyState } from "./CmsEmptyState-BM8DghTl.mjs";
 import { u as useQuery } from "../_libs/convex.mjs";
 import { Q as FileText } from "../_libs/lucide-react.mjs";
 import "../_libs/tiny-warning.mjs";
@@ -73,16 +73,16 @@ import "../_chunks/_libs/@radix-ui/react-popover.mjs";
 import "./index.mjs";
 import "node:async_hooks";
 import "../_libs/zod.mjs";
-import "./switch-DmbR03dm.mjs";
+import "./switch-C05NgNW0.mjs";
 import "../_chunks/_libs/@radix-ui/react-switch.mjs";
 import "../_chunks/_libs/@radix-ui/react-separator.mjs";
-import "./tabs-5oFlAGLz.mjs";
+import "./tabs-DAk2J5xy.mjs";
 import "../_chunks/_libs/@radix-ui/react-tabs.mjs";
-import "./command-BfjE1WJf.mjs";
+import "./command-BLAWQhUw.mjs";
 import "../_libs/cmdk.mjs";
-import "./badge-Cp61aQNc.mjs";
-import "./CmsStatusBadge-BShWDxwE.mjs";
-import "./scroll-area-D3v-O_jk.mjs";
+import "./badge-EI998zba.mjs";
+import "./CmsStatusBadge-D0Zb0oRl.mjs";
+import "./scroll-area--B9snFTJ.mjs";
 import "../_chunks/_libs/@radix-ui/react-scroll-area.mjs";
 import "../_libs/react-day-picker.mjs";
 import "../_libs/date-fns.mjs";

package/admin-dist/server/_ssr/{router-CaDgRHfQ.mjs → router-vd1nySeP.mjs}

@@ -13,7 +13,7 @@ import { R as Root2$1, T as Trigger$1, P as Portal2, C as Content2$1, L as Label
 import { R as Root, I as Image, F as Fallback } from "../_chunks/_libs/@radix-ui/react-avatar.mjs";
 import { R as Root2, T as Trigger, P as Portal, C as Content2 } from "../_chunks/_libs/@radix-ui/react-popover.mjs";
 import { c as createServerFn, T as TSS_SERVER_FUNCTION, g as getServerFnById } from "./index.mjs";
-import { v, c as componentsGeneric, C as ConvexReactClient, a as ConvexProvider, u as useQuery, b as anyApi, d as useMutation } from "../_libs/convex.mjs";
+import { v, c as componentsGeneric, C as ConvexReactClient, a as ConvexProvider, b as anyApi, u as useQuery, d as useMutation } from "../_libs/convex.mjs";
 import { L as LoaderCircle, a as Layers, H as House, B as Bell, C as CircleQuestionMark, b as Book, c as Code, M as MessageSquare, E as ExternalLink, d as ChevronDown, U as User, e as LogOut, f as CodeXml, P as Plus, g as ChevronUp, X, h as ChevronRight, i as Check, j as CircleAlert, k as Eye, S as SquarePen, A as Archive, l as Bookmark, F as Flag, m as Heart, n as Star, o as Package, p as Phone, q as Mail, D as DollarSign, r as MapPin, s as Folder, t as Braces, u as SquareCheckBig, T as ToggleLeft, v as Hash, w as Link$1, x as Clock, y as Calendar, G as Globe, z as Lock, I as Trash2, J as Settings, K as FileCode, N as Tags, O as Image$1, Q as FileText, R as LayoutDashboard, V as FolderOpen, W as Tag, Y as List, Z as Link2, _ as FileType, $ as TextAlignStart, a0 as TriangleAlert } from "../_libs/lucide-react.mjs";
 import { o as object, b as boolean, s as string, _ as _enum, n as number, a as array, r as record } from "../_libs/zod.mjs";
 import "../_libs/tiny-warning.mjs";
@@ -69,7 +69,7 @@ import "../_chunks/_libs/@radix-ui/react-menu.mjs";
 import "../_chunks/_libs/@radix-ui/react-roving-focus.mjs";
 import "../_chunks/_libs/@radix-ui/react-use-is-hydrated.mjs";
 import "node:async_hooks";
-const globalsCss = "/assets/globals-D41WzvyZ.css";
+const globalsCss = "/assets/globals-CoCRjt0K.css";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -480,9 +480,11 @@ componentsGeneric();
 const SettingsConfigContext = reactExports.createContext(null);
 function SettingsConfigProvider({
   baseConfig,
-  children
+  children,
+  api: api$1
 }) {
-  const settings = useQuery(api.admin.getSettings);
+  const resolvedApi = api$1 ?? api.admin;
+  const settings = useQuery(resolvedApi.getSettings);
   const mergedConfig = reactExports.useMemo(() => {
     if (!settings) return baseConfig;
     return {
@@ -757,8 +759,8 @@ const variantMap = {
   warning: "default"
 };
 const customVariantClasses = {
-  success: "bg-emerald-600 text-white hover:bg-emerald-700 focus-visible:ring-emerald-500",
-  warning: "bg-amber-500 text-white hover:bg-amber-600 focus-visible:ring-amber-500"
+  success: "bg-success text-success-foreground hover:bg-success/90 focus-visible:ring-success",
+  warning: "bg-warning text-warning-foreground hover:bg-warning/90 focus-visible:ring-warning"
 };
 const LoadingSpinner = () => /* @__PURE__ */ jsxRuntimeExports.jsxs(
   "svg",
@@ -858,7 +860,14 @@ function CmsDialog({
           /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: title }),
           description && /* @__PURE__ */ jsxRuntimeExports.jsx(DialogDescription, { children: description })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-h-0 flex-1 py-4 scrollbar-none", children }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: "min-h-0 flex-1 overflow-y-auto py-4 [&::-webkit-scrollbar]:hidden",
+            style: { scrollbarWidth: "none", msOverflowStyle: "none" },
+            children
+          }
+        ),
         footer && /* @__PURE__ */ jsxRuntimeExports.jsx(DialogFooter, { className: "shrink-0 border-t pt-4", children: footer })
       ]
     }
@@ -1141,11 +1150,11 @@ function BreakingChangesWarningDialog({
         /* @__PURE__ */ jsxRuntimeExports.jsx(CmsButton, { variant: "danger", onClick: onForceUpdate, loading: isLoading, children: "Force Update" })
       ] }),
       children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-3 rounded-lg border border-amber-200 bg-amber-50 p-3", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleAlert, { className: "mt-0.5 size-5 shrink-0 text-amber-600" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "diff-modified flex items-start gap-3 rounded-lg border p-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleAlert, { className: "mt-0.5 size-5 shrink-0 text-diff-modified" }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm font-medium text-amber-800", children: "These changes may affect existing content" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-amber-700", children: "The following changes could cause data loss or validation errors for existing entries. Review carefully before proceeding." })
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm font-medium text-diff-modified", children: "These changes may affect existing content" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-diff-modified-foreground", children: "The following changes could cause data loss or validation errors for existing entries. Review carefully before proceeding." })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
@@ -1160,7 +1169,7 @@ function BreakingChangesWarningDialog({
             {
               className: "flex items-start gap-2 rounded-md border bg-muted/30 px-3 py-2 text-sm",
               children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mt-0.5 size-1.5 shrink-0 rounded-full bg-amber-500" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mt-0.5 size-1.5 shrink-0 rounded-full bg-warning" }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground", children: change })
               ]
             },
@@ -1912,7 +1921,7 @@ function ContentTypeFormModal({
           submitError && /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {
-              className: "rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-800",
+              className: "diff-removed rounded-lg border px-3 py-2 text-sm",
               role: "alert",
               "data-testid": "submit-error",
               children: submitError
@@ -2399,10 +2408,11 @@ const routeLabels = {
 };
 function getBreadcrumbs(pathname, appName, overrides) {
   const breadcrumbs = [{ label: appName, to: "/" }];
-  if (pathname === "/") {
+  const decodedPathname = decodeURIComponent(pathname);
+  if (decodedPathname === "/") {
     return breadcrumbs;
   }
-  const segments = pathname.split("/").filter(Boolean);
+  const segments = decodedPathname.split("/").filter(Boolean);
   let currentPath = "";
   segments.forEach((segment, index) => {
     currentPath += `/${segment}`;
@@ -2824,36 +2834,36 @@ function ConvexProviderWrapper({
     return new ConvexReactClient(config.convexUrl);
   }, [config.convexUrl]);
   if (!convex) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex min-h-screen items-center justify-center bg-background p-6", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-lg space-y-4 rounded-lg border border-amber-200 bg-amber-50 p-6 text-center", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-xl font-semibold text-amber-900", children: "Convex Configuration Required" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-amber-800", children: "Please provide a Convex deployment URL to connect to your backend." }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2 text-left text-sm text-amber-700", children: [
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex min-h-screen items-center justify-center bg-background p-6", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "diff-modified max-w-lg space-y-4 rounded-lg border p-6 text-center", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-xl font-semibold text-diff-modified", children: "Convex Configuration Required" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-diff-modified-foreground", children: "Please provide a Convex deployment URL to connect to your backend." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2 text-left text-sm text-diff-modified-foreground", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "font-medium", children: "Options:" }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("ul", { className: "list-inside list-disc space-y-1", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
             "Run with URL:",
             " ",
-            /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "rounded bg-amber-100 px-1", children: "npx convex-cms admin --url YOUR_URL" })
+            /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "rounded bg-diff-modified-bg/50 px-1", children: "npx convex-cms admin --url YOUR_URL" })
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
             "Set environment variable:",
             " ",
-            /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "rounded bg-amber-100 px-1", children: "CONVEX_URL=YOUR_URL" })
+            /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "rounded bg-diff-modified-bg/50 px-1", children: "CONVEX_URL=YOUR_URL" })
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
             "Add to",
             " ",
-            /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "rounded bg-amber-100 px-1", children: ".env.local" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "rounded bg-diff-modified-bg/50 px-1", children: ".env.local" }),
             ":",
             " ",
-            /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "rounded bg-amber-100 px-1", children: "CONVEX_URL=YOUR_URL" })
+            /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "rounded bg-diff-modified-bg/50 px-1", children: "CONVEX_URL=YOUR_URL" })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-amber-700", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-diff-modified-foreground", children: [
         "Run",
         " ",
-        /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "rounded bg-amber-100 px-1", children: "npx convex dev" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "rounded bg-diff-modified-bg/50 px-1", children: "npx convex dev" }),
         " to start Convex and get your URL."
       ] })
     ] }) });
@@ -2869,43 +2879,43 @@ function RootDocument({ children }) {
     ] })
   ] });
 }
-const $$splitComponentImporter$9 = () => import("./trash-CNw1mtF1.mjs");
+const $$splitComponentImporter$9 = () => import("./trash-zdlZgpTo.mjs");
 const Route$9 = createFileRoute("/trash")({
   component: lazyRouteComponent($$splitComponentImporter$9, "component")
 });
-const $$splitComponentImporter$8 = () => import("./taxonomies-D3xMK23a.mjs");
+const $$splitComponentImporter$8 = () => import("./taxonomies-B8nqce6u.mjs");
 const Route$8 = createFileRoute("/taxonomies")({
   component: lazyRouteComponent($$splitComponentImporter$8, "component")
 });
-const $$splitComponentImporter$7 = () => import("./settings-MaEXh2Hz.mjs");
+const $$splitComponentImporter$7 = () => import("./settings-DlTO2JSj.mjs");
 const Route$7 = createFileRoute("/settings")({
   component: lazyRouteComponent($$splitComponentImporter$7, "component")
 });
-const $$splitComponentImporter$6 = () => import("./media-DkvBfmD9.mjs");
+const $$splitComponentImporter$6 = () => import("./media-CbzgTRRQ.mjs");
 const Route$6 = createFileRoute("/media")({
   component: lazyRouteComponent($$splitComponentImporter$6, "component")
 });
-const $$splitComponentImporter$5 = () => import("./content-types-BPgMwxiT.mjs");
+const $$splitComponentImporter$5 = () => import("./content-types-DCzrBhTH.mjs");
 const Route$5 = createFileRoute("/content-types")({
   component: lazyRouteComponent($$splitComponentImporter$5, "component")
 });
-const $$splitComponentImporter$4 = () => import("./content-DrODe6sA.mjs");
+const $$splitComponentImporter$4 = () => import("./content-BHX39L4D.mjs");
 const Route$4 = createFileRoute("/content")({
   component: lazyRouteComponent($$splitComponentImporter$4, "component")
 });
-const $$splitComponentImporter$3 = () => import("./index-BTHmIC9W.mjs");
+const $$splitComponentImporter$3 = () => import("./index-DwM_5VNP.mjs");
 const Route$3 = createFileRoute("/")({
   component: lazyRouteComponent($$splitComponentImporter$3, "component")
 });
-const $$splitComponentImporter$2 = () => import("./_entryId-D0yu8HuP.mjs");
+const $$splitComponentImporter$2 = () => import("./_entryId-9GxatOkL.mjs");
 const Route$2 = createFileRoute("/entries/$entryId")({
   component: lazyRouteComponent($$splitComponentImporter$2, "component")
 });
-const $$splitComponentImporter$1 = () => import("./_contentTypeId-CPjmri90.mjs");
+const $$splitComponentImporter$1 = () => import("./_contentTypeId-CiDiX-p7.mjs");
 const Route$1 = createFileRoute("/entries/type/$contentTypeId")({
   component: lazyRouteComponent($$splitComponentImporter$1, "component")
 });
-const $$splitComponentImporter = () => import("./new._contentTypeId-Co_73sDJ.mjs");
+const $$splitComponentImporter = () => import("./new._contentTypeId-6Ph-Gtlw.mjs");
 const Route = createFileRoute("/entries/new/$contentTypeId")({
   component: lazyRouteComponent($$splitComponentImporter, "component")
 });

package/admin-dist/server/_ssr/{scroll-area-D3v-O_jk.mjs → scroll-area--B9snFTJ.mjs}

@@ -1,6 +1,6 @@
 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 { f as cn } from "./router-CaDgRHfQ.mjs";
+import { f as cn } from "./router-vd1nySeP.mjs";
 function ScrollArea({
   className,
   children,

package/admin-dist/server/_ssr/{settings-MaEXh2Hz.mjs → settings-DlTO2JSj.mjs}

@@ -1,11 +1,11 @@
 import { j as jsxRuntimeExports, r as reactExports } from "../_chunks/_libs/react.mjs";
-import { h as api, u as useAdminConfig, R as RouteGuard, L as Label, C as CmsButton, S as Select, a as SelectTrigger, b as SelectValue, c as SelectContent, d as SelectItem, j as useTheme, f as cn } from "./router-CaDgRHfQ.mjs";
-import { B as Badge } from "./badge-Cp61aQNc.mjs";
-import { u as usePermissions } from "./usePermissions-D0qtvmNi.mjs";
-import { C as CmsPageHeader } from "./CmsPageHeader-BcniLh49.mjs";
-import { C as CmsSurface } from "./CmsSurface-CHEv-Kba.mjs";
-import { S as Switch } from "./switch-DmbR03dm.mjs";
-import { u as useTanStackNavigation, A as Alert, a as AlertDescription } from "./tanstack-adapter-DNaUioIZ.mjs";
+import { h as api, u as useAdminConfig, R as RouteGuard, L as Label, C as CmsButton, S as Select, a as SelectTrigger, b as SelectValue, c as SelectContent, d as SelectItem, j as useTheme, f as cn } from "./router-vd1nySeP.mjs";
+import { B as Badge } from "./badge-EI998zba.mjs";
+import { u as useTanStackNavigation, A as Alert, a as AlertDescription } from "./tanstack-adapter-DWbaPByn.mjs";
+import { u as usePermissions } from "./usePermissions-olYRd9S9.mjs";
+import { C as CmsPageHeader } from "./CmsPageHeader-BHUmrIWD.mjs";
+import { C as CmsSurface } from "./CmsSurface-B2eBr-47.mjs";
+import { S as Switch } from "./switch-C05NgNW0.mjs";
 import { u as useQuery, d as useMutation } from "../_libs/convex.mjs";
 import { a5 as Info, z as Lock, i as Check, X, a6 as Sun, a7 as Moon, a8 as Monitor } from "../_libs/lucide-react.mjs";
 import "../_chunks/_libs/@tanstack/react-router.mjs";
@@ -140,7 +140,7 @@ function SettingsPage({
   const canEdit = canManageSettings();
   const adminConfig = useAdminConfig();
   const isConfigured = reactExports.useMemo(() => {
-    return typeof api2.getSettings === "function";
+    return api2.getSettings != null;
   }, [api2]);
   const settings = useQuery(
     isConfigured ? api2.getSettings : "skip",
@@ -351,7 +351,7 @@ function SettingsPage({
           Badge,
           {
             variant: "secondary",
-            className: "gap-1 bg-emerald-100 text-emerald-700",
+            className: "gap-1 bg-diff-added-bg text-diff-added-foreground",
             children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3" }),
               "Settings saved successfully"
@@ -456,9 +456,9 @@ function SettingsPage({
         CmsSurface,
         {
           elevation: "base",
-          className: "border-red-200 p-6 dark:border-red-900",
+          className: "border-destructive/50 p-6",
           children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "mb-4 text-lg font-semibold text-red-600", children: "Danger Zone" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "mb-4 text-lg font-semibold text-destructive", 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" }),

package/admin-dist/server/_ssr/{switch-DmbR03dm.mjs → switch-C05NgNW0.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 { f as cn } from "./router-CaDgRHfQ.mjs";
+import { f as cn } from "./router-vd1nySeP.mjs";
 function Switch({
   className,
   ...props

package/admin-dist/server/_ssr/{tabs-5oFlAGLz.mjs → tabs-DAk2J5xy.mjs}

@@ -1,5 +1,5 @@
 import { j as jsxRuntimeExports, r as reactExports } from "../_chunks/_libs/react.mjs";
-import { f as cn, C as CmsButton } from "./router-CaDgRHfQ.mjs";
+import { f as cn, C as CmsButton } from "./router-vd1nySeP.mjs";
 import { R as Root2, L as List, T as Trigger, C as Content } from "../_chunks/_libs/@radix-ui/react-tabs.mjs";
 import { j as CircleAlert, ab as Upload, X, ao as RefreshCw, i as Check } from "../_libs/lucide-react.mjs";
 import { d as useMutation } from "../_libs/convex.mjs";
@@ -367,10 +367,10 @@ function UploadDropzone({
   const getStatusIcon = (status) => {
     switch (status) {
       case "complete":
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-4 text-emerald-500" });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-4 text-success" });
       case "error":
       case "cancelled":
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-4 text-red-500" });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-4 text-destructive" });
       case "uploading":
         return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "size-4 animate-spin rounded-full border-2 border-muted border-t-primary" });
       default:
@@ -444,11 +444,11 @@ function UploadDropzone({
             "% complete"
           ] }),
           !queue.isUploading && hasCompletedOrFailed && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-            completedCount > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-emerald-600", children: [
+            completedCount > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-success", children: [
               completedCount,
               " completed"
             ] }),
-            errorCount > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-red-500", children: [
+            errorCount > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-destructive", children: [
               errorCount,
               " failed"
             ] })
@@ -480,8 +480,8 @@ function UploadDropzone({
         {
           className: cn(
             "flex items-center gap-3 rounded-lg border bg-card p-3",
-            uploadFile.status === "error" && "border-red-200 bg-red-50 dark:border-red-900 dark:bg-red-950/20",
-            uploadFile.status === "complete" && "border-emerald-200 bg-emerald-50 dark:border-emerald-900 dark:bg-emerald-950/20"
+            uploadFile.status === "error" && "border-diff-removed-border bg-diff-removed-bg",
+            uploadFile.status === "complete" && "border-diff-added-border bg-diff-added-bg"
           ),
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "shrink-0", children: getStatusIcon(uploadFile.status) }),
@@ -496,7 +496,7 @@ function UploadDropzone({
               ),
               /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground", children: formatFileSize(uploadFile.file.size) }),
-                uploadFile.error && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-red-500", children: uploadFile.error })
+                uploadFile.error && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-destructive", children: uploadFile.error })
               ] })
             ] }),
             uploadFile.status === "uploading" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex w-20 items-center gap-2", children: [

package/admin-dist/server/_ssr/{tanstack-adapter-DNaUioIZ.mjs → tanstack-adapter-DWbaPByn.mjs}

@@ -1,6 +1,6 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_chunks/_libs/react.mjs";
 import { c as cva } from "../_libs/class-variance-authority.mjs";
-import { f as cn } from "./router-CaDgRHfQ.mjs";
+import { f as cn } from "./router-vd1nySeP.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",
@@ -31,6 +31,19 @@ function Alert({
     }
   );
 }
+function AlertTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      "data-slot": "alert-title",
+      className: cn(
+        "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
+        className
+      ),
+      ...props
+    }
+  );
+}
 function AlertDescription({
   className,
   ...props
@@ -115,5 +128,6 @@ function useTanStackNavigation() {
 export {
   Alert as A,
   AlertDescription as a,
+  AlertTitle as b,
   useTanStackNavigation as u
 };