@btst/stack 2.12.2 → 3.0.0-rc.2

package/dist/packages/stack/src/plugins/comments/client/components/pages/my-comments-page.internal.cjs

@@ -9,36 +9,50 @@ const button = require('../../../../../../../ui/src/components/button.cjs');
 const badge = require('../../../../../../../ui/src/components/badge.cjs');
 const avatar = require('../../../../../../../ui/src/components/avatar.cjs');
 const LucideIcons = require('lucide-react');
-const sonner = require('sonner');
 const dateFns = require('date-fns');
+const context = require('@btst/stack/context');
+const client = require('@btst/stack/client');
 const paginationControls = require('../../../../../../../ui/src/components/pagination-controls.cjs');
 const useComments = require('../../hooks/use-comments.cjs');
-const index = require('../../localization/index.cjs');
 const utils = require('../../utils.cjs');
 
 const PAGE_LIMIT = 20;
+const LIST_STATE_SCHEMA = {
+  page: { type: "number", default: 1 }
+};
 function StatusBadge({
   status,
-  loc
+  localization
 }) {
+  const t = context.useTranslate();
   if (status === "approved") {
-    return /* @__PURE__ */ jsxRuntime.jsx(badge.Badge, { variant: "outline", className: "text-green-700 border-green-300", children: loc.COMMENTS_MY_STATUS_APPROVED });
+    return /* @__PURE__ */ jsxRuntime.jsx(badge.Badge, { variant: "outline", className: "text-green-700 border-green-300", children: localization?.COMMENTS_MY_STATUS_APPROVED ?? t("comments.my.statusApproved", "Approved") });
   }
   if (status === "pending") {
-    return /* @__PURE__ */ jsxRuntime.jsx(badge.Badge, { variant: "outline", className: "text-yellow-700 border-yellow-300", children: loc.COMMENTS_MY_STATUS_PENDING });
+    return /* @__PURE__ */ jsxRuntime.jsx(badge.Badge, { variant: "outline", className: "text-yellow-700 border-yellow-300", children: localization?.COMMENTS_MY_STATUS_PENDING ?? t("comments.my.statusPending", "Pending") });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(badge.Badge, { variant: "outline", className: "text-red-700 border-red-300", children: loc.COMMENTS_MY_STATUS_SPAM });
+  return /* @__PURE__ */ jsxRuntime.jsx(badge.Badge, { variant: "outline", className: "text-red-700 border-red-300", children: localization?.COMMENTS_MY_STATUS_SPAM ?? t("comments.my.statusSpam", "Spam") });
 }
 function UserCommentsPage({
-  apiBaseURL,
-  apiBasePath,
-  headers,
-  currentUserId: currentUserIdProp,
   resourceLinks,
-  localization: localizationProp
+  localization
 }) {
-  const loc = { ...index.COMMENTS_LOCALIZATION, ...localizationProp };
-  const resolvedUserId = utils.useResolvedCurrentUserId(currentUserIdProp);
+  const t = context.useTranslate();
+  const { api } = context.useStack();
+  const { currentUserId: resolvedUserId, isPending: isIdentityPending } = utils.useCurrentUserId();
+  if (isIdentityPending) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "space-y-3 py-20 animate-pulse",
+        "data-testid": "my-comments-identity-loading",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 w-48 mx-auto rounded bg-muted" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-64 mx-auto rounded bg-muted" })
+        ]
+      }
+    );
+  }
   if (!resolvedUserId) {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -47,8 +61,11 @@ function UserCommentsPage({
         "data-testid": "my-comments-login-prompt",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.LogIn, { className: "h-10 w-10 text-muted-foreground" }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-medium", children: loc.COMMENTS_MY_LOGIN_TITLE }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: loc.COMMENTS_MY_LOGIN_DESCRIPTION })
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-medium", children: localization?.COMMENTS_MY_LOGIN_TITLE ?? t("comments.my.loginTitle", "Please log in to view your comments") }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: localization?.COMMENTS_MY_LOGIN_DESCRIPTION ?? t(
+            "comments.my.loginDescription",
+            "You need to be logged in to see your comment history."
+          ) })
         ]
       }
     );
