@ampless/admin 0.2.0-alpha.6 → 0.2.0-alpha.7

package/dist/pages/index.js

@@ -1,3 +1,4 @@
+'use client';
 import {
   AdminDashboard,
   AdminProviders,
@@ -10,9 +11,10 @@ import {
   Sidebar,
   SiteSelector,
   SiteSettingsForm,
-  ThemeSettingsForm
-} from "../chunk-7WFZULH7.js";
-import "../chunk-FI7CM4LH.js";
+  ThemeSettingsForm,
+  useT
+} from "../chunk-GXPSAOES.js";
+import "../chunk-L5NHN3MY.js";
 import "../chunk-VXEVLHGL.js";
 
 // src/pages/admin-layout.tsx
@@ -35,9 +37,16 @@ function createAdminLayout(admin) {
     const sites = admin.adminSiteOptions();
     const currentSiteId = await admin.currentAdminSiteId();
     const selector = sites.length > 0 ? /* @__PURE__ */ jsx(SiteSelector, { current: currentSiteId, sites }) : null;
-    return /* @__PURE__ */ jsx(AdminProviders, { outputs: admin.outputs, cmsConfig: sanitizeCmsConfigForClient(admin.cmsConfig), children: /* @__PURE__ */ jsx(I18nProvider, { locale: admin.locale, dict: admin.dict, children: /* @__PURE__ */ jsxs("div", { className: "flex min-h-screen", children: [
-      /* @__PURE__ */ jsx(Sidebar, { email: session.email, siteSelector: selector }),
-      /* @__PURE__ */ jsx("main", { className: "flex-1 overflow-auto", children })
+    return /* @__PURE__ */ jsx(AdminProviders, { outputs: admin.outputs, cmsConfig: sanitizeCmsConfigForClient(admin.cmsConfig), children: /* @__PURE__ */ jsx(I18nProvider, { locale: admin.locale, dict: admin.dict, children: /* @__PURE__ */ jsxs("div", { className: "flex min-h-screen flex-col md:flex-row", children: [
+      /* @__PURE__ */ jsx(
+        Sidebar,
+        {
+          email: session.email,
+          siteSelector: selector,
+          isAdmin: admin.isAdmin(session)
+        }
+      ),
+      /* @__PURE__ */ jsx("main", { className: "min-w-0 flex-1", children })
     ] }) }) });
   }
   return AdminLayout;
@@ -86,12 +95,12 @@ function createSitesListPage(admin) {
   async function SitesPage() {
     const multi = isMultiSite(cmsConfig);
     const ids = multi ? Object.keys(cmsConfig.sites ?? {}) : [DEFAULT_SITE_ID];
-    return /* @__PURE__ */ jsxs2("div", { className: "p-8", children: [
-      /* @__PURE__ */ jsx2("div", { className: "mb-8 flex items-center justify-between", children: /* @__PURE__ */ jsxs2("div", { children: [
-        /* @__PURE__ */ jsx2("h1", { className: "text-3xl font-bold", children: t("sites.list.title") }),
+    return /* @__PURE__ */ jsxs2("div", { className: "mx-auto max-w-7xl p-4 md:p-8", children: [
+      /* @__PURE__ */ jsx2("div", { className: "mb-6 flex flex-wrap items-center justify-between gap-3 md:mb-8", children: /* @__PURE__ */ jsxs2("div", { children: [
+        /* @__PURE__ */ jsx2("h1", { className: "text-2xl font-bold md:text-3xl", children: t("sites.list.title") }),
         /* @__PURE__ */ jsx2("p", { className: "mt-1 text-sm text-muted-foreground", children: t("sites.list.description") })
       ] }) }),
-      /* @__PURE__ */ jsx2("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs2(Table, { children: [
+      /* @__PURE__ */ jsx2("div", { className: "overflow-x-auto rounded-md border", children: /* @__PURE__ */ jsxs2(Table, { children: [
         /* @__PURE__ */ jsx2(TableHeader, { children: /* @__PURE__ */ jsxs2(TableRow, { children: [
           /* @__PURE__ */ jsx2(TableHead, { children: t("sites.list.columnSiteId") }),
           /* @__PURE__ */ jsx2(TableHead, { children: t("sites.list.columnName") }),
@@ -144,8 +153,8 @@ function createSiteEditPage(admin) {
       dateFormat: settings.dateFormat,
       timezone: settings.timezone
     };
-    return /* @__PURE__ */ jsxs3("div", { className: "p-8", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "mb-8", children: [
+    return /* @__PURE__ */ jsxs3("div", { className: "mx-auto max-w-7xl p-4 md:p-8", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "mb-6 md:mb-8", children: [
         /* @__PURE__ */ jsxs3(
           Link2,
           {
@@ -157,7 +166,7 @@ function createSiteEditPage(admin) {
             ]
           }
         ),
-        /* @__PURE__ */ jsx3("h1", { className: "mt-2 text-3xl font-bold", children: settings.site.name }),
+        /* @__PURE__ */ jsx3("h1", { className: "mt-2 text-2xl font-bold md:text-3xl", children: settings.site.name }),
         /* @__PURE__ */ jsxs3("p", { className: "text-sm text-muted-foreground", children: [
           t("common.siteId"),
           ": ",
@@ -193,8 +202,8 @@ function createSiteThemePage(admin, themeList) {
       label: m.manifest.label,
       description: m.manifest.description
     }));
-    return /* @__PURE__ */ jsxs4("div", { className: "p-8", children: [
-      /* @__PURE__ */ jsxs4("div", { className: "mb-8", children: [
+    return /* @__PURE__ */ jsxs4("div", { className: "mx-auto max-w-7xl p-4 md:p-8", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "mb-6 md:mb-8", children: [
         /* @__PURE__ */ jsxs4(
           Link3,
           {
@@ -206,7 +215,7 @@ function createSiteThemePage(admin, themeList) {
             ]
           }
         ),
-        /* @__PURE__ */ jsx4("h1", { className: "mt-2 text-3xl font-bold", children: t("theme.title") }),
+        /* @__PURE__ */ jsx4("h1", { className: "mt-2 text-2xl font-bold md:text-3xl", children: t("theme.title") }),
         /* @__PURE__ */ jsxs4("p", { className: "text-sm text-muted-foreground", children: [
           t("common.active"),
           ":",
@@ -232,6 +241,163 @@ function createSiteThemePage(admin, themeList) {
   return ThemePage;
 }
 
+// src/pages/users-list.tsx
+import { redirect as redirect2 } from "next/navigation";
+
+// src/components/users-list-view.tsx
+import { useEffect, useState } from "react";
+import { generateClient } from "aws-amplify/api";
+import {
+  Button as Button2,
+  Table as Table2,
+  TableBody as TableBody2,
+  TableCell as TableCell2,
+  TableHead as TableHead2,
+  TableHeader as TableHeader2,
+  TableRow as TableRow2
+} from "@ampless/runtime/ui";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function isAdminRole(value) {
+  return value === "admin" || value === "editor" || value === "none";
+}
+function UsersListView({ currentUserId }) {
+  const t = useT();
+  const [users, setUsers] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [loadError, setLoadError] = useState(null);
+  const [rows, setRows] = useState({});
+  useEffect(() => {
+    const client = generateClient();
+    client.queries.listAdminUsers().then(({ data, errors }) => {
+      if (errors && errors.length > 0) {
+        const msg = errors[0]?.message ?? "listAdminUsers failed";
+        console.error("[users-list-view] listAdminUsers errors:", errors);
+        setLoadError(msg);
+        return;
+      }
+      const list = data ?? [];
+      setUsers(list);
+      setRows(
+        Object.fromEntries(
+          list.map((u) => [u.userId, { selected: u.role, saving: false, error: null }])
+        )
+      );
+    }).catch((err) => {
+      console.error("[users-list-view] listAdminUsers threw:", err);
+      setLoadError(err instanceof Error ? err.message : String(err));
+    }).finally(() => setLoading(false));
+  }, []);
+  function updateRow(userId, patch) {
+    setRows((prev) => ({
+      ...prev,
+      [userId]: { ...prev[userId], ...patch }
+    }));
+  }
+  async function save(userId) {
+    const row = rows[userId];
+    if (!row) return;
+    updateRow(userId, { saving: true, error: null });
+    try {
+      const client = generateClient();
+      const { data, errors } = await client.mutations.setAdminUserRole({
+        userId,
+        role: row.selected
+      });
+      if (errors && errors.length > 0) {
+        const msg = errors[0]?.message ?? "setAdminUserRole failed";
+        console.error("[users-list-view] setAdminUserRole errors:", errors);
+        updateRow(userId, { saving: false, error: msg });
+        return;
+      }
+      if (data) {
+        setUsers(
+          (prev) => (prev ?? []).map((u) => u.userId === userId ? data : u)
+        );
+        updateRow(userId, { saving: false, selected: data.role, error: null });
+      } else {
+        updateRow(userId, { saving: false });
+      }
+    } catch (err) {
+      console.error("[users-list-view] setAdminUserRole threw:", err);
+      updateRow(userId, {
+        saving: false,
+        error: err instanceof Error ? err.message : String(err)
+      });
+    }
+  }
+  return /* @__PURE__ */ jsxs5("div", { className: "mx-auto max-w-7xl p-4 md:p-8", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "mb-6 md:mb-8", children: [
+      /* @__PURE__ */ jsx5("h1", { className: "text-2xl font-bold md:text-3xl", children: t("users.list.title") }),
+      /* @__PURE__ */ jsx5("p", { className: "mt-1 text-sm text-muted-foreground", children: t("users.list.description") })
+    ] }),
+    loading ? /* @__PURE__ */ jsx5("p", { className: "text-muted-foreground", children: t("users.list.loading") }) : loadError ? /* @__PURE__ */ jsxs5("p", { className: "text-sm text-destructive", children: [
+      t("users.list.error"),
+      ": ",
+      loadError
+    ] }) : !users || users.length === 0 ? /* @__PURE__ */ jsx5("p", { className: "text-muted-foreground", children: t("users.list.empty") }) : /* @__PURE__ */ jsx5("div", { className: "overflow-x-auto rounded-md border", children: /* @__PURE__ */ jsxs5(Table2, { children: [
+      /* @__PURE__ */ jsx5(TableHeader2, { children: /* @__PURE__ */ jsxs5(TableRow2, { children: [
+        /* @__PURE__ */ jsx5(TableHead2, { children: t("users.list.columnEmail") }),
+        /* @__PURE__ */ jsx5(TableHead2, { children: t("users.list.columnRole") }),
+        /* @__PURE__ */ jsx5(TableHead2, { className: "w-[1%] whitespace-nowrap", children: t("users.list.columnActions") })
+      ] }) }),
+      /* @__PURE__ */ jsx5(TableBody2, { children: users.map((u) => {
+        const row = rows[u.userId];
+        if (!row) return null;
+        const isSelf = u.userId === currentUserId;
+        const dirty = row.selected !== u.role;
+        return /* @__PURE__ */ jsxs5(TableRow2, { children: [
+          /* @__PURE__ */ jsx5(TableCell2, { className: "font-medium", children: u.email || u.userId }),
+          /* @__PURE__ */ jsxs5(TableCell2, { children: [
+            /* @__PURE__ */ jsxs5(
+              "select",
+              {
+                className: "rounded-md border bg-background px-2 py-1.5 text-sm disabled:cursor-not-allowed disabled:opacity-60",
+                value: row.selected,
+                disabled: isSelf || row.saving,
+                onChange: (e) => {
+                  const next = e.target.value;
+                  if (isAdminRole(next)) {
+                    updateRow(u.userId, { selected: next });
+                  }
+                },
+                children: [
+                  /* @__PURE__ */ jsx5("option", { value: "admin", children: t("users.list.roleAdmin") }),
+                  /* @__PURE__ */ jsx5("option", { value: "editor", children: t("users.list.roleEditor") }),
+                  /* @__PURE__ */ jsx5("option", { value: "none", children: t("users.list.roleNone") })
+                ]
+              }
+            ),
+            isSelf && /* @__PURE__ */ jsx5("p", { className: "mt-1 text-xs text-muted-foreground", children: t("users.list.cannotEditSelf") }),
+            row.error && /* @__PURE__ */ jsx5("p", { className: "mt-1 text-xs text-destructive", children: row.error })
+          ] }),
+          /* @__PURE__ */ jsx5(TableCell2, { children: /* @__PURE__ */ jsx5(
+            Button2,
+            {
+              size: "sm",
+              disabled: isSelf || row.saving || !dirty,
+              onClick: () => save(u.userId),
+              children: row.saving ? t("users.list.saving") : t("users.list.save")
+            }
+          ) })
+        ] }, u.userId);
+      }) })
+    ] }) })
+  ] });
+}
+
+// src/pages/users-list.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+function createUsersListPage(admin) {
+  async function UsersPage() {
+    const session = await admin.getServerSession();
+    if (!admin.isAdmin(session)) {
+      redirect2("/admin");
+    }
+    return /* @__PURE__ */ jsx6(UsersListView, { currentUserId: session.userId });
+  }
+  return UsersPage;
+}
+
 // src/pages/login.tsx
 function createLoginPage(_admin) {
   return LoginPage;
@@ -246,5 +412,6 @@ export {
   createPostsListPage,
   createSiteEditPage,
   createSiteThemePage,
-  createSitesListPage
+  createSitesListPage,
+  createUsersListPage
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ampless/admin",
-  "version": "0.2.0-alpha.6",
+  "version": "0.2.0-alpha.7",
   "description": "Admin UI for ampless: post editor, media manager, site/theme settings",
   "license": "MIT",
   "type": "module",
@@ -50,8 +50,8 @@
     "lucide-react": "^1.16.0",
     "react-image-crop": "^11.0.7",
     "tailwind-merge": "^3.6.0",
-    "ampless": "0.2.0-alpha.1",
-    "@ampless/runtime": "0.2.0-alpha.3"
+    "ampless": "0.2.0-alpha.2",
+    "@ampless/runtime": "0.2.0-alpha.4"
   },
   "peerDependencies": {
     "next": "^15 || ^16",