@btst/plugin-cms 0.0.0-stage → 1.0.0-beta.0

package/dist/client/components/inverse-relations-panel.cjs

@@ -0,0 +1,272 @@
+'use client';
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const lucideReact = require('lucide-react');
+const button = require('../../ui/src/components/button.cjs');
+const card = require('../../ui/src/components/card.cjs');
+const context = require('@btst/stack/context');
+const permissions = require('../../permissions.cjs');
+const constants = require('../constants.cjs');
+const alertDialog = require('../../ui/src/components/alert-dialog.cjs');
+const cmsHooks = require('../hooks/cms-hooks.cjs');
+
+function InverseRelationsPanel({
+  contentTypeSlug,
+  itemId
+}) {
+  const t = context.useTranslate();
+  const { localization } = context.usePluginOverrides(constants.CMS_PLUGIN_ID);
+  const { router, plugins, basePath: stackBasePath } = context.useStack();
+  const navigate = router?.navigate;
+  const Link = router?.Link;
+  const basePath = plugins?.[constants.CMS_PLUGIN_ID]?.site.basePath ?? stackBasePath;
+  const { inverseRelations, isLoading } = cmsHooks.useInverseRelations(
+    contentTypeSlug,
+    itemId
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(card.Card, { className: "animate-pulse", children: /* @__PURE__ */ jsxRuntime.jsx(card.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-5 w-32 bg-muted rounded" }) }) });
+  }
+  if (inverseRelations.length === 0) {
+    return null;
+  }
+  const sourceTypeCounts = /* @__PURE__ */ new Map();
+  for (const rel of inverseRelations) {
+    sourceTypeCounts.set(
+      rel.sourceType,
+      (sourceTypeCounts.get(rel.sourceType) ?? 0) + 1
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold", children: localization?.CMS_RELATED_ITEMS_TITLE ?? t("cms.relations.relatedItemsTitle", "Related Items") }),
+    inverseRelations.map((relation) => /* @__PURE__ */ jsxRuntime.jsx(
+      InverseRelationSection,
+      {
+        relation,
+        contentTypeSlug,
+        itemId,
+        basePath,
+        navigate,
+        Link,
+        localization,
+        t,
+        ambiguous: (sourceTypeCounts.get(relation.sourceType) ?? 0) > 1
+      },
+      `${relation.sourceType}-${relation.fieldName}`
+    ))
+  ] });
+}
+function humanizeFieldName(fieldName) {
+  const stripped = fieldName.replace(/Ids?$/, "") || fieldName;
+  const words = stripped.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").trim().split(/\s+/);
+  return words.map((w) => w ? w[0].toUpperCase() + w.slice(1) : w).join(" ");
+}
+function InverseRelationSection({
+  relation,
+  contentTypeSlug,
+  itemId,
+  basePath,
+  navigate,
+  Link,
+  localization,
+  t,
+  ambiguous
+}) {
+  const [isExpanded, setIsExpanded] = React.useState(true);
+  const [deleteItemId, setDeleteItemId] = React.useState(null);
+  const [deleteError, setDeleteError] = React.useState(null);
+  const deleteContent = cmsHooks.useDeleteContent(relation.sourceType);
+  const {
+    items,
+    total: fetchedTotal,
+    refetch
+  } = cmsHooks.useInverseRelationItems(
+    {
+      contentTypeSlug,
+      sourceType: relation.sourceType,
+      itemId,
+      fieldName: relation.fieldName
+    },
+    { enabled: isExpanded }
+  );
+  const total = fetchedTotal || relation.count;
+  const handleDelete = async () => {
+    if (deleteItemId) {
+      setDeleteError(null);
+      try {
+        await deleteContent.mutateAsync(deleteItemId);
+        setDeleteItemId(null);
+        void refetch();
+      } catch (error) {
+        const message = error instanceof Error ? error.message : localization?.CMS_RELATED_DELETE_ERROR ?? t(
+          "cms.relations.relatedDeleteError",
+          "Failed to delete item. Please try again."
+        );
+        setDeleteError(message);
+      }
+    }
+  };
+  const handleAddNew = () => {
+    const createUrl = context.joinBasePath(
+      basePath,
+      `/cms/${relation.sourceType}/new?prefill_${relation.fieldName}=${itemId}`
+    );
+    void navigate?.(createUrl);
+  };
+  const LinkComponent = Link ?? "a";
+  const fieldLabel = ambiguous ? humanizeFieldName(relation.fieldName) : null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(card.Card, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(card.CardHeader, { className: "py-3", children: /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setIsExpanded(!isExpanded),
+        className: "flex items-center justify-between w-full text-left",
+        children: /* @__PURE__ */ jsxRuntime.jsxs(card.CardTitle, { className: "text-base flex items-center gap-2", children: [
+          isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: relation.sourceTypeName }),
+          fieldLabel && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-normal text-muted-foreground", children: [
+            "\xB7 ",
+            fieldLabel
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-normal text-muted-foreground", children: [
+            "(",
+            total,
+            ")"
+          ] })
+        ] })
+      }
+    ) }),
+    isExpanded && /* @__PURE__ */ jsxRuntime.jsxs(card.CardContent, { className: "pt-0", children: [
+      items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground py-2", children: (localization?.CMS_RELATED_EMPTY ?? t(
+        "cms.relations.relatedEmpty",
+        "No {sourceTypeName} items yet."
+      )).replace(
+        "{sourceTypeName}",
+        relation.sourceTypeName.toLowerCase()
+      ) }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-2", children: items.map((item) => {
+        const displayValue = getDisplayValue(item);
+        const editUrl = context.joinBasePath(
+          basePath,
+          `/cms/${relation.sourceType}/${item.id}`
+        );
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "li",
+          {
+            className: "flex items-center justify-between py-2 px-3 rounded-md bg-muted/50 hover:bg-muted transition-colors",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                LinkComponent,
+                {
+                  href: editUrl,
+                  className: "flex-1 text-sm hover:underline flex items-center gap-2",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: displayValue }),
+                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "h-3 w-3 opacity-50" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                context.PermissionAccess,
+                {
+                  permission: permissions.cmsPermissions.record.delete({
+                    contentType: item.contentType?.slug ?? relation.sourceType,
+                    recordId: item.id,
+                    ...item.authorId ? { authorId: item.authorId } : {}
+                  }),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    button.Button,
+                    {
+                      variant: "ghost",
+                      size: "icon",
+                      className: "h-7 w-7 text-muted-foreground hover:text-destructive",
+                      onClick: () => setDeleteItemId(item.id),
+                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "h-3.5 w-3.5" })
+                    }
+                  )
+                }
+              )
+            ]
+          },
+          item.id
+        );
+      }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 pt-3 border-t", children: /* @__PURE__ */ jsxRuntime.jsx(
+        context.PermissionAccess,
+        {
+          permission: permissions.cmsPermissions.record.create({
+            contentType: relation.sourceType
+          }),
+          children: /* @__PURE__ */ jsxRuntime.jsxs(
+            button.Button,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: handleAddNew,
+              className: "w-full",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4 mr-2" }),
+                (localization?.CMS_RELATED_ADD ?? t("cms.relations.relatedAdd", "Add {sourceTypeName}")).replace("{sourceTypeName}", relation.sourceTypeName),
+                fieldLabel ? ` (${fieldLabel})` : ""
+              ]
+            }
+          )
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      alertDialog.AlertDialog,
+      {
+        open: !!deleteItemId,
+        onOpenChange: (open) => {
+          if (!open) {
+            setDeleteItemId(null);
+            setDeleteError(null);
+          }
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialogContent, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialogHeader, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogTitle, { children: (localization?.CMS_RELATED_DELETE_TITLE ?? t(
+              "cms.relations.relatedDeleteTitle",
+              "Delete {sourceTypeName}?"
+            )).replace("{sourceTypeName}", relation.sourceTypeName) }),
+            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogDescription, { children: (localization?.CMS_RELATED_DELETE_DESCRIPTION ?? t(
+              "cms.relations.relatedDeleteDescription",
+              "This action cannot be undone. This will permanently delete this {sourceTypeName}."
+            )).replace(
+              "{sourceTypeName}",
+              relation.sourceTypeName.toLowerCase()
+            ) })
+          ] }),
+          deleteError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-destructive", children: deleteError }),
+          /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialogFooter, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogCancel, { children: localization?.CMS_BUTTON_CANCEL ?? t("cms.common.cancel", "Cancel") }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              alertDialog.AlertDialogAction,
+              {
+                onClick: handleDelete,
+                className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+                children: localization?.CMS_BUTTON_DELETE ?? t("cms.common.delete", "Delete")
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+function getDisplayValue(item) {
+  const data = item.parsedData;
+  const displayFields = ["name", "title", "label", "content", "author", "slug"];
+  for (const field of displayFields) {
+    if (typeof data[field] === "string" && data[field]) {
+      const value = data[field];
+      return value.length > 50 ? `${value.slice(0, 50)}...` : value;
+    }
+  }
+  return item.slug;
+}
+
+exports.InverseRelationsPanel = InverseRelationsPanel;

package/dist/client/components/inverse-relations-panel.mjs

@@ -0,0 +1,270 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { ChevronDown, ChevronRight, ExternalLink, Trash2, Plus } from 'lucide-react';
+import { Button } from '../../ui/src/components/button.mjs';
+import { Card, CardHeader, CardTitle, CardContent } from '../../ui/src/components/card.mjs';
+import { useTranslate, usePluginOverrides, useStack, joinBasePath, PermissionAccess } from '@btst/stack/context';
+import { cmsPermissions } from '../../permissions.mjs';
+import { CMS_PLUGIN_ID } from '../constants.mjs';
+import { AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from '../../ui/src/components/alert-dialog.mjs';
+import { useInverseRelations, useDeleteContent, useInverseRelationItems } from '../hooks/cms-hooks.mjs';
+
+function InverseRelationsPanel({
+  contentTypeSlug,
+  itemId
+}) {
+  const t = useTranslate();
+  const { localization } = usePluginOverrides(CMS_PLUGIN_ID);
+  const { router, plugins, basePath: stackBasePath } = useStack();
+  const navigate = router?.navigate;
+  const Link = router?.Link;
+  const basePath = plugins?.[CMS_PLUGIN_ID]?.site.basePath ?? stackBasePath;
+  const { inverseRelations, isLoading } = useInverseRelations(
+    contentTypeSlug,
+    itemId
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Card, { className: "animate-pulse", children: /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx("div", { className: "h-5 w-32 bg-muted rounded" }) }) });
+  }
+  if (inverseRelations.length === 0) {
+    return null;
+  }
+  const sourceTypeCounts = /* @__PURE__ */ new Map();
+  for (const rel of inverseRelations) {
+    sourceTypeCounts.set(
+      rel.sourceType,
+      (sourceTypeCounts.get(rel.sourceType) ?? 0) + 1
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: localization?.CMS_RELATED_ITEMS_TITLE ?? t("cms.relations.relatedItemsTitle", "Related Items") }),
+    inverseRelations.map((relation) => /* @__PURE__ */ jsx(
+      InverseRelationSection,
+      {
+        relation,
+        contentTypeSlug,
+        itemId,
+        basePath,
+        navigate,
+        Link,
+        localization,
+        t,
+        ambiguous: (sourceTypeCounts.get(relation.sourceType) ?? 0) > 1
+      },
+      `${relation.sourceType}-${relation.fieldName}`
+    ))
+  ] });
+}
+function humanizeFieldName(fieldName) {
+  const stripped = fieldName.replace(/Ids?$/, "") || fieldName;
+  const words = stripped.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").trim().split(/\s+/);
+  return words.map((w) => w ? w[0].toUpperCase() + w.slice(1) : w).join(" ");
+}
+function InverseRelationSection({
+  relation,
+  contentTypeSlug,
+  itemId,
+  basePath,
+  navigate,
+  Link,
+  localization,
+  t,
+  ambiguous
+}) {
+  const [isExpanded, setIsExpanded] = useState(true);
+  const [deleteItemId, setDeleteItemId] = useState(null);
+  const [deleteError, setDeleteError] = useState(null);
+  const deleteContent = useDeleteContent(relation.sourceType);
+  const {
+    items,
+    total: fetchedTotal,
+    refetch
+  } = useInverseRelationItems(
+    {
+      contentTypeSlug,
+      sourceType: relation.sourceType,
+      itemId,
+      fieldName: relation.fieldName
+    },
+    { enabled: isExpanded }
+  );
+  const total = fetchedTotal || relation.count;
+  const handleDelete = async () => {
+    if (deleteItemId) {
+      setDeleteError(null);
+      try {
+        await deleteContent.mutateAsync(deleteItemId);
+        setDeleteItemId(null);
+        void refetch();
+      } catch (error) {
+        const message = error instanceof Error ? error.message : localization?.CMS_RELATED_DELETE_ERROR ?? t(
+          "cms.relations.relatedDeleteError",
+          "Failed to delete item. Please try again."
+        );
+        setDeleteError(message);
+      }
+    }
+  };
+  const handleAddNew = () => {
+    const createUrl = joinBasePath(
+      basePath,
+      `/cms/${relation.sourceType}/new?prefill_${relation.fieldName}=${itemId}`
+    );
+    void navigate?.(createUrl);
+  };
+  const LinkComponent = Link ?? "a";
+  const fieldLabel = ambiguous ? humanizeFieldName(relation.fieldName) : null;
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsx(CardHeader, { className: "py-3", children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setIsExpanded(!isExpanded),
+        className: "flex items-center justify-between w-full text-left",
+        children: /* @__PURE__ */ jsxs(CardTitle, { className: "text-base flex items-center gap-2", children: [
+          isExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { children: relation.sourceTypeName }),
+          fieldLabel && /* @__PURE__ */ jsxs("span", { className: "font-normal text-muted-foreground", children: [
+            "\xB7 ",
+            fieldLabel
+          ] }),
+          /* @__PURE__ */ jsxs("span", { className: "font-normal text-muted-foreground", children: [
+            "(",
+            total,
+            ")"
+          ] })
+        ] })
+      }
+    ) }),
+    isExpanded && /* @__PURE__ */ jsxs(CardContent, { className: "pt-0", children: [
+      items.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground py-2", children: (localization?.CMS_RELATED_EMPTY ?? t(
+        "cms.relations.relatedEmpty",
+        "No {sourceTypeName} items yet."
+      )).replace(
+        "{sourceTypeName}",
+        relation.sourceTypeName.toLowerCase()
+      ) }) : /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: items.map((item) => {
+        const displayValue = getDisplayValue(item);
+        const editUrl = joinBasePath(
+          basePath,
+          `/cms/${relation.sourceType}/${item.id}`
+        );
+        return /* @__PURE__ */ jsxs(
+          "li",
+          {
+            className: "flex items-center justify-between py-2 px-3 rounded-md bg-muted/50 hover:bg-muted transition-colors",
+            children: [
+              /* @__PURE__ */ jsxs(
+                LinkComponent,
+                {
+                  href: editUrl,
+                  className: "flex-1 text-sm hover:underline flex items-center gap-2",
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: "truncate", children: displayValue }),
+                    /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3 opacity-50" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                PermissionAccess,
+                {
+                  permission: cmsPermissions.record.delete({
+                    contentType: item.contentType?.slug ?? relation.sourceType,
+                    recordId: item.id,
+                    ...item.authorId ? { authorId: item.authorId } : {}
+                  }),
+                  children: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "ghost",
+                      size: "icon",
+                      className: "h-7 w-7 text-muted-foreground hover:text-destructive",
+                      onClick: () => setDeleteItemId(item.id),
+                      children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
+                    }
+                  )
+                }
+              )
+            ]
+          },
+          item.id
+        );
+      }) }),
+      /* @__PURE__ */ jsx("div", { className: "mt-3 pt-3 border-t", children: /* @__PURE__ */ jsx(
+        PermissionAccess,
+        {
+          permission: cmsPermissions.record.create({
+            contentType: relation.sourceType
+          }),
+          children: /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: handleAddNew,
+              className: "w-full",
+              children: [
+                /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }),
+                (localization?.CMS_RELATED_ADD ?? t("cms.relations.relatedAdd", "Add {sourceTypeName}")).replace("{sourceTypeName}", relation.sourceTypeName),
+                fieldLabel ? ` (${fieldLabel})` : ""
+              ]
+            }
+          )
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      AlertDialog,
+      {
+        open: !!deleteItemId,
+        onOpenChange: (open) => {
+          if (!open) {
+            setDeleteItemId(null);
+            setDeleteError(null);
+          }
+        },
+        children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
+          /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+            /* @__PURE__ */ jsx(AlertDialogTitle, { children: (localization?.CMS_RELATED_DELETE_TITLE ?? t(
+              "cms.relations.relatedDeleteTitle",
+              "Delete {sourceTypeName}?"
+            )).replace("{sourceTypeName}", relation.sourceTypeName) }),
+            /* @__PURE__ */ jsx(AlertDialogDescription, { children: (localization?.CMS_RELATED_DELETE_DESCRIPTION ?? t(
+              "cms.relations.relatedDeleteDescription",
+              "This action cannot be undone. This will permanently delete this {sourceTypeName}."
+            )).replace(
+              "{sourceTypeName}",
+              relation.sourceTypeName.toLowerCase()
+            ) })
+          ] }),
+          deleteError && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: deleteError }),
+          /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+            /* @__PURE__ */ jsx(AlertDialogCancel, { children: localization?.CMS_BUTTON_CANCEL ?? t("cms.common.cancel", "Cancel") }),
+            /* @__PURE__ */ jsx(
+              AlertDialogAction,
+              {
+                onClick: handleDelete,
+                className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+                children: localization?.CMS_BUTTON_DELETE ?? t("cms.common.delete", "Delete")
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+function getDisplayValue(item) {
+  const data = item.parsedData;
+  const displayFields = ["name", "title", "label", "content", "author", "slug"];
+  for (const field of displayFields) {
+    if (typeof data[field] === "string" && data[field]) {
+      const value = data[field];
+      return value.length > 50 ? `${value.slice(0, 50)}...` : value;
+    }
+  }
+  return item.slug;
+}
+
+export { InverseRelationsPanel };

package/dist/client/components/loading/dashboard-skeleton.cjs

@@ -0,0 +1,18 @@
+'use client';
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const skeleton = require('../../../ui/src/components/skeleton.cjs');
+const pageWrapper = require('../shared/page-wrapper.cjs');
+
+function DashboardSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsx(pageWrapper.PageWrapper, { testId: "cms-dashboard-skeleton", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-5xl space-y-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-8 w-48" }),
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-64" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-32 rounded-lg" }, i)) })
+  ] }) });
+}
+
+exports.DashboardSkeleton = DashboardSkeleton;

