@ampless/admin 1.0.0-alpha.82 → 1.0.0-alpha.84

package/dist/api/index.d.ts

@@ -2,7 +2,7 @@ import { NextRequest } from 'next/server';
 import { Admin } from '../index.js';
 import 'ampless';
 import '@ampless/runtime';
-import '../i18n-DBNV_Fgf.js';
+import '../i18n-DA-aakRX.js';
 import '@aws-amplify/adapter-nextjs';
 
 /**
@@ -34,4 +34,60 @@ declare function createMediaProxyRoute(admin: Admin): {
     }) => Promise<Response>;
 };
 
-export { createMediaProxyRoute };
+/**
+ * Build the `POST /admin/preview` Route Handler.
+ *
+ * Client-side `<PostForm>` / `<PostHistoryPanel>` POST a draft Post to this
+ * endpoint while the preview tab is open; we render the body + page-level
+ * scripts via `ampless.renderBody` / `publicPostScriptsForPage` and return
+ * a **complete HTML document** that the admin shows in an iframe using
+ * `srcDoc`.
+ *
+ * ## Why a complete document (not a bare fragment)?
+ *
+ * An iframe loaded via `srcDoc` does NOT inherit the parent page's CSS.
+ * Classes on the iframe *element* (e.g. `prose prose-neutral`) style only
+ * the element's box model, not its content document. To get typography inside
+ * the preview we must inline the styles directly into the document we return.
+ * We inject two `<style>` blocks:
+ *
+ *   1. **Theme CSS vars**: `renderThemeCss(cssVars)` — the same `:root {…}`
+ *      block the public root layout emits, so the live theme's colour tokens
+ *      flow into the preview.
+ *   2. **`PREVIEW_BASE_CSS`**: a self-contained typography approximation
+ *      (h1-h6, p, ul/ol/li, a, code, pre, blockquote, img, table, hr, dark
+ *      mode). This is *not* the actual live theme stylesheet — Next.js App
+ *      Router emits hashed CSS filenames that are unknowable from a Route
+ *      Handler — but it's enough for a "readable preview".
+ *
+ * ## Why a Route Handler (not a Server Action)?
+ *
+ * Next.js 15+ refuses to compile Client Components that reach
+ * `react-dom/server` through a `'use server'` module, because the build
+ * traces the import graph from Client Components through Server Action
+ * modules. Putting this rendering behind a Route Handler decouples it from
+ * that graph entirely — the form fetches a plain HTTP endpoint and the
+ * bundler never walks from `<PostForm>` into here. The endpoint also gets an
+ * explicit `admin.isEditor()` gate so a future change to the `(admin)`
+ * route-group middleware can't silently turn preview into a content-leak
+ * vector for unpublished drafts.
+ *
+ * ## Dynamic import of `react-dom/server`
+ *
+ * The `react-dom/server` import itself is loaded via dynamic `import()` inside
+ * the handler. Next.js 16's Turbopack flags any top-level static
+ * `import 'react-dom/server'` reached from the app router build (Route
+ * Handlers included), so we deliberately defer the resolution to request time
+ * — the module is still pulled from the same Node.js subpath that `next start`
+ * ships, just not visible to the build-time import-graph walker.
+ *
+ * ## Auth
+ *
+ * Locked to authenticated editors. Anonymous + reader access is 403. This
+ * matches the rest of `/admin/**`, which is gated by the `(admin)` route
+ * group + middleware, but we add an explicit check here as defence-in-depth
+ * against the middleware gate being misconfigured.
+ */
+declare function createPreviewRouteHandler(admin: Admin): (req: Request) => Promise<Response>;
+
+export { createMediaProxyRoute, createPreviewRouteHandler };

package/dist/api/index.js

@@ -55,6 +55,218 @@ async function signMediaUrl({
     return null;
   }
 }
