sitero 0.1.0 → 0.1.2

package/dist/src/cms/client/interfaces/components/create-post-contents.js

@@ -0,0 +1,85 @@
+import 'react/jsx-runtime';
+import 'intor/react';
+import 'lucide-react';
+import '../../../../constants/paths/redirect.js';
+import '../../../../constants/cms-locale.js';
+import 'mime-types';
+import 'sitero-domain';
+import 'clsx';
+import 'tailwind-merge';
+import 'zod';
+import 'next/link';
+import '@radix-ui/react-avatar';
+import './shadcn/badge.js';
+import './shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-dropdown-menu';
+import './shadcn/input-group.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-radio-group';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import './shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import 'react';
+import 'next/navigation';
+import '../../../../core/client/infrastructure/contexts/admin/admin.js';
+import '../../../../core/client/infrastructure/react-query/client.js';
+import '@tanstack/react-query';
+import 'next/image';
+import { createPostCreateContent } from './resources/post/content/post-create-content.js';
+import { createPostEditContent } from './resources/post/content/post-edit-content.js';
+import { createPostShowContent } from './resources/post/content/post-show-content.js';
+
+function createPostContents(input) {
+  const { actions, applications, constants, components } = input;
+  const PostCreateContent = createPostCreateContent({
+    AdminList: components.resources.AdminList,
+    FileCard: components.resources.FileCard,
+    FileList: components.resources.FileList,
+    I18nEditor: components.I18nEditor,
+    I18nNumberInput: components.i18n.I18nNumberInput,
+    I18nObjectArrayInput: components.i18n.I18nObjectArrayInput,
+    I18nTextarea: components.i18n.I18nTextarea,
+    PostCard: components.resources.PostCard,
+    postCreateAction: actions.resources.post.create,
+    PostList: components.resources.PostList,
+    Uploader: components.blobFile.Uploader,
+    usePostCreateFormData: applications.resources.post.create
+  });
+  const PostEditContent = createPostEditContent({
+    AdminList: components.resources.AdminList,
+    FileCard: components.resources.FileCard,
+    FileList: components.resources.FileList,
+    I18nEditor: components.I18nEditor,
+    I18nNumberInput: components.i18n.I18nNumberInput,
+    I18nObjectArrayInput: components.i18n.I18nObjectArrayInput,
+    I18nTextarea: components.i18n.I18nTextarea,
+    PostCard: components.resources.PostCard,
+    postUpdateAction: actions.resources.post.update,
+    PostList: components.resources.PostList,
+    Uploader: components.blobFile.Uploader,
+    usePostUpdateFormData: applications.resources.post.update
+  });
+  const PostShowContent = createPostShowContent({
+    FileCard: components.resources.FileCard,
+    I18nDisplay: components.i18n.I18nDisplay,
+    I18nObjectArrayDisplay: components.i18n.I18nObjectArrayDisplay,
+    PostCard: components.resources.PostCard,
+    contentMaxWidth: constants.contentMaxWidth
+  });
+  return {
+    resources: {
+      // post
+      PostCreateContent,
+      PostEditContent,
+      PostShowContent
+    }
+  };
+}
+
+export { createPostContents };

package/dist/src/cms/client/interfaces/components/resources/admin/admin-card.js

@@ -6,7 +6,6 @@ import { ADMIN_ROLES } from 'sitero-domain';
 import { CMS_PATHS } from '../../../../../../constants/paths/cms-paths.js';
 import '../../../../../../constants/paths/redirect.js';
 import '../../../../../../constants/cms-locale.js';
-import { ADMIN_ROLE_I18N_MAP } from '../../../../../../core/domain/resources/admin/constants.js';
 import 'mime-types';
 import { findTranslation } from '../../../../../../shared/translation/find-translation.js';
 import 'clsx';
@@ -32,6 +31,9 @@ import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import 'next/navigation';
 import 'react';
+import '../../../../../../core/client/infrastructure/contexts/admin/admin.js';
+import '../../../../../../core/client/infrastructure/react-query/client.js';
+import '@tanstack/react-query';
 import 'next/link';
 import { AdminStateIcons } from './admin-state-icons.js';
 