@@ -56,26 +73,30 @@ function UserCommentsPage({
   return /* @__PURE__ */ jsxRuntime.jsx(
     UserCommentsList,
     {
-      apiBaseURL,
-      apiBasePath,
-      headers,
+      apiBaseURL: api?.baseURL ?? "",
+      apiBasePath: api?.basePath ?? "",
       currentUserId: resolvedUserId,
       resourceLinks,
-      loc
+      localization
     }
   );
 }
 function UserCommentsList({
   apiBaseURL,
   apiBasePath,
-  headers,
   currentUserId,
   resourceLinks,
-  loc
+  localization
 }) {
-  const [page, setPage] = React.useState(1);
+  const t = context.useTranslate();
+  const notify = context.useNotify();
+  const [listState, setListState] = client.useListState(
+    "comments-my",
+    LIST_STATE_SCHEMA
+  );
+  const page = Math.max(1, Math.floor(listState.page) || 1);
   const [deleteId, setDeleteId] = React.useState(null);
-  const config = { apiBaseURL, apiBasePath, headers };
+  const config = { apiBaseURL, apiBasePath };
   const offset = (page - 1) * PAGE_LIMIT;
   const { comments, total, refetch } = useComments.useSuspenseComments(config, {
     authorId: currentUserId,
@@ -89,10 +110,14 @@ function UserCommentsList({
     if (!deleteId) return;
     try {
       await deleteMutation.mutateAsync(deleteId);
-      sonner.toast.success(loc.COMMENTS_MY_TOAST_DELETED);
+      notify.success(
+        localization?.COMMENTS_MY_TOAST_DELETED ?? t("comments.my.toastDeleted", "Comment deleted")
+      );
       refetch();
     } catch {
-      sonner.toast.error(loc.COMMENTS_MY_TOAST_DELETE_ERROR);
+      notify.error(
+        localization?.COMMENTS_MY_TOAST_DELETE_ERROR ?? t("comments.my.toastDeleteError", "Failed to delete comment")
+      );
     } finally {
       setDeleteId(null);
     }
@@ -105,19 +130,22 @@ function UserCommentsList({
         "data-testid": "my-comments-empty",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.MessageSquareOff, { className: "h-10 w-10 text-muted-foreground" }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-medium", children: loc.COMMENTS_MY_EMPTY_TITLE }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: loc.COMMENTS_MY_EMPTY_DESCRIPTION })
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-medium", children: localization?.COMMENTS_MY_EMPTY_TITLE ?? t("comments.my.emptyTitle", "No comments yet") }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: localization?.COMMENTS_MY_EMPTY_DESCRIPTION ?? t(
+            "comments.my.emptyDescription",
+            "Comments you post will appear here."
+          ) })
         ]
       }
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": "my-comments-page", className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold tracking-tight", children: loc.COMMENTS_MY_PAGE_TITLE }),
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold tracking-tight", children: localization?.COMMENTS_MY_PAGE_TITLE ?? t("comments.my.pageTitle", "My Comments") }),
       /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground mt-1", children: [
         total,
         " ",
-        loc.COMMENTS_MY_COL_COMMENT.toLowerCase(),
+        (localization?.COMMENTS_MY_COL_COMMENT ?? t("comments.my.colComment", "Comment")).toLowerCase(),
         total !== 1 ? "s" : ""
       ] })
     ] }),
