@btst/stack 1.4.0 → 1.5.0

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

@@ -0,0 +1,44 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { lazy } from 'react';
+import { usePluginOverrides } from '@btst/stack/context';
+import { ComposedRoute } from '@btst/stack/client/components';
+import { DefaultError } from '../shared/default-error.mjs';
+import { NotFoundPage } from './404-page.mjs';
+import { EditorSkeleton } from '../loading/editor-skeleton.mjs';
+
+const ContentEditorPageInternal = lazy(
+  () => import('./content-editor-page.internal.mjs').then((m) => ({
+    default: m.ContentEditorPage
+  }))
+);
+function ContentEditorPageComponent({
+  typeSlug,
+  id
+}) {
+  const { onRouteError } = usePluginOverrides("cms");
+  const isNew = !id;
+  const path = isNew ? `/cms/${typeSlug}/new` : `/cms/${typeSlug}/${id}`;
+  return /* @__PURE__ */ jsx(
+    ComposedRoute,
+    {
+      path,
+      PageComponent: ContentEditorPageInternal,
+      ErrorComponent: DefaultError,
+      LoadingComponent: EditorSkeleton,
+      NotFoundComponent: NotFoundPage,
+      props: { typeSlug, id },
+      onError: (error) => {
+        if (onRouteError) {
+          onRouteError("contentEditor", error, {
+            path,
+            params: { typeSlug, id: id ?? "" },
+            isSSR: typeof window === "undefined"
+          });
+        }
+      }
+    }
+  );
+}
+
+export { ContentEditorPageComponent };

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

@@ -0,0 +1,43 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const context = require('@btst/stack/context');
+const components = require('@btst/stack/client/components');
+const defaultError = require('../shared/default-error.cjs');
+const _404Page = require('./404-page.cjs');
+const listSkeleton = require('../loading/list-skeleton.cjs');
+
+const ContentListPageInternal = React.lazy(
+  () => import('./content-list-page.internal.cjs').then((m) => ({
+    default: m.ContentListPage
+  }))
+);
+function ContentListPageComponent({
+  typeSlug
+}) {
+  const { onRouteError } = context.usePluginOverrides("cms");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components.ComposedRoute,
+    {
+      path: `/cms/${typeSlug}`,
+      PageComponent: ContentListPageInternal,
+      ErrorComponent: defaultError.DefaultError,
+      LoadingComponent: listSkeleton.ListSkeleton,
+      NotFoundComponent: _404Page.NotFoundPage,
+      props: { typeSlug },
+      onError: (error) => {
+        if (onRouteError) {
+          onRouteError("contentList", error, {
+            path: `/cms/${typeSlug}`,
+            params: { typeSlug },
+            isSSR: typeof window === "undefined"
+          });
+        }
+      }
+    }
+  );
+}
+
+exports.ContentListPageComponent = ContentListPageComponent;

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

