@btst/stack 2.12.2 → 3.0.0-rc.1

package/dist/packages/stack/src/plugins/cms/client/components/inverse-relations-panel.cjs

@@ -3,11 +3,9 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const reactQuery = require('@tanstack/react-query');
 const LucideIcons = require('lucide-react');
 const button = require('../../../../../../ui/src/components/button.cjs');
 const card = require('../../../../../../ui/src/components/card.cjs');
-const client = require('@btst/stack/plugins/client');
 const context = require('@btst/stack/context');
 const alertDialog = require('../../../../../../ui/src/components/alert-dialog.cjs');
 const cmsHooks = require('../hooks/cms-hooks.cjs');
@@ -16,29 +14,19 @@ function InverseRelationsPanel({
   contentTypeSlug,
   itemId
 }) {
-  const { apiBaseURL, apiBasePath, headers, navigate, Link } = context.usePluginOverrides("cms");
+  const t = context.useTranslate();
+  const { localization } = context.usePluginOverrides("cms");
+  const { router } = context.useStack();
+  const navigate = router?.navigate;
+  const Link = router?.Link;
   const basePath = context.useBasePath();
-  const client$1 = client.createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const { data: inverseRelationsData, isLoading } = reactQuery.useQuery({
-    queryKey: ["cmsInverseRelations", contentTypeSlug, itemId],
-    queryFn: async () => {
-      const response = await client$1("/content-types/:slug/inverse-relations", {
-        method: "GET",
-        params: { slug: contentTypeSlug },
-        query: { itemId },
-        headers
-      });
-      return response.data?.inverseRelations ?? [];
-    },
-    staleTime: 1e3 * 60 * 5
-  });
+  const { inverseRelations, isLoading } = cmsHooks.useInverseRelations(
+    contentTypeSlug,
+    itemId
+  );
   if (isLoading) {
     return /* @__PURE__ */ jsxRuntime.jsx(card.Card, { className: "animate-pulse", children: /* @__PURE__ */ jsxRuntime.jsx(card.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-5 w-32 bg-muted rounded" }) }) });
   }
-  const inverseRelations = inverseRelationsData ?? [];
   if (inverseRelations.length === 0) {
     return null;
   }
@@ -50,7 +38,7 @@ function InverseRelationsPanel({
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold", children: "Related Items" }),
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold", children: localization?.CMS_RELATED_ITEMS_TITLE ?? t("cms.relations.relatedItemsTitle", "Related Items") }),
     inverseRelations.map((relation) => /* @__PURE__ */ jsxRuntime.jsx(
       InverseRelationSection,
       {
@@ -60,8 +48,8 @@ function InverseRelationsPanel({
         basePath,
         navigate,
         Link,
-        client: client$1,
-        headers,
+        localization,
+        t,
         ambiguous: (sourceTypeCounts.get(relation.sourceType) ?? 0) > 1
       },
       `${relation.sourceType}-${relation.fieldName}`
@@ -80,55 +68,47 @@ function InverseRelationSection({
   basePath,
   navigate,
   Link,
-  client,
-  headers,
+  localization,
+  t,
   ambiguous
 }) {
   const [isExpanded, setIsExpanded] = React.useState(true);
   const [deleteItemId, setDeleteItemId] = React.useState(null);
   const [deleteError, setDeleteError] = React.useState(null);
   const deleteContent = cmsHooks.useDeleteContent(relation.sourceType);
-  const { data: itemsData, refetch } = reactQuery.useQuery({
-    queryKey: [
-      "cmsInverseRelationItems",
+  const {
+    items,
+    total: fetchedTotal,
+    refetch
+  } = cmsHooks.useInverseRelationItems(
+    {
       contentTypeSlug,
-      relation.sourceType,
+      sourceType: relation.sourceType,
       itemId,
-      relation.fieldName
-    ],
-    queryFn: async () => {
-      const response = await client(
-        "/content-types/:slug/inverse-relations/:sourceType",
-        {
-          method: "GET",
-          params: { slug: contentTypeSlug, sourceType: relation.sourceType },
-          query: { itemId, fieldName: relation.fieldName },
-          headers
-        }
-      );
-      return response.data ?? { items: [], total: 0 };
+      fieldName: relation.fieldName
     },
-    staleTime: 1e3 * 60 * 5,
-    enabled: isExpanded
-  });
-  const items = itemsData?.items ?? [];
-  const total = itemsData?.total ?? relation.count;
+    { enabled: isExpanded }
+  );
+  const total = fetchedTotal || relation.count;
   const handleDelete = async () => {
     if (deleteItemId) {
       setDeleteError(null);
       try {
         await deleteContent.mutateAsync(deleteItemId);
         setDeleteItemId(null);
-        refetch();
+        void refetch();
       } catch (error) {
-        const message = error instanceof Error ? error.message : "Failed to delete item. Please try again.";
+        const message = error instanceof Error ? error.message : localization?.CMS_RELATED_DELETE_ERROR ?? t(
+          "cms.relations.relatedDeleteError",
+          "Failed to delete item. Please try again."
+        );
         setDeleteError(message);
       }
     }
   };
   const handleAddNew = () => {
     const createUrl = `${basePath}/cms/${relation.sourceType}/new?prefill_${relation.fieldName}=${itemId}`;
-    navigate(createUrl);
+    void navigate?.(createUrl);
   };
   const LinkComponent = Link ?? "a";
   const fieldLabel = ambiguous ? humanizeFieldName(relation.fieldName) : null;
@@ -155,11 +135,13 @@ function InverseRelationSection({
       }
     ) }),
     isExpanded && /* @__PURE__ */ jsxRuntime.jsxs(card.CardContent, { className: "pt-0", children: [
-      items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground py-2", children: [
-        "No ",
-        relation.sourceTypeName.toLowerCase(),
-        " items yet."
-      ] }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-2", children: items.map((item) => {
+      items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground py-2", children: (localization?.CMS_RELATED_EMPTY ?? t(
+        "cms.relations.relatedEmpty",
+        "No {sourceTypeName} items yet."
+      )).replace(
+        "{sourceTypeName}",
+        relation.sourceTypeName.toLowerCase()
+      ) }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-2", children: items.map((item) => {
         const displayValue = getDisplayValue(item);
         const editUrl = `${basePath}/cms/${relation.sourceType}/${item.id}`;
         return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -179,13 +161,21 @@ function InverseRelationSection({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                button.Button,
+                context.CanAccess,
                 {
-                  variant: "ghost",
-                  size: "icon",
-                  className: "h-7 w-7 text-muted-foreground hover:text-destructive",
-                  onClick: () => setDeleteItemId(item.id),
-                  children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Trash2, { className: "h-3.5 w-3.5" })
+                  resource: "cms:content",
+                  action: "delete",
+                  params: { typeSlug: relation.sourceType, id: item.id },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    button.Button,
+                    {
+                      variant: "ghost",
+                      size: "icon",
+                      className: "h-7 w-7 text-muted-foreground hover:text-destructive",
+                      onClick: () => setDeleteItemId(item.id),
+                      children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Trash2, { className: "h-3.5 w-3.5" })
+                    }
+                  )
                 }
               )
             ]
@@ -193,19 +183,26 @@ function InverseRelationSection({
           item.id
         );
       }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 pt-3 border-t", children: /* @__PURE__ */ jsxRuntime.jsxs(
-        button.Button,
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 pt-3 border-t", children: /* @__PURE__ */ jsxRuntime.jsx(
+        context.CanAccess,
         {
-          variant: "outline",
-          size: "sm",
-          onClick: handleAddNew,
-          className: "w-full",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Plus, { className: "h-4 w-4 mr-2" }),
-            "Add ",
-            relation.sourceTypeName,
-            fieldLabel ? ` (${fieldLabel})` : ""
-          ]
+          resource: "cms:content",
+          action: "create",
+          params: { typeSlug: relation.sourceType },
+          children: /* @__PURE__ */ jsxRuntime.jsxs(
+            button.Button,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: handleAddNew,
+              className: "w-full",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Plus, { className: "h-4 w-4 mr-2" }),
+                (localization?.CMS_RELATED_ADD ?? t("cms.relations.relatedAdd", "Add {sourceTypeName}")).replace("{sourceTypeName}", relation.sourceTypeName),
+                fieldLabel ? ` (${fieldLabel})` : ""
+              ]
+            }
+          )
         }
       ) })
     ] }),