@@ -130,10 +158,10 @@ function UserCommentsList({
           /* @__PURE__ */ jsxRuntime.jsxs(table.Table, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(table.TableHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(table.TableRow, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { className: "w-10" }),
-              /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { children: loc.COMMENTS_MY_COL_COMMENT }),
-              /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { className: "hidden sm:table-cell w-32", children: loc.COMMENTS_MY_COL_RESOURCE }),
-              /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { className: "w-28", children: loc.COMMENTS_MY_COL_STATUS }),
-              /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { className: "hidden md:table-cell w-36", children: loc.COMMENTS_MY_COL_DATE }),
+              /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { children: localization?.COMMENTS_MY_COL_COMMENT ?? t("comments.my.colComment", "Comment") }),
+              /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { className: "hidden sm:table-cell w-32", children: localization?.COMMENTS_MY_COL_RESOURCE ?? t("comments.my.colResource", "Resource") }),
+              /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { className: "w-28", children: localization?.COMMENTS_MY_COL_STATUS ?? t("comments.my.colStatus", "Status") }),
+              /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { className: "hidden md:table-cell w-36", children: localization?.COMMENTS_MY_COL_DATE ?? t("comments.my.colDate", "Date") }),
               /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { className: "w-16" })
             ] }) }),
             /* @__PURE__ */ jsxRuntime.jsx(table.TableBody, { children: comments.map((comment) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -141,7 +169,7 @@ function UserCommentsList({
               {
                 comment,
                 resourceLinks,
-                loc,
+                localization,
                 onDelete: () => setDeleteId(comment.id),
                 isDeleting: deleteMutation.isPending && deleteId === comment.id
               },
@@ -157,7 +185,7 @@ function UserCommentsList({
               limit: PAGE_LIMIT,
               offset,
               onPageChange: (p) => {
-                setPage(p);
+                setListState({ page: p });
                 window.scrollTo({ top: 0, behavior: "smooth" });
               }
             }
@@ -172,17 +200,20 @@ function UserCommentsList({
         onOpenChange: (open) => !open && setDeleteId(null),
         children: /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialogContent, { children: [
           /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialogHeader, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogTitle, { children: loc.COMMENTS_MY_DELETE_TITLE }),
-            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogDescription, { children: loc.COMMENTS_MY_DELETE_DESCRIPTION })
+            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogTitle, { children: localization?.COMMENTS_MY_DELETE_TITLE ?? t("comments.my.deleteTitle", "Delete comment?") }),
+            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogDescription, { children: localization?.COMMENTS_MY_DELETE_DESCRIPTION ?? t(
+              "comments.my.deleteDescription",
+              "This action cannot be undone. The comment will be permanently removed."
+            ) })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialogFooter, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogCancel, { children: loc.COMMENTS_MY_DELETE_CANCEL }),
+            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogCancel, { children: localization?.COMMENTS_MY_DELETE_CANCEL ?? t("comments.my.deleteCancel", "Cancel") }),
             /* @__PURE__ */ jsxRuntime.jsx(
               alertDialog.AlertDialogAction,
               {
                 onClick: handleDelete,
                 className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-                children: loc.COMMENTS_MY_DELETE_CONFIRM
+                children: localization?.COMMENTS_MY_DELETE_CONFIRM ?? t("comments.my.deleteConfirm", "Delete")
               }
             )
           ] })
@@ -194,10 +225,11 @@ function UserCommentsList({
 function CommentRow({
   comment,
   resourceLinks,
-  loc,
+  localization,
   onDelete,
   isDeleting
 }) {
+  const t = context.useTranslate();
   const resourceUrlBase = resourceLinks?.[comment.resourceType]?.(
     comment.resourceId
   );
@@ -215,7 +247,7 @@ function CommentRow({
     ] }) }),
     /* @__PURE__ */ jsxRuntime.jsxs(table.TableCell, { className: "max-w-xs", children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm line-clamp-2", children: comment.body }),
-      comment.parentId && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground mt-0.5 block", children: loc.COMMENTS_MY_REPLY_INDICATOR })
+      comment.parentId && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground mt-0.5 block", children: localization?.COMMENTS_MY_REPLY_INDICATOR ?? t("comments.my.replyIndicator", "\u21A9 Reply") })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { className: "hidden sm:table-cell", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-muted-foreground capitalize", children: comment.resourceType.replace(/-/g, " ") }),
@@ -227,13 +259,13 @@ function CommentRow({
           target: "_blank",
           rel: "noopener noreferrer",
           children: [
-            loc.COMMENTS_MY_VIEW_LINK,
+            localization?.COMMENTS_MY_VIEW_LINK ?? t("comments.my.viewLink", "View"),
             /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ExternalLink, { className: "h-3 w-3" })
           ]
         }
       ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground truncate max-w-[100px]", children: comment.resourceId })
     ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status: comment.status, loc }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status: comment.status, localization }) }),
     /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { className: "hidden md:table-cell text-xs text-muted-foreground", children: dateFns.formatDistanceToNow(new Date(comment.createdAt), { addSuffix: true }) }),
     /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs(
       button.Button,
@@ -246,7 +278,7 @@ function CommentRow({
         "data-testid": "my-comment-delete-button",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Trash2, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: loc.COMMENTS_MY_DELETE_BUTTON_SR })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: localization?.COMMENTS_MY_DELETE_BUTTON_SR ?? t("comments.my.deleteButtonSr", "Delete comment") })
         ]
       }
     ) })

package/dist/packages/stack/src/plugins/comments/client/components/pages/my-comments-page.internal.mjs

