@btst/stack 2.12.2 → 3.0.0-rc.2

package/dist/packages/stack/src/plugins/cms/client/components/pages/content-list-page.internal.mjs

@@ -1,20 +1,29 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { ArrowLeft, Plus, Pencil, Trash2, Loader2 } from 'lucide-react';
+import { useState, useRef, useEffect } from 'react';
+import { ArrowLeft, Plus, Search, Loader2, Pencil, Trash2 } from 'lucide-react';
 import { Button } from '../../../../../../../ui/src/components/button.mjs';
+import { Input } from '../../../../../../../ui/src/components/input.mjs';
 import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '../../../../../../../ui/src/components/table.mjs';
-import { usePluginOverrides, useBasePath } from '@btst/stack/context';
+import { useTranslate, useNotify, usePluginOverrides, useStack, useBasePath, CanAccess } from '@btst/stack/context';
+import { useListState } from '@btst/stack/client';
 import { EmptyState } from '../shared/empty-state.mjs';
 import { PageWrapper } from '../shared/page-wrapper.mjs';
-import { CMS_LOCALIZATION } from '../../localization/index.mjs';
 import { useRouteLifecycle } from '../../../../../../../ui/src/hooks/use-route-lifecycle.mjs';
-import { toast } from 'sonner';
-import { useSuspenseContentTypes, useSuspenseContent, useDeleteContent } from '../../hooks/cms-hooks.mjs';
+import { useSuspenseContentTypes, useSuspenseContent, useContent, useDeleteContent } from '../../hooks/cms-hooks.mjs';
 
