convex-cms 0.0.6 → 0.0.7

package/admin/src/routes/__root.tsx

@@ -185,40 +185,40 @@ function ConvexProviderWrapper({
   if (!convex) {
     return (
       <div className="flex min-h-screen items-center justify-center bg-background p-6">
-        <div className="max-w-lg space-y-4 rounded-lg border border-amber-200 bg-amber-50 p-6 text-center">
-          <h2 className="text-xl font-semibold text-amber-900">
+        <div className="diff-modified max-w-lg space-y-4 rounded-lg border p-6 text-center">
+          <h2 className="text-xl font-semibold text-diff-modified">
             Convex Configuration Required
           </h2>
-          <p className="text-sm text-amber-800">
+          <p className="text-sm text-diff-modified-foreground">
             Please provide a Convex deployment URL to connect to your backend.
           </p>
-          <div className="space-y-2 text-left text-sm text-amber-700">
+          <div className="space-y-2 text-left text-sm text-diff-modified-foreground">
             <p className="font-medium">Options:</p>
             <ul className="list-inside list-disc space-y-1">
               <li>
                 Run with URL:{" "}
-                <code className="rounded bg-amber-100 px-1">
+                <code className="rounded bg-diff-modified-bg/50 px-1">
                   npx convex-cms admin --url YOUR_URL
                 </code>
               </li>
               <li>
                 Set environment variable:{" "}
-                <code className="rounded bg-amber-100 px-1">
+                <code className="rounded bg-diff-modified-bg/50 px-1">
                   CONVEX_URL=YOUR_URL
                 </code>
               </li>
               <li>
                 Add to{" "}
-                <code className="rounded bg-amber-100 px-1">.env.local</code>:{" "}
-                <code className="rounded bg-amber-100 px-1">
+                <code className="rounded bg-diff-modified-bg/50 px-1">.env.local</code>:{" "}
+                <code className="rounded bg-diff-modified-bg/50 px-1">
                   CONVEX_URL=YOUR_URL
                 </code>
               </li>
             </ul>
           </div>
-          <p className="text-sm text-amber-700">
+          <p className="text-sm text-diff-modified-foreground">
             Run{" "}
-            <code className="rounded bg-amber-100 px-1">npx convex dev</code> to
+            <code className="rounded bg-diff-modified-bg/50 px-1">npx convex dev</code> to
             start Convex and get your URL.
           </p>
         </div>

package/admin/src/routes/entries/$entryId.tsx

@@ -21,7 +21,7 @@ function EditEntryPage() {
 
   const contentType = useQuery(
     api.admin.getContentType,
-    entry ? { id: entry.contentTypeId } : 'skip'
+    entry ? { name: entry.contentTypeName } : 'skip'
   );
 
   const getEntryTitle = () => {

package/admin/src/routes/entries/type/$contentTypeId.tsx

@@ -70,7 +70,7 @@ function ContentTypeEntriesPage() {
   useBreadcrumbLabel(`/entries/type/${contentTypeId}`, contentType?.displayName)
 
   const entriesResult = useQuery(api.admin.listEntries, {
-    contentTypeId: contentTypeId,
+    contentTypeName: contentType?.name,
     status: selectedStatus === 'all' ? undefined : selectedStatus,
     search: debouncedSearch || undefined,
     paginationOpts: { numItems: 250, cursor: null },

package/admin/src/styles/globals.css

@@ -21,21 +21,47 @@
 }
 
 @layer utilities {
-  /* Status badge colors */
+  /* Status badge colors - using semantic variables */
   .status-draft {
-    @apply bg-zinc-100 text-zinc-700 dark:bg-zinc-800 dark:text-zinc-300;
+    @apply bg-muted text-muted-foreground;
   }
 
   .status-published {
-    @apply bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400;
+    @apply bg-diff-added-bg text-diff-added-foreground;
   }
 
   .status-scheduled {
-    @apply bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400;
+    @apply bg-info-bg text-info-foreground;
   }
 
   .status-archived {
-    @apply bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-400;
+    @apply bg-diff-modified-bg text-diff-modified-foreground;
+  }
+
+  /* Diff change indicators */
+  .diff-added {
+    @apply bg-diff-added-bg border-diff-added-border text-diff-added-foreground;
+  }
+
+  .diff-removed {
+    @apply bg-diff-removed-bg border-diff-removed-border text-diff-removed-foreground;
+  }
+
+  .diff-modified {
+    @apply bg-diff-modified-bg border-diff-modified-border text-diff-modified-foreground;
+  }
+
+  /* Icon badges for diff */
+  .diff-icon-added {
+    @apply bg-diff-added/20 text-diff-added;
+  }
+
+  .diff-icon-removed {
+    @apply bg-diff-removed/20 text-diff-removed;
+  }
+
+  .diff-icon-modified {
+    @apply bg-diff-modified/20 text-diff-modified;
   }
 
   /* Surface elevations */

package/admin/src/styles/tailwind-config.css

@@ -71,4 +71,29 @@
   --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
   --color-sidebar-border: var(--sidebar-border);
   --color-sidebar-ring: var(--sidebar-ring);
+
+  /* Diff colors */
+  --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);
+
+  /* Semantic states */
+  --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);
 }

package/admin/src/styles/theme.css

@@ -37,6 +37,31 @@
   --sidebar-accent-foreground: hsl(240 5.9% 10%);
   --sidebar-border: hsl(220 13% 91%);
   --sidebar-ring: hsl(217.2 91.2% 59.8%);
+
+  /* Semantic: Diff/Change indicators */
+  --diff-added: hsl(142 76% 36%);
+  --diff-added-bg: hsl(142 76% 95%);
+  --diff-added-border: hsl(142 76% 85%);
+  --diff-added-foreground: hsl(142 76% 25%);
+
+  --diff-removed: hsl(0 84% 60%);
+  --diff-removed-bg: hsl(0 86% 97%);
+  --diff-removed-border: hsl(0 93% 85%);
+  --diff-removed-foreground: hsl(0 72% 30%);
+
+  --diff-modified: hsl(38 92% 50%);
+  --diff-modified-bg: hsl(48 96% 97%);
+  --diff-modified-border: hsl(48 96% 82%);
+  --diff-modified-foreground: hsl(38 92% 25%);
+
+  /* Semantic: Success/Warning/Info states */
+  --success: hsl(142 76% 36%);
+  --success-foreground: hsl(0 0% 100%);
+  --warning: hsl(38 92% 50%);
+  --warning-foreground: hsl(0 0% 100%);
+  --info: hsl(217 91% 60%);
+  --info-bg: hsl(214 95% 97%);
+  --info-foreground: hsl(217 91% 30%);
 }
 
 .dark {
@@ -70,4 +95,29 @@
   --sidebar-accent-foreground: hsl(240 4.8% 95.9%);
   --sidebar-border: hsl(240 3.7% 15.9%);
   --sidebar-ring: hsl(217.2 91.2% 59.8%);
+
+  /* Semantic: Diff/Change indicators (dark mode) */
+  --diff-added: hsl(142 70% 50%);
+  --diff-added-bg: hsl(142 50% 15%);
+  --diff-added-border: hsl(142 50% 25%);
+  --diff-added-foreground: hsl(142 70% 80%);
+
+  --diff-removed: hsl(0 70% 55%);
+  --diff-removed-bg: hsl(0 50% 15%);
+  --diff-removed-border: hsl(0 50% 25%);
+  --diff-removed-foreground: hsl(0 70% 80%);
+
+  --diff-modified: hsl(38 80% 55%);
+  --diff-modified-bg: hsl(38 50% 15%);
+  --diff-modified-border: hsl(38 50% 25%);
+  --diff-modified-foreground: hsl(38 80% 80%);
+
+  /* Semantic: Success/Warning/Info states (dark mode) */
+  --success: hsl(142 70% 50%);
+  --success-foreground: hsl(0 0% 100%);
+  --warning: hsl(38 80% 55%);
+  --warning-foreground: hsl(0 0% 100%);
+  --info: hsl(217 80% 60%);
+  --info-bg: hsl(217 50% 15%);
+  --info-foreground: hsl(217 80% 80%);
 }

package/admin-dist/nitro.json

@@ -1,5 +1,5 @@
 {
-  "date": "2026-01-25T00:44:46.445Z",
+  "date": "2026-01-27T18:16:43.589Z",
   "preset": "node-server",
   "framework": {
     "name": "nitro",

package/admin-dist/public/assets/CmsEmptyState-6-PLaXtD.js

@@ -0,0 +1 @@
+import{j as e,C as n,h as x}from"./main-DV6oxWnU.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};

package/admin-dist/public/assets/CmsPageHeader-SoF4Epu9.js

@@ -0,0 +1 @@
+import{j as e,h as m}from"./main-DV6oxWnU.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};

package/admin-dist/public/assets/CmsStatusBadge-D7kYaohx.js

@@ -0,0 +1 @@
+import{j as e,h as t}from"./main-DV6oxWnU.js";import{B as a}from"./badge-oJv4Eai8.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};

package/admin-dist/public/assets/{CmsSurface-DBy5Lumx.js → CmsSurface-BvksBm6W.js}

@@ -1 +1 @@
-import{j as r,c as t}from"./main-dZT72bAG.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,h as t}from"./main-DV6oxWnU.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/CmsToolbar-DlZPMe2B.js

@@ -0,0 +1 @@
+import{j as e,I as i,h as o}from"./main-DV6oxWnU.js";import{S as p}from"./search-DKKh_DdH.js";function u({left:t,right:s,search:a,filters:r,actions:l,className:n,children:x,...m}){return e.jsxs("div",{className:o("flex flex-wrap items-center justify-between gap-3 pb-4",n),...m,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(p,{className:"absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground"}),e.jsx(i,{type:"search",placeholder:a.placeholder??"Search...",value:a.value,onChange:c=>a.onChange(c.target.value),className:"pl-9"})]}),r,t,x]}),(s||l)&&e.jsx("div",{className:"flex items-center gap-2",children:s??l})]})}export{u as C};