@@ -0,0 +1,152 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const button = require('../../../../../../../ui/src/components/button.cjs');
+const table = require('../../../../../../../ui/src/components/table.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 sonner = require('sonner');
+const cmsHooks = require('../../hooks/cms-hooks.cjs');
+
+function ContentListPage({ typeSlug }) {
+  const {
+    navigate,
+    Link,
+    localization: customLocalization
+  } = context.usePluginOverrides("cms");
+  const localization = { ...index.CMS_LOCALIZATION, ...customLocalization };
+  const basePath = context.useBasePath();
+  const limit = 20;
+  const { contentTypes } = cmsHooks.useSuspenseContentTypes();
+  const contentType = contentTypes.find((ct) => ct.slug === typeSlug);
+  const { items, total, refetch, loadMore, hasMore, isLoadingMore } = cmsHooks.useSuspenseContent(typeSlug, {
+    limit
+  });
+  const deleteContent = cmsHooks.useDeleteContent(typeSlug);
+  const LinkComponent = Link || "a";
+  const handleDelete = async (id) => {
+    try {
+      await deleteContent.mutateAsync(id);
+      sonner.toast.success(localization.CMS_TOAST_DELETE_SUCCESS);
+      void refetch();
+    } catch {
+      sonner.toast.error(localization.CMS_TOAST_ERROR);
+    }
+  };
+  const formatDate = (dateString) => {
+    return new Date(dateString).toLocaleDateString();
+  };
+  if (!contentType) {
+    return /* @__PURE__ */ jsxRuntime.jsx(pageWrapper.PageWrapper, { testId: "cms-list-page", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full max-w-5xl", children: /* @__PURE__ */ jsxRuntime.jsx(
+      emptyState.EmptyState,
+      {
+        title: localization.CMS_ERROR_NOT_FOUND,
+        description: "Content type not found"
+      }
+    ) }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(pageWrapper.PageWrapper, { testId: "cms-list-page", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-5xl space-y-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          button.Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            onClick: () => navigate(`${basePath}/cms`),
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold tracking-tight", children: contentType.name }),
+          contentType.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: contentType.description })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(button.Button, { onClick: () => navigate(`${basePath}/cms/${typeSlug}/new`), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4 mr-2" }),
+        localization.CMS_BUTTON_NEW_ITEM
+      ] })
+    ] }),
+    items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+      emptyState.EmptyState,
+      {
+        title: localization.CMS_LIST_EMPTY,
+        description: localization.CMS_LIST_EMPTY_DESCRIPTION,
+        action: /* @__PURE__ */ jsxRuntime.jsxs(
+          button.Button,
+          {
+            onClick: () => navigate(`${basePath}/cms/${typeSlug}/new`),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4 mr-2" }),
+              localization.CMS_BUTTON_CREATE
+            ]
+          }
+        )
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border rounded-lg", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(table.Table, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(table.TableHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(table.TableRow, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { children: localization.CMS_LIST_COLUMN_SLUG }),
+          /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { children: localization.CMS_LIST_COLUMN_CREATED }),
+          /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { children: localization.CMS_LIST_COLUMN_UPDATED }),
+          /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { className: "w-[100px]", children: localization.CMS_LIST_COLUMN_ACTIONS })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(table.TableBody, { children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(table.TableRow, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { className: "font-medium", children: /* @__PURE__ */ jsxRuntime.jsx(
+            LinkComponent,
+            {
+              href: `${basePath}/cms/${typeSlug}/${item.id}`,
+              className: "hover:underline",
+              children: item.slug
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { children: formatDate(item.createdAt) }),
+          /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { children: formatDate(item.updatedAt) }),
+          /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              button.Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                onClick: () => navigate(`${basePath}/cms/${typeSlug}/${item.id}`),
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              button.Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                onClick: () => handleDelete(item.id),
+                disabled: deleteContent.isPending,
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "h-4 w-4 text-destructive" })
+              }
+            )
+          ] }) })
+        ] }, item.id)) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-t", children: [
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+          button.Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => loadMore(),
+            disabled: isLoadingMore,
+            children: [
+              isLoadingMore && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 mr-2 animate-spin" }),
+              localization.CMS_LIST_PAGINATION_NEXT
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+
+exports.ContentListPage = ContentListPage;

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

@@ -0,0 +1,150 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ArrowLeft, Plus, Pencil, Trash2, Loader2 } from 'lucide-react';
+import { Button } from '../../../../../../../ui/src/components/button.mjs';
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '../../../../../../../ui/src/components/table.mjs';
+import { usePluginOverrides, 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 { toast } from 'sonner';
+import { useSuspenseContentTypes, useSuspenseContent, useDeleteContent } from '../../hooks/cms-hooks.mjs';
+
+function ContentListPage({ typeSlug }) {
+  const {
+    navigate,
+    Link,
+    localization: customLocalization
+  } = usePluginOverrides("cms");
+  const localization = { ...CMS_LOCALIZATION, ...customLocalization };
+  const basePath = useBasePath();
+  const limit = 20;
+  const { contentTypes } = useSuspenseContentTypes();
+  const contentType = contentTypes.find((ct) => ct.slug === typeSlug);
+  const { items, total, refetch, loadMore, hasMore, isLoadingMore } = useSuspenseContent(typeSlug, {
+    limit
+  });
+  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);
+    }
+  };
+  const formatDate = (dateString) => {
+    return new Date(dateString).toLocaleDateString();
+  };
+  if (!contentType) {
+    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"
+      }
+    ) }) });
+  }
+  return /* @__PURE__ */ jsx(PageWrapper, { testId: "cms-list-page", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-5xl space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            onClick: () => navigate(`${basePath}/cms`),
+            children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold tracking-tight", children: contentType.name }),
+          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
+      ] })
+    ] }),
+    items.length === 0 ? /* @__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
+            ]
+          }
+        )
+      }
+    ) : /* @__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(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                onClick: () => handleDelete(item.id),
+                disabled: deleteContent.isPending,
+                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.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
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+
+export { ContentListPage };

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

@@ -0,0 +1,41 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { lazy } from 'react';
+import { usePluginOverrides } from '@btst/stack/context';
+import { ComposedRoute } from '@btst/stack/client/components';
+import { DefaultError } from '../shared/default-error.mjs';
+import { NotFoundPage } from './404-page.mjs';
+import { ListSkeleton } from '../loading/list-skeleton.mjs';
+
+const ContentListPageInternal = lazy(
+  () => import('./content-list-page.internal.mjs').then((m) => ({
+    default: m.ContentListPage
+  }))
+);
+function ContentListPageComponent({
+  typeSlug
+}) {
+  const { onRouteError } = usePluginOverrides("cms");
+  return /* @__PURE__ */ jsx(
+    ComposedRoute,
+    {
+      path: `/cms/${typeSlug}`,
+      PageComponent: ContentListPageInternal,
+      ErrorComponent: DefaultError,
+      LoadingComponent: ListSkeleton,
+      NotFoundComponent: NotFoundPage,
+      props: { typeSlug },
+      onError: (error) => {
+        if (onRouteError) {
+          onRouteError("contentList", error, {
+            path: `/cms/${typeSlug}`,
+            params: { typeSlug },
+            isSSR: typeof window === "undefined"
+          });
+        }
+      }
+    }
+  );
+}
+
+export { ContentListPageComponent };

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