@@ -59,7 +61,9 @@ function AdminCard({
       anchorProps,
       isPicked,
       modelIcon: /* @__PURE__ */ jsx(ShieldUser, {}),
-      badge: t(ADMIN_ROLE_I18N_MAP[admin?.role ?? ADMIN_ROLES.ADMIN]),
+      badge: t(
+        `resources.admin.role.${(admin?.role ?? ADMIN_ROLES.ADMIN).toLowerCase()}.text`
+      ),
       statesChildren: /* @__PURE__ */ jsx(AdminStateIcons, { admin }),
       titleChildren: adminT.name,
       contentChildren: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1.5 opacity-75", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [

package/dist/src/cms/client/interfaces/components/resources/admin/admin-refresh-tokens/admin-refresh-token-card.js

@@ -29,6 +29,9 @@ import '@radix-ui/react-tooltip';
 import { Button } from '../../../ui/buttons/button.js';
 import 'next/navigation';
 import 'react';
+import '../../../../../../../core/client/infrastructure/contexts/admin/admin.js';
+import '../../../../../../../core/client/infrastructure/react-query/client.js';
+import '@tanstack/react-query';
 import { ActiveSpot } from './active-spot.js';
 
 function AdminRefreshTokenCard({

package/dist/src/cms/client/interfaces/components/resources/admin/admin-relations-section.js

@@ -36,10 +36,9 @@ import '../../shadcn/sidebar/sidebar.js';
 import 'next-themes';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
-import '../../../../../../core/domain/resources/admin/constants.js';
 import 'next/image';
-import { CategoryCard } from '../category/category-card.js';
-import { CategoryTable } from '../category/category-table.js';
+import { CategoryCard } from '../post/category/category-card.js';
+import { CategoryTable } from '../post/category/category-table.js';
 
 function createAdminRelationsSection({
   PostList,

package/dist/src/cms/client/interfaces/components/resources/admin/admin-table.js

@@ -6,7 +6,6 @@ import { useRouter } from 'next/navigation';
 import { CMS_PATHS } from '../../../../../../constants/paths/cms-paths.js';
 import '../../../../../../constants/paths/redirect.js';
 import '../../../../../../constants/cms-locale.js';
-import { ADMIN_ROLE_I18N_MAP } from '../../../../../../core/domain/resources/admin/constants.js';
 import 'mime-types';
 import 'sitero-domain';
 import { findTranslation } from '../../../../../../shared/translation/find-translation.js';
@@ -86,7 +85,9 @@ function AdminTable({
           children: [
             /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("div", { className: "flex-center", children: /* @__PURE__ */ jsx(Tick, { isPicked }) }) }),
             /* @__PURE__ */ jsx(TableCell, { className: "border-r", children: /* @__PURE__ */ jsx("div", { className: "flex-center", children: /* @__PURE__ */ jsx(ShieldUser, { className: "text-muted-foreground" }) }) }),
-            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Badge, { children: t(ADMIN_ROLE_I18N_MAP[admin.role]) }) }),
+            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Badge, { children: t(
+              `resources.admin.role.${admin.role.toLowerCase()}.text`
+            ) }) }),
             /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(AdminStateIcons, { admin }) }),
             /* @__PURE__ */ jsx(TableCell, { className: "max-w-[200px]", children: /* @__PURE__ */ jsx("p", { className: "truncate", children: admin.email }) }),
             /* @__PURE__ */ jsx(TableCell, { className: "max-w-[200px]", children: /* @__PURE__ */ jsx("p", { className: "truncate", children: adminT.name }) }),

package/dist/src/cms/client/interfaces/components/resources/config/config-edit-content.js

@@ -41,7 +41,6 @@ import { SideFields } from '../../ui/form/containers/side-fields.js';
 import { Input } from '../../ui/inputs/input.js';
 import { Textarea } from '../../ui/inputs/textarea.js';
 import { ActionButtonsCard } from '../../ui/cards/action-buttons-card.js';
-import '../../../../../../core/domain/resources/admin/constants.js';
 import { PickModal } from '../../ui/features/pick-modal/pick-modal.js';
 import 'next/image';
 import 'intor/next';
@@ -98,7 +97,7 @@ function ConfigEditContent({
             }
           ) }, key);
         }