+const LIST_STATE_SCHEMA = {
+  q: { type: "string", default: "", history: "replace" }
+};
+const SEARCH_DEBOUNCE_MS = 300;
 function ContentListPage({ typeSlug }) {
+  const t = useTranslate();
+  const notify = useNotify();
   const overrides = usePluginOverrides("cms");
-  const { navigate, Link } = overrides;
-  const localization = { ...CMS_LOCALIZATION, ...overrides.localization };
+  const { localization } = overrides;
+  const { router } = useStack();
+  const navigate = router?.navigate;
+  const Link = router?.Link;
   const basePath = useBasePath();
   useRouteLifecycle({
     routeName: "contentList",
@@ -23,30 +32,55 @@ function ContentListPage({ typeSlug }) {
       params: { typeSlug },
       isSSR: typeof window === "undefined"
     },
-    overrides,
-    beforeRenderHook: (overrides2, context) => {
-      if (overrides2.onBeforeListRendered) {
-        return overrides2.onBeforeListRendered(typeSlug, context);
-      }
-      return true;
-    }
+    overrides
   });
   const limit = 20;
+  const [{ q: search }, setListState] = useListState(
+    `cms-${typeSlug}`,
+    LIST_STATE_SCHEMA
+  );
+  const [searchInput, setSearchInput] = useState(search);
+  const lastSyncedSearch = useRef(search);
+  useEffect(() => {
+    if (search !== lastSyncedSearch.current) {
+      lastSyncedSearch.current = search;
+      setSearchInput(search);
+    }
+  }, [search]);
+  useEffect(() => {
+    if (searchInput === search) return;
+    const timeout = setTimeout(() => {
+      lastSyncedSearch.current = searchInput;
+      setListState({ q: searchInput });
+    }, SEARCH_DEBOUNCE_MS);
+    return () => clearTimeout(timeout);
+  }, [searchInput, search, setListState]);
+  const hasSearch = search.trim().length > 0;
   const { contentTypes } = useSuspenseContentTypes();
   const contentType = contentTypes.find((ct) => ct.slug === typeSlug);
-  const { items, total, refetch, loadMore, hasMore, isLoadingMore } = useSuspenseContent(typeSlug, {
-    limit
+  const defaultList = useSuspenseContent(typeSlug, { limit });
+  const searchedList = useContent(typeSlug, {
+    limit,
+    search,
+    enabled: hasSearch
   });
+  const activeList = hasSearch ? searchedList : defaultList;
+  const { items, total, loadMore, hasMore, isLoadingMore } = activeList;
+  const isSearchLoading = hasSearch && searchedList.isLoading;
   const deleteContent = useDeleteContent(typeSlug);
   const LinkComponent = Link || "a";
   const handleDelete = async (id) => {
     try {
       await deleteContent.mutateAsync(id);
-      toast.success(localization.CMS_TOAST_DELETE_SUCCESS);
-      void refetch();
     } catch {
-      toast.error(localization.CMS_TOAST_ERROR);
+      notify.error(
+        localization?.CMS_TOAST_ERROR ?? t("cms.toasts.error", "An error occurred. Please try again.")
+      );
+      return;
     }
+    notify.success(
+      localization?.CMS_TOAST_DELETE_SUCCESS ?? t("cms.toasts.deleteSuccess", "Item deleted successfully")
+    );
   };
   const formatDate = (dateString) => {
     return new Date(dateString).toLocaleDateString();
@@ -55,8 +89,8 @@ function ContentListPage({ typeSlug }) {
     return /* @__PURE__ */ jsx(PageWrapper, { testId: "cms-list-page", children: /* @__PURE__ */ jsx("div", { className: "w-full max-w-5xl", children: /* @__PURE__ */ jsx(
       EmptyState,
       {
-        title: localization.CMS_ERROR_NOT_FOUND,
-        description: "Content type not found"
+        title: localization?.CMS_ERROR_NOT_FOUND ?? t("cms.common.notFound", "Not found"),
+        description: localization?.CMS_ERROR_TYPE_NOT_FOUND_DESCRIPTION ?? t("cms.common.typeNotFoundDescription", "Content type not found")
       }
     ) }) });
   }
@@ -68,7 +102,7 @@ function ContentListPage({ typeSlug }) {
           {
             variant: "ghost",
             size: "icon",
-            onClick: () => navigate(`${basePath}/cms`),
+            onClick: () => void navigate?.(`${basePath}/cms`),
             children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" })
           }
         ),
@@ -77,87 +111,189 @@ function ContentListPage({ typeSlug }) {
           contentType.description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: contentType.description })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs(Button, { onClick: () => navigate(`${basePath}/cms/${typeSlug}/new`), children: [
-        /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }),
-        localization.CMS_BUTTON_NEW_ITEM
-      ] })
+      /* @__PURE__ */ jsx(
+        CanAccess,
+        {
+          resource: "cms:content",
+          action: "create",
+          params: { typeSlug },
+          children: /* @__PURE__ */ jsxs(
+            Button,
+            {
+              onClick: () => void navigate?.(`${basePath}/cms/${typeSlug}/new`),
+              children: [
+                /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }),
+                localization?.CMS_BUTTON_NEW_ITEM ?? t("cms.common.newItem", "New Item")
+              ]
+            }
+          )
+        }
+      )
     ] }),
-    items.length === 0 ? /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs("div", { className: "relative max-w-sm", children: [
+      /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          "data-testid": "cms-list-search",
+          value: searchInput,
+          onChange: (e) => setSearchInput(e.target.value),
+          placeholder: localization?.CMS_LIST_SEARCH_PLACEHOLDER ?? t("cms.list.searchPlaceholder", "Search items..."),
+          className: "pl-9"
+        }
+      ),
+      isSearchLoading && /* @__PURE__ */ jsx(Loader2, { className: "absolute right-3 top-1/2 h-4 w-4 -translate-y-1/2 animate-spin text-muted-foreground" })
+    ] }),
+    items.length === 0 ? isSearchLoading ? null : hasSearch ? /* @__PURE__ */ jsx(
       EmptyState,
       {
-        title: localization.CMS_LIST_EMPTY,
-        description: localization.CMS_LIST_EMPTY_DESCRIPTION,
-        action: /* @__PURE__ */ jsxs(
-          Button,
-          {
-            onClick: () => navigate(`${basePath}/cms/${typeSlug}/new`),
-            children: [
-              /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }),
-              localization.CMS_BUTTON_CREATE
-            ]
-          }
+        title: localization?.CMS_LIST_SEARCH_EMPTY ?? t("cms.list.searchEmpty", "No items match your search"),
+        description: localization?.CMS_LIST_SEARCH_EMPTY_DESCRIPTION ?? t(
+          "cms.list.searchEmptyDescription",
+          "Try a different search term."
         )
       }
