convex-cms 0.0.9-alpha.9 → 0.0.10

package/admin/src/components/Header.tsx

@@ -1,6 +1,6 @@
 import { useRouterState, useNavigate, Link } from '@tanstack/react-router'
 import { useAuth, useAdminConfig, useBreadcrumbContext } from '~/contexts'
-import { getRole } from 'convex-cms'
+import { getRole } from '~/lib/cmsExports'
 import {
   Breadcrumb,
   BreadcrumbItem,

package/admin/src/components/RouteGuard.tsx

@@ -27,7 +27,7 @@
 
 import type { ReactNode } from 'react';
 import { useAuth, type PermissionCheck } from '../contexts/AuthContext';
-import type { RoleName } from 'convex-cms';
+import type { RoleName } from '~/lib/cmsExports';
 import { Loader2 } from 'lucide-react';
 
 // =============================================================================

package/admin/src/components/UploadDropzone.tsx

@@ -3,7 +3,7 @@ import {
   useMediaUploadQueue,
   type UploadQueueFile,
   type UploadQueueFileStatus,
-} from 'convex-cms/react'
+} from '~/lib/cmsExports'
 import type { FunctionReference } from 'convex/server'
 import { CmsButton } from '~/components/cmsds/CmsButton'
 import { cn } from '~/lib/cn'

package/admin/src/components/ui/sidebar.tsx

