@btst/stack 2.7.0 → 2.8.0

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

@@ -0,0 +1,424 @@
+"use client";
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '../../../../../../../ui/src/components/table.mjs';
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from '../../../../../../../ui/src/components/dialog.mjs';
+import { AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from '../../../../../../../ui/src/components/alert-dialog.mjs';
+import { Button } from '../../../../../../../ui/src/components/button.mjs';
+import { Badge } from '../../../../../../../ui/src/components/badge.mjs';
+import { Tabs, TabsList, TabsTrigger } from '../../../../../../../ui/src/components/tabs.mjs';
+import { Checkbox } from '../../../../../../../ui/src/components/checkbox.mjs';
+import { Avatar, AvatarImage, AvatarFallback } from '../../../../../../../ui/src/components/avatar.mjs';
+import { CheckCircle, Trash2, Eye, ShieldOff } from 'lucide-react';
+import { toast } from 'sonner';
+import { formatDistanceToNow } from 'date-fns';
+import { useRegisterPageAIContext } from '@btst/stack/plugins/ai-chat/client/context';
+import { useSuspenseModerationComments, useUpdateCommentStatus, useDeleteComment } from '../../hooks/use-comments.mjs';
+import { COMMENTS_LOCALIZATION } from '../../localization/index.mjs';
+import { getInitials } from '../../utils.mjs';
+import { Pagination } from '../shared/pagination.mjs';
+
+function StatusBadge({ status }) {
+  const variants = {
+    pending: "secondary",
+    approved: "default",
+    spam: "destructive"
+  };
+  return /* @__PURE__ */ jsx(Badge, { variant: variants[status], children: status });
+}
+function ModerationPage({
+  apiBaseURL,
+  apiBasePath,
+  headers,
+  localization: localizationProp
+}) {
+  const loc = { ...COMMENTS_LOCALIZATION, ...localizationProp };
+  const [activeTab, setActiveTab] = useState("pending");
+  const [currentPage, setCurrentPage] = useState(1);
+  const [selected, setSelected] = useState(/* @__PURE__ */ new Set());
+  const [viewComment, setViewComment] = useState(
+    null
+  );
+  const [deleteIds, setDeleteIds] = useState([]);
+  const config = { apiBaseURL, apiBasePath, headers };
+  const { comments, total, limit, offset, totalPages, refetch } = useSuspenseModerationComments(config, {
+    status: activeTab,
+    page: currentPage
+  });
+  const updateStatus = useUpdateCommentStatus(config);
+  const deleteMutation = useDeleteComment(config);
+  useRegisterPageAIContext({
+    routeName: "comments-moderation",
+    pageDescription: `${total} ${activeTab} comments in the moderation queue.
+
+Top ${activeTab} comments:
+${comments.slice(0, 5).map(
+      (c) => `- "${c.body.slice(0, 80)}${c.body.length > 80 ? "\u2026" : ""}" by ${c.resolvedAuthorName} on ${c.resourceType}/${c.resourceId}`
+    ).join("\n")}`,
+    suggestions: [
+      "Approve all safe-looking comments",
+      "Flag spam comments",
+      "Summarize today's discussion"
+    ]
+  });
+  const toggleSelect = (id) => {
+    setSelected((prev) => {
+      const next = new Set(prev);
+      next.has(id) ? next.delete(id) : next.add(id);
+      return next;
+    });
+  };
+  const toggleSelectAll = () => {
+    if (selected.size === comments.length) {
+      setSelected(/* @__PURE__ */ new Set());
+    } else {
+      setSelected(new Set(comments.map((c) => c.id)));
+    }
+  };
+  const handleApprove = async (id) => {
+    try {
+      await updateStatus.mutateAsync({ id, status: "approved" });
+      toast.success(loc.COMMENTS_MODERATION_TOAST_APPROVED);
+      await refetch();
+    } catch {
+      toast.error(loc.COMMENTS_MODERATION_TOAST_APPROVE_ERROR);
+    }
+  };
+  const handleSpam = async (id) => {
+    try {
+      await updateStatus.mutateAsync({ id, status: "spam" });
+      toast.success(loc.COMMENTS_MODERATION_TOAST_SPAM);
+      await refetch();
+    } catch {
+      toast.error(loc.COMMENTS_MODERATION_TOAST_SPAM_ERROR);
+    }
+  };
+  const handleDelete = async (ids) => {
+    try {
+      await Promise.all(ids.map((id) => deleteMutation.mutateAsync(id)));
+      toast.success(
+        ids.length === 1 ? loc.COMMENTS_MODERATION_TOAST_DELETED : loc.COMMENTS_MODERATION_TOAST_DELETED_PLURAL.replace(
+          "{n}",
+          String(ids.length)
+        )
+      );
+      setSelected(/* @__PURE__ */ new Set());
+      setDeleteIds([]);
+      await refetch();
+    } catch {
+      toast.error(loc.COMMENTS_MODERATION_TOAST_DELETE_ERROR);
+    }
+  };
+  const handleBulkApprove = async () => {
+    const ids = [...selected];
+    try {
+      await Promise.all(
+        ids.map((id) => updateStatus.mutateAsync({ id, status: "approved" }))
+      );
+      toast.success(
+        loc.COMMENTS_MODERATION_TOAST_BULK_APPROVED.replace(
+          "{n}",
+          String(ids.length)
+        )
+      );
+      setSelected(/* @__PURE__ */ new Set());
+      await refetch();
+    } catch {
+      toast.error(loc.COMMENTS_MODERATION_TOAST_BULK_APPROVE_ERROR);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "w-full max-w-5xl space-y-6", "data-testid": "moderation-page", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold", children: loc.COMMENTS_MODERATION_TITLE }),
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm mt-1", children: loc.COMMENTS_MODERATION_DESCRIPTION })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Tabs,
+      {
+        value: activeTab,
+        onValueChange: (v) => {
+          setActiveTab(v);
+          setCurrentPage(1);
+          setSelected(/* @__PURE__ */ new Set());
+        },
+        children: /* @__PURE__ */ jsxs(TabsList, { children: [
+          /* @__PURE__ */ jsx(TabsTrigger, { value: "pending", "data-testid": "tab-pending", children: loc.COMMENTS_MODERATION_TAB_PENDING }),
+          /* @__PURE__ */ jsx(TabsTrigger, { value: "approved", "data-testid": "tab-approved", children: loc.COMMENTS_MODERATION_TAB_APPROVED }),
+          /* @__PURE__ */ jsx(TabsTrigger, { value: "spam", "data-testid": "tab-spam", children: loc.COMMENTS_MODERATION_TAB_SPAM })
+        ] })
+      }
+    ),
+    selected.size > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 p-3 bg-muted rounded-lg", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: loc.COMMENTS_MODERATION_SELECTED.replace(
+        "{n}",
+        String(selected.size)
+      ) }),
+      activeTab !== "approved" && /* @__PURE__ */ jsxs(
+        Button,
+        {
+          size: "sm",
+          variant: "outline",
+          onClick: handleBulkApprove,
+          disabled: updateStatus.isPending,
+          children: [
+            /* @__PURE__ */ jsx(CheckCircle, { className: "h-4 w-4 mr-1" }),
+            loc.COMMENTS_MODERATION_APPROVE_SELECTED
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          size: "sm",
+          variant: "outline",
+          className: "text-destructive border-destructive hover:bg-destructive hover:text-destructive-foreground",
+          onClick: () => setDeleteIds([...selected]),
+          children: [
+            /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 mr-1" }),
+            loc.COMMENTS_MODERATION_DELETE_SELECTED
+          ]
+        }
+      )
+    ] }),
+    comments.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2 py-16 text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(CheckCircle, { className: "h-8 w-8" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm", children: loc.COMMENTS_MODERATION_EMPTY.replace("{status}", activeTab) })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "rounded-lg border", children: /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+          /* @__PURE__ */ jsx(TableHead, { className: "w-10", children: /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: selected.size === comments.length && comments.length > 0,
+              onCheckedChange: toggleSelectAll,
+              "aria-label": loc.COMMENTS_MODERATION_SELECT_ALL
+            }
+          ) }),
+          /* @__PURE__ */ jsx(TableHead, { children: loc.COMMENTS_MODERATION_COL_AUTHOR }),
+          /* @__PURE__ */ jsx(TableHead, { children: loc.COMMENTS_MODERATION_COL_COMMENT }),
+          /* @__PURE__ */ jsx(TableHead, { children: loc.COMMENTS_MODERATION_COL_RESOURCE }),
+          /* @__PURE__ */ jsx(TableHead, { children: loc.COMMENTS_MODERATION_COL_DATE }),
+          /* @__PURE__ */ jsx(TableHead, { className: "w-36", children: loc.COMMENTS_MODERATION_COL_ACTIONS })
+        ] }) }),
+        /* @__PURE__ */ jsx(TableBody, { children: comments.map((comment) => /* @__PURE__ */ jsxs(
+          TableRow,
+          {
+            "data-testid": "moderation-row",
+            "data-comment-id": comment.id,
+            children: [
+              /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  checked: selected.has(comment.id),
+                  onCheckedChange: () => toggleSelect(comment.id),
+                  "aria-label": loc.COMMENTS_MODERATION_SELECT_ONE
+                }
+              ) }),
+              /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxs(Avatar, { className: "h-7 w-7", children: [
+                  comment.resolvedAvatarUrl && /* @__PURE__ */ jsx(AvatarImage, { src: comment.resolvedAvatarUrl }),
+                  /* @__PURE__ */ jsx(AvatarFallback, { className: "text-xs", children: getInitials(comment.resolvedAuthorName) })
+                ] }),
+                /* @__PURE__ */ jsx("span", { className: "text-sm font-medium truncate max-w-[100px]", children: comment.resolvedAuthorName })
+              ] }) }),
+              /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground max-w-xs truncate", children: comment.body }) }),
+              /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+                comment.resourceType,
+                "/",
+                comment.resourceId
+              ] }) }),
+              /* @__PURE__ */ jsx(TableCell, { className: "text-xs text-muted-foreground whitespace-nowrap", children: formatDistanceToNow(new Date(comment.createdAt), {
+                addSuffix: true
+              }) }),
+              /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    className: "h-7 w-7",
+                    title: loc.COMMENTS_MODERATION_ACTION_VIEW,
+                    onClick: () => setViewComment(comment),
+                    "data-testid": "view-button",
+                    children: /* @__PURE__ */ jsx(Eye, { className: "h-4 w-4" })
+                  }
+                ),
+                activeTab !== "approved" && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    className: "h-7 w-7 text-green-600 hover:text-green-700",
+                    title: loc.COMMENTS_MODERATION_ACTION_APPROVE,
+                    onClick: () => handleApprove(comment.id),
+                    disabled: updateStatus.isPending,
+                    "data-testid": "approve-button",
+                    children: /* @__PURE__ */ jsx(CheckCircle, { className: "h-4 w-4" })
+                  }
+                ),
+                activeTab !== "spam" && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    className: "h-7 w-7 text-orange-500 hover:text-orange-600",
+                    title: loc.COMMENTS_MODERATION_ACTION_SPAM,
+                    onClick: () => handleSpam(comment.id),
+                    disabled: updateStatus.isPending,
+                    "data-testid": "spam-button",
+                    children: /* @__PURE__ */ jsx(ShieldOff, { className: "h-4 w-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    className: "h-7 w-7 text-destructive hover:text-destructive",
+                    title: loc.COMMENTS_MODERATION_ACTION_DELETE,
+                    onClick: () => setDeleteIds([comment.id]),
+                    "data-testid": "delete-button",
+                    children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+                  }
+                )
+              ] }) })
+            ]
+          },
+          comment.id
+        )) })
+      ] }) }),
+      /* @__PURE__ */ jsx(
+        Pagination,
+        {
+          currentPage,
+          totalPages,
+          onPageChange: setCurrentPage,
+          total,
+          limit,
+          offset
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Dialog, { open: !!viewComment, onOpenChange: () => setViewComment(null), children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-2xl", children: [
+      /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: loc.COMMENTS_MODERATION_DIALOG_TITLE }) }),
+      viewComment && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxs(Avatar, { className: "h-10 w-10", children: [
+            viewComment.resolvedAvatarUrl && /* @__PURE__ */ jsx(AvatarImage, { src: viewComment.resolvedAvatarUrl }),
+            /* @__PURE__ */ jsx(AvatarFallback, { children: getInitials(viewComment.resolvedAuthorName) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "font-medium text-sm", children: viewComment.resolvedAuthorName }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: new Date(viewComment.createdAt).toLocaleString() })
+          ] }),
+          /* @__PURE__ */ jsx(StatusBadge, { status: viewComment.status })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3 text-sm", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: loc.COMMENTS_MODERATION_DIALOG_RESOURCE }),
+            /* @__PURE__ */ jsxs("p", { className: "font-mono text-xs", children: [
+              viewComment.resourceType,
+              "/",
+              viewComment.resourceId
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: loc.COMMENTS_MODERATION_DIALOG_LIKES }),
+            /* @__PURE__ */ jsx("p", { children: viewComment.likes })
+          ] }),
+          viewComment.parentId && /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: loc.COMMENTS_MODERATION_DIALOG_REPLY_TO }),
+            /* @__PURE__ */ jsx("p", { className: "font-mono text-xs", children: viewComment.parentId })
+          ] }),
+          viewComment.editedAt && /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: loc.COMMENTS_MODERATION_DIALOG_EDITED }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs", children: new Date(viewComment.editedAt).toLocaleString() })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs mb-1", children: loc.COMMENTS_MODERATION_DIALOG_BODY }),
+          /* @__PURE__ */ jsx("div", { className: "p-3 bg-muted rounded-lg text-sm whitespace-pre-wrap break-words", children: viewComment.body })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+          viewComment.status !== "approved" && /* @__PURE__ */ jsxs(
+            Button,
+            {
+              size: "sm",
+              onClick: async () => {
+                await handleApprove(viewComment.id);
+                setViewComment(null);
+              },
+              disabled: updateStatus.isPending,
+              "data-testid": "dialog-approve-button",
+              children: [
+                /* @__PURE__ */ jsx(CheckCircle, { className: "h-4 w-4 mr-1" }),
+                loc.COMMENTS_MODERATION_DIALOG_APPROVE
+              ]
+            }
+          ),
+          viewComment.status !== "spam" && /* @__PURE__ */ jsxs(
+            Button,
+            {
+              size: "sm",
+              variant: "outline",
+              onClick: async () => {
+                await handleSpam(viewComment.id);
+                setViewComment(null);
+              },
+              disabled: updateStatus.isPending,
+              children: [
+                /* @__PURE__ */ jsx(ShieldOff, { className: "h-4 w-4 mr-1" }),
+                loc.COMMENTS_MODERATION_DIALOG_MARK_SPAM
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              size: "sm",
+              variant: "destructive",
+              onClick: () => {
+                setDeleteIds([viewComment.id]);
+                setViewComment(null);
+              },
+              children: [
+                /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 mr-1" }),
+                loc.COMMENTS_MODERATION_DIALOG_DELETE
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      AlertDialog,
+      {
+        open: deleteIds.length > 0,
+        onOpenChange: (open) => !open && setDeleteIds([]),
+        children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
+          /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+            /* @__PURE__ */ jsx(AlertDialogTitle, { children: deleteIds.length === 1 ? loc.COMMENTS_MODERATION_DELETE_TITLE_SINGULAR : loc.COMMENTS_MODERATION_DELETE_TITLE_PLURAL.replace(
+              "{n}",
+              String(deleteIds.length)
+            ) }),
+            /* @__PURE__ */ jsx(AlertDialogDescription, { children: deleteIds.length === 1 ? loc.COMMENTS_MODERATION_DELETE_DESCRIPTION_SINGULAR : loc.COMMENTS_MODERATION_DELETE_DESCRIPTION_PLURAL })
+          ] }),
+          /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+            /* @__PURE__ */ jsx(AlertDialogCancel, { children: loc.COMMENTS_MODERATION_DELETE_CANCEL }),
+            /* @__PURE__ */ jsx(
+              AlertDialogAction,
+              {
+                className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+                onClick: () => handleDelete(deleteIds),
+                "data-testid": "confirm-delete-button",
+                children: deleteMutation.isPending ? loc.COMMENTS_MODERATION_DELETE_DELETING : loc.COMMENTS_MODERATION_DELETE_CONFIRM
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+
+export { ModerationPage };

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

@@ -0,0 +1,62 @@
+"use client";
+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';
+
+const ModerationPageInternal = lazy(
+  () => import('./moderation-page.internal.mjs').then((m) => ({
+    default: m.ModerationPage
+  }))
+);
+function ModerationPageSkeleton() {
+  return /* @__PURE__ */ jsxs("div", { className: "w-full max-w-5xl mx-auto space-y-4 animate-pulse", children: [
+    /* @__PURE__ */ jsx("div", { className: "h-8 w-64 rounded bg-muted" }),
+    /* @__PURE__ */ jsx("div", { className: "h-4 w-48 rounded bg-muted" }),
+    /* @__PURE__ */ jsx("div", { className: "h-10 w-72 rounded bg-muted" }),
+    /* @__PURE__ */ jsx("div", { className: "rounded-lg border h-64 bg-muted" })
+  ] });
+}
+function ModerationPageComponent() {
+  return /* @__PURE__ */ jsx(
+    ComposedRoute,
+    {
+      path: "/comments/moderation",
+      PageComponent: ModerationPageWrapper,
+      LoadingComponent: ModerationPageSkeleton,
+      onError: (error) => console.error("[btst/comments] Moderation error:", error)
+    }
+  );
+}
+function ModerationPageWrapper() {
+  const overrides = usePluginOverrides("comments");
+  const loc = { ...COMMENTS_LOCALIZATION, ...overrides.localization };
+  useRouteLifecycle({
+    routeName: "moderation",
+    context: {
+      path: "/comments/moderation",
+      isSSR: typeof window === "undefined"
+    },
+    overrides,
+    beforeRenderHook: (o, context) => {
+      if (o.onBeforeModerationPageRendered) {
+        return o.onBeforeModerationPageRendered(context);
+      }
+      return true;
+    }
+  });
+  return /* @__PURE__ */ jsx(PageWrapper, { children: /* @__PURE__ */ jsx(
+    ModerationPageInternal,
+    {
+      apiBaseURL: overrides.apiBaseURL,
+      apiBasePath: overrides.apiBasePath,
+      headers: overrides.headers,
+      localization: loc
+    }
+  ) });
+}
+
+export { ModerationPageComponent };

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

@@ -0,0 +1,66 @@
+"use client";
+'use strict';
+
+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 UserCommentsPageInternal = React.lazy(
+  () => import('./my-comments-page.internal.cjs').then((m) => ({
+    default: m.UserCommentsPage
+  }))
+);
+function UserCommentsPageSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-3xl mx-auto space-y-4 animate-pulse", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-48 rounded bg-muted" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-64 rounded bg-muted" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border h-96 bg-muted" })
+  ] });
+}
+function UserCommentsPageComponent() {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components.ComposedRoute,
+    {
+      path: "/comments",
+      PageComponent: UserCommentsPageWrapper,
+      LoadingComponent: UserCommentsPageSkeleton,
+      onError: (error) => console.error("[btst/comments] User Comments error:", error)
+    }
+  );
+}
+function UserCommentsPageWrapper() {
+  const overrides = context.usePluginOverrides("comments");
+  const loc = { ...index.COMMENTS_LOCALIZATION, ...overrides.localization };
+  useRouteLifecycle.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;
+    }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(pageWrapper.PageWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    UserCommentsPageInternal,
+    {
+      apiBaseURL: overrides.apiBaseURL,
+      apiBasePath: overrides.apiBasePath,
+      headers: overrides.headers,
+      currentUserId: overrides.currentUserId,
+      resourceLinks: overrides.resourceLinks,
+      localization: loc
+    }
+  ) });
+}
+
+exports.UserCommentsPageComponent = UserCommentsPageComponent;