+
+// src/api/preview-route.tsx
+import { renderThemeCss } from "@ampless/runtime";
+import { Fragment, jsxs } from "react/jsx-runtime";
+var PREVIEW_BASE_CSS = `
+/* ampless admin preview \u2014 typography approximation */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
+    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
+  font-size: 1rem;
+  line-height: 1.75;
+  color: #1a202c;
+  background: #fff;
+  margin: 0;
+  padding: 1.5rem;
+  max-width: 65ch;
+}
+
+main {
+  width: 100%;
+}
+
+/* Headings */
+h1, h2, h3, h4, h5, h6 {
+  font-weight: 700;
+  line-height: 1.25;
+  margin-top: 1.5em;
+  margin-bottom: 0.5em;
+}
+h1 { font-size: 2.25em; margin-top: 0; }
+h2 { font-size: 1.5em; }
+h3 { font-size: 1.25em; }
+h4 { font-size: 1em; }
+h5 { font-size: 0.875em; }
+h6 { font-size: 0.875em; font-weight: 600; color: #4a5568; }
+
+/* Paragraph */
+p {
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+
+/* Lists */
+ul, ol {
+  padding-left: 1.625em;
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+ul { list-style-type: disc; }
+ol { list-style-type: decimal; }
+li {
+  margin-top: 0.25em;
+  margin-bottom: 0.25em;
+}
+li > ul, li > ol {
+  margin-top: 0.25em;
+  margin-bottom: 0.25em;
+}
+
+/* Links */
+a {
+  color: #2563eb;
+  text-decoration: underline;
+}
+a:hover {
+  color: #1d4ed8;
+}
+
+/* Inline code */
+code {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+    "Liberation Mono", "Courier New", monospace;
+  font-size: 0.875em;
+  background: #f1f5f9;
+  padding: 0.125em 0.375em;
+  border-radius: 0.25em;
+}
+
+/* Code block */
+pre {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+    "Liberation Mono", "Courier New", monospace;
+  font-size: 0.875em;
+  background: #1e293b;
+  color: #e2e8f0;
+  padding: 1em 1.25em;
+  border-radius: 0.5em;
+  overflow-x: auto;
+  margin-top: 1.25em;
+  margin-bottom: 1.25em;
+  line-height: 1.7;
+}
+pre code {
+  background: transparent;
+  padding: 0;
+  font-size: inherit;
+  color: inherit;
+  border-radius: 0;
+}
+
+/* Blockquote */
+blockquote {
+  border-left: 0.25rem solid #cbd5e1;
+  padding-left: 1em;
+  margin-left: 0;
+  margin-right: 0;
+  color: #64748b;
+  font-style: italic;
+}
+
+/* Horizontal rule */
+hr {
+  border: none;
+  border-top: 1px solid #e2e8f0;
+  margin: 2em 0;
+}
+
+/* Images */
+img {
+  max-width: 100%;
+  height: auto;
+  border-radius: 0.375em;
+}
+
+/* Tables */
+table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.875em;
+  margin-top: 1.25em;
+  margin-bottom: 1.25em;
+}
+th {
+  font-weight: 600;
+  text-align: left;
+  padding: 0.5em 0.75em;
+  border-bottom: 2px solid #e2e8f0;
+}
+td {
+  padding: 0.5em 0.75em;
+  border-bottom: 1px solid #e2e8f0;
+}
+tr:last-child td {
+  border-bottom: none;
+}
+
+/* Strong / em */
+strong { font-weight: 700; }
+em { font-style: italic; }
+
+/* ------------------------------------------------------------------ */
+/* Dark mode                                                           */
+/* ------------------------------------------------------------------ */
+@media (prefers-color-scheme: dark) {
+  body {
+    color: #e2e8f0;
+    background: #0f172a;
+  }
+  h6 { color: #94a3b8; }
+  a { color: #60a5fa; }
+  a:hover { color: #93c5fd; }
+  code { background: #1e293b; color: #e2e8f0; }
+  pre { background: #0f172a; border: 1px solid #334155; color: #e2e8f0; }
+  blockquote { border-left-color: #475569; color: #94a3b8; }
+  hr { border-top-color: #334155; }
+  th { border-bottom-color: #334155; }
+  td { border-bottom-color: #1e293b; }
+}
+`.trim();
+function createPreviewRouteHandler(admin) {
+  return async function POST(req) {
+    const session = await admin.getServerSession();
+    if (!admin.isEditor(session)) {
+      return new Response("Forbidden", { status: 403 });
+    }
+    let draft;
+    try {
+      draft = await req.json();
+    } catch {
+      return new Response("Bad Request", { status: 400 });
+    }
+    const ampless = await admin.getAmpless();
+    const node = /* @__PURE__ */ jsxs(Fragment, { children: [
+      await ampless.renderBody(draft),
+      await ampless.publicPostScriptsForPage([draft])
+    ] });
+    const { renderToStaticMarkup } = await import("react-dom/server");
+    const fragment = renderToStaticMarkup(node);
+    let themeCssBlock = "";
+    try {
+      const themeConfig = await admin.loadThemeConfig();
+      const css = renderThemeCss(themeConfig.cssVars);
+      if (css) themeCssBlock = css;
+    } catch (err) {
+      console.warn("[ampless admin] preview theme CSS unavailable:", err);
+    }
+    const html = `<!doctype html><html><head><meta charset="utf-8">` + (themeCssBlock ? `<style>${themeCssBlock}</style>` : "") + `<style>${PREVIEW_BASE_CSS}</style></head><body class="ampless-preview"><main>${fragment}</main></body></html>`;
+    return new Response(html, {
+      headers: {
+        "Content-Type": "text/html; charset=utf-8",
+        "Cache-Control": "no-store"
+      }
+    });
+  };
+}
 export {
-  createMediaProxyRoute
+  createMediaProxyRoute,
+  createPreviewRouteHandler
 };