@@ -478,7 +478,7 @@ const sidebarMenuButtonVariants = cva(
       variant: {
         default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
         outline:
-          "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]",
+          "bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]",
       },
       size: {
         default: "h-8 text-sm",

package/admin/src/contexts/AuthContext.tsx

@@ -39,7 +39,7 @@ import {
   type Resource,
   type Action,
   type OwnershipScope,
-} from 'convex-cms';
+} from '../../../src/component/index';
 
 // =============================================================================
 // Types

package/admin/src/embed/components/EmbedSidebar.tsx

@@ -77,7 +77,7 @@ export function EmbedSidebar() {
         type="button"
         onClick={() => handleNavClick(item)}
         className={cn(
-          "flex w-full items-center gap-3 rounded-md px-2 py-2 text-left text-sm font-medium transition-colors",
+          "flex w-full hover:cursor-pointer items-center gap-3 rounded-md px-2 py-2 text-left text-sm font-medium transition-colors",
           isActive(item.path, item.exact)
             ? "bg-sidebar-accent text-sidebar-accent-foreground"
             : "text-sidebar-foreground hover:bg-sidebar-accent/50 hover:text-sidebar-accent-foreground"
@@ -98,7 +98,7 @@ export function EmbedSidebar() {
     <Collapsible key={item.id} defaultOpen={isContentActive}>
       <CollapsibleTrigger
         className={cn(
-          "flex w-full items-center gap-3 rounded-md px-2 py-2 text-sm font-medium transition-colors",
+          "flex w-full hover:cursor-pointer items-center gap-3 rounded-md px-2 py-2 text-sm font-medium transition-colors",
           isContentActive
             ? "bg-sidebar-accent text-sidebar-accent-foreground"
             : "text-sidebar-foreground hover:bg-sidebar-accent/50 hover:text-sidebar-accent-foreground",
@@ -115,7 +115,7 @@ export function EmbedSidebar() {
             type="button"
             onClick={() => navigate("content")}
             className={cn(
-              "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors",
+              "flex w-full hover:cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors",
               normalizedPath === "/content"
                 ? "bg-sidebar-accent/60 text-sidebar-accent-foreground"
                 : "text-sidebar-foreground/80 hover:bg-sidebar-accent/30 hover:text-sidebar-accent-foreground"
@@ -129,7 +129,7 @@ export function EmbedSidebar() {
               type="button"
               onClick={() => navigateToContentType(type._id)}
               className={cn(
-                "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors",
+                "flex w-full hover:cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors",
                 normalizedPath === `/entries/type/${type._id}`
                   ? "bg-sidebar-accent/60 text-sidebar-accent-foreground"
                   : "text-sidebar-foreground/80 hover:bg-sidebar-accent/30 hover:text-sidebar-accent-foreground"
@@ -157,19 +157,19 @@ export function EmbedSidebar() {
   return (
     <>
       <aside
-        className="fixed inset-y-0 left-0 z-50 flex flex-col border-r border-sidebar-border bg-sidebar"
+        className="fixed inset-y-0 left-0 z-50 flex flex-col border-r bg-sidebar"
         style={{ width: sidebarWidth }}
       >
-        <div className="flex h-14 items-center gap-2 border-b border-sidebar-border px-4">
+        <div className="flex h-14 items-center gap-2 px-4">
           <button
             type="button"
             onClick={() => navigate("dashboard")}
             className="flex items-center gap-2 font-semibold text-sidebar-foreground"
           >
             {branding.logo ? (
-              <img src={branding.logo} alt={branding.appName} className="size-8" />
+              <img src={branding.logo} alt={branding.appName} className="size-8 bg-primary" />
             ) : (
-              <div className="flex size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground">
+              <div className="flex size-8 items-center justify-center rounded-lg bg-primary text-sidebar-primary-foreground">
                 <Layers className="size-4" />
               </div>
             )}
@@ -197,10 +197,10 @@ export function EmbedSidebar() {
           )}
         </nav>
 
-        <div className="border-t border-sidebar-border p-4">
+        <div className="p-4">
           <div className="flex items-center justify-between text-xs text-sidebar-foreground/60">
             <span>Version</span>
-            <span className="font-mono">0.1.0</span>
+            <span className="font-mono">0.0.11</span>
           </div>
         </div>
       </aside>

package/admin/src/embed/contexts/ApiContext.tsx

@@ -7,7 +7,7 @@
  */
 
 import { createContext, useContext, type ReactNode } from "react";
-import type { BaseAdminAPI } from "convex-cms";
+import type { BaseAdminAPI } from "~/lib/cmsExports";
 
 // CmsAdminApi accepts BaseAdminAPI with optional namespaced exports.
 // This allows the API to work with Convex's FilterApi which removes

package/admin/src/hooks/usePermissions.ts

@@ -30,7 +30,7 @@ import {
   type Action,
   type OwnershipScope,
   type Permission,
-} from 'convex-cms';
+} from '../../../src/component/index';
 
 // =============================================================================
 // Types

package/admin/src/index.css

@@ -0,0 +1,432 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+@import "@fontsource-variable/inter";
+@import "@fontsource/jetbrains-mono";
+
+@custom-variant dark (&:is(.dark *));
+
+:root {
+	--background: oklch(0.985 0 0);
+	--foreground: oklch(0.19 0 286.2);
+	--card: oklch(1 0 0);
+	--card-foreground: oklch(0.2 0 286.04);
+	--popover: oklch(1 0 0);
+	--popover-foreground: oklch(0.145 0.005 285);
+	--primary: oklch(0.21 0.01 285.89);
+	--primary-foreground: oklch(0.985 0 0);
+	--secondary: oklch(0.967 0.001 285);
+	--secondary-foreground: oklch(0.24 0 286.25);
+	--muted: oklch(0.967 0.001 285);
+	--muted-foreground: oklch(0.556 0.01 285);
+	--accent: oklch(0.967 0.001 285);
+	--accent-foreground: oklch(0.205 0.006 285);
+	--destructive: oklch(0.637 0.237 25);
+	--destructive-foreground: oklch(0.985 0 0);
+	--border: oklch(0.928 0.002 285);
+	--input: oklch(0.928 0.002 285);
+	--ring: oklch(0.205 0.006 285);
+
+	--sidebar: oklch(0.985 0 0);
+	--sidebar-foreground: oklch(0.371 0.01 285);
+	--sidebar-primary: oklch(0.205 0.006 285);
+	--sidebar-primary-foreground: oklch(0.985 0 0);
+	--sidebar-accent: oklch(0.967 0.001 285);
+	--sidebar-accent-foreground: oklch(0.205 0.006 285);
+	--sidebar-border: oklch(0.937 0.003 253);
+	--sidebar-ring: oklch(0.623 0.214 255);
+
+	--success: oklch(0.527 0.154 152);
+	--success-foreground: oklch(1 0 0);
+	--warning: oklch(0.769 0.188 70);
+	--warning-foreground: oklch(0 0 0);
+	--info: oklch(0.623 0.214 255);
+	--info-bg: oklch(0.965 0.03 255);
+	--info-foreground: oklch(0.5 0.17 255);
+
+	--diff-added: oklch(0.527 0.154 152);
+	--diff-added-bg: oklch(0.965 0.03 152);
+	--diff-added-border: oklch(0.85 0.1 152);
+	--diff-added-foreground: oklch(0.45 0.13 152);
+	--diff-removed: oklch(0.637 0.237 25);
+	--diff-removed-bg: oklch(0.965 0.03 25);
+	--diff-removed-border: oklch(0.88 0.09 25);
+	--diff-removed-foreground: oklch(0.53 0.18 25);
+	--diff-modified: oklch(0.769 0.188 70);
+	--diff-modified-bg: oklch(0.965 0.03 70);
+	--diff-modified-border: oklch(0.88 0.1 70);
+	--diff-modified-foreground: oklch(0.53 0.15 70);
+
+	--purple: oklch(0.628 0.2 303);
+	--purple-bg: oklch(0.965 0.03 303);
+	--purple-foreground: oklch(0.45 0.13 303);
+
+	--chart-1: oklch(0.646 0.17 31);
+	--chart-2: oklch(0.52 0.105 180);
+	--chart-3: oklch(0.37 0.06 230);
+	--chart-4: oklch(0.77 0.13 85);
+	--chart-5: oklch(0.72 0.17 55);
+
+	--radius: 0.5rem;
+}
+
+.dark {
+	--background: oklch(0.145 0.005 285);
+	--foreground: oklch(0.985 0 0);
+	--card: oklch(0.18 0.005 285);
+	--card-foreground: oklch(0.985 0 0);
+	--popover: oklch(0.18 0.005 285);
+	--popover-foreground: oklch(0.985 0 0);
+	--primary: oklch(0.985 0 0);
+	--primary-foreground: oklch(0.205 0.006 285);
+	--secondary: oklch(0.25 0.006 285);
+	--secondary-foreground: oklch(0.985 0 0);
+	--muted: oklch(0.25 0.006 285);
+	--muted-foreground: oklch(0.715 0.008 285);
+	--accent: oklch(0.25 0.006 285);
+	--accent-foreground: oklch(0.985 0 0);
+	--destructive: oklch(0.59 0.2 25);
+	--destructive-foreground: oklch(0.985 0 0);
+	--border: oklch(0.3 0.006 285);
+	--input: oklch(0.3 0.006 285);
+	--ring: oklch(0.87 0.005 285);
+
+	--sidebar: oklch(0.205 0.006 285);
+	--sidebar-foreground: oklch(0.967 0.001 285);
+	--sidebar-primary: oklch(0.55 0.2 255);
+	--sidebar-primary-foreground: oklch(1 0 0);
+	--sidebar-accent: oklch(0.25 0.006 285);
+	--sidebar-accent-foreground: oklch(0.967 0.001 285);
+	--sidebar-border: oklch(0.25 0.006 285);
+	--sidebar-ring: oklch(0.623 0.214 255);
+
+	--success: oklch(0.58 0.15 152);
+	--success-foreground: oklch(1 0 0);
+	--warning: oklch(0.769 0.188 70);
+	--warning-foreground: oklch(0 0 0);
+	--info: oklch(0.68 0.19 255);
+	--info-bg: oklch(0.3 0.08 255);
+	--info-foreground: oklch(0.85 0.1 255);
+
+	--diff-added: oklch(0.58 0.15 152);
+	--diff-added-bg: oklch(0.25 0.08 152);
+	--diff-added-border: oklch(0.4 0.1 152);
+	--diff-added-foreground: oklch(0.75 0.12 152);
+	--diff-removed: oklch(0.62 0.18 25);
+	--diff-removed-bg: oklch(0.25 0.08 25);
+	--diff-removed-border: oklch(0.4 0.1 25);
+	--diff-removed-foreground: oklch(0.75 0.12 25);
+	--diff-modified: oklch(0.65 0.16 70);
+	--diff-modified-bg: oklch(0.25 0.08 70);
+	--diff-modified-border: oklch(0.4 0.1 70);
+	--diff-modified-foreground: oklch(0.75 0.12 70);
+
+	--purple: oklch(0.68 0.18 303);
+	--purple-bg: oklch(0.3 0.08 303);
+	--purple-foreground: oklch(0.85 0.1 303);
+
+	--chart-1: oklch(0.646 0.17 31);
+	--chart-2: oklch(0.52 0.105 180);
+	--chart-3: oklch(0.55 0.08 230);
+	--chart-4: oklch(0.77 0.13 85);
+	--chart-5: oklch(0.72 0.17 55);
+}
+
+[data-cms-admin="isolated"] {
+	--background: oklch(0.985 0 0);
+	--foreground: oklch(0.145 0.005 285);
+	--card: oklch(1 0 0);
+	--card-foreground: oklch(0.145 0.005 285);
+	--popover: oklch(1 0 0);
+	--popover-foreground: oklch(0.145 0.005 285);
+	--primary: oklch(0.205 0.006 285);
+	--primary-foreground: oklch(0.985 0 0);
+	--secondary: oklch(0.967 0.001 285);
+	--secondary-foreground: oklch(0.205 0.006 285);
+	--muted: oklch(0.967 0.001 285);
+	--muted-foreground: oklch(0.556 0.01 285);
+	--accent: oklch(0.967 0.001 285);
+	--accent-foreground: oklch(0.205 0.006 285);
+	--destructive: oklch(0.637 0.237 25);
+	--destructive-foreground: oklch(0.985 0 0);
+	--border: oklch(0.928 0.002 285);
+	--input: oklch(0.928 0.002 285);
+	--ring: oklch(0.205 0.006 285);
+
+	--sidebar: oklch(0.985 0 0);
+	--sidebar-foreground: oklch(0.371 0.01 285);
+	--sidebar-primary: oklch(0.205 0.006 285);
+	--sidebar-primary-foreground: oklch(0.985 0 0);
+	--sidebar-accent: oklch(0.967 0.001 285);
+	--sidebar-accent-foreground: oklch(0.205 0.006 285);
+	--sidebar-border: oklch(0.937 0.003 253);
+	--sidebar-ring: oklch(0.623 0.214 255);
+
+	--success: oklch(0.527 0.154 152);
+	--success-foreground: oklch(1 0 0);
+	--warning: oklch(0.769 0.188 70);
+	--warning-foreground: oklch(0 0 0);
+	--info: oklch(0.623 0.214 255);
+	--info-bg: oklch(0.965 0.03 255);
+	--info-foreground: oklch(0.5 0.17 255);
+
+	--diff-added: oklch(0.527 0.154 152);
+	--diff-added-bg: oklch(0.965 0.03 152);
+	--diff-added-border: oklch(0.85 0.1 152);
+	--diff-added-foreground: oklch(0.45 0.13 152);
+	--diff-removed: oklch(0.637 0.237 25);
+	--diff-removed-bg: oklch(0.965 0.03 25);
+	--diff-removed-border: oklch(0.88 0.09 25);
+	--diff-removed-foreground: oklch(0.53 0.18 25);
+	--diff-modified: oklch(0.769 0.188 70);
+	--diff-modified-bg: oklch(0.965 0.03 70);
+	--diff-modified-border: oklch(0.88 0.1 70);
+	--diff-modified-foreground: oklch(0.53 0.15 70);
+
+	--purple: oklch(0.628 0.2 303);
+	--purple-bg: oklch(0.965 0.03 303);
+	--purple-foreground: oklch(0.45 0.13 303);
+
+	--chart-1: oklch(0.646 0.17 31);
+	--chart-2: oklch(0.52 0.105 180);
+	--chart-3: oklch(0.37 0.06 230);
+	--chart-4: oklch(0.77 0.13 85);
+	--chart-5: oklch(0.72 0.17 55);
+
+	--radius: 0.5rem;
+}
+
+[data-cms-admin="isolated"].dark,
+[data-cms-admin="isolated"] .dark {
+	--background: oklch(0.145 0.005 285);
+	--foreground: oklch(0.985 0 0);
+	--card: oklch(0.18 0.005 285);
+	--card-foreground: oklch(0.985 0 0);
+	--popover: oklch(0.18 0.005 285);
+	--popover-foreground: oklch(0.985 0 0);
+	--primary: oklch(0.985 0 0);
+	--primary-foreground: oklch(0.205 0.006 285);
+	--secondary: oklch(0.25 0.006 285);
+	--secondary-foreground: oklch(0.985 0 0);
+	--muted: oklch(0.25 0.006 285);
+	--muted-foreground: oklch(0.715 0.008 285);
+	--accent: oklch(0.25 0.006 285);
+	--accent-foreground: oklch(0.985 0 0);
+	--destructive: oklch(0.59 0.2 25);
+	--destructive-foreground: oklch(0.985 0 0);
+	--border: oklch(0.3 0.006 285);
+	--input: oklch(0.3 0.006 285);
+	--ring: oklch(0.87 0.005 285);
+
+	--sidebar: oklch(0.205 0.006 285);
+	--sidebar-foreground: oklch(0.967 0.001 285);
+	--sidebar-primary: oklch(0.55 0.2 255);
+	--sidebar-primary-foreground: oklch(1 0 0);
+	--sidebar-accent: oklch(0.25 0.006 285);
+	--sidebar-accent-foreground: oklch(0.967 0.001 285);
+	--sidebar-border: oklch(0.25 0.006 285);
+	--sidebar-ring: oklch(0.623 0.214 255);
+
+	--success: oklch(0.58 0.15 152);
+	--success-foreground: oklch(1 0 0);
+	--warning: oklch(0.769 0.188 70);
+	--warning-foreground: oklch(0 0 0);
+	--info: oklch(0.68 0.19 255);
+	--info-bg: oklch(0.3 0.08 255);
+	--info-foreground: oklch(0.85 0.1 255);
+
+	--diff-added: oklch(0.58 0.15 152);
+	--diff-added-bg: oklch(0.25 0.08 152);
+	--diff-added-border: oklch(0.4 0.1 152);
+	--diff-added-foreground: oklch(0.75 0.12 152);
+	--diff-removed: oklch(0.62 0.18 25);
+	--diff-removed-bg: oklch(0.25 0.08 25);
+	--diff-removed-border: oklch(0.4 0.1 25);
+	--diff-removed-foreground: oklch(0.75 0.12 25);
+	--diff-modified: oklch(0.65 0.16 70);
+	--diff-modified-bg: oklch(0.25 0.08 70);
+	--diff-modified-border: oklch(0.4 0.1 70);
+	--diff-modified-foreground: oklch(0.75 0.12 70);
+
+	--purple: oklch(0.68 0.18 303);
+	--purple-bg: oklch(0.3 0.08 303);
+	--purple-foreground: oklch(0.85 0.1 303);
+
+	--chart-1: oklch(0.646 0.17 31);
+	--chart-2: oklch(0.52 0.105 180);
+	--chart-3: oklch(0.55 0.08 230);
+	--chart-4: oklch(0.77 0.13 85);
+	--chart-5: oklch(0.72 0.17 55);
+}
+
+/* Inherit mode: CSS variables cascade naturally from parent app's :root.
+   No definitions needed here - the parent app's variables take precedence. */
+
+@theme {
+	--font-sans: "Inter Variable", ui-sans-serif, system-ui, sans-serif;
+	--font-mono: "JetBrains Mono", ui-monospace, monospace;
+
+	--sidebar-width: 16rem;
+	--sidebar-width-icon: 3rem;
+
+	--animate-accordion-down: accordion-down 0.2s ease-out;
+	--animate-accordion-up: accordion-up 0.2s ease-out;
+
+	@keyframes accordion-down {
+		from {
+			height: 0;
+		}
+		to {
+			height: var(--radix-accordion-content-height);
+		}
+	}
+
+	@keyframes accordion-up {
+		from {
+			height: var(--radix-accordion-content-height);
+		}
+		to {
+			height: 0;
+		}
+	}
+}
+
+@theme inline {
+	--color-background: var(--background);
+	--color-foreground: var(--foreground);
+	--color-card: var(--card);
+	--color-card-foreground: var(--card-foreground);
+	--color-popover: var(--popover);
+	--color-popover-foreground: var(--popover-foreground);
+	--color-primary: var(--primary);
+	--color-primary-foreground: var(--primary-foreground);
+	--color-secondary: var(--secondary);
+	--color-secondary-foreground: var(--secondary-foreground);
+	--color-muted: var(--muted);
+	--color-muted-foreground: var(--muted-foreground);
+	--color-accent: var(--accent);
+	--color-accent-foreground: var(--accent-foreground);
+	--color-destructive: var(--destructive);
+	--color-destructive-foreground: var(--destructive-foreground);
+	--color-border: var(--border);
+	--color-input: var(--input);
+	--color-ring: var(--ring);
+
+	--color-sidebar: var(--sidebar);
+	--color-sidebar-foreground: var(--sidebar-foreground);
+	--color-sidebar-primary: var(--sidebar-primary);
+	--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+	--color-sidebar-accent: var(--sidebar-accent);
+	--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+	--color-sidebar-border: var(--sidebar-border);
+	--color-sidebar-ring: var(--sidebar-ring);
+
+	--color-diff-added: var(--diff-added);
+	--color-diff-added-bg: var(--diff-added-bg);
+	--color-diff-added-border: var(--diff-added-border);
+	--color-diff-added-foreground: var(--diff-added-foreground);
+	--color-diff-removed: var(--diff-removed);
+	--color-diff-removed-bg: var(--diff-removed-bg);
+	--color-diff-removed-border: var(--diff-removed-border);
+	--color-diff-removed-foreground: var(--diff-removed-foreground);
+	--color-diff-modified: var(--diff-modified);
+	--color-diff-modified-bg: var(--diff-modified-bg);
+	--color-diff-modified-border: var(--diff-modified-border);
+	--color-diff-modified-foreground: var(--diff-modified-foreground);
+
+	--color-success: var(--success);
+	--color-success-foreground: var(--success-foreground);
+	--color-warning: var(--warning);
+	--color-warning-foreground: var(--warning-foreground);
+	--color-info: var(--info);
+	--color-info-bg: var(--info-bg);
+	--color-info-foreground: var(--info-foreground);
+
+	--color-purple: var(--purple);
+	--color-purple-bg: var(--purple-bg);
+	--color-purple-foreground: var(--purple-foreground);
+
+	--color-chart-1: var(--chart-1);
+	--color-chart-2: var(--chart-2);
+	--color-chart-3: var(--chart-3);
+	--color-chart-4: var(--chart-4);
+	--color-chart-5: var(--chart-5);
+
+	--radius-sm: calc(var(--radius) - 4px);
+	--radius-md: calc(var(--radius) - 2px);
+	--radius-lg: var(--radius);
+	--radius-xl: calc(var(--radius) + 4px);
+	--radius-2xl: calc(var(--radius) + 8px);
+}
+
+@layer base {
+	* {
+		@apply border-border outline-ring/50;
+	}
+
+	body {
+		@apply bg-background text-foreground;
+		font-feature-settings: "rlig" 1, "calt" 1;
+		-webkit-font-smoothing: antialiased;
+		-moz-osx-font-smoothing: grayscale;
+	}
+
+	button:not([disabled]),
+	[role="button"]:not([disabled]) {
+		cursor: pointer;
+	}
+
+	[data-cms-admin] {
+		@apply bg-background text-foreground;
+		font-feature-settings: "rlig" 1, "calt" 1;
+		-webkit-font-smoothing: antialiased;
+		-moz-osx-font-smoothing: grayscale;
+	}
+}
+
+@layer utilities {
+	.status-draft {
+		background-color: var(--muted);
+		color: var(--muted-foreground);
+	}
+
+	.status-published {
+		background-color: var(--diff-added-bg);
+		color: var(--diff-added-foreground);
+	}
+
+	.status-scheduled {
+		background-color: var(--info-bg);
+		color: var(--info-foreground);
+	}
+
+	.status-archived {
+		background-color: var(--diff-modified-bg);
+		color: var(--diff-modified-foreground);
+	}
+
+	.surface-base {
+		@apply bg-card border border-border;
+	}
+
+	.surface-elevated {
+		@apply bg-card border border-border shadow-sm;
+	}
+
+	.surface-floating {
+		@apply bg-popover border border-border shadow-lg;
+	}
+
+	.focus-ring {
+		@apply focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2;
+	}
+
+	.scrollbar-none {
+		overflow-y: auto;
+		scrollbar-width: none;
+		-ms-overflow-style: none;
+	}
+
+	.scrollbar-none::-webkit-scrollbar {
+		display: none;
+	}
+}

package/admin/src/lib/cmsExports.ts

@@ -0,0 +1,6 @@
+// Re-export CMS utilities that admin components need
+// Using relative imports to avoid circular dependency with convex-cms package
+export { getRole, getRolePermissions } from '../../../src/client/index';
+export type { RoleName, BaseAdminAPI } from '../../../src/client/index';
+export { useMediaUploadQueue } from '../../../src/react/index';
+export type { UploadQueueFile, UploadQueueFileStatus } from '../../../src/react/index';

package/admin/src/pages/DashboardPage.tsx

@@ -110,9 +110,9 @@ function DashboardCard({
 }) {
 	return (
 		<button type="button" onClick={onClick} className="text-left">
-			<Card className="h-full transition-colors hover:bg-accent/50">
+			<Card className="h-full transition-colors hover:border-primary/75 hover:cursor-pointer">
 				<CardHeader className="pb-2">
-					<div className="mb-2 flex size-10 items-center justify-center rounded-lg bg-primary/10 text-primary">
+					<div className="mb-2 flex size-10 items-center justify-center rounded-lg bg-primary/5 text-primary">
 						{icon}
 					</div>
 					<CardTitle className="text-base">{title}</CardTitle>
@@ -124,4 +124,3 @@ function DashboardCard({
 		</button>
 	);
 }
-

package/admin/src/routes/__root.tsx

@@ -6,7 +6,7 @@ import {
 } from "@tanstack/react-router";
 import { ConvexProvider, ConvexReactClient } from "convex/react";
 import { useMemo, type ReactNode } from "react";
-import globalsCss from "~/styles/globals.css?url";
+import globalsCss from "~/index.css?url";
 import { AdminLayout, RouteGuard } from "~/components";
 import {
   AuthProvider,

package/admin-dist/nitro.json

@@ -1,5 +1,5 @@
 {
-  "date": "2026-01-28T14:07:30.300Z",
+  "date": "2026-01-29T00:22:17.698Z",
   "preset": "node-server",
   "framework": {
     "name": "nitro",

package/admin-dist/public/assets/{CmsEmptyState-DTlpzjOI.js → CmsEmptyState-BKeL4DBB.js}

@@ -1 +1 @@
-import{j as e,C as n,h as x}from"./main-CA-4LyFT.js";function d({icon:s,title:m,description:r,action:t,className:l,...a}){return e.jsxs("div",{className:x("flex flex-col items-center justify-center py-12 text-center",l),...a,children:[s&&e.jsx("div",{className:"mb-4 flex size-12 items-center justify-center rounded-full bg-muted text-muted-foreground",children:s}),e.jsx("h3",{className:"text-base font-semibold text-foreground",children:m}),r&&e.jsx("p",{className:"mt-1 max-w-sm text-sm text-muted-foreground",children:r}),t&&e.jsx(n,{variant:t.variant??"primary",onClick:t.onClick,className:"mt-4",children:t.label})]})}export{d as C};
+import{j as e,C as a,n as x}from"./main-B-6700eG.js";function d({icon:s,title:m,description:r,action:t,className:l,...n}){return e.jsxs("div",{className:x("flex flex-col items-center justify-center py-12 text-center",l),...n,children:[s&&e.jsx("div",{className:"mb-4 flex size-12 items-center justify-center rounded-full bg-muted text-muted-foreground",children:s}),e.jsx("h3",{className:"text-base font-semibold text-foreground",children:m}),r&&e.jsx("p",{className:"mt-1 max-w-sm text-sm text-muted-foreground",children:r}),t&&e.jsx(a,{variant:t.variant??"primary",onClick:t.onClick,className:"mt-4",children:t.label})]})}export{d as C};

package/admin-dist/public/assets/CmsFilterBar-CEpMHd_c.js

@@ -0,0 +1 @@
+import{j as e,S as d,s as x,t as u,n,v as o,w as p,C as v,X as h}from"./main-B-6700eG.js";import{C as j}from"./tanstack-adapter-KSm-nO5L.js";import{S as g}from"./search-DlwBH4C5.js";function C({value:a,onValueChange:m,options:l,placeholder:t="Select...",disabled:i,error:c,className:s}){return e.jsxs(d,{value:a,onValueChange:m,disabled:i,children:[e.jsx(x,{className:n(c&&"border-destructive focus:ring-destructive",s),"aria-invalid":c,children:e.jsx(u,{placeholder:t})}),e.jsx(o,{children:l.map(r=>e.jsx(p,{value:r.value,disabled:r.disabled,children:r.label},r.value))})]})}function b({search:a,filters:m,actions:l,onClearFilters:t,hasActiveFilters:i,className:c}){return e.jsxs("div",{className:n("flex flex-wrap items-center gap-3 pb-4",c),children:[e.jsxs("div",{className:"flex flex-1 flex-wrap items-center gap-2",children:[a&&e.jsxs("div",{className:"relative w-full max-w-xs",children:[e.jsx(g,{className:"absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground"}),e.jsx(j,{type:"search",placeholder:a.placeholder??"Search...",value:a.value,onChange:s=>a.onChange(s.target.value),className:n("pl-9",a.className)})]}),m?.map(s=>e.jsx(C,{value:s.value,onValueChange:s.onChange,options:s.options,placeholder:s.placeholder,className:n("w-[150px]",s.className)},s.key)),i&&t&&e.jsxs(v,{variant:"ghost",size:"sm",onClick:t,children:[e.jsx(h,{className:"mr-1 size-4"}),"Clear"]})]}),l&&e.jsx("div",{className:"flex items-center gap-2",children:l})]})}export{b as C};

package/admin-dist/public/assets/{CmsPageHeader-0REGRH4X.js → CmsPageHeader-CIEkTbyH.js}

@@ -1 +1 @@
-import{j as e,h as m}from"./main-CA-4LyFT.js";function c({title:i,description:s,actions:t,breadcrumbs:a,className:l,...r}){return e.jsxs("div",{className:m("mb-6",l),...r,children:[a&&e.jsx("div",{className:"mb-2",children:a}),e.jsxs("div",{className:"flex items-start justify-between gap-4",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("h1",{className:"text-2xl font-semibold tracking-tight text-foreground",children:i}),s&&e.jsx("p",{className:"text-sm text-muted-foreground",children:s})]}),t&&e.jsx("div",{className:"flex items-center gap-2",children:t})]})]})}export{c as C};
+import{j as e,n as m}from"./main-B-6700eG.js";function x({title:i,description:s,actions:t,breadcrumbs:a,className:l,...r}){return e.jsxs("div",{className:m("mb-6",l),...r,children:[a&&e.jsx("div",{className:"mb-2",children:a}),e.jsxs("div",{className:"flex items-start justify-between gap-4",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("h1",{className:"text-2xl font-semibold tracking-tight text-foreground",children:i}),s&&e.jsx("p",{className:"text-sm text-muted-foreground",children:s})]}),t&&e.jsx("div",{className:"flex items-center gap-2",children:t})]})]})}export{x as C};

package/admin-dist/public/assets/{CmsStatusBadge-D_n8u8xa.js → CmsStatusBadge-BFMOsfMW.js}

@@ -1 +1 @@
-import{j as e,h as t}from"./main-CA-4LyFT.js";import{B as a}from"./badge-C6qt24oj.js";const c={draft:{label:"Draft",className:"status-draft",icon:e.jsx("svg",{className:"size-3",fill:"currentColor",viewBox:"0 0 8 8",children:e.jsx("circle",{cx:"4",cy:"4",r:"3"})})},published:{label:"Published",className:"status-published",icon:e.jsx("svg",{className:"size-3",fill:"none",stroke:"currentColor",strokeWidth:"2",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"})})},scheduled:{label:"Scheduled",className:"status-scheduled",icon:e.jsxs("svg",{className:"size-3",fill:"none",stroke:"currentColor",strokeWidth:"2",viewBox:"0 0 24 24",children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("path",{strokeLinecap:"round",d:"M12 6v6l4 2"})]})},archived:{label:"Archived",className:"status-archived",icon:e.jsx("svg",{className:"size-3",fill:"none",stroke:"currentColor",strokeWidth:"2",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4"})})}},n={gray:"bg-muted text-muted-foreground",yellow:"bg-diff-modified-bg text-diff-modified-foreground",blue:"bg-info-bg text-info-foreground",green:"bg-diff-added-bg text-diff-added-foreground",red:"bg-diff-removed-bg text-diff-removed-foreground",purple:"bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400",orange:"bg-diff-modified-bg text-diff-modified-foreground"};function l(){return e.jsx("svg",{className:"size-3",fill:"currentColor",viewBox:"0 0 8 8",children:e.jsx("circle",{cx:"4",cy:"4",r:"3"})})}function x({status:d,customConfig:s,className:o,...i}){if(s)return e.jsxs(a,{variant:"secondary",className:t("gap-1.5 px-2 py-0.5 text-xs font-medium",n[s.color],o),...i,children:[l(),s.displayName]});const r=c[d];return r?e.jsxs(a,{variant:"secondary",className:t("gap-1.5 px-2 py-0.5 text-xs font-medium",r.className,o),...i,children:[r.icon,r.label]}):e.jsxs(a,{variant:"secondary",className:t("gap-1.5 px-2 py-0.5 text-xs font-medium",n.gray,o),...i,children:[l(),d]})}export{x as C};
+import{j as e,n as t}from"./main-B-6700eG.js";import{B as d}from"./badge-BQAotc5B.js";const c={draft:{label:"Draft",className:"status-draft",icon:e.jsx("svg",{className:"size-3",fill:"currentColor",viewBox:"0 0 8 8",children:e.jsx("circle",{cx:"4",cy:"4",r:"3"})})},published:{label:"Published",className:"status-published",icon:e.jsx("svg",{className:"size-3",fill:"none",stroke:"currentColor",strokeWidth:"2",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"})})},scheduled:{label:"Scheduled",className:"status-scheduled",icon:e.jsxs("svg",{className:"size-3",fill:"none",stroke:"currentColor",strokeWidth:"2",viewBox:"0 0 24 24",children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("path",{strokeLinecap:"round",d:"M12 6v6l4 2"})]})},archived:{label:"Archived",className:"status-archived",icon:e.jsx("svg",{className:"size-3",fill:"none",stroke:"currentColor",strokeWidth:"2",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4"})})}},n={gray:"bg-muted text-muted-foreground",yellow:"bg-diff-modified-bg text-diff-modified-foreground",blue:"bg-info-bg text-info-foreground",green:"bg-diff-added-bg text-diff-added-foreground",red:"bg-diff-removed-bg text-diff-removed-foreground",purple:"bg-purple-bg text-purple-foreground",orange:"bg-diff-modified-bg text-diff-modified-foreground"};function l(){return e.jsx("svg",{className:"size-3",fill:"currentColor",viewBox:"0 0 8 8",children:e.jsx("circle",{cx:"4",cy:"4",r:"3"})})}function x({status:a,customConfig:s,className:o,...i}){if(s)return e.jsxs(d,{variant:"secondary",className:t("gap-1.5 px-2 py-0.5 text-xs font-medium",n[s.color],o),...i,children:[l(),s.displayName]});const r=c[a];return r?e.jsxs(d,{variant:"secondary",className:t("gap-1.5 px-2 py-0.5 text-xs font-medium",r.className,o),...i,children:[r.icon,r.label]}):e.jsxs(d,{variant:"secondary",className:t("gap-1.5 px-2 py-0.5 text-xs font-medium",n.gray,o),...i,children:[l(),a]})}export{x as C};

package/admin-dist/public/assets/{CmsSurface-BHmvNai4.js → CmsSurface-kqqaFKUI.js}

@@ -1 +1 @@
-import{j as r,h as t}from"./main-CA-4LyFT.js";const l={base:"surface-base",elevated:"surface-elevated",floating:"surface-floating"},m={none:"",sm:"p-3",md:"p-4",lg:"p-6"},u={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg"};function f({elevation:e="base",padding:s="md",rounded:n="lg",className:a,children:d,...o}){return r.jsx("div",{className:t(l[e],m[s],u[n],a),...o,children:d})}export{f as C};
+import{j as r,n as t}from"./main-B-6700eG.js";const l={base:"surface-base",elevated:"surface-elevated",floating:"surface-floating"},m={none:"",sm:"p-3",md:"p-4",lg:"p-6"},u={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg"};function f({elevation:e="base",padding:s="md",rounded:n="lg",className:a,children:d,...o}){return r.jsx("div",{className:t(l[e],m[s],u[n],a),...o,children:d})}export{f as C};

package/admin-dist/public/assets/CmsTable-Db53Exq0.js

@@ -0,0 +1 @@
+import{e as T,j as e,n as r,i as u,a9 as _,l as z}from"./main-B-6700eG.js";const D=[["path",{d:"m7 15 5 5 5-5",key:"1hf1tw"}],["path",{d:"m7 9 5-5 5 5",key:"sgt6xg"}]],H=T("chevrons-up-down",D);function U({className:s,...t}){return e.jsx("div",{"data-slot":"table-container",className:"relative w-full overflow-x-auto",children:e.jsx("table",{"data-slot":"table",className:r("w-full caption-bottom text-sm",s),...t})})}function A({className:s,...t}){return e.jsx("thead",{"data-slot":"table-header",className:r("[&_tr]:border-b",s),...t})}function B({className:s,...t}){return e.jsx("tbody",{"data-slot":"table-body",className:r("[&_tr:last-child]:border-0",s),...t})}function x({className:s,...t}){return e.jsx("tr",{"data-slot":"table-row",className:r("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",s),...t})}function p({className:s,...t}){return e.jsx("th",{"data-slot":"table-head",className:r("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",s),...t})}function m({className:s,...t}){return e.jsx("td",{"data-slot":"table-cell",className:r("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",s),...t})}function L({columns:s,data:t,getRowId:i,selectable:h,selectedIds:d=new Set,onSelectionChange:o,sortColumn:j,sortDirection:f,onSort:N,onRowClick:b,emptyMessage:k="No items found",className:w}){const y=t.length>0&&t.every(a=>d.has(i(a))),v=t.some(a=>d.has(i(a))),g=a=>{o&&o(a?new Set(t.map(i)):new Set)},S=(a,n)=>{if(!o)return;const c=new Set(d);n?c.add(a):c.delete(a),o(c)},C=a=>a.sortable?j!==a.key?e.jsx(H,{className:"ml-1 inline size-3.5 text-muted-foreground"}):f==="asc"?e.jsx(_,{className:"ml-1 inline size-3.5"}):e.jsx(z,{className:"ml-1 inline size-3.5"}):null;return e.jsx("div",{className:r("rounded-lg border",w),children:e.jsxs(U,{children:[e.jsx(A,{children:e.jsxs(x,{className:"hover:bg-transparent",children:[h&&e.jsx(p,{className:"w-12",children:e.jsx(u,{checked:y?!0:v?"indeterminate":!1,onCheckedChange:g,"aria-label":"Select all"})}),s.map(a=>e.jsxs(p,{className:r(a.sortable&&"cursor-pointer select-none",a.className),onClick:()=>a.sortable&&N?.(a.key),children:[a.header,C(a)]},a.key))]})}),e.jsx(B,{children:t.length===0?e.jsx(x,{children:e.jsx(m,{colSpan:s.length+(h?1:0),className:"h-24 text-center text-muted-foreground",children:k})}):t.map(a=>{const n=i(a),c=d.has(n);return e.jsxs(x,{"data-state":c&&"selected",className:r(b&&"cursor-pointer"),onClick:()=>b?.(a),children:[h&&e.jsx(m,{onClick:l=>l.stopPropagation(),className:"w-12",children:e.jsx(u,{checked:c,onCheckedChange:l=>S(n,l===!0),"aria-label":`Select row ${n}`})}),s.map(l=>e.jsx(m,{className:l.className,children:l.cell(a)},l.key))]},n)})})]})})}export{L as C};