@@ -7,36 +7,50 @@ import { Button } from '../../../../../../../ui/src/components/button.mjs';
 import { Badge } from '../../../../../../../ui/src/components/badge.mjs';
 import { Avatar, AvatarImage, AvatarFallback } from '../../../../../../../ui/src/components/avatar.mjs';
 import { LogIn, MessageSquareOff, ExternalLink, Trash2 } from 'lucide-react';
-import { toast } from 'sonner';
 import { formatDistanceToNow } from 'date-fns';
+import { useTranslate, useStack, useNotify } from '@btst/stack/context';
+import { useListState } from '@btst/stack/client';
 import { PaginationControls } from '../../../../../../../ui/src/components/pagination-controls.mjs';
 import { useSuspenseComments, useDeleteComment } from '../../hooks/use-comments.mjs';
-import { COMMENTS_LOCALIZATION } from '../../localization/index.mjs';
-import { useResolvedCurrentUserId, getInitials } from '../../utils.mjs';
+import { useCurrentUserId, getInitials } from '../../utils.mjs';
 
 const PAGE_LIMIT = 20;
+const LIST_STATE_SCHEMA = {
+  page: { type: "number", default: 1 }
+};
 function StatusBadge({
   status,
-  loc
+  localization
 }) {
+  const t = useTranslate();
   if (status === "approved") {
-    return /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-green-700 border-green-300", children: loc.COMMENTS_MY_STATUS_APPROVED });
+    return /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-green-700 border-green-300", children: localization?.COMMENTS_MY_STATUS_APPROVED ?? t("comments.my.statusApproved", "Approved") });
   }
   if (status === "pending") {
-    return /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-yellow-700 border-yellow-300", children: loc.COMMENTS_MY_STATUS_PENDING });
+    return /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-yellow-700 border-yellow-300", children: localization?.COMMENTS_MY_STATUS_PENDING ?? t("comments.my.statusPending", "Pending") });
   }
-  return /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-red-700 border-red-300", children: loc.COMMENTS_MY_STATUS_SPAM });
+  return /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-red-700 border-red-300", children: localization?.COMMENTS_MY_STATUS_SPAM ?? t("comments.my.statusSpam", "Spam") });
 }
 function UserCommentsPage({
-  apiBaseURL,
-  apiBasePath,
-  headers,
-  currentUserId: currentUserIdProp,
   resourceLinks,
-  localization: localizationProp
+  localization
 }) {
-  const loc = { ...COMMENTS_LOCALIZATION, ...localizationProp };
-  const resolvedUserId = useResolvedCurrentUserId(currentUserIdProp);
+  const t = useTranslate();
+  const { api } = useStack();
+  const { currentUserId: resolvedUserId, isPending: isIdentityPending } = useCurrentUserId();
+  if (isIdentityPending) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "space-y-3 py-20 animate-pulse",
+        "data-testid": "my-comments-identity-loading",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "h-6 w-48 mx-auto rounded bg-muted" }),
+          /* @__PURE__ */ jsx("div", { className: "h-4 w-64 mx-auto rounded bg-muted" })
+        ]
+      }
+    );
+  }
   if (!resolvedUserId) {
     return /* @__PURE__ */ jsxs(
       "div",
@@ -45,8 +59,11 @@ function UserCommentsPage({
         "data-testid": "my-comments-login-prompt",
         children: [
           /* @__PURE__ */ jsx(LogIn, { className: "h-10 w-10 text-muted-foreground" }),
-          /* @__PURE__ */ jsx("p", { className: "text-lg font-medium", children: loc.COMMENTS_MY_LOGIN_TITLE }),
-          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: loc.COMMENTS_MY_LOGIN_DESCRIPTION })
+          /* @__PURE__ */ jsx("p", { className: "text-lg font-medium", children: localization?.COMMENTS_MY_LOGIN_TITLE ?? t("comments.my.loginTitle", "Please log in to view your comments") }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: localization?.COMMENTS_MY_LOGIN_DESCRIPTION ?? t(
+            "comments.my.loginDescription",
+            "You need to be logged in to see your comment history."
+          ) })
         ]
       }
     );