-        if (key.startsWith("dec") || key.startsWith("int")) {
+        if (key.startsWith("dec")) {
           return /* @__PURE__ */ jsx(Field, { htmlFor: key, label, children: /* @__PURE__ */ jsx(
             Input,
             {
@@ -115,6 +114,24 @@ function ConfigEditContent({
               errors
             }
           ) }, key);
+        }
+        if (key.startsWith("int")) {
+          return /* @__PURE__ */ jsx(Field, { htmlFor: key, label, children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: key,
+              type: "number",
+              step: 1,
+              value: formData[key] ?? "",
+              onChange: (e) => {
+                const rawValue = e.target.value;
+                const value = rawValue === "" ? null : Number(rawValue);
+                setFormData((p) => ({ ...p, [key]: value }));
+              },
+              isDisabled: isRedirecting,
+              errors
+            }
+          ) }, key);
         } else if (key.startsWith("i18nText")) {
           return /* @__PURE__ */ jsx(Field, { htmlFor: key, label, children: /* @__PURE__ */ jsx(
             I18nTextarea,

package/dist/src/cms/client/interfaces/components/resources/file/file-card.js

@@ -30,6 +30,9 @@ import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import 'next/navigation';
 import 'react';
+import '../../../../../../core/client/infrastructure/contexts/admin/admin.js';
+import '../../../../../../core/client/infrastructure/react-query/client.js';
+import '@tanstack/react-query';
 import 'next/link';
 import { FileStateIcons } from './file-state-icons.js';
 

package/dist/src/cms/client/interfaces/components/resources/file/file-relations-section.js

@@ -36,10 +36,9 @@ import '../../shadcn/sidebar/sidebar.js';
 import 'next-themes';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
-import '../../../../../../core/domain/resources/admin/constants.js';
 import 'next/image';
-import { CategoryCard } from '../category/category-card.js';
-import { CategoryTable } from '../category/category-table.js';
+import { CategoryCard } from '../post/category/category-card.js';
+import { CategoryTable } from '../post/category/category-table.js';
 
 const postRelations = [
   "postsAsContentImage",

package/dist/src/cms/client/interfaces/components/resources/file/file-state-icons.js

@@ -1,9 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Lock, Trash2 } from 'lucide-react';
-import '../../../../../../core/domain/resources/admin/constants.js';
 import { isFileLocked } from '../../../../../../core/domain/resources/file/utils/is-file-locked.js';
-import 'mime-types';
 import 'sitero-domain';
+import 'mime-types';
 import { cn } from '../../../../../../shared/utils/cn.js';
 import 'zod';
 

package/dist/src/cms/client/interfaces/components/resources/file/file-table.js

@@ -35,7 +35,6 @@ import { Badge } from '../../ui/display/badge.js';
 import '../../../../../../core/client/infrastructure/contexts/admin/admin.js';
 import '../../../../../../core/client/infrastructure/react-query/client.js';
 import '@tanstack/react-query';
-import '../../../../../../core/domain/resources/admin/constants.js';
 import { Tick } from '../../ui/features/tick.js';
 import 'next/image';
 import { FileStateIcons } from './file-state-icons.js';

package/dist/src/cms/client/interfaces/components/resources/file/search/is-locked-buttons.js

@@ -8,6 +8,12 @@ import { Button } from '../../../ui/buttons/button.js';
 import 'lucide-react';
 import 'next/navigation';
 import 'react';
+import '../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../constants/cms-locale.js';
+import '../../../../../../../core/client/infrastructure/contexts/admin/admin.js';
+import '../../../../../../../core/client/infrastructure/react-query/client.js';
+import '@tanstack/react-query';
+import 'sonner';
 
 function IsLockedButtons({
   isLocked,

package/dist/src/cms/client/interfaces/components/resources/file/search/type-buttons.js

@@ -8,6 +8,12 @@ import { Button } from '../../../ui/buttons/button.js';
 import 'lucide-react';
 import 'next/navigation';
 import 'react';
+import '../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../constants/cms-locale.js';
+import '../../../../../../../core/client/infrastructure/contexts/admin/admin.js';
+import '../../../../../../../core/client/infrastructure/react-query/client.js';
+import '@tanstack/react-query';
+import 'sonner';
 
 function TypeButtons({ type, setType }) {
   const { t } = useTranslator();

package/dist/src/cms/client/interfaces/components/resources/folder/file-manager/file-manager-header.js

@@ -5,11 +5,10 @@ import { ArrowUp, Folder } from 'lucide-react';
 import { CMS_PATHS } from '../../../../../../../constants/paths/cms-paths.js';
 import '../../../../../../../constants/paths/redirect.js';
 import '../../../../../../../constants/cms-locale.js';
-import '../../../../../../../core/domain/resources/admin/constants.js';
 import { normalizeFolderKey } from '../../../../../../../core/domain/resources/folder/utils/normalize-folder-key.js';
 import { ROOT_FOLDER_NAME } from '../../../../../../../core/domain/resources/constants.js';
-import 'mime-types';
 import 'sitero-domain';
+import 'mime-types';
 import { cn } from '../../../../../../../shared/utils/cn.js';
 import { joinUrl } from '../../../../../../../shared/utils/join-url.js';
 import 'zod';

package/dist/src/cms/client/interfaces/components/resources/folder/file-manager/file-manager-list.js

@@ -16,7 +16,6 @@ import { DO_NOT_FETCH_KEY } from '../../../../../../../shared/list-item.js';
 import 'zod';
 import 'sonner';
 import { useQuery } from '../../../../../../../core/client/infrastructure/react-query/use-query.js';
-import '../../../../../../../core/domain/resources/admin/constants.js';
 import { fileManagerDoubleClick } from '../../../../../../../core/domain/resources/folder/utils/file-manager-double-click.js';
 import { Accordion } from '../../../ui/features/accordion/accordion.js';
 import 'lucide-react';

package/dist/src/cms/client/interfaces/components/resources/folder/folder-card.js

@@ -30,6 +30,9 @@ import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import 'next/navigation';
 import 'react';
+import '../../../../../../core/client/infrastructure/contexts/admin/admin.js';
+import '../../../../../../core/client/infrastructure/react-query/client.js';
+import '@tanstack/react-query';
 import 'next/link';
 import { FolderStateIcons } from './folder-state-icons.js';
 

package/dist/src/cms/client/interfaces/components/resources/folder/folder-list.js

@@ -17,7 +17,6 @@ import { DO_NOT_FETCH_KEY } from '../../../../../../shared/list-item.js';
 import 'zod';
 import 'sonner';
 import { useQuery } from '../../../../../../core/client/infrastructure/react-query/use-query.js';
-import '../../../../../../core/domain/resources/admin/constants.js';
 import { fileManagerDoubleClick } from '../../../../../../core/domain/resources/folder/utils/file-manager-double-click.js';
 import 'lucide-react';
 import 'next/navigation';

package/dist/src/cms/client/interfaces/components/resources/folder/folder-relations-section.js

@@ -34,7 +34,6 @@ import '@radix-ui/react-tooltip';
 import '../../../../../../core/client/infrastructure/contexts/admin/admin.js';
 import '../../../../../../core/client/infrastructure/react-query/client.js';
 import '@tanstack/react-query';
-import '../../../../../../core/domain/resources/admin/constants.js';
 import 'next/image';
 
 function createFolderRelationsSection({

package/dist/src/cms/client/interfaces/components/resources/folder/folder-state-icons.js

@@ -1,9 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { Lock } from 'lucide-react';
-import '../../../../../../core/domain/resources/admin/constants.js';
 import { isFolderLocked } from '../../../../../../core/domain/resources/folder/utils/is-folder-locked.js';
-import 'mime-types';
 import 'sitero-domain';
+import 'mime-types';
 import { cn } from '../../../../../../shared/utils/cn.js';
 import 'zod';
 

package/dist/src/cms/client/interfaces/components/resources/folder/folder-table.js

@@ -33,7 +33,6 @@ import 'next/link';
 import '../../../../../../core/client/infrastructure/contexts/admin/admin.js';
 import '../../../../../../core/client/infrastructure/react-query/client.js';
 import '@tanstack/react-query';
-import '../../../../../../core/domain/resources/admin/constants.js';
 import { Tick } from '../../ui/features/tick.js';
 import 'next/image';
 import { FolderStateIcons } from './folder-state-icons.js';

package/dist/src/cms/client/interfaces/components/resources/inquiry/inquiry-card.js

@@ -31,6 +31,9 @@ import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import 'next/navigation';
 import 'react';
+import '../../../../../../core/client/infrastructure/contexts/admin/admin.js';
+import '../../../../../../core/client/infrastructure/react-query/client.js';
+import '@tanstack/react-query';
 import 'next/link';
 
 const WIDTH = "200px";

package/dist/src/cms/client/interfaces/components/resources/{category → post/category}/category-card.js

@@ -1,47 +1,47 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
-import { File, Notebook } from 'lucide-react';
-import { CMS_PATHS } from '../../../../../../constants/paths/cms-paths.js';
-import '../../../../../../constants/paths/redirect.js';
-import '../../../../../../constants/cms-locale.js';
+import { Notebook, File } from 'lucide-react';
+import { CMS_PATHS } from '../../../../../../../constants/paths/cms-paths.js';
+import '../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../constants/cms-locale.js';
 import 'mime-types';
 import 'sitero-domain';
-import { findTranslation } from '../../../../../../shared/translation/find-translation.js';
+import { findTranslation } from '../../../../../../../shared/translation/find-translation.js';
 import 'clsx';
 import 'tailwind-merge';
-import { joinUrl } from '../../../../../../shared/utils/join-url.js';
+import { joinUrl } from '../../../../../../../shared/utils/join-url.js';
 import 'zod';
-import { ResourceCard } from '../../ui/cards/resource-card/resource-card.js';
+import { ResourceCard } from '../../../ui/cards/resource-card/resource-card.js';
 import '@radix-ui/react-avatar';
-import '../../shadcn/badge.js';
-import '../../shadcn/button.js';
+import '../../../shadcn/badge.js';
+import '../../../shadcn/button.js';
 import '@radix-ui/react-collapsible';
 import '@radix-ui/react-dialog';
 import '@radix-ui/react-dropdown-menu';
-import '../../shadcn/input-group.js';
+import '../../../shadcn/input-group.js';
 import '@radix-ui/react-label';
 import '@radix-ui/react-radio-group';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
-import '../../shadcn/sidebar/sidebar.js';
+import '../../../shadcn/sidebar/sidebar.js';
 import 'next-themes';
 import 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import 'next/navigation';
 import 'react';
-import 'next/link';
-import '../../../../../../core/client/infrastructure/contexts/admin/admin.js';
-import '../../../../../../core/client/infrastructure/react-query/client.js';
+import '../../../../../../../core/client/infrastructure/contexts/admin/admin.js';
+import '../../../../../../../core/client/infrastructure/react-query/client.js';
 import '@tanstack/react-query';
-import '../../../../../../core/domain/resources/admin/constants.js';
-import 'next/image';
-import { PostStateIcons } from '../post/post-state-icons.js';
+import 'next/link';
+import { PostStateIcons } from '../post-state-icons.js';
 
 const WIDTH = "200px";
 function CategoryCard({
   post: category,
+  isSubcategory,
+  hasSubcategory,
   // link
   openNewTab,
   // pick
@@ -54,7 +54,13 @@ function CategoryCard({
   const topic = category?.topic;
   const topicT = findTranslation(topic?.translations, locale);
   const categoryT = findTranslation(category?.translations, locale);
-  const href = joinUrl(
+  const childrenIcon = hasSubcategory ? /* @__PURE__ */ jsx(Notebook, {}) : /* @__PURE__ */ jsx(File, {});
+  const href = isSubcategory ? joinUrl(
+    CMS_PATHS.content["content-management"].subcategory.pathname(
+      topic?.slug
+    ),
+    category?.id
+  ) : joinUrl(
     CMS_PATHS.content["content-management"].category.pathname(topic?.slug),
     category?.id
   );
@@ -72,7 +78,7 @@ function CategoryCard({
       statesChildren: /* @__PURE__ */ jsx(PostStateIcons, { post: category }),
       titleChildren: categoryT.title,
       contentChildren: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1.5 opacity-75", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx(File, { className: "size-3.5" }),
+        /* @__PURE__ */ jsx("span", { className: "[&_svg]:size-3.5", children: childrenIcon }),
         /* @__PURE__ */ jsxs("p", { className: "truncate", children: [
           ":\xA0",
           category && "children" in category ? category.children.length : /* @__PURE__ */ jsx("span", { className: "text-xs opacity-50", children: t("resources.see-in-details.text") })

package/dist/src/cms/client/interfaces/components/resources/{category → post/category}/category-relations-section.js

@@ -2,40 +2,41 @@
 import { jsx } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
 import { useState } from 'react';
+import { POST_TYPES } from 'sitero-domain';
 import 'mime-types';
-import 'sitero-domain';
 import 'clsx';
 import 'tailwind-merge';
-import { ensureArray } from '../../../../../../shared/utils/ensure-array.js';
+import { ensureArray } from '../../../../../../../shared/utils/ensure-array.js';
 import 'zod';
-import { Accordion } from '../../ui/features/accordion/accordion.js';
-import { AccordionContainer } from '../../ui/features/accordion/accordion-container.js';
+import { Accordion } from '../../../ui/features/accordion/accordion.js';
+import { AccordionContainer } from '../../../ui/features/accordion/accordion-container.js';
 import 'lucide-react';
 import 'next/link';
-import '../../../../../../constants/paths/redirect.js';
-import '../../../../../../constants/cms-locale.js';
+import '../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../constants/cms-locale.js';
 import 'next/navigation';
 import '@radix-ui/react-avatar';
-import '../../shadcn/badge.js';
-import '../../shadcn/button.js';
+import '../../../shadcn/badge.js';
+import '../../../shadcn/button.js';
 import '@radix-ui/react-collapsible';
 import '@radix-ui/react-dialog';
 import '@radix-ui/react-dropdown-menu';
-import '../../shadcn/input-group.js';
+import '../../../shadcn/input-group.js';
 import '@radix-ui/react-label';
 import '@radix-ui/react-radio-group';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
-import '../../shadcn/sidebar/sidebar.js';
+import '../../../shadcn/sidebar/sidebar.js';
 import 'next-themes';
 import 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
-import '../../../../../../core/client/infrastructure/contexts/admin/admin.js';
-import '../../../../../../core/client/infrastructure/react-query/client.js';
+import '../../../../../../../core/client/infrastructure/contexts/admin/admin.js';
+import '../../../../../../../core/client/infrastructure/react-query/client.js';
 import '@tanstack/react-query';
-import '../../../../../../core/domain/resources/admin/constants.js';
 import 'next/image';
+import { CategoryCard } from './category-card.js';
+import { CategoryTable } from './category-table.js';
 
 function createCategoryRelationsSection({
   topics: staticTopics,
@@ -48,7 +49,9 @@ function createCategoryRelationsSection({
   }) {
     const { t } = useTranslator();
     const topic = category?.topic;
-    const postType = staticTopics[topic?.slug ?? ""]?.postType;
+    const currentTopic = staticTopics[topic?.slug ?? ""];
+    const isSubcategoryRelation = currentTopic?.roles.includes(POST_TYPES.SUBCATEGORY) && category?.type === POST_TYPES.CATEGORY;
+    const relationType = isSubcategoryRelation ? POST_TYPES.SUBCATEGORY : POST_TYPES.POST;
     const posts = ensureArray(category?.children);
     const [postStates, setPostStates] = useState(
       {}
@@ -58,20 +61,24 @@ function createCategoryRelationsSection({
       {
         hasBorder: true,
         accordionHeaderProps: {
-          count: posts.length,
+          count: postStates.count ?? posts.length,
           isRelated: headerProps?.isRelated ?? true,
-          children: headerProps?.children ?? t("resources.post.text")
+          children: isSubcategoryRelation ? t("resources.subcategory.text") : headerProps?.children ?? t("resources.post.text")
         },
         deps: [postStates.isFetching],
         children: /* @__PURE__ */ jsx(
           PostList,
           {
             usableFields,
-            type: postType,
+            type: relationType,
             postIds: posts.map((p) => p.id),
             openNewTab: true,
             setListItemStates: setPostStates,
-            localKey: `post-${postType}`
+            ...isSubcategoryRelation ? {
+              Card: (props) => /* @__PURE__ */ jsx(CategoryCard, { ...props, isSubcategory: true }),
+              Table: (props) => /* @__PURE__ */ jsx(CategoryTable, { ...props, isSubcategory: true })
+            } : {},
+            localKey: `relation-${relationType}`
           }
         )
       }