package/dist/{chunk-TBNETGQL.js → chunk-7NQERXNY.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   useT
-} from "./chunk-DUSEHGSV.js";
+} from "./chunk-K44QF3MV.js";
 
 // src/components/users-list-view.tsx
 import { useEffect, useState } from "react";

package/dist/{chunk-7AGYC7JB.js → chunk-BRTC5O3E.js}

@@ -4,7 +4,7 @@ import {
   getAdminCmsConfig,
   getMediaProcessingDefaults,
   uploadProcessedImage
-} from "./chunk-DDAGBC4N.js";
+} from "./chunk-HN3UFHP7.js";
 import {
   getAdminEditorExtensions,
   getAdminTiptapNodeHtml,
@@ -15,7 +15,7 @@ import {
 } from "./chunk-2ITWLRYF.js";
 import {
   useT
-} from "./chunk-DUSEHGSV.js";
+} from "./chunk-K44QF3MV.js";
 
 // src/components/media-picker.tsx
 import { useEffect, useRef, useState } from "react";
@@ -839,13 +839,17 @@ function PostHistoryPanel({
           // this site. A stricter sandbox (= separate-origin preview
           // route + CSP / COEP / COOP) is parked for v2.0+ if/when
           // a real plugin marketplace lands.
+          // No `prose` classes here: classes on the iframe ELEMENT
+          // don't style its srcDoc contents. Typography comes from
+          // the full document the preview route now returns
+          // (PREVIEW_BASE_CSS + theme vars in createPreviewRouteHandler).
           /* @__PURE__ */ jsx6(
             "iframe",
             {
               title: "revision-preview",
               srcDoc: previewHtml,
               sandbox: "allow-scripts allow-same-origin",
-              className: "prose prose-neutral dark:prose-invert max-w-none min-h-[300px] w-full rounded-md border text-sm"
+              className: "min-h-[300px] w-full rounded-md border"
             }
           )
         )
@@ -1738,13 +1742,20 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
         // trusted editors of this site. A stricter sandbox (= separate-
         // origin preview route + CSP / COEP / COOP) is parked for
         // v2.0+ if/when a real plugin marketplace lands.
+        //
+        // Typography note: `prose prose-neutral dark:prose-invert
+        // max-w-none` were removed from the iframe element. Those classes
+        // style the iframe *element* border-box only, not its content
+        // document — an iframe srcDoc does not inherit the parent page's
+        // CSS. Typography is now applied inside the document returned by
+        // createPreviewRouteHandler (PREVIEW_BASE_CSS + theme cssVars).
         /* @__PURE__ */ jsx8(
           "iframe",
           {
             title: "post-preview",
             srcDoc: previewHtml,
             sandbox: "allow-scripts allow-same-origin",
-            className: "prose prose-neutral dark:prose-invert max-w-none min-h-[400px] w-full rounded-md border"
+            className: "min-h-[400px] w-full rounded-md border"
           }
         )
       ),

