@ampless/admin 0.2.0-alpha.8 → 1.0.0-alpha.26

package/dist/pages/index.js

@@ -1,21 +1,42 @@
-'use client';
 import {
-  AdminDashboard,
+  NewPostPage
+} from "../chunk-VL6MMF2P.js";
+import {
+  PostsList
+} from "../chunk-MWSCSCCU.js";
+import {
+  UsersListView
+} from "../chunk-TZ5F24BG.js";
+import {
+  AdminDashboard
+} from "../chunk-6SB7YICQ.js";
+import {
+  EditPostPage
+} from "../chunk-6W3JIOOR.js";
+import {
   AdminProviders,
-  EditPostPage,
-  I18nProvider,
-  LoginPage,
-  MediaPage,
-  NewPostPage,
-  PostsList,
   Sidebar,
-  SiteSelector,
   SiteSettingsForm,
-  ThemeSettingsForm,
-  useT
-} from "../chunk-QDPB5W35.js";
-import "../chunk-KKM2MCM4.js";
-import "../chunk-VXEVLHGL.js";
+  ThemeSettingsForm
+} from "../chunk-YFWHKIVH.js";
+import "../chunk-6LQGVDCW.js";
+import "../chunk-G4CF5ZWV.js";
+import {
+  LoginPage
+} from "../chunk-2U3POKAZ.js";
+import {
+  McpTokensView
+} from "../chunk-VSS5FWSR.js";
+import {
+  MediaPage
+} from "../chunk-KQOE5CT6.js";
+import "../chunk-6NPYUTV6.js";
+import "../chunk-CTGFMK2J.js";
+import "../chunk-2ITWLRYF.js";
+import {
+  I18nProvider
+} from "../chunk-Q66BLMNJ.js";
+import "../chunk-WL4IBW2D.js";
 
 // src/pages/admin-layout.tsx
 import { redirect } from "next/navigation";