@@ -221,27 +218,27 @@ function InverseRelationSection({
         },
         children: /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialogContent, { children: [
           /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialogHeader, { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialogTitle, { children: [
-              "Delete ",
-              relation.sourceTypeName,
-              "?"
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialogDescription, { children: [
-              "This action cannot be undone. This will permanently delete this",
-              " ",
-              relation.sourceTypeName.toLowerCase(),
-              "."
-            ] })
+            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogTitle, { children: (localization?.CMS_RELATED_DELETE_TITLE ?? t(
+              "cms.relations.relatedDeleteTitle",
+              "Delete {sourceTypeName}?"
+            )).replace("{sourceTypeName}", relation.sourceTypeName) }),
+            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogDescription, { children: (localization?.CMS_RELATED_DELETE_DESCRIPTION ?? t(
+              "cms.relations.relatedDeleteDescription",
+              "This action cannot be undone. This will permanently delete this {sourceTypeName}."
+            )).replace(
+              "{sourceTypeName}",
+              relation.sourceTypeName.toLowerCase()
+            ) })
           ] }),
           deleteError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-destructive", children: deleteError }),
           /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialogFooter, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogCancel, { children: "Cancel" }),
+            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogCancel, { children: localization?.CMS_BUTTON_CANCEL ?? t("cms.common.cancel", "Cancel") }),
             /* @__PURE__ */ jsxRuntime.jsx(
               alertDialog.AlertDialogAction,
               {
                 onClick: handleDelete,
                 className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-                children: "Delete"
+                children: localization?.CMS_BUTTON_DELETE ?? t("cms.common.delete", "Delete")
               }
             )
           ] })