package/dist/{chunk-MPZ3GVZC.js → chunk-CFIOUXVE.js}

@@ -1,43 +1,53 @@
 'use client';
 import {
   useT
-} from "./chunk-DUSEHGSV.js";
+} from "./chunk-K44QF3MV.js";
 
 // src/components/admin-dashboard.tsx
 import { useEffect, useState } from "react";
 import Link from "next/link";
-import { listPosts } from "ampless";
+import { listPostSummaries } from "ampless";
 import { Button, Card, CardContent, CardHeader, CardTitle } from "@ampless/runtime/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function AdminDashboard() {
   const t = useT();
   const [posts, setPosts] = useState([]);
   const [loading, setLoading] = useState(true);
+  const [loadError, setLoadError] = useState(null);
   useEffect(() => {
-    listPosts({ status: "all" }).then(setPosts).finally(() => setLoading(false));
+    listPostSummaries({ status: "all" }).then(setPosts).catch((err) => {
+      console.error("[admin-dashboard] listPostSummaries failed:", err);
+      setLoadError(err instanceof Error ? err.message : String(err));
+    }).finally(() => setLoading(false));
   }, []);
   const published = posts.filter((p) => p.status === "published").length;
   const drafts = posts.filter((p) => p.status === "draft").length;
+  const countPending = loading || Boolean(loadError);
   return /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-7xl p-4 md:p-8", children: [
     /* @__PURE__ */ jsxs("div", { className: "mb-6 flex flex-wrap items-center justify-between gap-3 md:mb-8", children: [
       /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold md:text-3xl", children: t("dashboard.title") }),
       /* @__PURE__ */ jsx(Button, { asChild: true, children: /* @__PURE__ */ jsx(Link, { href: "/admin/posts/new", children: t("dashboard.newPost") }) })
     ] }),
+    loadError && /* @__PURE__ */ jsxs("p", { className: "mb-4 text-sm text-destructive", children: [
+      t("posts.list.loadError"),
+      ": ",
+      loadError
+    ] }),
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: [
       /* @__PURE__ */ jsxs(Card, { children: [
         /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("dashboard.totalPosts") }) }),
         /* @__PURE__ */ jsxs(CardContent, { children: [
-          /* @__PURE__ */ jsx("p", { className: "text-3xl font-bold", children: loading ? "\u2014" : posts.length }),
+          /* @__PURE__ */ jsx("p", { className: "text-3xl font-bold", children: countPending ? "-" : posts.length }),
           /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("dashboard.totalLabel") })
         ] })
       ] }),
       /* @__PURE__ */ jsxs(Card, { children: [
         /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("dashboard.published") }) }),
-        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("p", { className: "text-3xl font-bold", children: loading ? "\u2014" : published }) })
+        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("p", { className: "text-3xl font-bold", children: countPending ? "-" : published }) })
       ] }),
       /* @__PURE__ */ jsxs(Card, { children: [
         /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("dashboard.drafts") }) }),
-        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("p", { className: "text-3xl font-bold", children: loading ? "\u2014" : drafts }) })
+        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("p", { className: "text-3xl font-bold", children: countPending ? "-" : drafts }) })
       ] })
     ] })
   ] });

package/dist/{chunk-IR4EB5C3.js → chunk-GGHN2RKQ.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   useT
-} from "./chunk-DUSEHGSV.js";
+} from "./chunk-K44QF3MV.js";
 
 // src/components/login-view.tsx
 import { useState } from "react";

package/dist/{chunk-DDAGBC4N.js → chunk-HN3UFHP7.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-2ITWLRYF.js";
 import {
   useT
-} from "./chunk-DUSEHGSV.js";
+} from "./chunk-K44QF3MV.js";
 
 // src/lib/upload.ts
 import { uploadData } from "aws-amplify/storage";