-    ) : /* @__PURE__ */ jsxs("div", { className: "border rounded-lg", children: [
-      /* @__PURE__ */ jsxs(Table, { children: [
-        /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
-          /* @__PURE__ */ jsx(TableHead, { children: localization.CMS_LIST_COLUMN_SLUG }),
-          /* @__PURE__ */ jsx(TableHead, { children: localization.CMS_LIST_COLUMN_CREATED }),
-          /* @__PURE__ */ jsx(TableHead, { children: localization.CMS_LIST_COLUMN_UPDATED }),
-          /* @__PURE__ */ jsx(TableHead, { className: "w-[100px]", children: localization.CMS_LIST_COLUMN_ACTIONS })
-        ] }) }),
-        /* @__PURE__ */ jsx(TableBody, { children: items.map((item) => /* @__PURE__ */ jsxs(TableRow, { children: [
-          /* @__PURE__ */ jsx(TableCell, { className: "font-medium", children: /* @__PURE__ */ jsx(
-            LinkComponent,
-            {
-              href: `${basePath}/cms/${typeSlug}/${item.id}`,
-              className: "hover:underline",
-              children: item.slug
-            }
-          ) }),
-          /* @__PURE__ */ jsx(TableCell, { children: formatDate(item.createdAt) }),
-          /* @__PURE__ */ jsx(TableCell, { children: formatDate(item.updatedAt) }),
-          /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "ghost",
-                size: "icon",
-                onClick: () => navigate(`${basePath}/cms/${typeSlug}/${item.id}`),
-                children: /* @__PURE__ */ jsx(Pencil, { className: "h-4 w-4" })
-              }
-            ),
-            /* @__PURE__ */ jsx(
+    ) : /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        title: localization?.CMS_LIST_EMPTY ?? t("cms.list.empty", "No items yet"),
+        description: localization?.CMS_LIST_EMPTY_DESCRIPTION ?? t(
+          "cms.list.emptyDescription",
+          "Create your first item to get started."
+        ),
+        action: /* @__PURE__ */ jsx(
+          CanAccess,
+          {
+            resource: "cms:content",
+            action: "create",
+            params: { typeSlug },
+            children: /* @__PURE__ */ jsxs(
               Button,
               {
-                variant: "ghost",
-                size: "icon",
-                onClick: () => handleDelete(item.id),
-                disabled: deleteContent.isPending,
-                children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 text-destructive" })
+                onClick: () => void navigate?.(`${basePath}/cms/${typeSlug}/new`),
+                children: [
+                  /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }),
+                  localization?.CMS_BUTTON_CREATE ?? t("cms.common.create", "Create")
+                ]
               }
             )
-          ] }) })
-        ] }, item.id)) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-t", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: localization.CMS_LIST_PAGINATION_SHOWING.replace("{from}", "1").replace("{to}", String(items.length)).replace("{total}", String(total)) }),
-        hasMore && /* @__PURE__ */ jsxs(
-          Button,
-          {
-            variant: "outline",
-            size: "sm",
-            onClick: () => loadMore(),
-            disabled: isLoadingMore,
-            children: [
-              isLoadingMore && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }),
-              localization.CMS_LIST_PAGINATION_NEXT
-            ]
           }
         )
-      ] })
-    ] })
+      }
+    ) : /* @__PURE__ */ jsx(
+      ContentTable,
+      {
+        items,
+        total,
+        typeSlug,
+        basePath,
+        LinkComponent,
+        navigate,
+        onDelete: handleDelete,
+        isDeleting: deleteContent.isPending,
+        formatDate,
+        loadMore,
+        hasMore,
+        isLoadingMore,
+        localization,
+        t
+      }
+    )
   ] }) });
 }