@@ -0,0 +1,39 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const context = require('@btst/stack/context');
+const components = require('@btst/stack/client/components');
+const defaultError = require('../shared/default-error.cjs');
+const _404Page = require('./404-page.cjs');
+const dashboardSkeleton = require('../loading/dashboard-skeleton.cjs');
+
+const DashboardPageInternal = React.lazy(
+  () => import('./dashboard-page.internal.cjs').then((m) => ({
+    default: m.DashboardPage
+  }))
+);
+function DashboardPageComponent() {
+  const { onRouteError } = context.usePluginOverrides("cms");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components.ComposedRoute,
+    {
+      path: "/cms",
+      PageComponent: DashboardPageInternal,
+      ErrorComponent: defaultError.DefaultError,
+      LoadingComponent: dashboardSkeleton.DashboardSkeleton,
+      NotFoundComponent: _404Page.NotFoundPage,
+      onError: (error) => {
+        if (onRouteError) {
+          onRouteError("dashboard", error, {
+            path: "/cms",
+            isSSR: typeof window === "undefined"
+          });
+        }
+      }
+    }
+  );
+}
+
+exports.DashboardPageComponent = DashboardPageComponent;

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

@@ -0,0 +1,68 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+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 cmsHooks = require('../../hooks/cms-hooks.cjs');
+
+function DashboardPage() {
+  const { navigate, localization: customLocalization } = context.usePluginOverrides("cms");
+  const localization = { ...index.CMS_LOCALIZATION, ...customLocalization };
+  const basePath = context.useBasePath();
+  const { contentTypes } = cmsHooks.useSuspenseContentTypes();
+  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(
+        emptyState.EmptyState,
+        {
+          title: localization.CMS_DASHBOARD_NO_TYPES,
+          description: localization.CMS_DASHBOARD_NO_TYPES_DESCRIPTION
+        }
+      )
+    ] }) });
+  }
+  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)
+    );
+  };
+  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("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}`),
+        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 }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "h-5 w-5 text-muted-foreground" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(card.CardContent, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xl font-bold", children: ct.itemCount }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: formatItemCount(ct.itemCount) }),
+            ct.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mt-2 line-clamp-2", children: ct.description })
+          ] })
+        ]
+      },
+      ct.id
+    )) })
+  ] }) });
+}
+
+exports.DashboardPage = DashboardPage;

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

