sitero 0.6.0 → 0.8.0

package/dist/src/cms/client/interfaces/components/resources/seo-metadata/seo-form/seo-form.js

@@ -39,6 +39,7 @@ import { SeoFormSideFields } from './seo-form-side-fields.js';
 
 function createSeoForm({
   postFindDetailAction,
+  pageFindDetailAction,
   seoMetadataUpsertAction,
   useSeoMetadataUpsertFormData,
   BasicTags,
@@ -50,22 +51,37 @@ function createSeoForm({
   function allowField(field) {
     return fields.includes(field);
   }
-  return function SeoForm({ id, isArticle, setIsOpen }) {
+  return function SeoForm({
+    id,
+    ownerType = "post",
+    isArticle,
+    setIsOpen
+  }) {
     const { t, locale } = useTranslator();
     const {
       data: post,
       isFetching,
       refetch
     } = useCmsQuery(
-      () => postFindDetailAction({ id }),
-      ["postFindDetailAction", id],
-      { select: (data) => data?.post }
+      async () => {
+        if (ownerType === "page") {
+          if (!pageFindDetailAction)
+            return { success: false, error: { code: "PAGE_UNAVAILABLE" } };
+          const result2 = await pageFindDetailAction({ id });
+          return result2.success ? { success: true, data: { resource: result2.data.page } } : result2;
+        }
+        const result = await postFindDetailAction({ id });
+        return result.success ? { success: true, data: { resource: result.data.post } } : result;
+      },
+      ["seoMetadataOwnerDetail", ownerType, id],
+      { select: (data) => data?.resource }
     );
     const hasCreated = ensureArray(post?.seoMetadatas).length > 0;
-    const postTranslations = ensureArray(post?.translations);
+    const postTranslations = post?.translations;
     const { formData, setFormData } = useSeoMetadataUpsertFormData({
       id,
-      post
+      post,
+      ownerType
     });
     const { execute, isPending, fieldErrors } = useCmsCommand(
       () => seoMetadataUpsertAction({ formData }),
@@ -76,15 +92,14 @@ function createSeoForm({
       locale,
       fieldErrors
     );
-    const isProcessing = isFetching || isPending;
+    const isProcessing = isFetching || isPending || !post;
     useEffect(() => {
       if (!hasCreated && post && postTranslations) {
         setFormData((prev) => ({
-          ...prev,
-          postId: post.id,
+          ...ownerType === "page" ? { pageId: post.id } : { postId: post.id },
           translations: prev.translations.map((t2) => {
             const postT = postTranslations.find((pt) => pt.locale === t2.locale);
-            if (!postT) throw new Error("No translations (seeder problem?)");
+            if (!postT) return t2;
             const title = postT.title ?? t2.title;
             const description = postT.description ?? t2.description;
             return {
@@ -96,63 +111,71 @@ function createSeoForm({
           })
         }));
       }
-    }, [post, hasCreated, postTranslations, setFormData]);
-    return /* @__PURE__ */ jsx(Form, { onSubmit: () => void execute(), children: /* @__PURE__ */ jsxs(FieldsContainer, { children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-6 pb-64", children: [
-        /* @__PURE__ */ jsx(
-          BasicTags,
-          {
-            formData,
-            setFormData,
-            errors: localizedFieldErrors,
-            isProcessing,
-            isArticle,
-            allowField
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          OpenGraphTags,
-          {
-            formData,
-            setFormData,
-            errors: localizedFieldErrors,
-            isProcessing,
-            isArticle,
-            allowField
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          TwitterTags,
-          {
-            formData,
-            setFormData,
-            errors: localizedFieldErrors,
-            isProcessing,
-            isArticle,
-            allowField
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          JsonLdTags,
-          {
-            formData,
-            setFormData,
-            errors: localizedFieldErrors,
-            isProcessing,
-            allowField
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "max-lg:fixed max-lg:bottom-0 max-lg:left-1/2 max-lg:w-full max-lg:-translate-x-1/2", children: /* @__PURE__ */ jsx(
-        SeoFormSideFields,
-        {
-          hasCreated,
-          isLoading: isFetching,
-          isTriggering: isPending,
-          setIsOpen
-        }
-      ) })
-    ] }) });
+    }, [post, ownerType, hasCreated, postTranslations, setFormData]);
+    return /* @__PURE__ */ jsx(
+      Form,
+      {
+        onSubmit: () => {
+          if (!isProcessing) void execute();
+        },
+        children: /* @__PURE__ */ jsxs(FieldsContainer, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-6 pb-64", children: [
+            /* @__PURE__ */ jsx(
+              BasicTags,
+              {
+                formData,
+                setFormData,
+                errors: localizedFieldErrors,
+                isProcessing,
+                isArticle,
+                allowField
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              OpenGraphTags,
+              {
+                formData,
+                setFormData,
+                errors: localizedFieldErrors,
+                isProcessing,
+                isArticle,
+                allowField
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              TwitterTags,
+              {
+                formData,
+                setFormData,
+                errors: localizedFieldErrors,
+                isProcessing,
+                isArticle,
+                allowField
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              JsonLdTags,
+              {
+                formData,
+                setFormData,
+                errors: localizedFieldErrors,
+                isProcessing,
+                allowField
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "max-lg:fixed max-lg:bottom-0 max-lg:left-1/2 max-lg:w-full max-lg:-translate-x-1/2", children: /* @__PURE__ */ jsx(
+            SeoFormSideFields,
+            {
+              hasCreated,
+              isLoading: isFetching || !post,
+              isTriggering: isPending,
+              setIsOpen
+            }
+          ) })
+        ] })
+      }
+    );
   };
 }
 

package/dist/src/cms/client/interfaces/components/resources/seo-metadata/seo-metadata-dialog.js

@@ -39,6 +39,7 @@ function createSeoMetadataDialog({
   return function SeoMetadataDialog({
     id,
     isArticle = false,
+    ownerType = "post",
     // ui states
     isLoading = false,
     isDisabled = false
@@ -58,7 +59,16 @@ function createSeoMetadataDialog({
       ) }),
       /* @__PURE__ */ jsxs(DialogContent, { className: "w-[calc(100%-24px)] max-lg:px-0", children: [
         /* @__PURE__ */ jsx(DialogTitle, { className: "sr-only", children: "Dialog" }),
-        /* @__PURE__ */ jsx("div", { className: "relative flex h-[80svh] w-full gap-4", children: /* @__PURE__ */ jsx("div", { className: "w-80 flex-1 overflow-auto p-2", children: id && /* @__PURE__ */ jsx(SeoForm, { id, isArticle, setIsOpen }) }) })
+        /* @__PURE__ */ jsx("div", { className: "relative flex h-[80svh] w-full gap-4", children: /* @__PURE__ */ jsx("div", { className: "w-80 flex-1 overflow-auto p-2", children: id && /* @__PURE__ */ jsx(
+          SeoForm,
+          {
+            ownerType,
+            id,
+            isArticle,
+            setIsOpen
+          },
+          `${ownerType}:${id}`
+        ) }) })
       ] })
     ] });
   };

package/dist/src/cms/client/interfaces/components/ui/blocks/list-container/list-container.js

@@ -105,7 +105,7 @@ function ListContainer({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: isFetching ? /* @__PURE__ */ jsx(Spinner, {}) : isNotFound ? /* @__PURE__ */ jsx(NoData, {}) : isCardDisplay ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-4", children: displayedContent }) : displayedContent }),
+    /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: isFetching || isNotFound ? /* @__PURE__ */ jsx("div", { className: "flex h-10 items-center", children: isFetching ? /* @__PURE__ */ jsx(Spinner, {}) : /* @__PURE__ */ jsx(NoData, {}) }) : isCardDisplay ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-start gap-4", children: displayedContent }) : displayedContent }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsx("div", { className: "flex w-52 gap-3", children: isSwitchable && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(

package/dist/src/cms/client/interfaces/components/ui/blocks/list-container/pagination.js

@@ -35,16 +35,16 @@ function Pagination({
   total = 0
 }) {
   const isMobile = useIsMobile();
-  const totalPages = Math.ceil(total / pageSize);
-  const isFirst = page === 1;
-  const isLastPage = page === totalPages;
+  const totalPages = Math.max(1, Math.ceil(total / pageSize));
+  const isFirst = page <= 1;
+  const isLastPage = page >= totalPages;
   const handlePrev = () => {
     if (isFirst) return;
-    setPage((prev) => prev - 1);
+    setPage((prev) => Math.max(1, Math.min(prev - 1, totalPages)));
   };
   const handleNext = () => {
     if (isLastPage) return;
-    setPage((prev) => prev + 1);
+    setPage((prev) => Math.min(totalPages, prev + 1));
   };
   const siblingsCount = 2;
   let startPage = Math.max(2, page - siblingsCount);
@@ -62,15 +62,15 @@ function Pagination({
   for (let i = startPage; i <= endPage; i++) {
     pages.push(i);
   }
-  const isAtFirstPage = page === 1;
-  const isAtLastPage = page === totalPages;
+  const isAtFirstPage = page <= 1;
+  const isAtLastPage = page >= totalPages;
   return /* @__PURE__ */ jsx(Pagination$1, { className: "flex-1", children: /* @__PURE__ */ jsxs(PaginationContent, { children: [
     /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationPrevious, { disabled: isAtFirstPage, onClick: handlePrev }) }),
     !isMobile ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
         PaginationLink,
         {
-          isActive: page === 1,
+          isActive: page <= 1,
           disabled: isAtFirstPage,
           onClick: () => setPage(1),
           children: "1"
@@ -92,7 +92,7 @@ function Pagination({
       totalPages > 1 && /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
         PaginationLink,
         {
-          isActive: page === totalPages,
+          isActive: page >= totalPages,
           disabled: isAtLastPage,
           onClick: () => setPage(totalPages),
           children: totalPages

package/dist/src/cms/client/interfaces/components/ui/features/accordion/accordion-header.js

@@ -10,19 +10,31 @@ import { cn } from '../../../../../../../shared/utils/cn.js';
 
 function AccordionHeader({
   count,
+  showCount = count !== void 0,
   children
 }) {
+  const isZero = count === 0;
   return /* @__PURE__ */ jsxs("div", { className: "flex h-full items-center gap-3 font-medium", children: [
-    count !== void 0 && /* @__PURE__ */ jsx(
+    showCount && /* @__PURE__ */ jsx(
       "div",
       {
         className: cn(
           "flex-center",
-          "h-5 rounded-full px-3",
+          "h-5 w-14 shrink-0 rounded-full px-2",
           "bg-primary-foreground",
           "shadow-xs"
         ),
-        children: /* @__PURE__ */ jsx("p", { className: "text-xs", children: count })
+        children: count !== void 0 && /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: cn(
+              "truncate text-xs tabular-nums",
+              isZero ? "text-muted-foreground" : "font-semibold"
+            ),
+            title: String(count),
+            children: count
+          }
+        )
       }
     ),
     /* @__PURE__ */ jsx("div", { className: cn("text-sm", "font-500"), children })

package/dist/src/cms/client/interfaces/components/ui/features/accordion/accordion.js

@@ -11,7 +11,7 @@ import { cn } from '../../../../../../../shared/utils/cn.js';
 import AccordionHeader from './accordion-header.js';
 
 function Accordion({
-  initialOpen = false,
+  initialOpen,
   deps,
   // children
   children,
@@ -21,14 +21,12 @@ function Accordion({
   className,
   ...props
 }) {
-  const [isOpen, setIsOpen] = useState(initialOpen);
+  const [open, setOpen] = useState(initialOpen);
+  if (open === void 0 && initialOpen !== void 0) setOpen(initialOpen);
+  const isOpen = open ?? initialOpen ?? false;
   const containerRef = useRef(null);
   const contentId = useId();
   const triggerId = useId();
-  useEffect(() => {
-    const el = containerRef.current;
-    if (el) el.style.maxHeight = initialOpen ? `${el.scrollHeight}px` : "0";
-  }, [initialOpen]);
   useEffect(() => {
     const el = containerRef.current;
     if (el) el.style.maxHeight = isOpen ? `${el.scrollHeight}px` : "0";
@@ -50,7 +48,7 @@ function Accordion({
             id: triggerId,
             "aria-controls": contentId,
             "aria-expanded": isOpen,
-            onClick: () => setIsOpen((prev) => !prev),
+            onClick: () => setOpen(!isOpen),
             className: cn(
               "h-9 w-full",
               "flex items-center justify-between",

package/dist/src/cms/client/interfaces/components/ui/form/control-fields/control-fields-display.js

@@ -26,7 +26,7 @@ function ControlFieldsDisplay({
       {
         label: /* @__PURE__ */ jsxs("span", { className: "flex-center gap-2", children: [
           formData["isActive"] ? /* @__PURE__ */ jsx(Eye, {}) : /* @__PURE__ */ jsx(EyeOff, { className: "text-destructive" }),
-          t("ui.control-fields.is-active.text")
+          fields.find((field) => field.key === "isActive")?.label ?? t("ui.control-fields.is-active.text")
         ] }),
         children: /* @__PURE__ */ jsx(
           Checkbox,

package/dist/src/cms/client/interfaces/components/ui/form/control-fields/control-fields-input.js

@@ -37,7 +37,7 @@ function ControlFieldsInput({
         htmlFor: "isActive",
         label: /* @__PURE__ */ jsxs("span", { className: "flex-center gap-2", children: [
           formData["isActive"] ? /* @__PURE__ */ jsx(Eye, {}) : /* @__PURE__ */ jsx(EyeOff, { className: "text-destructive" }),
-          t("ui.control-fields.is-active.text")
+          fields.find((field) => field.key === "isActive")?.label ?? t("ui.control-fields.is-active.text")
         ] }),
         children: /* @__PURE__ */ jsx(
           Checkbox,

package/dist/src/cms/client/interfaces/pages/dashboard/content/content-management/_topicSlug_/category/_id_/edit/page.js

@@ -12,7 +12,6 @@ import '../../../../../../../../../../../shared/client/react-query/client.js';
 import '@tanstack/react-query';
 import { useCmsQuery } from '../../../../../../../../../infrastructure/operation-result/use-cms-query.js';
 import 'mime-types';
-import { findTranslation } from '../../../../../../../../../../../shared/translation/find-translation.js';
 import 'clsx';
 import 'tailwind-merge';
 import { ensureArray } from '../../../../../../../../../../../shared/utils/ensure-array.js';
@@ -44,6 +43,7 @@ import '../../../../../../../../components/ui/inputs/switch-input.js';
 import '../../../../../../../../components/ui/inputs/password-input.js';
 
 function createCategoryEditPage({
+  topics: staticTopics,
   postFindDetailAction,
   postFindManyAction,
   renderPostEditContent,
@@ -56,11 +56,7 @@ function createCategoryEditPage({
     const allowFieldInTopic = (params) => allowField?.({ ...params, topicSlug: params.topicSlug ?? topicSlug }) ?? false;
     const categoryType = POST_TYPES.CATEGORY;
     const subcategoryType = POST_TYPES.SUBCATEGORY;
-    const { data: topic, isFetching: isFetchingTopic } = useCmsQuery(
-      () => postFindDetailAction({ type: POST_TYPES.TOPIC, slug: topicSlug }),
-      ["postFindDetailAction", POST_TYPES.TOPIC, topicSlug],
-      { select: (data) => data?.post }
-    );
+    const topic = Object.hasOwn(staticTopics, topicSlug) ? { ...staticTopics[topicSlug], key: topicSlug } : void 0;
     const {
       data: category,
       isFetching,
@@ -73,8 +69,12 @@ function createCategoryEditPage({
       }
     );
     const { data: categories, isFetching: isFetchingControlMeta } = useCmsQuery(
-      () => postFindManyAction({ type: categoryType, topicId: topic?.id }),
-      ["postFindManyAction", categoryType, topic?.id],
+      () => postFindManyAction({
+        type: categoryType,
+        topicKey: topic?.key,
+        deletion: "all"
+      }),
+      ["postFindManyAction", categoryType, topic?.key, "all"],
       { select: (data) => data?.posts, enabled: !!topic }
     );
     const controlMeta = getControlMeta({
@@ -90,7 +90,7 @@ function createCategoryEditPage({
           titleProps: {
             icon: Notebook,
             title: t("resources.category.text"),
-            leftChildren: /* @__PURE__ */ jsx(Badge, { isLoading: isFetchingTopic, children: findTranslation(topic?.translations, locale)?.title })
+            leftChildren: /* @__PURE__ */ jsx(Badge, { children: topic?.title[locale] })
           }
         }
       ),
@@ -100,7 +100,7 @@ function createCategoryEditPage({
           post: category,
           postType: categoryType,
           controlMeta,
-          isFetching: isFetchingTopic || isFetching || isFetchingControlMeta,
+          isFetching: isFetching || isFetchingControlMeta,
           isNotFound,
           allowField: allowFieldInTopic
         }
@@ -110,7 +110,7 @@ function createCategoryEditPage({
         categoryType,
         subcategoryType,
         controlMeta,
-        isFetching: isFetchingTopic || isFetching || isFetchingControlMeta,
+        isFetching: isFetching || isFetchingControlMeta,
         isNotFound
       })
     ] });

package/dist/src/cms/client/interfaces/pages/dashboard/content/content-management/_topicSlug_/category/_id_/page.js

@@ -5,18 +5,16 @@ import { Notebook, SquareArrowOutUpRight, Pen, Trash2, Lock } from 'lucide-react
 import { useParams, useRouter } from 'next/navigation';
 import { POST_TYPES } from 'sitero-domain';
 import 'zod';
-import 'sonner';
-import 'react';
-import 'ua-parser-js';
-import '../../../../../../../../../../shared/client/react-query/client.js';
-import '@tanstack/react-query';
-import { useCommand } from '../../../../../../../../../../shared/client/react-query/use-command.js';
+import { useCmsCommand } from '../../../../../../../../infrastructure/operation-result/use-cms-command.js';
 import { useCmsQuery } from '../../../../../../../../infrastructure/operation-result/use-cms-query.js';
 import { CMS_PATHS } from '../../../../../../../../../../constants/paths/cms-paths.js';
 import '../../../../../../../../../../constants/paths/redirect.js';
 import '../../../../../../../../../../constants/cms-locale.js';
 import 'mime-types';
-import { findTranslation } from '../../../../../../../../../../shared/translation/find-translation.js';
+import 'react';
+import 'ua-parser-js';
+import '../../../../../../../../../../shared/client/react-query/client.js';
+import '@tanstack/react-query';
 import 'clsx';
 import 'tailwind-merge';
 import { joinUrl } from '../../../../../../../../../../shared/utils/join-url.js';
@@ -34,6 +32,7 @@ import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
 import '../../../../../../../components/shadcn/sidebar/sidebar.js';
 import 'next-themes';
+import 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import { Badge } from '../../../../../../../components/ui/display/badge.js';
@@ -54,6 +53,7 @@ import 'intor/next';
 function createCategoryShowPage({
   enableSeoMetadata,
   externalHref,
+  topics: staticTopics,
   postFindDetailAction,
   postDeleteAction,
   SeoMetadataDialog,
@@ -66,11 +66,7 @@ function createCategoryShowPage({
     const { id, topicSlug } = useParams();
     const router = useRouter();
     const postType = POST_TYPES.POST;
-    const { data: topic, isFetching: isFetchingTopic } = useCmsQuery(
-      () => postFindDetailAction({ type: POST_TYPES.TOPIC, slug: topicSlug }),
-      ["postFindDetailAction", POST_TYPES.TOPIC, topicSlug],
-      { select: (data) => data?.post }
-    );
+    const topic = Object.hasOwn(staticTopics, topicSlug) ? { ...staticTopics[topicSlug]} : void 0;
     const {
       data: category,
       isFetching,
@@ -82,7 +78,7 @@ function createCategoryShowPage({
         select: (data) => data?.post
       }
     );
-    const { execute, isRedirecting } = useCommand(
+    const { execute, isRedirecting } = useCmsCommand(
       () => postDeleteAction({ id }),
       {
         onSuccess: () => router.replace(
@@ -110,7 +106,7 @@ function createCategoryShowPage({
           titleProps: {
             icon: Notebook,
             title: t("resources.category.text"),
-            leftChildren: /* @__PURE__ */ jsx(Badge, { isLoading: isFetchingTopic, children: findTranslation(topic?.translations, locale)?.title }),
+            leftChildren: /* @__PURE__ */ jsx(Badge, { children: topic?.title[locale] }),
             rightChildren: category?.isLocked && /* @__PURE__ */ jsx(
               Lock,
               {
@@ -144,12 +140,12 @@ function createCategoryShowPage({
                 variant: "destructive",
                 icon: Trash2,
                 onClick: () => {
-                  if (!confirm(t("ui.dialog.confirm.text"))) return;
+                  if (!confirm(t("ui.dialog.move-to-trash.text"))) return;
                   void execute();
                 },
                 isLoading: isRedirecting,
                 isDisabled: isFetching || category?.isLocked,
-                children: t("ui.destroy.text")
+                children: t("ui.move-to-trash.text")
               }
             )
           ] }),

package/dist/src/cms/client/interfaces/pages/dashboard/content/content-management/_topicSlug_/category/_id_/relations/page.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
+import { useParams } from 'next/navigation';
 import { useState } from 'react';
 import { POST_TYPES } from 'sitero-domain';
 import 'lucide-react';
@@ -29,7 +30,6 @@ import 'next-themes';
 import 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
-import 'next/navigation';
 import '../../../../../../../../components/ui/inputs/input.js';
 import '../../../../../../../../components/ui/inputs/textarea.js';
 import '../../../../../../../../components/ui/inputs/switch-input.js';
@@ -43,6 +43,7 @@ import 'zod';
 import 'intor/next';
 
 function createCategoryRelationsPage({
+  contentUi,
   postFindRelationsAction,
   PostList,
   CategoryCard,
@@ -52,18 +53,20 @@ function createCategoryRelationsPage({
     postFindRelationsAction
   });
   return function CategoryRelationsPage() {
+    const { topicSlug } = useParams();
     const { t } = useTranslator();
     const [subcategoryStates, setSubcategoryStates] = useState({});
     const [postStates, setPostStates] = useState(
       {}
     );
     return /* @__PURE__ */ jsx(PostRelationsLayout, { children: (relations) => /* @__PURE__ */ jsxs(AccordionContainer, { children: [
-      /* @__PURE__ */ jsx(
+      (contentUi ? contentUi.byTopic[topicSlug]?.hasSubcategory ?? false : true) && /* @__PURE__ */ jsx(
         Accordion,
         {
           hasBorder: true,
           deps: [subcategoryStates.isFetching],
           accordionHeaderProps: {
+            showCount: true,
             count: subcategoryStates.count,
             children: t("resources.subcategory.text")
           },
@@ -87,6 +90,7 @@ function createCategoryRelationsPage({
           hasBorder: true,
           deps: [postStates.isFetching],
           accordionHeaderProps: {
+            showCount: true,
             count: postStates.count,
             children: t("resources.post.text")
           },

package/dist/src/cms/client/interfaces/pages/dashboard/content/content-management/_topicSlug_/category/create/page.js

@@ -14,7 +14,6 @@ import { CMS_PATHS } from '../../../../../../../../../../constants/paths/cms-pat
 import '../../../../../../../../../../constants/paths/redirect.js';
 import '../../../../../../../../../../constants/cms-locale.js';
 import 'mime-types';
-import { findTranslation } from '../../../../../../../../../../shared/translation/find-translation.js';
 import 'clsx';
 import 'tailwind-merge';
 import { ensureArray } from '../../../../../../../../../../shared/utils/ensure-array.js';
@@ -46,7 +45,7 @@ import '../../../../../../../components/ui/inputs/switch-input.js';
 import '../../../../../../../components/ui/inputs/password-input.js';
 
 function createCategoryCreatePage({
-  postFindDetailAction,
+  topics: staticTopics,
   postFindManyAction,
   renderPostCreateContent,
   PostCreateContent,
@@ -62,14 +61,14 @@ function createCategoryCreatePage({
       CMS_PATHS.content["content-management"].pathname,
       topicSlug
     );
-    const { data: topic, isFetching: isFetchingTopic } = useCmsQuery(
-      () => postFindDetailAction({ type: POST_TYPES.TOPIC, slug: topicSlug }),
-      ["postFindDetailAction", POST_TYPES.TOPIC, topicSlug],
-      { select: (data) => data?.post }
-    );
+    const topic = Object.hasOwn(staticTopics, topicSlug) ? { ...staticTopics[topicSlug], key: topicSlug } : void 0;
     const { data: categories, isFetching: isFetchingControlMeta } = useCmsQuery(
-      () => postFindManyAction({ type: categoryType, topicId: topic?.id }),
-      ["postFindManyAction", categoryType, topic?.id],
+      () => postFindManyAction({
+        type: categoryType,
+        topicKey: topic?.key,
+        deletion: "all"
+      }),
+      ["postFindManyAction", categoryType, topic?.key, "all"],
       { select: (data) => data?.posts, enabled: !!topic }
     );
     const controlMeta = getControlMeta({ records: ensureArray(categories) });
@@ -80,27 +79,27 @@ function createCategoryCreatePage({
           navigation: /* @__PURE__ */ jsx(ReturnButton, { useConfirm: true, href: returnHref }),
           titleProps: {
             title: t("resources.category.text"),
-            leftChildren: /* @__PURE__ */ jsx(Badge, { isLoading: isFetchingTopic, children: findTranslation(topic?.translations, locale)?.title })
+            leftChildren: /* @__PURE__ */ jsx(Badge, { children: topic?.title[locale] })
           }
         }
       ),
-      PostCreateContent && allowField && /* @__PURE__ */ jsx(
+      topic && PostCreateContent && allowField && /* @__PURE__ */ jsx(
         PostCreateContent,
         {
-          topic,
+          topicKey: topic?.key,
           postType: categoryType,
           controlMeta,
-          isFetching: isFetchingTopic || isFetchingControlMeta,
+          isFetching: isFetchingControlMeta,
           allowField: allowFieldInTopic,
           cancelButtonHref: returnHref
         }
       ),
-      renderPostCreateContent?.({
-        topic,
+      topic && renderPostCreateContent?.({
+        topicKey: topic?.key,
         categoryType,
         subcategoryType,
         controlMeta,
-        isFetching: isFetchingTopic || isFetchingControlMeta,
+        isFetching: isFetchingControlMeta,
         cancelButtonHref: returnHref
       })
     ] });