package/dist/packages/stack/src/plugins/cms/client/components/inverse-relations-panel.mjs

@@ -1,42 +1,30 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { useQuery } from '@tanstack/react-query';
 import { ChevronDown, ChevronRight, ExternalLink, Trash2, Plus } from 'lucide-react';
 import { Button } from '../../../../../../ui/src/components/button.mjs';
 import { Card, CardHeader, CardTitle, CardContent } from '../../../../../../ui/src/components/card.mjs';
-import { createApiClient } from '@btst/stack/plugins/client';
-import { usePluginOverrides, useBasePath } from '@btst/stack/context';
+import { useTranslate, usePluginOverrides, useStack, useBasePath, CanAccess } from '@btst/stack/context';
 import { AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from '../../../../../../ui/src/components/alert-dialog.mjs';
-import { useDeleteContent } from '../hooks/cms-hooks.mjs';
+import { useInverseRelations, useDeleteContent, useInverseRelationItems } from '../hooks/cms-hooks.mjs';
 
 function InverseRelationsPanel({
   contentTypeSlug,
   itemId
 }) {
-  const { apiBaseURL, apiBasePath, headers, navigate, Link } = usePluginOverrides("cms");
+  const t = useTranslate();
+  const { localization } = usePluginOverrides("cms");
+  const { router } = useStack();
+  const navigate = router?.navigate;
+  const Link = router?.Link;
   const basePath = useBasePath();
-  const client = createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const { data: inverseRelationsData, isLoading } = useQuery({
-    queryKey: ["cmsInverseRelations", contentTypeSlug, itemId],
-    queryFn: async () => {
-      const response = await client("/content-types/:slug/inverse-relations", {
-        method: "GET",
-        params: { slug: contentTypeSlug },
-        query: { itemId },
-        headers
-      });
-      return response.data?.inverseRelations ?? [];
-    },
-    staleTime: 1e3 * 60 * 5
-  });
+  const { inverseRelations, isLoading } = useInverseRelations(
+    contentTypeSlug,
+    itemId
+  );
   if (isLoading) {
     return /* @__PURE__ */ jsx(Card, { className: "animate-pulse", children: /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx("div", { className: "h-5 w-32 bg-muted rounded" }) }) });
   }