package/dist/chunk-J6R356H3.js

@@ -0,0 +1,183 @@
+'use client';
+import {
+  useT
+} from "./chunk-K44QF3MV.js";
+
+// src/components/posts-list-view.tsx
+import { useEffect, useMemo, useState } from "react";
+import Link from "next/link";
+import { formatDate, listPostSummaries } from "ampless";
+import {
+  Button,
+  Input,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow
+} from "@ampless/runtime/ui";
+import {
+  collectTags,
+  filterSortPostSummaries
+} from "ampless";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var PAGE_SIZE = 100;
+function PostsList() {
+  const t = useT();
+  const [posts, setPosts] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [loadError, setLoadError] = useState(null);
+  const [query, setQuery] = useState("");
+  const [statusFilter, setStatusFilter] = useState("all");
+  const [tagFilter, setTagFilter] = useState("");
+  const [sort, setSort] = useState("updated-desc");
+  const [visibleCount, setVisibleCount] = useState(PAGE_SIZE);
+  useEffect(() => {
+    listPostSummaries({ status: "all" }).then(setPosts).catch((err) => {
+      console.error("[posts-list-view] listPostSummaries failed:", err);
+      setLoadError(err instanceof Error ? err.message : String(err));
+    }).finally(() => setLoading(false));
+  }, []);
+  useEffect(() => {
+    setVisibleCount(PAGE_SIZE);
+  }, [query, statusFilter, tagFilter, sort]);
+  const tagCounts = useMemo(() => collectTags(posts), [posts]);
+  const filteredPosts = useMemo(
+    () => filterSortPostSummaries(posts, {
+      query,
+      status: statusFilter,
+      tag: tagFilter,
+      sort
+    }),
+    [posts, query, statusFilter, tagFilter, sort]
+  );
+  const visiblePosts = filteredPosts.slice(0, visibleCount);
+  const hasMore = visibleCount < filteredPosts.length;
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-7xl p-4 md:p-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-6 flex flex-wrap items-center justify-between gap-3 md:mb-8", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold md:text-3xl", children: t("posts.list.title") }),
+      /* @__PURE__ */ jsx(Button, { asChild: true, children: /* @__PURE__ */ jsx(Link, { href: "/admin/posts/new", children: t("posts.list.newButton") }) })
+    ] }),
+    loading ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("common.loading") }) : loadError ? /* @__PURE__ */ jsxs("p", { className: "text-sm text-destructive", children: [
+      t("posts.list.loadError"),
+      ": ",
+      loadError
+    ] }) : posts.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-md border p-12 text-center", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("posts.list.empty") }),
+      /* @__PURE__ */ jsx(Button, { asChild: true, className: "mt-4", children: /* @__PURE__ */ jsx(Link, { href: "/admin/posts/new", children: t("posts.list.createFirst") }) })
+    ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            className: "min-w-56 max-w-sm",
+            value: query,
+            onChange: (e) => setQuery(e.target.value),
+            placeholder: t("posts.list.searchPlaceholder")
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "select",
+          {
+            className: "h-9 rounded-md border bg-background px-2 py-1.5 text-sm",
+            value: statusFilter,
+            "aria-label": t("common.status"),
+            onChange: (e) => setStatusFilter(e.target.value),
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "all", children: t("posts.list.filterAll") }),
+              /* @__PURE__ */ jsx("option", { value: "published", children: t("posts.list.filterPublished") }),
+              /* @__PURE__ */ jsx("option", { value: "draft", children: t("posts.list.filterDraft") })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "select",
+          {
+            className: "h-9 rounded-md border bg-background px-2 py-1.5 text-sm",
+            value: tagFilter,
+            "aria-label": t("common.tags"),
+            onChange: (e) => setTagFilter(e.target.value),
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "", children: t("posts.list.filterAllTags") }),
+              [...tagCounts.entries()].map(([tag, count]) => /* @__PURE__ */ jsxs("option", { value: tag, children: [
+                tag,
+                " (",
+                count,
+                ")"
+              ] }, tag))
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "select",
+          {
+            className: "h-9 rounded-md border bg-background px-2 py-1.5 text-sm",
+            value: sort,
+            "aria-label": t("posts.list.sortLabel"),
+            onChange: (e) => setSort(e.target.value),
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "updated-desc", children: t("posts.list.sortUpdatedDesc") }),
+              /* @__PURE__ */ jsx("option", { value: "updated-asc", children: t("posts.list.sortUpdatedAsc") }),
+              /* @__PURE__ */ jsx("option", { value: "published-desc", children: t("posts.list.sortPublishedDesc") }),
+              /* @__PURE__ */ jsx("option", { value: "published-asc", children: t("posts.list.sortPublishedAsc") }),
+              /* @__PURE__ */ jsx("option", { value: "title-asc", children: t("posts.list.sortTitleAsc") }),
+              /* @__PURE__ */ jsx("option", { value: "title-desc", children: t("posts.list.sortTitleDesc") })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: t("posts.list.resultCount", {
+          shown: filteredPosts.length,
+          total: posts.length
+        }) })
+      ] }),
+      filteredPosts.length === 0 ? /* @__PURE__ */ jsx("p", { className: "rounded-md border p-8 text-center text-muted-foreground", children: t("posts.list.noMatches") }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "overflow-x-auto rounded-md border", children: /* @__PURE__ */ jsxs(Table, { children: [
+          /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+            /* @__PURE__ */ jsx(TableHead, { children: t("posts.list.columnTitle") }),
+            /* @__PURE__ */ jsx(TableHead, { children: t("posts.list.columnStatus") }),
+            /* @__PURE__ */ jsx(TableHead, { children: t("posts.list.columnSlug") }),
+            /* @__PURE__ */ jsx(TableHead, { children: t("posts.list.columnPublished") }),
+            /* @__PURE__ */ jsx(TableHead, { children: t("posts.list.columnUpdated") })
+          ] }) }),
+          /* @__PURE__ */ jsx(TableBody, { children: visiblePosts.map((post) => /* @__PURE__ */ jsxs(TableRow, { children: [
+            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+              Link,
+              {
+                href: `/admin/posts/${post.postId}`,
+                className: "font-medium hover:underline",
+                children: post.title
+              }
+            ) }),
+            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: post.status === "published" ? "inline-block rounded-full bg-green-100 px-2 py-0.5 text-xs text-green-700" : "inline-block rounded-full bg-gray-100 px-2 py-0.5 text-xs text-gray-700",
+                children: t(`common.${post.status}`)
+              }
+            ) }),
+            /* @__PURE__ */ jsx(TableCell, { className: "font-mono text-xs text-muted-foreground", children: post.slug }),
+            /* @__PURE__ */ jsx(TableCell, { className: "whitespace-nowrap text-sm text-muted-foreground", children: formatPostDate(post.publishedAt) }),
+            /* @__PURE__ */ jsx(TableCell, { className: "whitespace-nowrap text-sm text-muted-foreground", children: formatPostDate(post.updatedAt) })
+          ] }, post.postId)) })
+        ] }) }),
+        hasMore && /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: () => setVisibleCount((n) => n + PAGE_SIZE),
+            children: t("posts.list.showMore")
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function formatPostDate(value) {
+  return value ? formatDate(value) || "-" : "-";
+}
+
+export {
+  PostsList
+};

package/dist/{chunk-DUSEHGSV.js → chunk-K44QF3MV.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   translate
-} from "./chunk-7TAT4AHW.js";
+} from "./chunk-OFPNBZKP.js";
 
 // src/components/i18n-provider.tsx
 import { createContext, useContext, useMemo } from "react";

package/dist/{chunk-HOJJIABL.js → chunk-MKWYNK4J.js}

@@ -1,10 +1,10 @@
 'use client';
 import {
   MediaUploader
-} from "./chunk-DSCNWIBN.js";
+} from "./chunk-SQ6LFPXH.js";
 import {
   useT
-} from "./chunk-DUSEHGSV.js";
+} from "./chunk-K44QF3MV.js";
 
 // src/components/media-view.tsx
 import { jsx, jsxs } from "react/jsx-runtime";