+function ContentTable({
+  items,
+  total,
+  typeSlug,
+  basePath,
+  LinkComponent,
+  navigate,
+  onDelete,
+  isDeleting,
+  formatDate,
+  loadMore,
+  hasMore,
+  isLoadingMore,
+  localization,
+  t
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "border rounded-lg", children: [
+    /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsx(TableHead, { children: localization?.CMS_LIST_COLUMN_SLUG ?? t("cms.list.columnSlug", "Slug") }),
+        /* @__PURE__ */ jsx(TableHead, { children: localization?.CMS_LIST_COLUMN_CREATED ?? t("cms.list.columnCreated", "Created") }),
+        /* @__PURE__ */ jsx(TableHead, { children: localization?.CMS_LIST_COLUMN_UPDATED ?? t("cms.list.columnUpdated", "Updated") }),
+        /* @__PURE__ */ jsx(TableHead, { className: "w-[100px]", children: localization?.CMS_LIST_COLUMN_ACTIONS ?? t("cms.list.columnActions", "Actions") })
+      ] }) }),
+      /* @__PURE__ */ jsx(TableBody, { children: items.map((item) => /* @__PURE__ */ jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsx(TableCell, { className: "font-medium", children: /* @__PURE__ */ jsx(
+          LinkComponent,
+          {
+            href: `${basePath}/cms/${typeSlug}/${item.id}`,
+            className: "hover:underline",
+            children: item.slug
+          }
+        ) }),
+        /* @__PURE__ */ jsx(TableCell, { children: formatDate(item.createdAt) }),
+        /* @__PURE__ */ jsx(TableCell, { children: formatDate(item.updatedAt) }),
+        /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(
+            CanAccess,
+            {
+              resource: "cms:content",
+              action: "update",
+              params: { typeSlug, id: item.id },
+              children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  onClick: () => void navigate?.(
+                    `${basePath}/cms/${typeSlug}/${item.id}`
+                  ),
+                  children: /* @__PURE__ */ jsx(Pencil, { className: "h-4 w-4" })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            CanAccess,
+            {
+              resource: "cms:content",
+              action: "delete",
+              params: { typeSlug, id: item.id },
+              children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  onClick: () => onDelete(item.id),
+                  disabled: isDeleting,
+                  children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 text-destructive" })
+                }
+              )
+            }
+          )
+        ] }) })
+      ] }, item.id)) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-t", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: (localization?.CMS_LIST_PAGINATION_SHOWING ?? t("cms.list.paginationShowing", "Showing {from}-{to} of {total}")).replace("{from}", "1").replace("{to}", String(items.length)).replace("{total}", String(total)) }),
+      hasMore && /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: () => loadMore(),
+          disabled: isLoadingMore,
+          children: [
+            isLoadingMore && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }),
+            localization?.CMS_LIST_PAGINATION_NEXT ?? t("cms.list.paginationNext", "Next")
+          ]
+        }
+      )
+    ] })
+  ] });
+}
 
 export { ContentListPage };

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

@@ -7,14 +7,15 @@ const card = require('../../../../../../../ui/src/components/card.cjs');
 const context = require('@btst/stack/context');
 const emptyState = require('../shared/empty-state.cjs');
 const pageWrapper = require('../shared/page-wrapper.cjs');