-  const inverseRelations = inverseRelationsData ?? [];
   if (inverseRelations.length === 0) {
     return null;
   }
@@ -48,7 +36,7 @@ function InverseRelationsPanel({
     );
   }
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: "Related Items" }),
+    /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: localization?.CMS_RELATED_ITEMS_TITLE ?? t("cms.relations.relatedItemsTitle", "Related Items") }),
     inverseRelations.map((relation) => /* @__PURE__ */ jsx(
       InverseRelationSection,
       {
@@ -58,8 +46,8 @@ function InverseRelationsPanel({
         basePath,
         navigate,
         Link,
-        client,
-        headers,
+        localization,
+        t,
         ambiguous: (sourceTypeCounts.get(relation.sourceType) ?? 0) > 1
       },
       `${relation.sourceType}-${relation.fieldName}`
@@ -78,55 +66,47 @@ function InverseRelationSection({
   basePath,
   navigate,
   Link,
-  client,
-  headers,
+  localization,
+  t,
   ambiguous
 }) {
   const [isExpanded, setIsExpanded] = useState(true);
   const [deleteItemId, setDeleteItemId] = useState(null);
   const [deleteError, setDeleteError] = useState(null);
   const deleteContent = useDeleteContent(relation.sourceType);
-  const { data: itemsData, refetch } = useQuery({
-    queryKey: [
-      "cmsInverseRelationItems",
+  const {
+    items,
+    total: fetchedTotal,
+    refetch
+  } = useInverseRelationItems(
+    {
       contentTypeSlug,
-      relation.sourceType,
+      sourceType: relation.sourceType,
       itemId,
-      relation.fieldName
-    ],
-    queryFn: async () => {
-      const response = await client(
-        "/content-types/:slug/inverse-relations/:sourceType",
-        {
-          method: "GET",
-          params: { slug: contentTypeSlug, sourceType: relation.sourceType },
-          query: { itemId, fieldName: relation.fieldName },
-          headers
-        }
-      );
-      return response.data ?? { items: [], total: 0 };
+      fieldName: relation.fieldName
     },
-    staleTime: 1e3 * 60 * 5,
-    enabled: isExpanded
-  });
-  const items = itemsData?.items ?? [];
-  const total = itemsData?.total ?? relation.count;
+    { enabled: isExpanded }
+  );
+  const total = fetchedTotal || relation.count;
   const handleDelete = async () => {
     if (deleteItemId) {
       setDeleteError(null);
       try {
         await deleteContent.mutateAsync(deleteItemId);
         setDeleteItemId(null);
-        refetch();
+        void refetch();
       } catch (error) {
-        const message = error instanceof Error ? error.message : "Failed to delete item. Please try again.";
+        const message = error instanceof Error ? error.message : localization?.CMS_RELATED_DELETE_ERROR ?? t(
+          "cms.relations.relatedDeleteError",
+          "Failed to delete item. Please try again."
+        );
         setDeleteError(message);
       }
     }
   };
   const handleAddNew = () => {
     const createUrl = `${basePath}/cms/${relation.sourceType}/new?prefill_${relation.fieldName}=${itemId}`;
-    navigate(createUrl);
+    void navigate?.(createUrl);
   };
   const LinkComponent = Link ?? "a";
   const fieldLabel = ambiguous ? humanizeFieldName(relation.fieldName) : null;
@@ -153,11 +133,13 @@ function InverseRelationSection({
       }
     ) }),
     isExpanded && /* @__PURE__ */ jsxs(CardContent, { className: "pt-0", children: [
-      items.length === 0 ? /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground py-2", children: [
-        "No ",
-        relation.sourceTypeName.toLowerCase(),
-        " items yet."
-      ] }) : /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: items.map((item) => {
+      items.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground py-2", children: (localization?.CMS_RELATED_EMPTY ?? t(
+        "cms.relations.relatedEmpty",
+        "No {sourceTypeName} items yet."
+      )).replace(
+        "{sourceTypeName}",
+        relation.sourceTypeName.toLowerCase()
+      ) }) : /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: items.map((item) => {
         const displayValue = getDisplayValue(item);
         const editUrl = `${basePath}/cms/${relation.sourceType}/${item.id}`;
         return /* @__PURE__ */ jsxs(
@@ -177,13 +159,21 @@ function InverseRelationSection({
                 }
               ),
               /* @__PURE__ */ jsx(
-                Button,
+                CanAccess,
                 {
-                  variant: "ghost",
-                  size: "icon",
-                  className: "h-7 w-7 text-muted-foreground hover:text-destructive",
-                  onClick: () => setDeleteItemId(item.id),
-                  children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
+                  resource: "cms:content",
+                  action: "delete",
+                  params: { typeSlug: relation.sourceType, id: item.id },
+                  children: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "ghost",
+                      size: "icon",
+                      className: "h-7 w-7 text-muted-foreground hover:text-destructive",
+                      onClick: () => setDeleteItemId(item.id),
+                      children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
+                    }
+                  )
                 }
               )
             ]
@@ -191,19 +181,26 @@ function InverseRelationSection({
           item.id
         );
       }) }),