@@ -54,26 +71,30 @@ function UserCommentsPage({
   return /* @__PURE__ */ jsx(
     UserCommentsList,
     {
-      apiBaseURL,
-      apiBasePath,
-      headers,
+      apiBaseURL: api?.baseURL ?? "",
+      apiBasePath: api?.basePath ?? "",
       currentUserId: resolvedUserId,
       resourceLinks,
-      loc
+      localization
     }
   );
 }
 function UserCommentsList({
   apiBaseURL,
   apiBasePath,
-  headers,
   currentUserId,
   resourceLinks,
-  loc
+  localization
 }) {
-  const [page, setPage] = useState(1);
+  const t = useTranslate();
+  const notify = useNotify();
+  const [listState, setListState] = useListState(
+    "comments-my",
+    LIST_STATE_SCHEMA
+  );
+  const page = Math.max(1, Math.floor(listState.page) || 1);
   const [deleteId, setDeleteId] = useState(null);
-  const config = { apiBaseURL, apiBasePath, headers };
+  const config = { apiBaseURL, apiBasePath };
   const offset = (page - 1) * PAGE_LIMIT;
   const { comments, total, refetch } = useSuspenseComments(config, {
     authorId: currentUserId,
@@ -87,10 +108,14 @@ function UserCommentsList({
     if (!deleteId) return;
     try {
       await deleteMutation.mutateAsync(deleteId);
-      toast.success(loc.COMMENTS_MY_TOAST_DELETED);
+      notify.success(
+        localization?.COMMENTS_MY_TOAST_DELETED ?? t("comments.my.toastDeleted", "Comment deleted")
+      );
       refetch();
     } catch {
-      toast.error(loc.COMMENTS_MY_TOAST_DELETE_ERROR);
+      notify.error(
+        localization?.COMMENTS_MY_TOAST_DELETE_ERROR ?? t("comments.my.toastDeleteError", "Failed to delete comment")
+      );
     } finally {
       setDeleteId(null);
     }
@@ -103,19 +128,22 @@ function UserCommentsList({
         "data-testid": "my-comments-empty",
         children: [
           /* @__PURE__ */ jsx(MessageSquareOff, { className: "h-10 w-10 text-muted-foreground" }),
-          /* @__PURE__ */ jsx("p", { className: "text-lg font-medium", children: loc.COMMENTS_MY_EMPTY_TITLE }),
-          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: loc.COMMENTS_MY_EMPTY_DESCRIPTION })
+          /* @__PURE__ */ jsx("p", { className: "text-lg font-medium", children: localization?.COMMENTS_MY_EMPTY_TITLE ?? t("comments.my.emptyTitle", "No comments yet") }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: localization?.COMMENTS_MY_EMPTY_DESCRIPTION ?? t(
+            "comments.my.emptyDescription",
+            "Comments you post will appear here."
+          ) })
         ]
       }
     );
   }
   return /* @__PURE__ */ jsxs("div", { "data-testid": "my-comments-page", className: "space-y-4", children: [
     /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold tracking-tight", children: loc.COMMENTS_MY_PAGE_TITLE }),
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold tracking-tight", children: localization?.COMMENTS_MY_PAGE_TITLE ?? t("comments.my.pageTitle", "My Comments") }),
       /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground mt-1", children: [
         total,
         " ",
-        loc.COMMENTS_MY_COL_COMMENT.toLowerCase(),
+        (localization?.COMMENTS_MY_COL_COMMENT ?? t("comments.my.colComment", "Comment")).toLowerCase(),
         total !== 1 ? "s" : ""
       ] })
     ] }),
