convex-cms 0.0.9-alpha.9 → 0.0.10

package/admin-dist/server/_ssr/{index-CplFXpGg.mjs → index-Cfe8sZv5.mjs}

@@ -1,9 +1,10 @@
 import { j as jsxRuntimeExports, r as reactExports } from "../_chunks/_libs/react.mjs";
-import { h as api, B as Button, f as cn } from "./router-CQXMuGMF.mjs";
-import { C as CmsPageHeader } from "./CmsPageHeader-COUHuECp.mjs";
-import { u as useTanStackNavigation, A as Alert, b as AlertTitle, a as AlertDescription } from "./tanstack-adapter-CLavdbUY.mjs";
-import { u as useQuery, f 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 { b as api, B as Button, e as cn } from "./router-DxF7GBcO.mjs";
+import { u as useTanStackNavigation, A as Alert, b as AlertTitle, a as AlertDescription } from "./tanstack-adapter-CKknPtcU.mjs";
+import { C as CmsPageHeader } from "./CmsPageHeader-DZ6h7smh.mjs";
+import { C as CmsSurface } from "./CmsSurface-Cv51NBLZ.mjs";
+import { u as useQuery, k as useMutation } from "../_libs/convex.mjs";
+import { Q as FileText, O as Image, a as Layers, J as Settings, an as TrendingUp, j as CircleAlert, ao as CircleX, a0 as TriangleAlert, ap 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";
@@ -71,6 +72,51 @@ import "../_chunks/_libs/@radix-ui/react-popover.mjs";
 import "./index.mjs";
 import "node:async_hooks";
 import "../_libs/zod.mjs";
+function CmsStatCard({
+  title,
+  value,
+  description,
+  icon,
+  trend,
+  onClick,
+  isLoading,
+  className
+}) {
+  const content = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start justify-between", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm font-medium text-muted-foreground", children: title }),
+        isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-8 w-16 animate-pulse rounded bg-muted" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-2xl font-semibold text-foreground", children: value }),
+        description && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: description })
+      ] }),
+      icon && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex size-10 items-center justify-center rounded-lg bg-primary/10 text-primary", children: icon })
+    ] }),
+    trend && !isLoading && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn(
+      "mt-2 text-xs font-medium",
+      trend.value >= 0 ? "text-diff-added-foreground" : "text-diff-removed-foreground"
+    ), children: [
+      trend.value >= 0 ? "+" : "",
+      trend.value,
+      "% ",
+      trend.label
+    ] })
+  ] });
+  if (onClick) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        type: "button",
+        onClick,
+        className: cn(
+          "text-left w-full cursor-pointer transition-colors hover:bg-accent/50",
+          className
+        ),
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(CmsSurface, { elevation: "base", padding: "md", className: "h-full", children: content })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(CmsSurface, { elevation: "base", padding: "md", className: cn("h-full", className), children: content });
+}
 function Card({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
@@ -127,16 +173,6 @@ function CardContent({ className, ...props }) {
     }
   );
 }