@@ -0,0 +1,66 @@
+"use client";
+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 { EmptyState } from '../shared/empty-state.mjs';
+import { PageWrapper } from '../shared/page-wrapper.mjs';
+import { CMS_LOCALIZATION } from '../../localization/index.mjs';
+import { useSuspenseContentTypes } from '../../hooks/cms-hooks.mjs';
+
+function DashboardPage() {
+  const { navigate, localization: customLocalization } = usePluginOverrides("cms");
+  const localization = { ...CMS_LOCALIZATION, ...customLocalization };
+  const basePath = useBasePath();
+  const { contentTypes } = useSuspenseContentTypes();
+  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(
+        EmptyState,
+        {
+          title: localization.CMS_DASHBOARD_NO_TYPES,
+          description: localization.CMS_DASHBOARD_NO_TYPES_DESCRIPTION
+        }
+      )
+    ] }) });
+  }
+  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)
+    );
+  };
+  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("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}`),
+        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 }),
+            /* @__PURE__ */ jsx(FileText, { className: "h-5 w-5 text-muted-foreground" })
+          ] }),
+          /* @__PURE__ */ jsxs(CardContent, { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-2xl font-bold", children: ct.itemCount }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: formatItemCount(ct.itemCount) }),
+            ct.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-2 line-clamp-2", children: ct.description })
+          ] })
+        ]
+      },
+      ct.id
+    )) })
+  ] }) });
+}
+
+export { DashboardPage };

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

@@ -0,0 +1,37 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { lazy } from 'react';
+import { usePluginOverrides } from '@btst/stack/context';
+import { ComposedRoute } from '@btst/stack/client/components';
+import { DefaultError } from '../shared/default-error.mjs';
+import { NotFoundPage } from './404-page.mjs';
+import { DashboardSkeleton } from '../loading/dashboard-skeleton.mjs';
+
+const DashboardPageInternal = lazy(
+  () => import('./dashboard-page.internal.mjs').then((m) => ({
+    default: m.DashboardPage
+  }))
+);
+function DashboardPageComponent() {
+  const { onRouteError } = usePluginOverrides("cms");
+  return /* @__PURE__ */ jsx(
+    ComposedRoute,
+    {
+      path: "/cms",
+      PageComponent: DashboardPageInternal,
+      ErrorComponent: DefaultError,
+      LoadingComponent: DashboardSkeleton,
+      NotFoundComponent: NotFoundPage,
+      onError: (error) => {
+        if (onRouteError) {
+          onRouteError("dashboard", error, {
+            path: "/cms",
+            isSSR: typeof window === "undefined"
+          });
+        }
+      }
+    }
+  );
+}
+
+export { DashboardPageComponent };

package/dist/packages/better-stack/src/plugins/cms/client/components/shared/default-error.cjs

@@ -0,0 +1,17 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const button = require('../../../../../../../ui/src/components/button.cjs');
+
+function DefaultError({ error, resetErrorBoundary }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-destructive/10 p-4 mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-8 w-8 text-destructive" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-medium text-foreground mb-2", children: "Something went wrong" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-4 max-w-sm", children: error.message || "An unexpected error occurred" }),
+    resetErrorBoundary && /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", onClick: resetErrorBoundary, children: "Try again" })
+  ] });
+}
+
+exports.DefaultError = DefaultError;