package/dist/client/components/loading/dashboard-skeleton.mjs

@@ -0,0 +1,16 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Skeleton } from '../../../ui/src/components/skeleton.mjs';
+import { PageWrapper } from '../shared/page-wrapper.mjs';
+
+function DashboardSkeleton() {
+  return /* @__PURE__ */ jsx(PageWrapper, { testId: "cms-dashboard-skeleton", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-5xl space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-48" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-64" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx(Skeleton, { className: "h-32 rounded-lg" }, i)) })
+  ] }) });
+}
+
+export { DashboardSkeleton };

package/dist/client/components/loading/editor-skeleton.cjs

@@ -0,0 +1,32 @@
+'use client';
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const skeleton = require('../../../ui/src/components/skeleton.cjs');
+
+function EditorSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-8 w-48" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-16" }),
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-10 w-full" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-24" }),
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-10 w-full" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-20" }),
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-24 w-full" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-16" }),
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-10 w-full" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-10 w-24" })
+  ] });
+}
+
+exports.EditorSkeleton = EditorSkeleton;

package/dist/client/components/loading/editor-skeleton.mjs

@@ -0,0 +1,30 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Skeleton } from '../../../ui/src/components/skeleton.mjs';
+
+function EditorSkeleton() {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsx("div", { className: "space-y-2", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-48" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-24 w-full" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-24" })
+  ] });
+}
+
+export { EditorSkeleton };

package/dist/client/components/loading/list-skeleton.cjs

@@ -0,0 +1,32 @@
+'use client';
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const skeleton = require('../../../ui/src/components/skeleton.cjs');
+const pageWrapper = require('../shared/page-wrapper.cjs');
+
+function ListSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsx(pageWrapper.PageWrapper, { testId: "cms-list-skeleton", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-5xl space-y-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-8 w-48" }),
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-32" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-10 w-28" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border rounded-lg", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-24" }),
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-24" }),
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-24" })
+      ] }) }),
+      Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-3 border-b last:border-b-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-32" }),
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-24" }),
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-24" })
+      ] }) }, i))
+    ] })
+  ] }) });
+}
+
+exports.ListSkeleton = ListSkeleton;