-function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "div",
-    {
-      "data-slot": "skeleton",
-      className: cn("bg-accent animate-pulse rounded-md", className),
-      ...props
-    }
-  );
-}
 function SchemaDriftWarning({ api: api2 }) {
   const driftResults = useQuery(api2.checkSchemaDrift, {});
   const syncMutation = useMutation(api2.syncCodeDefinedTypes);
@@ -280,34 +316,34 @@ function DashboardPage({ api: api2, navigation }) {
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
-          StatCard,
+          CmsStatCard,
           {
-            label: "Content Types",
-            value: isLoading ? void 0 : hasError ? "—" : String(stats.contentTypes),
+            title: "Content Types",
+            value: hasError ? "—" : String(stats?.contentTypes ?? 0),
             isLoading
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
-          StatCard,
+          CmsStatCard,
           {
-            label: "Content Entries",
-            value: isLoading ? void 0 : hasError ? "—" : String(stats.contentEntries),
+            title: "Content Entries",
+            value: hasError ? "—" : String(stats?.contentEntries ?? 0),
             isLoading
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
-          StatCard,
+          CmsStatCard,
           {
-            label: "Media Assets",
-            value: isLoading ? void 0 : hasError ? "—" : String(stats.mediaAssets),
+            title: "Media Assets",
+            value: hasError ? "—" : String(stats?.mediaAssets ?? 0),
             isLoading
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
-          StatCard,
+          CmsStatCard,
           {
-            label: "Published",
-            value: isLoading ? void 0 : hasError ? "—" : String(stats.published),
+            title: "Published",
+            value: hasError ? "—" : String(stats?.published ?? 0),
             isLoading
           }
         )
@@ -321,24 +357,14 @@ function DashboardCard({
   onClick,
   icon
 }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onClick, className: "text-left", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Card, { className: "h-full transition-colors hover:bg-accent/50", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onClick, className: "text-left", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Card, { className: "h-full transition-colors hover:border-primary/75 hover:cursor-pointer", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(CardHeader, { className: "pb-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-2 flex size-10 items-center justify-center rounded-lg bg-primary/10 text-primary", children: icon }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-2 flex size-10 items-center justify-center rounded-lg bg-primary/5 text-primary", children: icon }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(CardTitle, { className: "text-base", children: title })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(CardContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CardDescription, { children: description }) })
   ] }) });
 }
-function StatCard({
-  label,
-  value,
-  isLoading = false
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Card, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(CardContent, { className: "p-4", children: [
-    isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "mb-1 h-8 w-16" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-2xl font-bold", children: value }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-muted-foreground", children: label })
-  ] }) });
-}
 function DashboardRoute() {
   const navigation = useTanStackNavigation();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(DashboardPage, { api: api.admin, navigation });

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

@@ -3838,7 +3838,7 @@ function getResponse() {
   return event.res;
 }
 async function getStartManifest(matchedRoutes) {
-  const { tsrStartManifest } = await import("./_tanstack-start-manifest_v-DndoqCo7.mjs");
+  const { tsrStartManifest } = await import("./_tanstack-start-manifest_v-iX3K33p1.mjs");
   const startManifest = tsrStartManifest();
   const rootRoute = startManifest.routes[rootRouteId] = startManifest.routes[rootRouteId] || {};
   rootRoute.assets = rootRoute.assets || [];
@@ -4313,7 +4313,7 @@ function getStartResponseHeaders(opts) {
 let entriesPromise;
 let manifestPromise;
 async function loadEntries() {
-  const routerEntry = await import("./router-CQXMuGMF.mjs").then((n2) => n2.N);
+  const routerEntry = await import("./router-DxF7GBcO.mjs").then((n2) => n2.N);
   const startEntry = await import("./start-HYkvq4Ni.mjs");
   return { startEntry, routerEntry };
 }

package/admin-dist/server/_ssr/{media-QAkNdX54.mjs → media-Bds2AnPC.mjs}

@@ -1,15 +1,15 @@
 import { j as jsxRuntimeExports, r as reactExports } from "../_chunks/_libs/react.mjs";
-import { v 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, l as DialogContent, s as DialogHeader, m as DialogTitle, L as Label, t as DialogFooter, g as CmsConfirmDialog, n as DropdownMenu, o as DropdownMenuTrigger, p as DropdownMenuContent, q as DropdownMenuItem, r as DropdownMenuSeparator, u as useApi, i as CmsDialog, T as Textarea, B as Button } from "./router-CQXMuGMF.mjs";
-import { B as Badge } from "./badge-NOEC9bkk.mjs";
-import { u as useTanStackNavigation } from "./tanstack-adapter-CLavdbUY.mjs";
-import { T as Tabs, a as TabsList, b as TabsTrigger, U as UploadDropzone } from "./tabs-DtIIQxiD.mjs";
-import { C as CmsPageHeader } from "./CmsPageHeader-COUHuECp.mjs";
-import { C as CmsToolbar } from "./CmsToolbar-NB014hsd.mjs";
-import { C as CmsEmptyState } from "./CmsEmptyState-CB6e53i5.mjs";
-import { T as TaxonomyFilter } from "./TaxonomyFilter-bm_p4ADg.mjs";
+import { v as useSettingsConfig, b as api, e as cn, d as Checkbox, C as CmsButton, D as Dialog, l as DialogContent, s as DialogHeader, m as DialogTitle, L as Label, I as Input, t as DialogFooter, a as CmsConfirmDialog, n as DropdownMenu, o as DropdownMenuTrigger, p as DropdownMenuContent, q as DropdownMenuItem, r as DropdownMenuSeparator, u as useApi, c as CmsDialog, T as Textarea, B as Button } from "./router-DxF7GBcO.mjs";
+import { B as Badge } from "./badge-CbjIvhb6.mjs";
+import { u as useTanStackNavigation } from "./tanstack-adapter-CKknPtcU.mjs";
+import { T as Tabs, a as TabsList, b as TabsTrigger, U as UploadDropzone } from "./tabs-QkbR0iir.mjs";
+import { C as CmsEmptyState } from "./CmsEmptyState-DzzuQG0S.mjs";
+import { C as CmsPageHeader } from "./CmsPageHeader-DZ6h7smh.mjs";
+import { C as CmsFilterBar } from "./CmsFilterBar-C5XADS12.mjs";
+import { T as TaxonomyFilter } from "./TaxonomyFilter-xGwcgtjr.mjs";
 import { a as VisuallyHidden } from "../_chunks/_libs/@radix-ui/react-visually-hidden.mjs";
-import { u as useQuery, f 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 { u as useQuery, k as useMutation } from "../_libs/convex.mjs";
+import { O as Image, I as Trash2, H as House, a8 as ChevronLeft, a9 as FolderPlus, aa as Upload, s as Folder, a1 as RotateCcw, ab as Search, ac as Ellipsis, a2 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, X, h as ChevronRight, W as Tag, L as LoaderCircle, P as Plus } from "../_libs/lucide-react.mjs";
 import "../_chunks/_libs/@tanstack/react-router.mjs";
 import "../_libs/tiny-warning.mjs";
 import "../_chunks/_libs/@tanstack/router-core.mjs";
@@ -77,7 +77,7 @@ import "./index.mjs";
 import "node:async_hooks";
 import "../_libs/zod.mjs";
 import "../_chunks/_libs/@radix-ui/react-tabs.mjs";
-import "./command-h4-OYNBo.mjs";
+import "./command-xB2uiYps.mjs";
 import "../_libs/cmdk.mjs";
 function CmsField({
   label,
@@ -1651,49 +1651,31 @@ function MediaPage({ api: api2, navigation, settings }) {
       ] }, folder._id))
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
-      CmsToolbar,
+      CmsFilterBar,
       {
-        left: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Input,
-              {
-                type: "search",
-                placeholder: "Search files...",
-                value: searchQuery,
-                onChange: (e) => setSearchQuery(e.target.value),
-                className: "w-64 pl-9"
-              }
-            ),
-            searchQuery && /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "button",
-              {
-                className: "absolute right-2 top-1/2 -translate-y-1/2 rounded p-0.5 hover:bg-muted",
-                onClick: () => setSearchQuery(""),
-                "aria-label": "Clear search",
-                children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-4 text-muted-foreground" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            Select,
-            {
-              value: typeFilter || "all",
-              onValueChange: (v) => setTypeFilter(v === "all" ? "" : v),
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "w-36", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "All Types" }) }),
-                /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectContent, { children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "all", children: "All Types" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "image", children: "Images" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "video", children: "Videos" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "audio", children: "Audio" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "document", children: "Documents" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "other", children: "Other" })
-                ] })
-              ]
-            }
-          ),
+        search: {
+          value: searchQuery,
+          onChange: setSearchQuery,
+          placeholder: "Search files...",
+          className: "w-64"
+        },
+        filters: [
+          {
+            key: "type",
+            value: typeFilter || "all",
+            onChange: (v) => setTypeFilter(v === "all" ? "" : v),
+            options: [
+              { value: "all", label: "All Types" },
+              { value: "image", label: "Images" },
+              { value: "video", label: "Videos" },
+              { value: "audio", label: "Audio" },
+              { value: "document", label: "Documents" },
+              { value: "other", label: "Other" }
+            ],
+            className: "w-36"
+          }
+        ],
+        actions: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             TaxonomyFilter,
             {
@@ -1716,9 +1698,7 @@ function MediaPage({ api: api2, navigation, settings }) {
               }
             ),
             "Selection Mode"
