@carlonicora/nextjs-jsonapi 5.3.0 → 5.5.0

package/dist/features/blog/index.mjs

@@ -0,0 +1,1810 @@
+"use client";
+import {
+  Alert,
+  AlertDescription,
+  Badge,
+  BlockNoteEditorContainer,
+  Button,
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+  CommonDeleter,
+  ContentListTable,
+  ContentTitle,
+  DetailField,
+  EditorSheet,
+  EmptyState,
+  EntityMultiSelector,
+  FileInput,
+  FileUploader,
+  FormBlockNote,
+  FormFieldWrapper,
+  FormInput,
+  FormSelect,
+  FormTextarea,
+  InputGroup,
+  InputGroupAddon,
+  InputGroupInput,
+  Link,
+  MicroLabel,
+  RadioGroup,
+  RadioGroupItem,
+  RoundPageContainer,
+  SectionHeader,
+  SharedProvider,
+  buttonVariants,
+  errorToast,
+  registerTableGenerator,
+  useDataListRetriever,
+  usePageUrlGenerator
+} from "../../chunk-X5WIUUNG.mjs";
+import "../../chunk-6SQYXUVP.mjs";
+import "../../chunk-PW42LRSL.mjs";
+import {
+  BLOG_ACTION,
+  BLOG_CATEGORY_UPLOAD_PREFIX,
+  BLOG_LIST_LAYOUTS,
+  BLOG_MODULE_ID,
+  BLOG_POST_STATUSES,
+  BLOG_POST_UPLOAD_PREFIX,
+  BLOG_PUBLIC_PREFIX,
+  BLOG_SETTINGS_ID,
+  BLOG_TRANSLATION_SOURCES,
+  BLOG_UPLOAD_ROOT,
+  BlogCategoryService,
+  BlogCategoryTranslationService,
+  BlogPostService,
+  BlogPostTranslationService,
+  BlogSettingsService,
+  Modules,
+  S3Service,
+  cn,
+  getI18nSupportedLocales,
+  isRemoteImageSrc,
+  showToast,
+  useI18nLocale,
+  useI18nRouter
+} from "../../chunk-VC5A3AUZ.mjs";
+import "../../chunk-V5MI7RNB.mjs";
+import "../../chunk-AUXK7QSA.mjs";
+import "../../chunk-PI56A4DG.mjs";
+import "../../chunk-VOXD3ZLY.mjs";
+import {
+  __name
+} from "../../chunk-PAWJFY3S.mjs";
+
+// src/features/blog/components/admin/BlogAdminContainer.tsx
+import { useTranslations as useTranslations9 } from "next-intl";
+
+// src/features/blog/components/admin/BlogCategoriesList.tsx
+import { TagIcon } from "lucide-react";
+import { useTranslations as useTranslations4 } from "next-intl";
+
+// src/features/blog/hooks/useBlogCategoryTableStructure.tsx
+import { useTranslations as useTranslations3 } from "next-intl";
+import { useMemo as useMemo4 } from "react";
+
+// src/features/blog/components/admin/BlogCategoryEditor.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { ChevronDownIcon } from "lucide-react";
+import { useTranslations as useTranslations2 } from "next-intl";
+import { useCallback as useCallback2, useMemo as useMemo3, useState as useState3 } from "react";
+import { useForm } from "react-hook-form";
+import { v4 } from "uuid";
+import { z } from "zod";
+
+// src/features/blog/components/admin/BlogCoverImageField.tsx
+import { UploadIcon } from "lucide-react";
+import Image from "next/image";
+import { useEffect, useMemo, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var dropzone = {
+  multiple: false,
+  maxSize: 100 * 1024 * 1024,
+  preventDropOnDocument: false,
+  accept: {
+    "application/images": [".jpg", ".jpeg", ".png", ".gif", ".webp", ".svg"]
+  }
+};
+async function uploadBlogImage(params) {
+  if (!params.selection || !params.key) return;
+  await S3Service.upload({
+    key: params.key,
+    contentType: params.selection.contentType,
+    file: params.selection.file,
+    isPublic: true
+  });
+}
+__name(uploadBlogImage, "uploadBlogImage");
+function BlogCoverImageField({
+  form,
+  id,
+  label,
+  keyPrefix,
+  entityId,
+  currentUrl,
+  alt,
+  selection,
+  onSelectionChange
+}) {
+  const [files, setFiles] = useState(null);
+  useEffect(() => {
+    if (selection === null) setFiles(null);
+  }, [selection]);
+  const previewUrl = useMemo(() => selection ? URL.createObjectURL(selection.file) : void 0, [selection]);
+  useEffect(() => {
+    return () => {
+      if (previewUrl) URL.revokeObjectURL(previewUrl);
+    };
+  }, [previewUrl]);
+  const src = previewUrl ?? currentUrl;
+  return /* @__PURE__ */ jsx(FormFieldWrapper, { form, name: id, label, children: (field) => /* @__PURE__ */ jsx(
+    FileUploader,
+    {
+      value: files,
+      onValueChange: (value) => {
+        setFiles(value);
+        const file = value?.[0];
+        if (!file) return;
+        const extension = file.type.split("/").pop() ?? "";
+        field.onChange(`${keyPrefix}/${entityId}/${entityId}.${Date.now()}.${extension}`);
+        onSelectionChange({ file, contentType: file.type });
+      },
+      dropzoneOptions: dropzone,
+      className: "w-full",
+      children: /* @__PURE__ */ jsx(FileInput, { className: "text-muted-foreground/50 rounded-lg outline-1 outline-dashed", children: /* @__PURE__ */ jsx("div", { className: "flex w-full flex-col items-center justify-center p-4", children: src ? /* @__PURE__ */ jsx(
+        Image,
+        {
+          src,
+          alt: alt ?? label,
+          width: 320,
+          height: 180,
+          className: "h-auto max-h-48 w-auto max-w-full rounded-md object-cover",
+          unoptimized: isRemoteImageSrc(previewUrl ? void 0 : currentUrl)
+        }
+      ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(UploadIcon, { className: "my-4 h-8 w-8" }),
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: label })
+      ] }) }) })
+    }
+  ) });
+}
+__name(BlogCoverImageField, "BlogCoverImageField");
+
+// src/features/blog/components/admin/BlogTranslationStatus.tsx
+import { LoaderCircleIcon, RotateCcwIcon } from "lucide-react";
+import { useTranslations } from "next-intl";
+import { useCallback, useMemo as useMemo2, useState as useState2 } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var BLOG_STATUS_BADGE = {
+  draft: "softGray",
+  published: "softGreen",
+  unpublished: "softAmber"
+};
+function blogCategoryAdminName(category) {
+  return category.original?.name ?? category.name ?? "";
+}
+__name(blogCategoryAdminName, "blogCategoryAdminName");
+function useBlogLanguageName() {
+  const locale = useI18nLocale();
+  const names = useMemo2(() => {
+    try {
+      return new Intl.DisplayNames([locale], { type: "language" });
+    } catch {
+      return void 0;
+    }
+  }, [locale]);
+  return useCallback(
+    (language) => {
+      const name = names?.of(language);
+      if (!name) return language;
+      return name.charAt(0).toLocaleUpperCase(locale) + name.slice(1);
+    },
+    [names, locale]
+  );
+}
+__name(useBlogLanguageName, "useBlogLanguageName");
+function useBlogDateFormatter() {
+  const locale = useI18nLocale();
+  return useCallback((date) => date ? date.toLocaleDateString(locale, { dateStyle: "medium" }) : "", [locale]);
+}
+__name(useBlogDateFormatter, "useBlogDateFormatter");
+function BlogTranslationStatus({ aiStatus, onRetranslate }) {
+  const t = useTranslations();
+  const [isRetrying, setIsRetrying] = useState2(false);
+  if (aiStatus === "completed") return null;
+  if (aiStatus === "pending" || aiStatus === "in_progress") {
+    return /* @__PURE__ */ jsx2("div", { className: "flex items-center gap-x-2", children: /* @__PURE__ */ jsxs2(Badge, { variant: "softBlue", children: [
+      /* @__PURE__ */ jsx2(LoaderCircleIcon, { className: "animate-spin" }),
+      aiStatus === "pending" ? t("blog.translation.pending") : t("blog.translation.translating")
+    ] }) });
+  }
+  const retranslate = /* @__PURE__ */ __name(async () => {
+    if (!onRetranslate) return;
+    setIsRetrying(true);
+    try {
+      await onRetranslate();
+    } catch (error) {
+      errorToast({ title: t("common.errors.error"), error });
+    } finally {
+      setIsRetrying(false);
+    }
+  }, "retranslate");
+  return /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-2", children: [
+    /* @__PURE__ */ jsx2(Badge, { variant: "softRed", children: t("blog.translation.failed") }),
+    onRetranslate && /* @__PURE__ */ jsxs2(Button, { type: "button", size: "sm", variant: "outline", onClick: () => void retranslate(), disabled: isRetrying, children: [
+      /* @__PURE__ */ jsx2(RotateCcwIcon, {}),
+      t("blog.actions.translateAgain")
+    ] })
+  ] });
+}
+__name(BlogTranslationStatus, "BlogTranslationStatus");
+
+// src/features/blog/components/admin/BlogCategoryEditor.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var buildTranslationSchema = /* @__PURE__ */ __name((t) => z.object({
+  id: z.string(),
+  name: z.string().min(1, { message: t("blog.errors.name") }),
+  slug: z.string().optional(),
+  description: z.string().optional()
+}), "buildTranslationSchema");
+var buildFormSchema = /* @__PURE__ */ __name((t) => z.object({
+  id: z.string().uuid(),
+  originalLanguage: z.string().min(1, { message: t("blog.errors.language") }),
+  name: z.string().min(1, { message: t("blog.errors.name") }),
+  slug: z.string().optional(),
+  description: z.string().optional(),
+  image: z.string().optional(),
+  translations: z.array(buildTranslationSchema(t))
+}), "buildFormSchema");
+var sameTranslation = /* @__PURE__ */ __name((a, b) => !!b && a.name === b.name && (a.slug ?? "") === (b.slug ?? "") && (a.description ?? "") === (b.description ?? ""), "sameTranslation");
+function BlogCategoryEditor({ category, trigger, onSuccess }) {
+  const t = useTranslations2();
+  const formSchema = useMemo3(() => buildFormSchema(t), [t]);
+  const locale = useI18nLocale();
+  const languageName = useBlogLanguageName();
+  const [image, setImage] = useState3(null);
+  const languages = useMemo3(() => getI18nSupportedLocales(), []);
+  const original = category?.original;
+  const translations = useMemo3(
+    () => (category?.translations ?? []).filter((translation) => !translation.isOriginal),
+    [category]
+  );
+  const getDefaultValues = useCallback2(
+    () => ({
+      id: category?.id || v4(),
+      originalLanguage: category?.originalLanguage ?? (languages.includes(locale) ? locale : languages[0]),
+      name: original?.name ?? category?.name ?? "",
+      slug: original?.slug ?? "",
+      description: original?.description ?? "",
+      // The stored value is a signed URL, not a key: only a newly picked file writes a key.
+      image: "",
+      translations: translations.map((translation) => ({
+        id: translation.id,
+        name: translation.name ?? "",
+        slug: translation.slug ?? "",
+        description: translation.description ?? ""
+      }))
+    }),
+    [category, original, translations, languages, locale]
+  );
+  const form = useForm({
+    resolver: zodResolver(formSchema),
+    defaultValues: getDefaultValues()
+  });
+  return /* @__PURE__ */ jsx3(
+    EditorSheet,
+    {
+      form,
+      entityType: t("blog.entities.category"),
+      entityName: original?.name ?? category?.name,
+      title: category ? t("blog.admin.editCategory") : t("blog.admin.newCategory"),
+      isEdit: !!category,
+      module: Modules.BlogCategory,
+      size: "md",
+      onSubmit: async (values) => {
+        if (values.image && image) await uploadBlogImage({ key: values.image, selection: image });
+        const imageKey = values.image && image ? values.image : void 0;
+        if (!category) {
+          return BlogCategoryService.create({
+            id: values.id,
+            originalLanguage: values.originalLanguage,
+            name: values.name,
+            description: values.description,
+            image: imageKey
+          });
+        }
+        const defaults = getDefaultValues();
+        const originalChanged = !!imageKey || !sameTranslation(
+          { id: values.id, name: values.name, slug: values.slug, description: values.description },
+          { id: defaults.id, name: defaults.name, slug: defaults.slug, description: defaults.description }
+        );
+        if (originalChanged) {
+          await BlogCategoryService.update({
+            id: values.id,
+            originalLanguage: category?.originalLanguage,
+            name: values.name,
+            slug: values.slug || void 0,
+            description: values.description,
+            image: imageKey
+          });
+        }
+        for (const translation of values.translations) {
+          const before = defaults.translations.find((candidate) => candidate.id === translation.id);
+          if (sameTranslation(translation, before)) continue;
+          await BlogCategoryTranslationService.update({
+            id: translation.id,
+            name: translation.name,
+            slug: translation.slug || void 0,
+            description: translation.description
+          });
+        }
+        return { id: values.id };
+      },
+      onReset: () => {
+        setImage(null);
+        return getDefaultValues();
+      },
+      onSuccess: onSuccess ?? (() => {
+      }),
+      trigger,
+      children: /* @__PURE__ */ jsxs3("div", { className: "flex w-full flex-col gap-y-4", children: [
+        !category && /* @__PURE__ */ jsx3(
+          FormSelect,
+          {
+            form,
+            id: "originalLanguage",
+            name: t("blog.fields.originalLanguage"),
+            values: languages.map((language) => ({ id: language, text: languageName(language) })),
+            isRequired: true
+          }
+        ),
+        /* @__PURE__ */ jsx3(FormInput, { form, id: "name", name: t("blog.fields.name"), isRequired: true }),
+        category && /* @__PURE__ */ jsx3(FormInput, { form, id: "slug", name: t("blog.fields.slug"), description: t("blog.fields.slugHelp") }),
+        /* @__PURE__ */ jsx3(FormTextarea, { form, id: "description", name: t("blog.fields.description") }),
+        /* @__PURE__ */ jsx3(
+          BlogCoverImageField,
+          {
+            form,
+            id: "image",
+            label: t("blog.fields.image"),
+            keyPrefix: BLOG_CATEGORY_UPLOAD_PREFIX,
+            entityId: form.getValues("id"),
+            currentUrl: category?.image,
+            selection: image,
+            onSelectionChange: setImage
+          }
+        ),
+        translations.length > 0 && /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-y-2", children: [
+          /* @__PURE__ */ jsx3(SectionHeader, { className: "mt-2", children: t("blog.fields.languages") }),
+          translations.map((translation, index) => /* @__PURE__ */ jsxs3(Collapsible, { className: "rounded-md border", children: [
+            /* @__PURE__ */ jsxs3(CollapsibleTrigger, { className: "flex w-full items-center justify-between gap-x-2 px-3 py-2 text-start", children: [
+              /* @__PURE__ */ jsxs3("span", { className: "flex items-center gap-x-2 text-sm font-medium", children: [
+                languageName(translation.language),
+                /* @__PURE__ */ jsx3(BlogTranslationStatus, { aiStatus: translation.aiStatus })
+              ] }),
+              /* @__PURE__ */ jsx3(ChevronDownIcon, { className: "text-muted-foreground size-4" })
+            ] }),
+            /* @__PURE__ */ jsxs3(CollapsibleContent, { className: "flex flex-col gap-y-4 border-t p-3", children: [
+              translation.aiStatus === "failed" && /* @__PURE__ */ jsx3(
+                BlogTranslationStatus,
+                {
+                  aiStatus: translation.aiStatus,
+                  onRetranslate: async () => {
+                    await BlogCategoryTranslationService.retranslate({ id: translation.id });
+                    await onSuccess?.();
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx3(FormInput, { form, id: `translations.${index}.name`, name: t("blog.fields.name"), isRequired: true }),
+              /* @__PURE__ */ jsx3(
+                FormInput,
+                {
+                  form,
+                  id: `translations.${index}.slug`,
+                  name: t("blog.fields.slug"),
+                  description: t("blog.fields.slugHelp")
+                }
+              ),
+              /* @__PURE__ */ jsx3(
+                FormTextarea,
+                {
+                  form,
+                  id: `translations.${index}.description`,
+                  name: t("blog.fields.description")
+                }
+              )
+            ] })
+          ] }, translation.id))
+        ] })
+      ] })
+    }
+  );
+}
+__name(BlogCategoryEditor, "BlogCategoryEditor");
+
+// src/features/blog/hooks/useBlogCategoryTableStructure.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var useBlogCategoryTableStructure = /* @__PURE__ */ __name((params) => {
+  const t = useTranslations3();
+  const refresh = params.dataRetriever?.refresh;
+  const tableData = useMemo4(() => {
+    return params.data.map((category) => {
+      const entry = { jsonApiData: category };
+      params.fields.forEach((field) => {
+        entry[field] = category[field];
+      });
+      return entry;
+    });
+  }, [params.data, params.fields]);
+  const fieldColumnMap = {
+    ["name" /* name */]: () => ({
+      id: "name" /* name */,
+      accessorKey: "name" /* name */,
+      header: t("blog.fields.name"),
+      cell: /* @__PURE__ */ __name(({ row }) => {
+        const category = row.original.jsonApiData;
+        return /* @__PURE__ */ jsx4(
+          BlogCategoryEditor,
+          {
+            category,
+            onSuccess: refresh,
+            trigger: /* @__PURE__ */ jsx4("button", { type: "button", className: "text-primary text-start font-medium", children: blogCategoryAdminName(category) || category.id })
+          }
+        );
+      }, "cell"),
+      enableSorting: false,
+      enableHiding: false
+    }),
+    ["languages" /* languages */]: () => ({
+      id: "languages" /* languages */,
+      accessorKey: "languages" /* languages */,
+      header: t("blog.fields.languages"),
+      cell: /* @__PURE__ */ __name(({ row }) => {
+        const category = row.original.jsonApiData;
+        const total = category.translations.length;
+        if (total === 0) return /* @__PURE__ */ jsx4("span", { className: "text-muted-foreground text-xs", children: "\u2014" });
+        const ready = category.translations.filter((translation) => translation.aiStatus === "completed").length;
+        return /* @__PURE__ */ jsxs4("span", { className: "block text-xs tabular-nums text-end", children: [
+          ready,
+          "/",
+          total
+        ] });
+      }, "cell"),
+      enableSorting: false,
+      enableHiding: false
+    })
+  };
+  const columns = useMemo4(() => {
+    return params.fields.map((field) => fieldColumnMap[field]?.()).filter((col) => col !== void 0);
+  }, [params.fields, fieldColumnMap, t, refresh]);
+  return useMemo4(() => ({ data: tableData, columns }), [tableData, columns]);
+}, "useBlogCategoryTableStructure");
+registerTableGenerator("blog-categories", useBlogCategoryTableStructure);
+
+// src/features/blog/components/admin/BlogCategoriesList.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+function BlogCategoriesList({ fullWidth } = {}) {
+  const t = useTranslations4();
+  const data = useDataListRetriever({
+    retriever: /* @__PURE__ */ __name((params) => BlogCategoryService.findMany(params), "retriever"),
+    retrieverParams: {},
+    module: Modules.BlogCategory
+  });
+  const functions = [
+    /* @__PURE__ */ jsx5(
+      BlogCategoryEditor,
+      {
+        onSuccess: data.refresh,
+        trigger: /* @__PURE__ */ jsx5(Button, { render: /* @__PURE__ */ jsx5("div", {}), nativeButton: false, size: "sm", variant: "outline", children: t("blog.admin.newCategory") })
+      },
+      "create-blog-category"
+    )
+  ];
+  return /* @__PURE__ */ jsx5(
+    ContentListTable,
+    {
+      data,
+      fields: ["name" /* name */, "languages" /* languages */],
+      tableGeneratorType: Modules.BlogCategory,
+      functions,
+      fullWidth,
+      title: t("blog.entities.categories"),
+      emptyState: /* @__PURE__ */ jsx5(EmptyState, { icon: TagIcon, title: t("blog.admin.emptyCategories") })
+    }
+  );
+}
+__name(BlogCategoriesList, "BlogCategoriesList");
+
+// src/features/blog/components/admin/BlogLayoutSetting.tsx
+import { useTranslations as useTranslations5 } from "next-intl";
+import { useEffect as useEffect2, useState as useState4 } from "react";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+function BlogLayoutSetting() {
+  const t = useTranslations5();
+  const [layout, setLayout] = useState4(void 0);
+  const [saving, setSaving] = useState4(false);
+  useEffect2(() => {
+    let active = true;
+    BlogSettingsService.get().then((settings) => {
+      if (active) setLayout(settings?.listLayout ?? "featured");
+    }).catch(() => {
+      if (active) setLayout("featured");
+    });
+    return () => {
+      active = false;
+    };
+  }, []);
+  const options = {
+    featured: { label: t("blog.layout.featured"), description: t("blog.layout.featuredDescription") },
+    column: { label: t("blog.layout.column"), description: t("blog.layout.columnDescription") },
+    rail: { label: t("blog.layout.rail"), description: t("blog.layout.railDescription") }
+  };
+  const save = /* @__PURE__ */ __name(async (next) => {
+    const previous = layout;
+    setLayout(next);
+    setSaving(true);
+    try {
+      await BlogSettingsService.save({ id: BLOG_SETTINGS_ID, listLayout: next });
+      showToast(t("blog.layout.saved"));
+    } catch (error) {
+      setLayout(previous);
+      errorToast({ title: t("common.errors.error"), error });
+    } finally {
+      setSaving(false);
+    }
+  }, "save");
+  return /* @__PURE__ */ jsxs5("div", { className: "flex w-full max-w-3xl flex-col gap-y-4 p-4", children: [
+    /* @__PURE__ */ jsx6(SectionHeader, { children: t("blog.layout.title") }),
+    layout && /* @__PURE__ */ jsx6(
+      RadioGroup,
+      {
+        value: layout,
+        onValueChange: (value) => {
+          if (!value || value === layout) return;
+          void save(value);
+        },
+        disabled: saving,
+        className: "grid grid-cols-1 gap-3 md:grid-cols-3",
+        children: BLOG_LIST_LAYOUTS.map((option) => /* @__PURE__ */ jsxs5(
+          "label",
+          {
+            htmlFor: `blog-layout-${option}`,
+            className: "has-data-checked:border-primary flex cursor-pointer items-start gap-x-3 rounded-lg border p-4",
+            children: [
+              /* @__PURE__ */ jsx6(RadioGroupItem, { value: option, id: `blog-layout-${option}`, className: "mt-0.5" }),
+              /* @__PURE__ */ jsxs5("span", { className: "flex flex-col gap-y-1", children: [
+                /* @__PURE__ */ jsx6("span", { className: "text-sm font-medium", children: options[option].label }),
+                /* @__PURE__ */ jsx6("span", { className: "text-muted-foreground text-xs/relaxed", children: options[option].description })
+              ] })
+            ]
+          },
+          option
+        ))
+      }
+    )
+  ] });
+}
+__name(BlogLayoutSetting, "BlogLayoutSetting");
+
+// src/features/blog/components/admin/BlogPostsList.tsx
+import { NewspaperIcon } from "lucide-react";
+import { useTranslations as useTranslations8 } from "next-intl";
+
+// src/features/blog/hooks/useBlogPostTableStructure.tsx
+import { useTranslations as useTranslations6 } from "next-intl";
+import { useMemo as useMemo5 } from "react";
+
+// src/features/blog/hooks/useBlogCategoryNames.ts
+import { useCallback as useCallback3, useEffect as useEffect3, useState as useState5 } from "react";
+function useBlogCategoryNames() {
+  const [names, setNames] = useState5({});
+  useEffect3(() => {
+    let cancelled = false;
+    BlogCategoryService.findMany({ fetchAll: true }).then((categories) => {
+      if (cancelled) return;
+      setNames(Object.fromEntries(categories.map((category) => [category.id, blogCategoryAdminName(category)])));
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  return useCallback3((categoryId) => names[categoryId] ?? "", [names]);
+}
+__name(useBlogCategoryNames, "useBlogCategoryNames");
+
+// src/features/blog/hooks/useBlogPostTableStructure.tsx
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+var useBlogPostTableStructure = /* @__PURE__ */ __name((params) => {
+  const t = useTranslations6();
+  const locale = useI18nLocale();
+  const generateUrl = usePageUrlGenerator();
+  const categoryName = useBlogCategoryNames();
+  const tableData = useMemo5(() => {
+    return params.data.map((post) => {
+      const entry = { jsonApiData: post };
+      params.fields.forEach((field) => {
+        entry[field] = post[field];
+      });
+      return entry;
+    });
+  }, [params.data, params.fields]);
+  const fieldColumnMap = {
+    ["title" /* title */]: () => ({
+      id: "title" /* title */,
+      accessorKey: "title" /* title */,
+      header: t("blog.fields.title"),
+      cell: /* @__PURE__ */ __name(({ row }) => {
+        const post = row.original.jsonApiData;
+        return /* @__PURE__ */ jsx7(Link, { href: generateUrl({ page: Modules.BlogPost, id: post.id }), children: post.original?.title ?? post.title ?? post.id });
+      }, "cell"),
+      enableSorting: false,
+      enableHiding: false
+    }),
+    ["status" /* status */]: () => ({
+      id: "status" /* status */,
+      accessorKey: "status" /* status */,
+      header: t("blog.fields.status"),
+      cell: /* @__PURE__ */ __name(({ row }) => {
+        const post = row.original.jsonApiData;
+        const label = {
+          draft: t("blog.status.draft"),
+          published: t("blog.status.published"),
+          unpublished: t("blog.status.unpublished")
+        }[post.status];
+        return /* @__PURE__ */ jsx7(Badge, { variant: BLOG_STATUS_BADGE[post.status] ?? "softGray", children: label ?? post.status });
+      }, "cell"),
+      enableSorting: false,
+      enableHiding: false
+    }),
+    ["categories" /* categories */]: () => ({
+      id: "categories" /* categories */,
+      accessorKey: "categories" /* categories */,
+      header: t("blog.fields.categories"),
+      cell: /* @__PURE__ */ __name(({ row }) => {
+        const post = row.original.jsonApiData;
+        const names = post.categories.map((category) => categoryName(category.id)).filter(Boolean);
+        if (names.length === 0) return /* @__PURE__ */ jsx7("span", { className: "text-muted-foreground text-xs", children: "\u2014" });
+        return /* @__PURE__ */ jsx7("span", { className: "text-xs", children: names.join(", ") });
+      }, "cell"),
+      enableSorting: false,
+      enableHiding: false
+    }),
+    ["publishedAt" /* publishedAt */]: () => ({
+      id: "publishedAt" /* publishedAt */,
+      accessorKey: "publishedAt" /* publishedAt */,
+      header: t("blog.fields.publishedAt"),
+      cell: /* @__PURE__ */ __name(({ row }) => {
+        const post = row.original.jsonApiData;
+        if (!post.publishedAt) return /* @__PURE__ */ jsx7("span", { className: "text-muted-foreground text-xs", children: "\u2014" });
+        return /* @__PURE__ */ jsx7("span", { className: "text-xs tabular-nums", children: post.publishedAt.toLocaleDateString(locale, { dateStyle: "medium" }) });
+      }, "cell"),
+      enableSorting: false,
+      enableHiding: false
+    }),
+    ["languages" /* languages */]: () => ({
+      id: "languages" /* languages */,
+      accessorKey: "languages" /* languages */,
+      header: t("blog.fields.languages"),
+      cell: /* @__PURE__ */ __name(({ row }) => {
+        const post = row.original.jsonApiData;
+        const total = post.translations.length;
+        if (total === 0) return /* @__PURE__ */ jsx7("span", { className: "text-muted-foreground text-xs", children: "\u2014" });
+        const ready = post.translations.filter((translation) => translation.aiStatus === "completed").length;
+        return /* @__PURE__ */ jsxs6("span", { className: "block text-xs tabular-nums text-end", children: [
+          ready,
+          "/",
+          total
+        ] });
+      }, "cell"),
+      enableSorting: false,
+      enableHiding: false
+    })
+  };
+  const columns = useMemo5(() => {
+    return params.fields.map((field) => fieldColumnMap[field]?.()).filter((col) => col !== void 0);
+  }, [params.fields, fieldColumnMap, t, generateUrl, locale, categoryName]);
+  return useMemo5(() => ({ data: tableData, columns }), [tableData, columns]);
+}, "useBlogPostTableStructure");
+registerTableGenerator("blog-posts", useBlogPostTableStructure);
+
+// src/features/blog/components/admin/BlogPostEditor.tsx
+import { zodResolver as zodResolver2 } from "@hookform/resolvers/zod";
+import { useTranslations as useTranslations7 } from "next-intl";
+import { useCallback as useCallback4, useMemo as useMemo6, useState as useState6 } from "react";
+import { useForm as useForm2 } from "react-hook-form";
+import { v4 as v42 } from "uuid";
+import { z as z2 } from "zod";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+var isBodyEmpty = /* @__PURE__ */ __name((body) => !body || Array.isArray(body) && body.length === 0, "isBodyEmpty");
+function BlogPostEditor({ post, trigger, onSuccess }) {
+  const t = useTranslations7();
+  const categoryName = useBlogCategoryNames();
+  const router = useI18nRouter();
+  const locale = useI18nLocale();
+  const languageName = useBlogLanguageName();
+  const original = post?.original;
+  const [cover, setCover] = useState6(null);
+  const [isBodyEmptyState, setIsBodyEmptyState] = useState6(isBodyEmpty(original?.body));
+  const languages = useMemo6(() => getI18nSupportedLocales(), []);
+  const formSchema = useMemo6(
+    () => z2.object({
+      id: z2.string().uuid(),
+      originalLanguage: z2.string().min(1, { message: t("blog.errors.language") }),
+      title: z2.string().min(1, { message: t("blog.errors.title") }),
+      slug: z2.string().optional(),
+      summary: z2.string().optional(),
+      body: z2.any(),
+      coverImage: z2.string().optional(),
+      coverImageAlt: z2.string().optional(),
+      categories: z2.array(z2.object({ id: z2.string(), name: z2.string() }))
+    }),
+    []
+  );
+  const getDefaultValues = useCallback4(
+    () => ({
+      id: post?.id || v42(),
+      originalLanguage: post?.originalLanguage ?? (languages.includes(locale) ? locale : languages[0]),
+      title: original?.title ?? "",
+      slug: original?.slug ?? "",
+      summary: original?.summary ?? "",
+      body: original?.body || [],
+      // The stored value is a signed URL, not a key: only a newly picked file
+      // writes a key here, and only then is the field sent.
+      coverImage: "",
+      coverImageAlt: original?.coverImageAlt ?? "",
+      categories: (post?.categories ?? []).map((category) => ({
+        id: category.id,
+        name: blogCategoryAdminName(category)
+      }))
+    }),
+    [post, original, languages, locale]
+  );
+  const form = useForm2({
+    resolver: zodResolver2(formSchema),
+    defaultValues: getDefaultValues()
+  });
+  const { dirtyFields } = form.formState;
+  const isFormDirty = useCallback4(() => {
+    const dirty = { ...dirtyFields };
+    if (dirty.body && isBodyEmptyState) delete dirty.body;
+    return Object.keys(dirty).length > 0;
+  }, [dirtyFields, isBodyEmptyState]);
+  return /* @__PURE__ */ jsx8(
+    EditorSheet,
+    {
+      form,
+      entityType: t("blog.entities.post"),
+      entityName: original?.title,
+      title: post ? t("blog.admin.editPost") : t("blog.admin.newPost"),
+      isEdit: !!post,
+      module: Modules.BlogPost,
+      size: "lg",
+      isFormDirty,
+      onSubmit: async (values) => {
+        if (values.coverImage && cover) await uploadBlogImage({ key: values.coverImage, selection: cover });
+        const payload = {
+          id: values.id,
+          title: values.title,
+          // An empty summary lets the worker write one; on edit the summary is
+          // sent only when changed here, so an untouched AI summary is regenerated.
+          summary: post ? form.getFieldState("summary").isDirty ? values.summary : void 0 : values.summary || void 0,
+          body: values.body,
+          coverImage: values.coverImage && cover ? values.coverImage : void 0,
+          coverImageAlt: values.coverImageAlt,
+          categoryIds: values.categories.map((category) => category.id)
+        };
+        if (post) {
+          return BlogPostService.update({
+            ...payload,
+            originalLanguage: post.originalLanguage,
+            slug: values.slug || void 0
+          });
+        }
+        return BlogPostService.create({ ...payload, originalLanguage: values.originalLanguage });
+      },
+      onReset: () => {
+        setCover(null);
+        setIsBodyEmptyState(isBodyEmpty(original?.body));
+        return getDefaultValues();
+      },
+      onSuccess,
+      onNavigate: (url) => router.push(url),
+      trigger,
+      children: /* @__PURE__ */ jsxs7("div", { className: "flex h-full min-h-0 w-full flex-col gap-y-4", children: [
+        !post && /* @__PURE__ */ jsx8(
+          FormSelect,
+          {
+            form,
+            id: "originalLanguage",
+            name: t("blog.fields.originalLanguage"),
+            values: languages.map((language) => ({ id: language, text: languageName(language) })),
+            isRequired: true
+          }
+        ),
+        /* @__PURE__ */ jsx8(FormInput, { form, id: "title", name: t("blog.fields.title"), isRequired: true }),
+        /* @__PURE__ */ jsxs7("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+          /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-y-4", children: [
+            post && /* @__PURE__ */ jsx8(FormInput, { form, id: "slug", name: t("blog.fields.slug"), description: t("blog.fields.slugHelp") }),
+            /* @__PURE__ */ jsx8(
+              EntityMultiSelector,
+              {
+                id: "categories",
+                form,
+                label: t("blog.fields.categories"),
+                retriever: (params) => BlogCategoryService.findMany(params),
+                module: Modules.BlogCategory,
+                getLabel: blogCategoryAdminName,
+                getFormValueLabel: (value) => value.name || categoryName(value.id)
+              }
+            ),
+            /* @__PURE__ */ jsx8(
+              FormTextarea,
+              {
+                form,
+                id: "summary",
+                name: t("blog.fields.summary"),
+                description: t("blog.fields.summaryHelp"),
+                className: "min-h-24"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-y-4", children: [
+            /* @__PURE__ */ jsx8(
+              BlogCoverImageField,
+              {
+                form,
+                id: "coverImage",
+                label: t("blog.fields.coverImage"),
+                keyPrefix: BLOG_POST_UPLOAD_PREFIX,
+                entityId: form.getValues("id"),
+                currentUrl: post?.coverImage,
+                alt: original?.coverImageAlt,
+                selection: cover,
+                onSelectionChange: setCover
+              }
+            ),
+            /* @__PURE__ */ jsx8(FormInput, { form, id: "coverImageAlt", name: t("blog.fields.coverImageAlt") })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx8(
+          FormBlockNote,
+          {
+            uploadKeyPrefix: BLOG_POST_UPLOAD_PREFIX,
+            form,
+            id: "body",
+            name: t("blog.fields.body"),
+            type: "blog-post",
+            isRequired: true,
+            stretch: true,
+            className: "min-h-96",
+            onEmptyChange: setIsBodyEmptyState
+          }
+        )
+      ] })
+    }
+  );
+}
+__name(BlogPostEditor, "BlogPostEditor");
+
+// src/features/blog/components/admin/BlogPostsList.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+function BlogPostsList({ fullWidth } = {}) {
+  const t = useTranslations8();
+  const data = useDataListRetriever({
+    retriever: /* @__PURE__ */ __name((params) => BlogPostService.findMany(params), "retriever"),
+    retrieverParams: {},
+    module: Modules.BlogPost
+  });
+  const functions = [
+    /* @__PURE__ */ jsx9(
+      BlogPostEditor,
+      {
+        trigger: /* @__PURE__ */ jsx9(Button, { render: /* @__PURE__ */ jsx9("div", {}), nativeButton: false, size: "sm", variant: "outline", children: t("blog.admin.newPost") })
+      },
+      "create-blog-post"
+    )
+  ];
+  return /* @__PURE__ */ jsx9(
+    ContentListTable,
+    {
+      data,
+      fields: [
+        "title" /* title */,
+        "status" /* status */,
+        "categories" /* categories */,
+        "publishedAt" /* publishedAt */,
+        "languages" /* languages */
+      ],
+      tableGeneratorType: Modules.BlogPost,
+      functions,
+      fullWidth,
+      title: t("blog.entities.posts"),
+      emptyState: /* @__PURE__ */ jsx9(EmptyState, { icon: NewspaperIcon, title: t("blog.admin.empty") })
+    }
+  );
+}
+__name(BlogPostsList, "BlogPostsList");
+
+// src/features/blog/components/admin/BlogAdminContainer.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+function BlogAdminContainer() {
+  const t = useTranslations9();
+  const breadcrumbs = [{ name: t("blog.admin.title") }];
+  return /* @__PURE__ */ jsx10(SharedProvider, { value: { breadcrumbs, title: { type: t("blog.admin.title") } }, children: /* @__PURE__ */ jsx10(
+    RoundPageContainer,
+    {
+      module: Modules.BlogPost,
+      tabs: [
+        { sectionKey: "posts", label: t("blog.tabs.posts"), content: /* @__PURE__ */ jsx10(BlogPostsList, {}) },
+        { sectionKey: "categories", label: t("blog.tabs.categories"), content: /* @__PURE__ */ jsx10(BlogCategoriesList, {}) },
+        { sectionKey: "layout", label: t("blog.tabs.layout"), content: /* @__PURE__ */ jsx10(BlogLayoutSetting, {}) }
+      ]
+    }
+  ) });
+}
+__name(BlogAdminContainer, "BlogAdminContainer");
+
+// src/features/blog/components/admin/BlogPostContainer.tsx
+import { useTranslations as useTranslations15 } from "next-intl";
+import { useMemo as useMemo9 } from "react";
+
+// src/features/blog/contexts/BlogPostContext.tsx
+import { createContext, useCallback as useCallback5, useContext, useEffect as useEffect4, useMemo as useMemo7, useState as useState7 } from "react";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var TRANSLATION_POLL_MS = 5e3;
+var BlogPostContext = createContext(void 0);
+var BlogPostProvider = /* @__PURE__ */ __name(({ postId, children }) => {
+  const [post, setPost] = useState7(void 0);
+  const reload = useCallback5(async () => {
+    const loaded = await BlogPostService.findOne({ id: postId });
+    setPost(loaded);
+  }, [postId]);
+  useEffect4(() => {
+    void reload();
+  }, [reload]);
+  const isTranslating = useMemo7(
+    () => (post?.translations ?? []).some(
+      (translation) => translation.aiStatus === "pending" || translation.aiStatus === "in_progress"
+    ),
+    [post]
+  );
+  useEffect4(() => {
+    if (!isTranslating) return;
+    const handle = setInterval(() => {
+      reload().catch(() => {
+      });
+    }, TRANSLATION_POLL_MS);
+    return () => clearInterval(handle);
+  }, [isTranslating, reload]);
+  const value = useMemo7(() => ({ post, reload }), [post, reload]);
+  return /* @__PURE__ */ jsx11(BlogPostContext.Provider, { value, children });
+}, "BlogPostProvider");
+var useBlogPost = /* @__PURE__ */ __name(() => {
+  const context = useContext(BlogPostContext);
+  if (context === void 0) {
+    throw new Error("useBlogPost must be used within a BlogPostProvider");
+  }
+  return context;
+}, "useBlogPost");
+
+// src/features/blog/components/admin/BlogPostDeleter.tsx
+import { useTranslations as useTranslations10 } from "next-intl";
+import { jsx as jsx12 } from "react/jsx-runtime";
+function BlogPostDeleter() {
+  const t = useTranslations10();
+  const generateUrl = usePageUrlGenerator();
+  const { post } = useBlogPost();
+  if (!post) return null;
+  const type = t("blog.entities.post");
+  return /* @__PURE__ */ jsx12(
+    CommonDeleter,
+    {
+      title: t("common.delete.title", { type }),
+      subtitle: t("common.delete.subtitle", { type }),
+      description: /* @__PURE__ */ jsx12("div", { className: "text-destructive p-4 text-sm", children: t("common.delete.description", { type }) }),
+      showLabel: true,
+      deleteFunction: () => BlogPostService.delete({ id: post.id }),
+      redirectTo: generateUrl({ page: Modules.BlogPost })
+    }
+  );
+}
+__name(BlogPostDeleter, "BlogPostDeleter");
+
+// src/features/blog/components/admin/BlogPostPublishButton.tsx
+import { EyeIcon, EyeOffIcon } from "lucide-react";
+import { useTranslations as useTranslations11 } from "next-intl";
+import { useState as useState8 } from "react";
+import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+function BlogPostPublishButton() {
+  const t = useTranslations11();
+  const { post, reload } = useBlogPost();
+  const [saving, setSaving] = useState8(false);
+  if (!post) return null;
+  const isPublished = post.status === "published";
+  const toggle = /* @__PURE__ */ __name(async () => {
+    setSaving(true);
+    try {
+      if (isPublished) await BlogPostService.unpublish({ id: post.id });
+      else await BlogPostService.publish({ id: post.id });
+      await reload();
+    } catch (error) {
+      errorToast({ title: t("common.errors.error"), error });
+    } finally {
+      setSaving(false);
+    }
+  }, "toggle");
+  return /* @__PURE__ */ jsxs8(
+    Button,
+    {
+      type: "button",
+      size: "sm",
+      variant: isPublished ? "outline" : "default",
+      onClick: () => void toggle(),
+      disabled: saving,
+      children: [
+        isPublished ? /* @__PURE__ */ jsx13(EyeOffIcon, {}) : /* @__PURE__ */ jsx13(EyeIcon, {}),
+        isPublished ? t("blog.actions.unpublish") : t("blog.actions.publish")
+      ]
+    }
+  );
+}
+__name(BlogPostPublishButton, "BlogPostPublishButton");
+
+// src/features/blog/components/admin/BlogPostTranslationPanel.tsx
+import { PencilIcon } from "lucide-react";
+import { useTranslations as useTranslations14 } from "next-intl";
+import Image2 from "next/image";
+import { useState as useState10 } from "react";
+
+// src/features/blog/components/admin/BlogPostComparison.tsx
+import { useTranslations as useTranslations12 } from "next-intl";
+import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+function BlogPostTranslationFields({ translation }) {
+  const t = useTranslations12();
+  return /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-y-4", children: [
+    /* @__PURE__ */ jsx14(DetailField, { label: t("blog.fields.title"), value: translation.title }),
+    /* @__PURE__ */ jsx14(DetailField, { label: t("blog.fields.slug"), value: translation.slug }),
+    /* @__PURE__ */ jsx14(DetailField, { label: t("blog.fields.summary"), value: translation.summary }),
+    /* @__PURE__ */ jsx14(DetailField, { label: t("blog.fields.coverImageAlt"), value: translation.coverImageAlt }),
+    /* @__PURE__ */ jsx14(DetailField, { label: t("blog.fields.body"), children: /* @__PURE__ */ jsx14(BlockNoteEditorContainer, { id: translation.id, type: "blog-post", initialContent: translation.body }) })
+  ] });
+}
+__name(BlogPostTranslationFields, "BlogPostTranslationFields");
+function BlogPostComparison({ original, translation }) {
+  const t = useTranslations12();
+  const languageName = useBlogLanguageName();
+  return /* @__PURE__ */ jsxs9("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+    /* @__PURE__ */ jsxs9("div", { className: "bg-muted/40 flex flex-col gap-y-4 rounded-lg border p-4", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-x-2", children: [
+        /* @__PURE__ */ jsx14(MicroLabel, { as: "h3", children: languageName(original.language) }),
+        /* @__PURE__ */ jsx14(Badge, { variant: "softGray", children: t("blog.translation.original") })
+      ] }),
+      /* @__PURE__ */ jsx14(BlogPostTranslationFields, { translation: original })
+    ] }),
+    /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-y-4 rounded-lg border p-4", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-x-2", children: [
+        /* @__PURE__ */ jsx14(MicroLabel, { as: "h3", children: languageName(translation.language) }),
+        translation.source === "manual" && /* @__PURE__ */ jsx14(Badge, { variant: "softAmber", children: t("blog.translation.editedByHand") })
+      ] }),
+      /* @__PURE__ */ jsx14(BlogPostTranslationFields, { translation })
+    ] })
+  ] });
+}
+__name(BlogPostComparison, "BlogPostComparison");
+
+// src/features/blog/components/admin/BlogPostTranslationEditor.tsx
+import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
+import { useTranslations as useTranslations13 } from "next-intl";
+import { useCallback as useCallback6, useMemo as useMemo8, useState as useState9 } from "react";
+import { useForm as useForm3 } from "react-hook-form";
+import { z as z3 } from "zod";
+import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+var isBodyEmpty2 = /* @__PURE__ */ __name((body) => !body || Array.isArray(body) && body.length === 0, "isBodyEmpty");
+var buildFormSchema2 = /* @__PURE__ */ __name((t) => z3.object({
+  id: z3.string().uuid(),
+  title: z3.string().min(1, { message: t("blog.errors.title") }),
+  slug: z3.string().optional(),
+  summary: z3.string().optional(),
+  body: z3.any(),
+  coverImageAlt: z3.string().optional()
+}), "buildFormSchema");
+function BlogPostTranslationEditor({ translation, trigger, onSuccess }) {
+  const t = useTranslations13();
+  const formSchema = useMemo8(() => buildFormSchema2(t), [t]);
+  const languageName = useBlogLanguageName();
+  const [isBodyEmptyState, setIsBodyEmptyState] = useState9(isBodyEmpty2(translation.body));
+  const getDefaultValues = useCallback6(
+    () => ({
+      id: translation.id,
+      title: translation.title ?? "",
+      slug: translation.slug ?? "",
+      summary: translation.summary ?? "",
+      body: translation.body || [],
+      coverImageAlt: translation.coverImageAlt ?? ""
+    }),
+    [translation]
+  );
+  const form = useForm3({
+    resolver: zodResolver3(formSchema),
+    defaultValues: getDefaultValues()
+  });
+  const { dirtyFields } = form.formState;
+  const isFormDirty = useCallback6(() => {
+    const dirty = { ...dirtyFields };
+    if (dirty.body && isBodyEmptyState) delete dirty.body;
+    return Object.keys(dirty).length > 0;
+  }, [dirtyFields, isBodyEmptyState]);
+  return /* @__PURE__ */ jsx15(
+    EditorSheet,
+    {
+      form,
+      entityType: t("blog.entities.post"),
+      entityName: translation.title,
+      title: `${t("blog.admin.editPost")} \xB7 ${languageName(translation.language)}`,
+      isEdit: true,
+      module: Modules.BlogPostTranslation,
+      size: "lg",
+      isFormDirty,
+      onSubmit: async (values) => BlogPostTranslationService.update({
+        id: values.id,
+        title: values.title,
+        slug: values.slug || void 0,
+        summary: values.summary,
+        body: values.body,
+        coverImageAlt: values.coverImageAlt
+      }),
+      onReset: () => {
+        setIsBodyEmptyState(isBodyEmpty2(translation.body));
+        return getDefaultValues();
+      },
+      onSuccess: onSuccess ?? (() => {
+      }),
+      trigger,
+      children: /* @__PURE__ */ jsxs10("div", { className: "flex h-full min-h-0 w-full flex-col gap-y-4", children: [
+        /* @__PURE__ */ jsx15(FormInput, { form, id: "title", name: t("blog.fields.title"), isRequired: true }),
+        /* @__PURE__ */ jsxs10("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+          /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-y-4", children: [
+            /* @__PURE__ */ jsx15(FormInput, { form, id: "slug", name: t("blog.fields.slug"), description: t("blog.fields.slugHelp") }),
+            /* @__PURE__ */ jsx15(FormTextarea, { form, id: "summary", name: t("blog.fields.summary"), className: "min-h-24" })
+          ] }),
+          /* @__PURE__ */ jsx15("div", { className: "flex flex-col gap-y-4", children: /* @__PURE__ */ jsx15(FormInput, { form, id: "coverImageAlt", name: t("blog.fields.coverImageAlt") }) })
+        ] }),
+        /* @__PURE__ */ jsx15(
+          FormBlockNote,
+          {
+            uploadKeyPrefix: BLOG_POST_UPLOAD_PREFIX,
+            form,
+            id: "body",
+            name: t("blog.fields.body"),
+            type: "blog-post",
+            isRequired: true,
+            stretch: true,
+            className: "min-h-96",
+            onEmptyChange: setIsBodyEmptyState
+          }
+        )
+      ] })
+    }
+  );
+}
+__name(BlogPostTranslationEditor, "BlogPostTranslationEditor");
+
+// src/features/blog/components/admin/BlogPostTranslationPanel.tsx
+import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
+function BlogPostTranslationPanel({ post, translation, onChanged }) {
+  const t = useTranslations14();
+  const categoryName = useBlogCategoryNames();
+  const languageName = useBlogLanguageName();
+  const formatDate = useBlogDateFormatter();
+  const [isComparing, setIsComparing] = useState10(false);
+  const original = post.original;
+  const reload = onChanged ?? (async () => {
+  });
+  const editTrigger = /* @__PURE__ */ jsxs11(Button, { render: /* @__PURE__ */ jsx16("div", {}), nativeButton: false, size: "sm", variant: "outline", children: [
+    /* @__PURE__ */ jsx16(PencilIcon, {}),
+    t("blog.actions.edit")
+  ] });
+  if (translation.isOriginal) {
+    const statusLabel = {
+      draft: t("blog.status.draft"),
+      published: t("blog.status.published"),
+      unpublished: t("blog.status.unpublished")
+    }[post.status];
+    return /* @__PURE__ */ jsxs11("div", { className: "flex w-full flex-col gap-y-6 p-4", children: [
+      /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between gap-x-4", children: [
+        /* @__PURE__ */ jsx16(Badge, { variant: "softGray", children: t("blog.translation.original") }),
+        /* @__PURE__ */ jsx16(BlogPostEditor, { post, trigger: editTrigger, onSuccess: reload })
+      ] }),
+      post.coverImage && /* @__PURE__ */ jsx16(
+        Image2,
+        {
+          src: post.coverImage,
+          alt: translation.coverImageAlt ?? translation.title,
+          width: 640,
+          height: 360,
+          className: "h-auto max-h-72 w-auto rounded-lg object-cover",
+          unoptimized: isRemoteImageSrc(post.coverImage)
+        }
+      ),
+      /* @__PURE__ */ jsxs11("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-3", children: [
+        /* @__PURE__ */ jsx16(DetailField, { label: t("blog.fields.status"), value: statusLabel }),
+        /* @__PURE__ */ jsx16(DetailField, { label: t("blog.fields.publishedAt"), value: formatDate(post.publishedAt) || "\u2014" }),
+        /* @__PURE__ */ jsx16(
+          DetailField,
+          {
+            label: t("blog.fields.categories"),
+            value: post.categories.map((category) => categoryName(category.id)).filter(Boolean).join(", ") || "\u2014"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx16(BlogPostTranslationFields, { translation })
+    ] });
+  }
+  const isWorking = translation.aiStatus === "pending" || translation.aiStatus === "in_progress";
+  return /* @__PURE__ */ jsxs11("div", { className: "flex w-full flex-col gap-y-6 p-4", children: [
+    /* @__PURE__ */ jsx16(Alert, { children: /* @__PURE__ */ jsxs11(AlertDescription, { className: "flex flex-col gap-y-2", children: [
+      /* @__PURE__ */ jsxs11("div", { className: "flex flex-wrap items-center gap-2", children: [
+        translation.source === "manual" && /* @__PURE__ */ jsx16(Badge, { variant: "softAmber", children: t("blog.translation.editedByHand") }),
+        original && translation.translatedAt && /* @__PURE__ */ jsx16("span", { children: t("blog.translation.translatedFrom", {
+          language: languageName(original.language),
+          date: formatDate(translation.translatedAt)
+        }) })
+      ] }),
+      /* @__PURE__ */ jsx16("span", { children: t("blog.translation.overwriteWarning") }),
+      original && /* @__PURE__ */ jsx16("div", { children: /* @__PURE__ */ jsx16(Button, { type: "button", size: "sm", variant: "ghost", onClick: () => setIsComparing((value) => !value), children: isComparing ? t("blog.actions.hideComparison") : t("blog.actions.compareWithOriginal") }) })
+    ] }) }),
+    /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between gap-x-4", children: [
+      /* @__PURE__ */ jsx16(
+        BlogTranslationStatus,
+        {
+          aiStatus: translation.aiStatus,
+          onRetranslate: async () => {
+            await BlogPostTranslationService.retranslate({ id: translation.id });
+            await reload();
+          }
+        }
+      ),
+      !isWorking && /* @__PURE__ */ jsx16(BlogPostTranslationEditor, { translation, trigger: editTrigger, onSuccess: reload })
+    ] }),
+    isComparing && original ? /* @__PURE__ */ jsx16(BlogPostComparison, { original, translation }) : /* @__PURE__ */ jsx16(BlogPostTranslationFields, { translation })
+  ] });
+}
+__name(BlogPostTranslationPanel, "BlogPostTranslationPanel");
+
+// src/features/blog/components/admin/BlogPostContainer.tsx
+import { jsx as jsx17 } from "react/jsx-runtime";
+function BlogPostContainer({ postId }) {
+  return /* @__PURE__ */ jsx17(BlogPostProvider, { postId, children: /* @__PURE__ */ jsx17(BlogPostShell, {}) });
+}
+__name(BlogPostContainer, "BlogPostContainer");
+function BlogPostShell() {
+  const t = useTranslations15();
+  const generateUrl = usePageUrlGenerator();
+  const languageName = useBlogLanguageName();
+  const { post, reload } = useBlogPost();
+  const translations = useMemo9(() => {
+    const all = post?.translations ?? [];
+    return [
+      ...all.filter((translation) => translation.isOriginal),
+      ...all.filter((translation) => !translation.isOriginal)
+    ];
+  }, [post]);
+  if (!post) return null;
+  const title = post.original?.title ?? post.title ?? "";
+  const breadcrumbs = [
+    { name: t("blog.admin.title"), href: generateUrl({ page: Modules.BlogPost }) },
+    { name: title }
+  ];
+  const statusLabel = {
+    draft: t("blog.status.draft"),
+    published: t("blog.status.published"),
+    unpublished: t("blog.status.unpublished")
+  }[post.status];
+  const tabLabel = /* @__PURE__ */ __name((translation) => {
+    const parts = [languageName(translation.language)];
+    if (translation.isOriginal) parts.push(t("blog.translation.original"));
+    if (translation.aiStatus === "pending" || translation.aiStatus === "in_progress")
+      parts.push(t("blog.translation.translating"));
+    if (translation.aiStatus === "failed") parts.push(t("blog.translation.failed"));
+    return parts.join(" \xB7 ");
+  }, "tabLabel");
+  return /* @__PURE__ */ jsx17(
+    SharedProvider,
+    {
+      value: {
+        breadcrumbs,
+        title: {
+          type: t("blog.admin.title"),
+          element: title,
+          functions: [
+            /* @__PURE__ */ jsx17(Badge, { variant: BLOG_STATUS_BADGE[post.status], children: statusLabel }, "blogPostStatus"),
+            /* @__PURE__ */ jsx17(BlogPostPublishButton, {}, "blogPostPublish"),
+            /* @__PURE__ */ jsx17(BlogPostDeleter, {}, "blogPostDeleter")
+          ]
+        }
+      },
+      children: /* @__PURE__ */ jsx17(
+        RoundPageContainer,
+        {
+          module: Modules.BlogPost,
+          id: post.id,
+          forceHeader: true,
+          tabs: translations.map((translation) => ({
+            sectionKey: translation.language,
+            label: tabLabel(translation),
+            content: /* @__PURE__ */ jsx17(BlogPostTranslationPanel, { post, translation, onChanged: reload })
+          }))
+        }
+      )
+    }
+  );
+}
+__name(BlogPostShell, "BlogPostShell");
+
+// src/features/blog/components/public/BlogCategoryChips.tsx
+import { useTranslations as useTranslations16 } from "next-intl";
+
+// src/features/blog/components/public/blogPublicHelpers.ts
+function blogListHref(basePath, params) {
+  const search = new URLSearchParams();
+  if (params.category) search.set("category", params.category);
+  if (params.q) search.set("q", params.q);
+  if (params.page && params.page > 1) search.set("page", String(params.page));
+  const query = search.toString();
+  return query ? `${basePath}?${query}` : basePath;
+}
+__name(blogListHref, "blogListHref");
+function blogPostHref(basePath, slug) {
+  return `${basePath}/${encodeURIComponent(slug)}`;
+}
+__name(blogPostHref, "blogPostHref");
+function resolvePostCategory(post, categories) {
+  for (const id of post.categoryIds) {
+    const category = categories.find((c) => c.id === id);
+    if (category) return category;
+  }
+  return void 0;
+}
+__name(resolvePostCategory, "resolvePostCategory");
+
+// src/features/blog/components/public/BlogCategoryChips.tsx
+import { jsx as jsx18 } from "react/jsx-runtime";
+function BlogCategoryChips(props) {
+  const { categories, basePath, activeCategorySlug, query, variant = "chips", className } = props;
+  const t = useTranslations16();
+  const items = [
+    {
+      key: "all",
+      label: t("blog.public.all"),
+      href: blogListHref(basePath, { q: query }),
+      active: !activeCategorySlug
+    },
+    ...categories.map((category) => ({
+      key: category.id,
+      label: category.name,
+      href: blogListHref(basePath, { category: category.slug, q: query }),
+      active: category.slug === activeCategorySlug
+    }))
+  ];
+  const inactiveVariant = variant === "chips" ? "outline" : "ghost";
+  return /* @__PURE__ */ jsx18("nav", { "aria-label": t("blog.entities.categories"), className, children: /* @__PURE__ */ jsx18("ul", { className: variant === "chips" ? "flex flex-wrap items-center gap-2" : "flex flex-col items-start gap-2", children: items.map((item) => /* @__PURE__ */ jsx18("li", { children: /* @__PURE__ */ jsx18(
+    Badge,
+    {
+      variant: item.active ? "default" : inactiveVariant,
+      render: /* @__PURE__ */ jsx18(Link, { href: item.href, "aria-current": item.active ? "page" : void 0 }),
+      children: item.label
+    }
+  ) }, item.key)) }) });
+}
+__name(BlogCategoryChips, "BlogCategoryChips");
+
+// src/features/blog/components/public/BlogListParts.tsx
+import { useTranslations as useTranslations17 } from "next-intl";
+import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
+function BlogListHeader(props) {
+  const { align = "start", showSubtitle = true } = props;
+  const t = useTranslations17();
+  return /* @__PURE__ */ jsxs12("header", { className: align === "center" ? "text-center" : void 0, children: [
+    /* @__PURE__ */ jsx19(
+      ContentTitle,
+      {
+        type: t("blog.public.eyebrow"),
+        element: t("blog.public.title"),
+        headingLevel: 1,
+        className: cn("mb-0", align === "center" && "[&_div]:justify-center")
+      }
+    ),
+    showSubtitle ? /* @__PURE__ */ jsx19("p", { className: "text-muted-foreground mt-3 text-sm leading-relaxed", children: t("blog.public.subtitle") }) : null
+  ] });
+}
+__name(BlogListHeader, "BlogListHeader");
+function BlogListEmpty(props) {
+  const t = useTranslations17();
+  return /* @__PURE__ */ jsx19("p", { className: cn("text-muted-foreground py-12 text-center text-sm", props.className), children: props.query ? t("blog.public.noResults") : t("blog.public.empty") });
+}
+__name(BlogListEmpty, "BlogListEmpty");
+function BlogLoadMore(props) {
+  const { basePath, page, activeCategorySlug, query, className } = props;
+  const t = useTranslations17();
+  return /* @__PURE__ */ jsx19("div", { className: cn("flex justify-center", className), children: /* @__PURE__ */ jsx19(
+    Link,
+    {
+      href: blogListHref(basePath, { category: activeCategorySlug, q: query, page: page + 1 }),
+      scroll: false,
+      className: buttonVariants({ variant: "outline" }),
+      children: t("blog.public.loadMore")
+    }
+  ) });
+}
+__name(BlogLoadMore, "BlogLoadMore");
+
+// src/features/blog/components/public/BlogPostCard.tsx
+import Image3 from "next/image";
+
+// src/features/blog/components/public/BlogPostMeta.tsx
+import { useFormatter, useTranslations as useTranslations18 } from "next-intl";
+import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
+var ONE_DAY_MS = 24 * 60 * 60 * 1e3;
+function BlogPostMeta(props) {
+  const { post, showAuthor, showDate, showUpdated, className } = props;
+  const t = useTranslations18();
+  const format = useFormatter();
+  const parts = [];
+  if (showAuthor && post.authorName) parts.push(t("blog.public.by", { author: post.authorName }));
+  if (showDate && post.publishedAt) {
+    parts.push(format.dateTime(new Date(post.publishedAt), { dateStyle: "medium" }));
+  }
+  if (showUpdated && post.publishedAt && post.updatedAt && new Date(post.updatedAt).getTime() - new Date(post.publishedAt).getTime() > ONE_DAY_MS) {
+    parts.push(t("blog.public.updated", { date: format.dateTime(new Date(post.updatedAt), { dateStyle: "medium" }) }));
+  }
+  parts.push(t("blog.public.readingTime", { minutes: post.readingMinutes }));
+  return /* @__PURE__ */ jsx20("p", { className: cn("text-muted-foreground text-xs", className), children: parts.map((part, index) => /* @__PURE__ */ jsxs13("span", { children: [
+    index > 0 ? " \xB7 " : null,
+    part
+  ] }, index)) });
+}
+__name(BlogPostMeta, "BlogPostMeta");
+
+// src/features/blog/components/public/BlogPostCard.tsx
+import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
+function BlogPostCover(props) {
+  const { src, alt, sizes, priority, className } = props;
+  return /* @__PURE__ */ jsx21("div", { className: cn("border-border bg-primary/10 relative overflow-hidden rounded-lg border", className), children: src ? /* @__PURE__ */ jsx21(
+    Image3,
+    {
+      src,
+      alt: alt ?? "",
+      fill: true,
+      sizes,
+      priority,
+      className: "object-cover",
+      unoptimized: isRemoteImageSrc(src)
+    }
+  ) : null });
+}
+__name(BlogPostCover, "BlogPostCover");
+function BlogPostCard(props) {
+  const { post, categories, basePath, variant = "card", priority, headingLevel = "h2" } = props;
+  const category = resolvePostCategory(post, categories);
+  const isProminent = variant === "hero" || variant === "large";
+  const eyebrow = category?.name;
+  const text = /* @__PURE__ */ jsxs14("div", { className: "flex min-w-0 flex-col", children: [
+    eyebrow ? /* @__PURE__ */ jsx21(MicroLabel, { as: "span", children: eyebrow }) : null,
+    /* @__PURE__ */ jsx21(SectionHeader, { level: headingLevel === "h3" ? 3 : 2, className: "mt-1.5", children: /* @__PURE__ */ jsx21(Link, { href: blogPostHref(basePath, post.slug), className: "after:absolute after:inset-0", children: post.title }) }),
+    post.summary ? /* @__PURE__ */ jsx21("p", { className: "text-muted-foreground mt-2 text-sm leading-relaxed", children: post.summary }) : null,
+    /* @__PURE__ */ jsx21(BlogPostMeta, { post, showAuthor: isProminent, className: "mt-3" })
+  ] });
+  if (variant === "hero") {
+    return /* @__PURE__ */ jsxs14("article", { className: "group relative grid items-center gap-6 md:grid-cols-[1.4fr_1fr] md:gap-10", children: [
+      /* @__PURE__ */ jsx21(
+        BlogPostCover,
+        {
+          src: post.coverImage,
+          alt: post.coverImageAlt,
+          sizes: "(min-width: 1024px) 560px, (min-width: 768px) 58vw, 100vw",
+          priority,
+          className: "aspect-[16/10]"
+        }
+      ),
+      text
+    ] });
+  }
+  if (variant === "row") {
+    return /* @__PURE__ */ jsxs14("article", { className: "group relative grid items-center gap-4 sm:grid-cols-[10rem_1fr] sm:gap-6", children: [
+      /* @__PURE__ */ jsx21(
+        BlogPostCover,
+        {
+          src: post.coverImage,
+          alt: post.coverImageAlt,
+          sizes: "(min-width: 640px) 160px, 100vw",
+          priority,
+          className: "aspect-[16/10]"
+        }
+      ),
+      text
+    ] });
+  }
+  return /* @__PURE__ */ jsxs14("article", { className: "group relative flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsx21(
+      BlogPostCover,
+      {
+        src: post.coverImage,
+        alt: post.coverImageAlt,
+        sizes: variant === "large" ? "(min-width: 1024px) 760px, 100vw" : "(min-width: 1024px) 320px, (min-width: 640px) 50vw, 100vw",
+        priority,
+        className: variant === "large" ? "aspect-[16/8]" : "aspect-[16/10]"
+      }
+    ),
+    text
+  ] });
+}
+__name(BlogPostCard, "BlogPostCard");
+
+// src/features/blog/components/public/BlogSearchBox.tsx
+import { SearchIcon } from "lucide-react";
+import { useTranslations as useTranslations19 } from "next-intl";
+import { useEffect as useEffect5, useState as useState11 } from "react";
+import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
+function BlogSearchBox(props) {
+  const { basePath, query, activeCategorySlug, className } = props;
+  const t = useTranslations19();
+  const router = useI18nRouter();
+  const [value, setValue] = useState11(query ?? "");
+  useEffect5(() => setValue(query ?? ""), [query]);
+  const onSubmit = /* @__PURE__ */ __name((event) => {
+    event.preventDefault();
+    const q = value.trim();
+    router.push(blogListHref(basePath, { category: activeCategorySlug, q: q || void 0 }));
+  }, "onSubmit");
+  return /* @__PURE__ */ jsx22("form", { role: "search", onSubmit, className, children: /* @__PURE__ */ jsxs15(InputGroup, { children: [
+    /* @__PURE__ */ jsx22(InputGroupAddon, { children: /* @__PURE__ */ jsx22(SearchIcon, {}) }),
+    /* @__PURE__ */ jsx22(
+      InputGroupInput,
+      {
+        type: "search",
+        name: "q",
+        value,
+        onChange: (event) => setValue(event.target.value),
+        placeholder: t("blog.public.searchPlaceholder"),
+        "aria-label": t("blog.public.search")
+      }
+    )
+  ] }) });
+}
+__name(BlogSearchBox, "BlogSearchBox");
+
+// src/features/blog/components/public/BlogListColumn.tsx
+import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
+function BlogListColumn(props) {
+  const { list, categories, activeCategorySlug, query, page, basePath } = props;
+  return /* @__PURE__ */ jsx23("section", { className: "px-4 pt-16 pb-20 md:pt-20", children: /* @__PURE__ */ jsxs16("div", { className: "mx-auto max-w-2xl", children: [
+    /* @__PURE__ */ jsx23(BlogListHeader, { align: "center" }),
+    /* @__PURE__ */ jsx23(
+      BlogCategoryChips,
+      {
+        categories,
+        basePath,
+        activeCategorySlug,
+        query,
+        className: "mt-8 [&>ul]:justify-center"
+      }
+    ),
+    /* @__PURE__ */ jsx23(BlogSearchBox, { basePath, query, activeCategorySlug, className: "mt-4" }),
+    list.posts.length === 0 ? /* @__PURE__ */ jsx23(BlogListEmpty, { query }) : /* @__PURE__ */ jsx23("div", { className: "divide-border mt-10 flex flex-col divide-y", children: list.posts.map((post, index) => /* @__PURE__ */ jsx23("div", { className: "py-6 first:pt-0", children: /* @__PURE__ */ jsx23(
+      BlogPostCard,
+      {
+        post,
+        categories,
+        basePath,
+        variant: "row",
+        priority: index === 0
+      }
+    ) }, post.id)) }),
+    list.hasMore ? /* @__PURE__ */ jsx23(
+      BlogLoadMore,
+      {
+        basePath,
+        page,
+        activeCategorySlug,
+        query,
+        className: "mt-10"
+      }
+    ) : null
+  ] }) });
+}
+__name(BlogListColumn, "BlogListColumn");
+
+// src/features/blog/components/public/BlogListFeatured.tsx
+import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
+function BlogListFeatured(props) {
+  const { list, categories, activeCategorySlug, query, page, basePath } = props;
+  const [hero, ...rest] = list.posts;
+  return /* @__PURE__ */ jsx24("section", { className: "px-4 pt-16 pb-20 md:pt-20", children: /* @__PURE__ */ jsxs17("div", { className: "mx-auto max-w-5xl", children: [
+    /* @__PURE__ */ jsx24(BlogListHeader, {}),
+    hero ? /* @__PURE__ */ jsx24("div", { className: "mt-10", children: /* @__PURE__ */ jsx24(BlogPostCard, { post: hero, categories, basePath, variant: "hero", priority: true }) }) : null,
+    /* @__PURE__ */ jsxs17("div", { className: "mt-12 flex flex-col gap-3 md:flex-row md:items-center", children: [
+      /* @__PURE__ */ jsx24(
+        BlogCategoryChips,
+        {
+          categories,
+          basePath,
+          activeCategorySlug,
+          query,
+          className: "flex-1"
+        }
+      ),
+      /* @__PURE__ */ jsx24(
+        BlogSearchBox,
+        {
+          basePath,
+          query,
+          activeCategorySlug,
+          className: "md:w-64"
+        }
+      )
+    ] }),
+    list.posts.length === 0 ? /* @__PURE__ */ jsx24(BlogListEmpty, { query }) : null,
+    rest.length > 0 ? /* @__PURE__ */ jsx24("div", { className: "mt-8 grid gap-x-6 gap-y-10 sm:grid-cols-2 lg:grid-cols-3", children: rest.map((post) => /* @__PURE__ */ jsx24(BlogPostCard, { post, categories, basePath }, post.id)) }) : null,
+    list.hasMore ? /* @__PURE__ */ jsx24(
+      BlogLoadMore,
+      {
+        basePath,
+        page,
+        activeCategorySlug,
+        query,
+        className: "mt-12"
+      }
+    ) : null
+  ] }) });
+}
+__name(BlogListFeatured, "BlogListFeatured");
+
+// src/features/blog/components/public/BlogListRail.tsx
+import { useTranslations as useTranslations20 } from "next-intl";
+import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
+function BlogListRail(props) {
+  const { list, categories, activeCategorySlug, query, page, basePath } = props;
+  const t = useTranslations20();
+  const [first, ...rest] = list.posts;
+  return /* @__PURE__ */ jsx25("section", { className: "px-4 pt-16 pb-20 md:pt-20", children: /* @__PURE__ */ jsxs18("div", { className: "mx-auto grid max-w-5xl gap-10 md:grid-cols-[13rem_1fr] md:gap-12", children: [
+    /* @__PURE__ */ jsxs18("aside", { className: "flex flex-col gap-6", children: [
+      /* @__PURE__ */ jsx25(BlogListHeader, { showSubtitle: false }),
+      /* @__PURE__ */ jsx25(BlogSearchBox, { basePath, query, activeCategorySlug }),
+      /* @__PURE__ */ jsxs18("div", { children: [
+        /* @__PURE__ */ jsx25(MicroLabel, { as: "span", className: "block", children: t("blog.entities.categories") }),
+        /* @__PURE__ */ jsx25(
+          BlogCategoryChips,
+          {
+            categories,
+            basePath,
+            activeCategorySlug,
+            query,
+            variant: "list",
+            className: "mt-3"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs18("div", { className: "min-w-0", children: [
+      first ? /* @__PURE__ */ jsx25(BlogPostCard, { post: first, categories, basePath, variant: "large", priority: true }) : /* @__PURE__ */ jsx25(BlogListEmpty, { query }),
+      rest.length > 0 ? /* @__PURE__ */ jsx25("div", { className: "border-border mt-10 grid gap-x-6 gap-y-10 border-t pt-10 sm:grid-cols-2", children: rest.map((post) => /* @__PURE__ */ jsx25(BlogPostCard, { post, categories, basePath }, post.id)) }) : null,
+      list.hasMore ? /* @__PURE__ */ jsx25(
+        BlogLoadMore,
+        {
+          basePath,
+          page,
+          activeCategorySlug,
+          query,
+          className: "mt-12"
+        }
+      ) : null
+    ] })
+  ] }) });
+}
+__name(BlogListRail, "BlogListRail");
+
+// src/features/blog/components/public/BlogList.tsx
+import { jsx as jsx26 } from "react/jsx-runtime";
+function BlogList(props) {
+  switch (props.layout) {
+    case "column":
+      return /* @__PURE__ */ jsx26(BlogListColumn, { ...props });
+    case "rail":
+      return /* @__PURE__ */ jsx26(BlogListRail, { ...props });
+    case "featured":
+    default:
+      return /* @__PURE__ */ jsx26(BlogListFeatured, { ...props });
+  }
+}
+__name(BlogList, "BlogList");
+
+// src/features/blog/components/public/BlogPostView.tsx
+import { ArrowLeftIcon } from "lucide-react";
+import { useTranslations as useTranslations21 } from "next-intl";
+import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
+function BlogPostView(props) {
+  const { post, categories, related, basePath, body } = props;
+  const t = useTranslations21();
+  const category = resolvePostCategory(post, categories);
+  const more = related.slice(0, 3);
+  return /* @__PURE__ */ jsxs19("article", { className: "px-4 pt-12 pb-20 md:pt-16", children: [
+    /* @__PURE__ */ jsxs19("div", { className: "mx-auto max-w-3xl", children: [
+      /* @__PURE__ */ jsxs19(Link, { href: basePath, className: "inline-flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx27(ArrowLeftIcon, { className: "size-4 rtl:rotate-180" }),
+        t("blog.public.back")
+      ] }),
+      /* @__PURE__ */ jsxs19("header", { className: "mt-8", children: [
+        /* @__PURE__ */ jsx27(ContentTitle, { type: category?.name, element: post.title, headingLevel: 1, className: "mb-0" }),
+        post.summary ? /* @__PURE__ */ jsx27("p", { className: "text-muted-foreground mt-3 text-sm leading-relaxed", children: post.summary }) : null,
+        /* @__PURE__ */ jsx27(BlogPostMeta, { post, showAuthor: true, className: "mt-4" })
+      ] }),
+      post.coverImage ? /* @__PURE__ */ jsx27(
+        BlogPostCover,
+        {
+          src: post.coverImage,
+          alt: post.coverImageAlt,
+          sizes: "(min-width: 768px) 768px, 100vw",
+          priority: true,
+          className: "mt-8 aspect-[16/9]"
+        }
+      ) : null,
+      /* @__PURE__ */ jsx27("div", { className: "mt-8", children: body ?? /* @__PURE__ */ jsx27(BlockNoteEditorContainer, { id: post.id, type: "blog-post", initialContent: post.body }) })
+    ] }),
+    more.length > 0 ? /* @__PURE__ */ jsx27("section", { className: "mx-auto mt-16 max-w-5xl", children: /* @__PURE__ */ jsxs19("div", { className: "border-border border-t pt-10", children: [
+      /* @__PURE__ */ jsx27(SectionHeader, { level: 2, children: t("blog.public.moreIn", { category: category?.name ?? "" }) }),
+      /* @__PURE__ */ jsx27("div", { className: "mt-6 grid gap-x-6 gap-y-10 sm:grid-cols-2 lg:grid-cols-3", children: more.map((relatedPost) => /* @__PURE__ */ jsx27(
+        BlogPostCard,
+        {
+          post: relatedPost,
+          categories,
+          basePath,
+          headingLevel: "h3"
+        },
+        relatedPost.id
+      )) })
+    ] }) }) : null
+  ] });
+}
+__name(BlogPostView, "BlogPostView");
+export {
+  BLOG_ACTION,
+  BLOG_CATEGORY_UPLOAD_PREFIX,
+  BLOG_LIST_LAYOUTS,
+  BLOG_MODULE_ID,
+  BLOG_POST_STATUSES,
+  BLOG_POST_UPLOAD_PREFIX,
+  BLOG_PUBLIC_PREFIX,
+  BLOG_SETTINGS_ID,
+  BLOG_STATUS_BADGE,
+  BLOG_TRANSLATION_SOURCES,
+  BLOG_UPLOAD_ROOT,
+  BlogAdminContainer,
+  BlogCategoriesList,
+  BlogCategoryEditor,
+  BlogCoverImageField,
+  BlogLayoutSetting,
+  BlogList,
+  BlogPostComparison,
+  BlogPostContainer,
+  BlogPostDeleter,
+  BlogPostEditor,
+  BlogPostProvider,
+  BlogPostPublishButton,
+  BlogPostTranslationEditor,
+  BlogPostTranslationFields,
+  BlogPostTranslationPanel,
+  BlogPostView,
+  BlogPostsList,
+  BlogTranslationStatus,
+  blogCategoryAdminName,
+  uploadBlogImage,
+  useBlogCategoryNames,
+  useBlogCategoryTableStructure,
+  useBlogDateFormatter,
+  useBlogLanguageName,
+  useBlogPost,
+  useBlogPostTableStructure
+};
+//# sourceMappingURL=index.mjs.map