-      /* @__PURE__ */ jsx("div", { className: "mt-3 pt-3 border-t", children: /* @__PURE__ */ jsxs(
-        Button,
+      /* @__PURE__ */ jsx("div", { className: "mt-3 pt-3 border-t", children: /* @__PURE__ */ jsx(
+        CanAccess,
         {
-          variant: "outline",
-          size: "sm",
-          onClick: handleAddNew,
-          className: "w-full",
-          children: [
-            /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }),
-            "Add ",
-            relation.sourceTypeName,
-            fieldLabel ? ` (${fieldLabel})` : ""
-          ]
+          resource: "cms:content",
+          action: "create",
+          params: { typeSlug: relation.sourceType },
+          children: /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: handleAddNew,
+              className: "w-full",
+              children: [
+                /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }),
+                (localization?.CMS_RELATED_ADD ?? t("cms.relations.relatedAdd", "Add {sourceTypeName}")).replace("{sourceTypeName}", relation.sourceTypeName),
+                fieldLabel ? ` (${fieldLabel})` : ""
+              ]
+            }
+          )
         }
       ) })
     ] }),
@@ -219,27 +216,27 @@ function InverseRelationSection({
         },
         children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
           /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
-            /* @__PURE__ */ jsxs(AlertDialogTitle, { children: [
-              "Delete ",
-              relation.sourceTypeName,
-              "?"
-            ] }),
-            /* @__PURE__ */ jsxs(AlertDialogDescription, { children: [
-              "This action cannot be undone. This will permanently delete this",
-              " ",
-              relation.sourceTypeName.toLowerCase(),
-              "."
-            ] })
+            /* @__PURE__ */ jsx(AlertDialogTitle, { children: (localization?.CMS_RELATED_DELETE_TITLE ?? t(
+              "cms.relations.relatedDeleteTitle",
+              "Delete {sourceTypeName}?"
+            )).replace("{sourceTypeName}", relation.sourceTypeName) }),
+            /* @__PURE__ */ jsx(AlertDialogDescription, { children: (localization?.CMS_RELATED_DELETE_DESCRIPTION ?? t(
+              "cms.relations.relatedDeleteDescription",
+              "This action cannot be undone. This will permanently delete this {sourceTypeName}."
+            )).replace(
+              "{sourceTypeName}",
+              relation.sourceTypeName.toLowerCase()
+            ) })
           ] }),
           deleteError && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: deleteError }),
           /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
-            /* @__PURE__ */ jsx(AlertDialogCancel, { children: "Cancel" }),
+            /* @__PURE__ */ jsx(AlertDialogCancel, { children: localization?.CMS_BUTTON_CANCEL ?? t("cms.common.cancel", "Cancel") }),
             /* @__PURE__ */ jsx(
               AlertDialogAction,
               {
                 onClick: handleDelete,
                 className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-                children: "Delete"
+                children: localization?.CMS_BUTTON_DELETE ?? t("cms.common.delete", "Delete")
               }
             )
           ] })