-          ] })
-        ] }),
-        right: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+          ] }),
           isSelectionMode && selectedAssets.size > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-sm text-muted-foreground", children: [
             selectedAssets.size,
             " selected"

package/admin-dist/server/_ssr/{new._contentTypeId-DEJyMphJ.mjs → new._contentTypeId-DGvz_tlW.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 { J as Route, h as api } from "./router-CQXMuGMF.mjs";
-import { C as ContentEntryEditor } from "./ContentEntryEditor-Bq8FR_uK.mjs";
-import { u as useBreadcrumbLabel } from "./useBreadcrumbLabel-DR5FaAMf.mjs";
-import { C as CmsEmptyState } from "./CmsEmptyState-CB6e53i5.mjs";
+import { J as Route, b as api } from "./router-DxF7GBcO.mjs";
+import { C as ContentEntryEditor } from "./ContentEntryEditor-CRjwXB17.mjs";
+import { u as useBreadcrumbLabel } from "./useBreadcrumbLabel-BjiR1fM_.mjs";
+import { C as CmsEmptyState } from "./CmsEmptyState-DzzuQG0S.mjs";
 import { u as useQuery } from "../_libs/convex.mjs";
 import { Q as FileText } from "../_libs/lucide-react.mjs";
 import "../_libs/tiny-warning.mjs";
@@ -72,16 +72,16 @@ import "../_chunks/_libs/@radix-ui/react-popover.mjs";
 import "./index.mjs";
 import "node:async_hooks";
 import "../_libs/zod.mjs";
-import "./switch-BKZhvryc.mjs";
+import "./switch-Bl89Pfxu.mjs";
 import "../_chunks/_libs/@radix-ui/react-switch.mjs";
 import "../_chunks/_libs/@radix-ui/react-separator.mjs";
-import "./tabs-DtIIQxiD.mjs";
+import "./tabs-QkbR0iir.mjs";
 import "../_chunks/_libs/@radix-ui/react-tabs.mjs";
-import "./command-h4-OYNBo.mjs";
+import "./command-xB2uiYps.mjs";
 import "../_libs/cmdk.mjs";
-import "./badge-NOEC9bkk.mjs";
-import "./CmsStatusBadge-kMTL6koE.mjs";
-import "./scroll-area-B7zoNyWB.mjs";
+import "./badge-CbjIvhb6.mjs";
+import "./CmsStatusBadge-D-YFSAa1.mjs";
+import "./scroll-area-DLDlXI07.mjs";
 import "../_chunks/_libs/@radix-ui/react-scroll-area.mjs";
 import "../_libs/react-day-picker.mjs";
 import "../_libs/date-fns.mjs";