-const index = require('../../localization/index.cjs');
 const useRouteLifecycle = require('../../../../../../../ui/src/hooks/use-route-lifecycle.cjs');
 const cmsHooks = require('../../hooks/cms-hooks.cjs');
 
 function DashboardPage() {
+  const t = context.useTranslate();
   const overrides = context.usePluginOverrides("cms");
-  const { navigate } = overrides;
-  const localization = { ...index.CMS_LOCALIZATION, ...overrides.localization };
+  const { localization } = overrides;
+  const { router } = context.useStack();
+  const navigate = router?.navigate;
   const basePath = context.useBasePath();
   useRouteLifecycle.useRouteLifecycle({
     routeName: "dashboard",
@@ -22,48 +23,46 @@ function DashboardPage() {
       path: "/cms",
       isSSR: typeof window === "undefined"
     },
-    overrides,
-    beforeRenderHook: (overrides2, context) => {
-      if (overrides2.onBeforeDashboardRendered) {
-        return overrides2.onBeforeDashboardRendered(context);
-      }
-      return true;
-    }
+    overrides
   });
   const { contentTypes } = cmsHooks.useSuspenseContentTypes();
+  const title = localization?.CMS_DASHBOARD_TITLE ?? t("cms.dashboard.title", "Content");
+  const subtitle = localization?.CMS_DASHBOARD_SUBTITLE ?? t("cms.dashboard.subtitle", "Manage your content types");
   if (contentTypes.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx(pageWrapper.PageWrapper, { testId: "cms-dashboard-page", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-5xl space-y-6", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold tracking-tight", children: localization.CMS_DASHBOARD_TITLE }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: localization.CMS_DASHBOARD_SUBTITLE })
+        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold tracking-tight", children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: subtitle })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
         emptyState.EmptyState,
         {
-          title: localization.CMS_DASHBOARD_NO_TYPES,
-          description: localization.CMS_DASHBOARD_NO_TYPES_DESCRIPTION
+          title: localization?.CMS_DASHBOARD_NO_TYPES ?? t("cms.dashboard.noTypes", "No content types configured"),
+          description: localization?.CMS_DASHBOARD_NO_TYPES_DESCRIPTION ?? t(
+            "cms.dashboard.noTypesDescription",
+            "Add content types to your CMS configuration to get started."
+          )
         }
       )
     ] }) });
   }
   const formatItemCount = (count) => {
-    if (count === 0) return localization.CMS_DASHBOARD_ITEMS_COUNT_ZERO;
-    if (count === 1) return localization.CMS_DASHBOARD_ITEMS_COUNT_ONE;
-    return localization.CMS_DASHBOARD_ITEMS_COUNT.replace(
-      "{count}",
-      String(count)
-    );
+    if (count === 0)
+      return localization?.CMS_DASHBOARD_ITEMS_COUNT_ZERO ?? t("cms.dashboard.itemsCountZero", "No items");
+    if (count === 1)
+      return localization?.CMS_DASHBOARD_ITEMS_COUNT_ONE ?? t("cms.dashboard.itemsCountOne", "1 item");
+    return (localization?.CMS_DASHBOARD_ITEMS_COUNT ?? t("cms.dashboard.itemsCount", "{count} items")).replace("{count}", String(count));
   };
   return /* @__PURE__ */ jsxRuntime.jsx(pageWrapper.PageWrapper, { testId: "cms-dashboard-page", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-5xl space-y-6", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold tracking-tight", children: localization.CMS_DASHBOARD_TITLE }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: localization.CMS_DASHBOARD_SUBTITLE })
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold tracking-tight", children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: subtitle })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: contentTypes.map((ct) => /* @__PURE__ */ jsxRuntime.jsxs(
       card.Card,
       {
         className: "hover:border-primary/50 transition-colors cursor-pointer",
-        onClick: () => navigate(`${basePath}/cms/${ct.slug}`),
+        onClick: () => void navigate?.(`${basePath}/cms/${ct.slug}`),
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs(card.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(card.CardTitle, { className: "text-lg font-medium", children: ct.name }),

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

@@ -2,17 +2,18 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { FileText } from 'lucide-react';
 import { Card, CardHeader, CardTitle, CardContent } from '../../../../../../../ui/src/components/card.mjs';
-import { usePluginOverrides, useBasePath } from '@btst/stack/context';
+import { useTranslate, usePluginOverrides, useStack, useBasePath } from '@btst/stack/context';
 import { EmptyState } from '../shared/empty-state.mjs';
 import { PageWrapper } from '../shared/page-wrapper.mjs';
-import { CMS_LOCALIZATION } from '../../localization/index.mjs';
 import { useRouteLifecycle } from '../../../../../../../ui/src/hooks/use-route-lifecycle.mjs';
 import { useSuspenseContentTypes } from '../../hooks/cms-hooks.mjs';
 
 function DashboardPage() {
+  const t = useTranslate();
   const overrides = usePluginOverrides("cms");
-  const { navigate } = overrides;
-  const localization = { ...CMS_LOCALIZATION, ...overrides.localization };
+  const { localization } = overrides;
+  const { router } = useStack();
+  const navigate = router?.navigate;
   const basePath = useBasePath();
   useRouteLifecycle({
     routeName: "dashboard",
@@ -20,48 +21,46 @@ function DashboardPage() {
       path: "/cms",
       isSSR: typeof window === "undefined"
     },
-    overrides,
-    beforeRenderHook: (overrides2, context) => {
-      if (overrides2.onBeforeDashboardRendered) {
-        return overrides2.onBeforeDashboardRendered(context);
-      }
-      return true;
-    }
+    overrides
   });
   const { contentTypes } = useSuspenseContentTypes();
+  const title = localization?.CMS_DASHBOARD_TITLE ?? t("cms.dashboard.title", "Content");
+  const subtitle = localization?.CMS_DASHBOARD_SUBTITLE ?? t("cms.dashboard.subtitle", "Manage your content types");
   if (contentTypes.length === 0) {
     return /* @__PURE__ */ jsx(PageWrapper, { testId: "cms-dashboard-page", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-5xl space-y-6", children: [
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold tracking-tight", children: localization.CMS_DASHBOARD_TITLE }),
-        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: localization.CMS_DASHBOARD_SUBTITLE })
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold tracking-tight", children: title }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: subtitle })
       ] }),
       /* @__PURE__ */ jsx(
         EmptyState,
         {
-          title: localization.CMS_DASHBOARD_NO_TYPES,
-          description: localization.CMS_DASHBOARD_NO_TYPES_DESCRIPTION
+          title: localization?.CMS_DASHBOARD_NO_TYPES ?? t("cms.dashboard.noTypes", "No content types configured"),
+          description: localization?.CMS_DASHBOARD_NO_TYPES_DESCRIPTION ?? t(
+            "cms.dashboard.noTypesDescription",
+            "Add content types to your CMS configuration to get started."
+          )
         }
       )
     ] }) });
   }
   const formatItemCount = (count) => {
-    if (count === 0) return localization.CMS_DASHBOARD_ITEMS_COUNT_ZERO;
-    if (count === 1) return localization.CMS_DASHBOARD_ITEMS_COUNT_ONE;
-    return localization.CMS_DASHBOARD_ITEMS_COUNT.replace(
-      "{count}",
-      String(count)
-    );
+    if (count === 0)
+      return localization?.CMS_DASHBOARD_ITEMS_COUNT_ZERO ?? t("cms.dashboard.itemsCountZero", "No items");
+    if (count === 1)
+      return localization?.CMS_DASHBOARD_ITEMS_COUNT_ONE ?? t("cms.dashboard.itemsCountOne", "1 item");
+    return (localization?.CMS_DASHBOARD_ITEMS_COUNT ?? t("cms.dashboard.itemsCount", "{count} items")).replace("{count}", String(count));
   };
   return /* @__PURE__ */ jsx(PageWrapper, { testId: "cms-dashboard-page", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-5xl space-y-6", children: [
     /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold tracking-tight", children: localization.CMS_DASHBOARD_TITLE }),
-      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: localization.CMS_DASHBOARD_SUBTITLE })
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold tracking-tight", children: title }),
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: subtitle })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: contentTypes.map((ct) => /* @__PURE__ */ jsxs(
       Card,
       {
         className: "hover:border-primary/50 transition-colors cursor-pointer",
-        onClick: () => navigate(`${basePath}/cms/${ct.slug}`),
+        onClick: () => void navigate?.(`${basePath}/cms/${ct.slug}`),
         children: [
           /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
             /* @__PURE__ */ jsx(CardTitle, { className: "text-lg font-medium", children: ct.name }),