package/dist/packages/stack/src/plugins/cms/client/components/pages/404-page.cjs

@@ -6,14 +6,19 @@ const button = require('../../../../../../../ui/src/components/button.cjs');
 const context = require('@btst/stack/context');
 
 function NotFoundPage() {
-  const { navigate, Link } = context.usePluginOverrides("cms");
+  const t = context.useTranslate();
+  const { localization } = context.usePluginOverrides("cms");
+  const { router } = context.useStack();
   const basePath = context.useBasePath();
-  const LinkComponent = Link || "a";
+  const LinkComponent = router?.Link ?? "a";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center", children: [
     /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-6xl font-bold text-muted-foreground mb-4", children: "404" }),
-    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-medium text-foreground mb-2", children: "Page not found" }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-6 max-w-sm", children: "The page you're looking for doesn't exist or has been moved." }),
-    /* @__PURE__ */ jsxRuntime.jsx(button.Button, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(LinkComponent, { href: `${basePath}/cms`, children: "Back to CMS" }) })
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-medium text-foreground mb-2", children: localization?.CMS_404_TITLE ?? t("cms.common.404Title", "Page not found") }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-6 max-w-sm", children: localization?.CMS_404_DESCRIPTION ?? t(
+      "cms.common.404Description",
+      "The page you're looking for doesn't exist or has been moved."
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(button.Button, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(LinkComponent, { href: `${basePath}/cms`, children: localization?.CMS_404_BACK ?? t("cms.common.404Back", "Back to CMS") }) })
   ] });
 }
 

package/dist/packages/stack/src/plugins/cms/client/components/pages/404-page.mjs

@@ -1,17 +1,22 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Button } from '../../../../../../../ui/src/components/button.mjs';
-import { usePluginOverrides, useBasePath } from '@btst/stack/context';
+import { useTranslate, usePluginOverrides, useStack, useBasePath } from '@btst/stack/context';
 
 function NotFoundPage() {
-  const { navigate, Link } = usePluginOverrides("cms");
+  const t = useTranslate();
+  const { localization } = usePluginOverrides("cms");
+  const { router } = useStack();
   const basePath = useBasePath();
-  const LinkComponent = Link || "a";
+  const LinkComponent = router?.Link ?? "a";
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center", children: [
     /* @__PURE__ */ jsx("h1", { className: "text-6xl font-bold text-muted-foreground mb-4", children: "404" }),
-    /* @__PURE__ */ jsx("h2", { className: "text-xl font-medium text-foreground mb-2", children: "Page not found" }),
-    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-6 max-w-sm", children: "The page you're looking for doesn't exist or has been moved." }),
-    /* @__PURE__ */ jsx(Button, { asChild: true, children: /* @__PURE__ */ jsx(LinkComponent, { href: `${basePath}/cms`, children: "Back to CMS" }) })
+    /* @__PURE__ */ jsx("h2", { className: "text-xl font-medium text-foreground mb-2", children: localization?.CMS_404_TITLE ?? t("cms.common.404Title", "Page not found") }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-6 max-w-sm", children: localization?.CMS_404_DESCRIPTION ?? t(
+      "cms.common.404Description",
+      "The page you're looking for doesn't exist or has been moved."
+    ) }),
+    /* @__PURE__ */ jsx(Button, { asChild: true, children: /* @__PURE__ */ jsx(LinkComponent, { href: `${basePath}/cms`, children: localization?.CMS_404_BACK ?? t("cms.common.404Back", "Back to CMS") }) })
   ] });
 }
 

package/dist/packages/stack/src/plugins/cms/client/components/pages/content-editor-page.cjs

@@ -29,6 +29,11 @@ function ContentEditorPageComponent({
       ErrorComponent: defaultError.DefaultError,
       LoadingComponent: editorSkeleton.EditorSkeleton,
       NotFoundComponent: _404Page.NotFoundPage,
+      permission: isNew ? { resource: "cms:content", action: "create", params: { typeSlug } } : {
+        resource: "cms:content",
+        action: "update",
+        params: { typeSlug, id }
+      },
       props: { typeSlug, id },
       onError: (error) => {
         if (onRouteError) {