@@ -128,10 +156,10 @@ function UserCommentsList({
           /* @__PURE__ */ jsxs(Table, { children: [
             /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
               /* @__PURE__ */ jsx(TableHead, { className: "w-10" }),
-              /* @__PURE__ */ jsx(TableHead, { children: loc.COMMENTS_MY_COL_COMMENT }),
-              /* @__PURE__ */ jsx(TableHead, { className: "hidden sm:table-cell w-32", children: loc.COMMENTS_MY_COL_RESOURCE }),
-              /* @__PURE__ */ jsx(TableHead, { className: "w-28", children: loc.COMMENTS_MY_COL_STATUS }),
-              /* @__PURE__ */ jsx(TableHead, { className: "hidden md:table-cell w-36", children: loc.COMMENTS_MY_COL_DATE }),
+              /* @__PURE__ */ jsx(TableHead, { children: localization?.COMMENTS_MY_COL_COMMENT ?? t("comments.my.colComment", "Comment") }),
+              /* @__PURE__ */ jsx(TableHead, { className: "hidden sm:table-cell w-32", children: localization?.COMMENTS_MY_COL_RESOURCE ?? t("comments.my.colResource", "Resource") }),
+              /* @__PURE__ */ jsx(TableHead, { className: "w-28", children: localization?.COMMENTS_MY_COL_STATUS ?? t("comments.my.colStatus", "Status") }),
+              /* @__PURE__ */ jsx(TableHead, { className: "hidden md:table-cell w-36", children: localization?.COMMENTS_MY_COL_DATE ?? t("comments.my.colDate", "Date") }),
               /* @__PURE__ */ jsx(TableHead, { className: "w-16" })
             ] }) }),
             /* @__PURE__ */ jsx(TableBody, { children: comments.map((comment) => /* @__PURE__ */ jsx(
@@ -139,7 +167,7 @@ function UserCommentsList({
               {
                 comment,
                 resourceLinks,
-                loc,
+                localization,
                 onDelete: () => setDeleteId(comment.id),
                 isDeleting: deleteMutation.isPending && deleteId === comment.id
               },
@@ -155,7 +183,7 @@ function UserCommentsList({
               limit: PAGE_LIMIT,
               offset,
               onPageChange: (p) => {
-                setPage(p);
+                setListState({ page: p });
                 window.scrollTo({ top: 0, behavior: "smooth" });
               }
             }
@@ -170,17 +198,20 @@ function UserCommentsList({
         onOpenChange: (open) => !open && setDeleteId(null),
         children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
           /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
-            /* @__PURE__ */ jsx(AlertDialogTitle, { children: loc.COMMENTS_MY_DELETE_TITLE }),
-            /* @__PURE__ */ jsx(AlertDialogDescription, { children: loc.COMMENTS_MY_DELETE_DESCRIPTION })
+            /* @__PURE__ */ jsx(AlertDialogTitle, { children: localization?.COMMENTS_MY_DELETE_TITLE ?? t("comments.my.deleteTitle", "Delete comment?") }),
+            /* @__PURE__ */ jsx(AlertDialogDescription, { children: localization?.COMMENTS_MY_DELETE_DESCRIPTION ?? t(
+              "comments.my.deleteDescription",
+              "This action cannot be undone. The comment will be permanently removed."
+            ) })
           ] }),
           /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
-            /* @__PURE__ */ jsx(AlertDialogCancel, { children: loc.COMMENTS_MY_DELETE_CANCEL }),
+            /* @__PURE__ */ jsx(AlertDialogCancel, { children: localization?.COMMENTS_MY_DELETE_CANCEL ?? t("comments.my.deleteCancel", "Cancel") }),
             /* @__PURE__ */ jsx(
               AlertDialogAction,
               {
                 onClick: handleDelete,
                 className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-                children: loc.COMMENTS_MY_DELETE_CONFIRM
+                children: localization?.COMMENTS_MY_DELETE_CONFIRM ?? t("comments.my.deleteConfirm", "Delete")
               }
             )
           ] })
@@ -192,10 +223,11 @@ function UserCommentsList({
 function CommentRow({
   comment,
   resourceLinks,
-  loc,
+  localization,
   onDelete,
   isDeleting
 }) {
+  const t = useTranslate();
   const resourceUrlBase = resourceLinks?.[comment.resourceType]?.(
     comment.resourceId
   );
@@ -213,7 +245,7 @@ function CommentRow({
     ] }) }),
     /* @__PURE__ */ jsxs(TableCell, { className: "max-w-xs", children: [
       /* @__PURE__ */ jsx("p", { className: "text-sm line-clamp-2", children: comment.body }),
-      comment.parentId && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground mt-0.5 block", children: loc.COMMENTS_MY_REPLY_INDICATOR })
+      comment.parentId && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground mt-0.5 block", children: localization?.COMMENTS_MY_REPLY_INDICATOR ?? t("comments.my.replyIndicator", "\u21A9 Reply") })
     ] }),
     /* @__PURE__ */ jsx(TableCell, { className: "hidden sm:table-cell", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
       /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground capitalize", children: comment.resourceType.replace(/-/g, " ") }),
@@ -225,13 +257,13 @@ function CommentRow({
           target: "_blank",
           rel: "noopener noreferrer",
           children: [
-            loc.COMMENTS_MY_VIEW_LINK,
+            localization?.COMMENTS_MY_VIEW_LINK ?? t("comments.my.viewLink", "View"),
             /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3" })
           ]
         }
       ) : /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground truncate max-w-[100px]", children: comment.resourceId })
     ] }) }),