@@ -34,15 +55,11 @@ function createAdminLayout(admin) {
     if (!admin.isEditor(session)) {
       redirect("/login");
     }
-    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 flex-col md:flex-row", children: [
       /* @__PURE__ */ jsx(
         Sidebar,
         {
           email: session.email,
-          siteSelector: selector,
           isAdmin: admin.isAdmin(session)
         }
       ),
@@ -77,68 +94,18 @@ function createMediaPage(_admin) {
   return MediaPage;
 }
 
-// src/pages/sites-list.tsx
+// src/pages/site-edit.tsx
 import Link from "next/link";
-import { DEFAULT_SITE_ID, isMultiSite, siteFor } from "ampless";
-import {
-  Button,
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow
-} from "@ampless/runtime/ui";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function createSitesListPage(admin) {
-  const { cmsConfig, t } = admin;
-  async function SitesPage() {
-    const multi = isMultiSite(cmsConfig);
-    const ids = multi ? Object.keys(cmsConfig.sites ?? {}) : [DEFAULT_SITE_ID];
-    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: "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") }),
-          /* @__PURE__ */ jsx2(TableHead, { children: t("sites.list.columnUrl") }),
-          /* @__PURE__ */ jsx2(TableHead, { children: t("sites.list.columnDomains") }),
-          /* @__PURE__ */ jsx2(TableHead, {})
-        ] }) }),
-        /* @__PURE__ */ jsx2(TableBody, { children: ids.map((id) => {
-          const site = siteFor(id, cmsConfig);
-          const domains = cmsConfig.sites?.[id]?.domains ?? [];
-          return /* @__PURE__ */ jsxs2(TableRow, { children: [
-            /* @__PURE__ */ jsx2(TableCell, { className: "font-mono text-xs", children: id }),
-            /* @__PURE__ */ jsx2(TableCell, { className: "font-medium", children: site.name }),
-            /* @__PURE__ */ jsx2(TableCell, { className: "text-sm text-muted-foreground", children: site.url }),
-            /* @__PURE__ */ jsx2(TableCell, { className: "text-sm text-muted-foreground", children: domains.length > 0 ? domains.join(", ") : "\u2014" }),
-            /* @__PURE__ */ jsx2(TableCell, { children: /* @__PURE__ */ jsx2(Button, { asChild: true, variant: "outline", size: "sm", children: /* @__PURE__ */ jsx2(Link, { href: `/admin/sites/${id}`, children: t("sites.list.edit") }) }) })
-          ] }, id);
-        }) })
-      ] }) })
-    ] });
-  }
-  return SitesPage;
-}
-
-// src/pages/site-edit.tsx
-import Link2 from "next/link";
-import { siteFor as siteFor2 } from "ampless";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function createSiteEditPage(admin) {
   const { cmsConfig, t, loadSiteSettings } = admin;
   async function EditSitePage({ params }) {
     const { siteId } = await params;
-    const settings = await loadSiteSettings(siteId);
-    const defaults = siteFor2(siteId, cmsConfig);
+    const settings = await loadSiteSettings();
     const fallback = {
-      "site.name": defaults.name,
-      "site.url": defaults.url,
-      "site.description": defaults.description,
+      "site.name": cmsConfig.site.name,
+      "site.url": cmsConfig.site.url,
+      "site.description": cmsConfig.site.description,
       "media.imageDisplay": cmsConfig.media?.imageDisplay,
       "media.imageMaxWidth": cmsConfig.media?.imageMaxWidth,
       dateFormat: cmsConfig.dateFormat,
@@ -153,27 +120,11 @@ function createSiteEditPage(admin) {
       dateFormat: settings.dateFormat,
       timezone: settings.timezone
     };
-    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,
-          {
-            href: "/admin/sites",
-            className: "text-sm text-muted-foreground hover:underline",
-            children: [
-              "\u2190 ",
-              t("sidebar.sites")
-            ]
-          }
-        ),
-        /* @__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"),
-          ": ",
-          /* @__PURE__ */ jsx3("code", { className: "font-mono", children: siteId })
-        ] }),
-        /* @__PURE__ */ jsx3("div", { className: "mt-4", children: /* @__PURE__ */ jsx3(
-          Link2,
+    return /* @__PURE__ */ jsxs2("div", { className: "mx-auto max-w-7xl p-4 md:p-8", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "mb-6 md:mb-8", children: [
+        /* @__PURE__ */ jsx2("h1", { className: "mt-2 text-2xl font-bold md:text-3xl", children: settings.site.name }),
+        /* @__PURE__ */ jsx2("div", { className: "mt-4", children: /* @__PURE__ */ jsx2(
+          Link,
           {
             href: `/admin/sites/${siteId}/theme`,
             className: "text-sm font-medium underline",
@@ -181,59 +132,58 @@ function createSiteEditPage(admin) {
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsx3(SiteSettingsForm, { siteId, initial, fallback })
+      /* @__PURE__ */ jsx2(SiteSettingsForm, { initial, fallback })
     ] });
   }
   return EditSitePage;
 }
 
 // src/pages/site-theme.tsx
-import Link3 from "next/link";
-import { siteFor as siteFor3, resolveLocalized } from "ampless";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import Link2 from "next/link";
+import { resolveLocalized } from "ampless";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function createSiteThemePage(admin, themeList) {
   const { cmsConfig, t, locale, loadThemeConfig } = admin;
   async function ThemePage({ params }) {
     const { siteId } = await params;
-    const site = siteFor3(siteId, cmsConfig);
-    const theme = await loadThemeConfig(siteId);
+    const theme = await loadThemeConfig();
     const themeOptions = themeList.map((m) => ({
       value: m.name,
       label: m.manifest.label,
       description: m.manifest.description
     }));
-    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,
+    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,
           {
             href: `/admin/sites/${siteId}`,
             className: "text-sm text-muted-foreground hover:underline",
             children: [
               "\u2190 ",
-              site.name
+              cmsConfig.site.name
             ]
           }
         ),
-        /* @__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: [
+        /* @__PURE__ */ jsx3("h1", { className: "mt-2 text-2xl font-bold md:text-3xl", children: t("theme.title") }),
+        /* @__PURE__ */ jsxs3("p", { className: "text-sm text-muted-foreground", children: [
           t("common.active"),
           ":",
           " ",
-          /* @__PURE__ */ jsx4("strong", { children: resolveLocalized(theme.manifest.label, locale) }),
+          /* @__PURE__ */ jsx3("strong", { children: resolveLocalized(theme.manifest.label, locale) }),
           " (",
           theme.activeTheme,
           ")"
         ] })
       ] }),
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx3(
         ThemeSettingsForm,
         {
-          siteId,
           manifest: theme.manifest,
           activeTheme: theme.activeTheme,
           themeOptions,
-          initial: theme.values
+          initial: theme.values,
+          initialColorScheme: theme.colorScheme
         }
       )
     ] });
@@ -243,161 +193,44 @@ function createSiteThemePage(admin, themeList) {
 
 // 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";
+import { jsx as jsx4 } 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 /* @__PURE__ */ jsx4(UsersListView, { currentUserId: session.userId });
   }
   return UsersPage;
 }
 