-    /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(StatusBadge, { status: comment.status, loc }) }),
+    /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(StatusBadge, { status: comment.status, localization }) }),
     /* @__PURE__ */ jsx(TableCell, { className: "hidden md:table-cell text-xs text-muted-foreground", children: formatDistanceToNow(new Date(comment.createdAt), { addSuffix: true }) }),
     /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs(
       Button,
@@ -244,7 +276,7 @@ function CommentRow({
         "data-testid": "my-comment-delete-button",
         children: [
           /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: loc.COMMENTS_MY_DELETE_BUTTON_SR })
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: localization?.COMMENTS_MY_DELETE_BUTTON_SR ?? t("comments.my.deleteButtonSr", "Delete comment") })
         ]
       }
     ) })

package/dist/packages/stack/src/plugins/comments/client/components/pages/my-comments-page.mjs

@@ -3,7 +3,6 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { lazy } from 'react';
 import { ComposedRoute } from '@btst/stack/client/components';
 import { usePluginOverrides } from '@btst/stack/context';
-import { COMMENTS_LOCALIZATION } from '../../localization/index.mjs';
 import { useRouteLifecycle } from '../../../../../../../ui/src/hooks/use-route-lifecycle.mjs';
 import { PageWrapper } from '../shared/page-wrapper.mjs';
 
@@ -32,31 +31,19 @@ function UserCommentsPageComponent() {
 }
 function UserCommentsPageWrapper() {
   const overrides = usePluginOverrides("comments");
-  const loc = { ...COMMENTS_LOCALIZATION, ...overrides.localization };
   useRouteLifecycle({
     routeName: "userComments",
     context: {
       path: "/comments",
       isSSR: typeof window === "undefined"
     },
-    overrides,
-    beforeRenderHook: (o, context) => {
-      if (o.onBeforeUserCommentsPageRendered) {
-        const result = o.onBeforeUserCommentsPageRendered(context);
-        return result === false ? false : true;
-      }
-      return true;
-    }
+    overrides
   });
   return /* @__PURE__ */ jsx(PageWrapper, { children: /* @__PURE__ */ jsx(
     UserCommentsPageInternal,
     {
-      apiBaseURL: overrides.apiBaseURL,
-      apiBasePath: overrides.apiBasePath,
-      headers: overrides.headers,
-      currentUserId: overrides.currentUserId,
       resourceLinks: overrides.resourceLinks,
-      localization: loc
+      localization: overrides.localization
     }
   ) });
 }

package/dist/packages/stack/src/plugins/comments/client/components/pages/resource-comments-page.cjs

@@ -5,10 +5,8 @@ const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const components = require('@btst/stack/client/components');
 const context = require('@btst/stack/context');
-const index = require('../../localization/index.cjs');
 const useRouteLifecycle = require('../../../../../../../ui/src/hooks/use-route-lifecycle.cjs');
 const pageWrapper = require('../shared/page-wrapper.cjs');
-const utils = require('../../utils.cjs');
 
 const ResourceCommentsPageInternal = React.lazy(
   () => import('./resource-comments-page.internal.cjs').then((m) => ({
@@ -47,8 +45,6 @@ function ResourceCommentsPageWrapper({
   resourceType
 }) {
   const overrides = context.usePluginOverrides("comments");
-  const loc = { ...index.COMMENTS_LOCALIZATION, ...overrides.localization };
-  const resolvedUserId = utils.useResolvedCurrentUserId(overrides.currentUserId);
   useRouteLifecycle.useRouteLifecycle({
     routeName: "resourceComments",
     context: {
@@ -56,29 +52,14 @@ function ResourceCommentsPageWrapper({
       params: { resourceId, resourceType },
       isSSR: typeof window === "undefined"
     },
-    overrides,
-    beforeRenderHook: (o, context) => {
-      if (o.onBeforeResourceCommentsRendered) {
-        return o.onBeforeResourceCommentsRendered(
-          resourceType,
-          resourceId,
-          context
-        );
-      }
-      return true;
-    }
+    overrides
   });
   return /* @__PURE__ */ jsxRuntime.jsx(pageWrapper.PageWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(
     ResourceCommentsPageInternal,
     {
       resourceId,
       resourceType,
-      apiBaseURL: overrides.apiBaseURL,
-      apiBasePath: overrides.apiBasePath,
-      headers: overrides.headers,
-      currentUserId: resolvedUserId,
-      loginHref: overrides.loginHref,
-      localization: loc
+      localization: overrides.localization
     }
   ) });
 }