+// src/pages/mcp-tokens.tsx
+import { redirect as redirect3 } from "next/navigation";
+import { jsx as jsx5 } from "react/jsx-runtime";
+function createMcpTokensPage(admin) {
+  async function McpTokensPage() {
+    const session = await admin.getServerSession();
+    if (!admin.isAdmin(session)) {
+      redirect3("/admin");
+    }
+    const mcpEndpoint = extractMcpEndpoint(admin.outputs);
+    return /* @__PURE__ */ jsx5(
+      McpTokensView,
+      {
+        currentUserId: session.userId,
+        currentUserEmail: session.email,
+        mcpEndpoint
+      }
+    );
+  }
+  return McpTokensPage;
+}
+function extractMcpEndpoint(outputs) {
+  const custom = outputs.custom;
+  return custom?.mcp?.endpoint ?? null;
+}
+
 // src/pages/login.tsx
 function createLoginPage(_admin) {
   return LoginPage;
@@ -407,11 +240,11 @@ export {
   createAdminLayout,
   createEditPostPage,
   createLoginPage,
+  createMcpTokensPage,
   createMediaPage,
   createNewPostPage,
   createPostsListPage,
   createSiteEditPage,
   createSiteThemePage,
-  createSitesListPage,
   createUsersListPage
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ampless/admin",
-  "version": "0.2.0-alpha.8",
+  "version": "1.0.0-alpha.26",
   "description": "Admin UI for ampless: post editor, media manager, site/theme settings",
   "license": "MIT",
   "type": "module",
@@ -40,19 +40,30 @@
     "@radix-ui/react-dialog": "^1.1.4",
     "@radix-ui/react-label": "^2.1.1",
     "@radix-ui/react-slot": "^1.1.1",
-    "@tiptap/extension-image": "^3.23.4",
-    "@tiptap/extension-link": "^3.23.4",
-    "@tiptap/pm": "^3.23.4",
-    "@tiptap/react": "^3.23.4",
-    "@tiptap/starter-kit": "^3.23.4",
+    "@tiptap/extension-highlight": "^3.23.6",
+    "@tiptap/extension-image": "^3.23.6",
+    "@tiptap/extension-link": "^3.23.6",
+    "@tiptap/extension-table": "^3.23.6",
+    "@tiptap/extension-table-cell": "^3.23.6",
+    "@tiptap/extension-table-header": "^3.23.6",
+    "@tiptap/extension-table-row": "^3.23.6",
+    "@tiptap/extension-task-item": "^3.23.6",
+    "@tiptap/extension-task-list": "^3.23.6",
+    "@tiptap/extension-text-align": "^3.23.6",
+    "@tiptap/extension-underline": "^3.23.6",
+    "@tiptap/pm": "^3.23.6",
+    "@tiptap/react": "^3.23.6",
+    "@tiptap/starter-kit": "^3.23.6",
+    "amazon-cognito-identity-js": "^6.3.12",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "jszip": "^3.10.1",
     "lucide-react": "^1.16.0",
     "react-image-crop": "^11.0.7",
     "tailwind-merge": "^3.6.0",
-    "@ampless/runtime": "0.2.0-alpha.5",
-    "ampless": "0.2.0-alpha.3"
+    "@ampless/mcp-server": "1.0.0-alpha.10",
+    "@ampless/runtime": "1.0.0-alpha.13",
+    "ampless": "1.0.0-alpha.9"
   },
   "peerDependencies": {
     "@aws-amplify/adapter-nextjs": "^1",