@fonderie/react-admin-screens 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Fonderie, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,38 @@
+# @fonderie/react-admin-screens
+
+The admin shell for React — the `/wp-admin` of a Fonderie app, over
+[`@fonderie/admin`](../admin). Navigation follows the operator's questions;
+each page is a screen you can also mount on its own.
+
+Status: **experimental** (0.x).
+
+| Group | Page | Answers |
+|---|---|---|
+| Today | Attention | what needs me today — empty is green |
+| System | Modules · Configuration · Doctor · Routes | what did I deploy · is it configured · is it working · what is exposed |
+| Settings | Config & secrets | the `@fonderie/config` admin screens, as a sub-page |
+| Messaging | Templates | the `@fonderie/courier` admin screens, as a sub-page |
+| Activity | Admin log · Access | who did what · who can be here |
+
+```ts
+import { AdminClient, ConfigAdminClient, CourierAdminClient } from '@fonderie/client';
+import { AdminShell } from '@fonderie/react-admin-screens';
+
+const base = { baseUrl: 'https://api.example.com', adminToken, actor: 'louis' };
+const client = new AdminClient(base);
+// prefix: the composed surface under /_admin — one token for everything.
+const configClient = new ConfigAdminClient({ ...base, prefix: '/_admin' });
+const courierClient = new CourierAdminClient({ ...base, prefix: '/_admin' });
+```
+
+```tsx
+<AdminShell client={client} configClient={configClient} courierClient={courierClient} />
+```
+
+Pass `page` and `onNavigate` to own the URL (one route per page); omit both
+and the shell keeps the page itself. Settings and Messaging appear only when
+their client is given.
+
+Nothing here stores the token: the app constructs the clients and decides
+where the token lives. Every request through the shell lands in the admin
+log, including the ones the token refuses.

package/dist/index.cjs

@@ -0,0 +1,507 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  AdminLogScreen: () => AdminLogScreen,
+  AdminShell: () => AdminShell,
+  AttentionScreen: () => AttentionScreen,
+  ConfigScreen: () => ConfigScreen,
+  DoctorScreen: () => DoctorScreen,
+  ModulesScreen: () => ModulesScreen,
+  RoutesScreen: () => RoutesScreen,
+  TokensScreen: () => TokensScreen
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/screens/AdminShell.tsx
+var import_react_config_admin_screens = require("@fonderie/react-config-admin-screens");
+var import_react_courier_admin_screens = require("@fonderie/react-courier-admin-screens");
+var import_react = require("react");
+
+// src/styles.ts
+var styles = {
+  shell: {
+    display: "flex",
+    minHeight: "100vh",
+    fontFamily: "system-ui, sans-serif",
+    color: "#111"
+  },
+  nav: { width: 220, borderRight: "1px solid #eee", padding: 16, flexShrink: 0 },
+  navGroup: {
+    fontSize: 11,
+    textTransform: "uppercase",
+    letterSpacing: 0.6,
+    color: "#888",
+    margin: "16px 0 6px"
+  },
+  navItem: {
+    display: "block",
+    width: "100%",
+    textAlign: "left",
+    background: "none",
+    border: "none",
+    borderRadius: 6,
+    padding: "6px 8px",
+    cursor: "pointer",
+    fontSize: 14,
+    color: "#111"
+  },
+  navItemActive: { background: "#f3f4f6", fontWeight: 600 },
+  main: { flex: 1, padding: 24, maxWidth: 960 },
+  container: { padding: 24, maxWidth: 960 },
+  title: { fontSize: 20, fontWeight: 700, marginTop: 0, marginBottom: 12 },
+  subtitle: { fontSize: 15, fontWeight: 600, marginTop: 24, marginBottom: 8 },
+  status: { padding: 12, color: "#666" },
+  error: { color: "#e11d48", marginBottom: 12, fontSize: 14 },
+  ok: { color: "#15803d", fontWeight: 600 },
+  bad: { color: "#e11d48", fontWeight: 600 },
+  advice: { color: "#b45309" },
+  muted: { color: "#666", fontSize: 13 },
+  mono: { fontFamily: "ui-monospace, monospace", fontSize: 13 },
+  table: { width: "100%", borderCollapse: "collapse", fontSize: 14 },
+  th: {
+    textAlign: "left",
+    borderBottom: "1px solid #ddd",
+    padding: "6px 8px",
+    fontWeight: 600,
+    color: "#444"
+  },
+  td: { borderBottom: "1px solid #eee", padding: "6px 8px", verticalAlign: "top" },
+  list: { listStyle: "none", padding: 0, margin: 0 },
+  row: { borderBottom: "1px solid #eee", padding: "8px 0" },
+  badge: {
+    display: "inline-block",
+    borderRadius: 999,
+    padding: "1px 8px",
+    fontSize: 12,
+    background: "#f3f4f6"
+  },
+  button: {
+    background: "none",
+    border: "1px solid #ddd",
+    borderRadius: 8,
+    padding: "4px 10px",
+    cursor: "pointer",
+    fontSize: 13
+  },
+  toolbar: { display: "flex", gap: 8, alignItems: "center", marginBottom: 12 }
+};
+
+// src/screens/AdminLogScreen.tsx
+var import_react_admin = require("@fonderie/react-admin");
+var import_jsx_runtime = require("react/jsx-runtime");
+function AdminLogScreen({ client, pageSize = 50 }) {
+  const { entries, hasMore, isLoading, error, refresh, loadMore } = (0, import_react_admin.useAdminLog)(client, {
+    limit: pageSize
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.toolbar, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { style: { ...styles.title, marginBottom: 0 }, children: "Admin log" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          type: "button",
+          style: styles.button,
+          onClick: () => void refresh(),
+          disabled: isLoading,
+          children: "Refresh"
+        }
+      )
+    ] }),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: styles.error, role: "alert", children: error.status === 404 ? "The admin log is off \u2014 give AdminModule a store." : error.explanation }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", { style: styles.table, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: styles.th, children: "When" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: styles.th, children: "Actor" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: styles.th, children: "Request" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: styles.th, children: "Status" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: styles.th, children: "Module" })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: entries.map((e) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: { ...styles.td, ...styles.muted }, children: new Date(e.at).toLocaleString() }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: styles.td, children: e.actor }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("td", { style: { ...styles.td, ...styles.mono }, children: [
+            e.method,
+            " ",
+            e.path
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("td", { style: styles.td, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: e.status >= 400 ? styles.bad : styles.ok, children: e.status }),
+            " ",
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: styles.muted, children: [
+              e.durationMs,
+              " ms"
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: { ...styles.td, ...styles.muted }, children: e.module })
+        ] }, e.id)) })
+      ] }),
+      isLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: styles.status, children: "Loading\u2026" }) : null,
+      hasMore && !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          type: "button",
+          style: { ...styles.button, marginTop: 12 },
+          onClick: () => void loadMore(),
+          children: "Load more"
+        }
+      ) : null
+    ] })
+  ] });
+}
+
+// src/screens/AttentionScreen.tsx
+var import_react_admin2 = require("@fonderie/react-admin");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function AttentionScreen({ client }) {
+  const { attention, isLoading, error, refresh } = (0, import_react_admin2.useAttention)(client);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: styles.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: styles.toolbar, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", { style: { ...styles.title, marginBottom: 0 }, children: "Attention" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "button",
+        {
+          type: "button",
+          style: styles.button,
+          onClick: () => void refresh(),
+          disabled: isLoading,
+          children: "Refresh"
+        }
+      )
+    ] }),
+    isLoading && !attention ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { style: styles.status, children: "Running the checks\u2026" }) : error ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { style: styles.error, role: "alert", children: error.explanation }) : attention?.items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { style: styles.ok, children: [
+      "Nothing needs you. Checked ",
+      new Date(attention.generatedAt).toLocaleString(),
+      "."
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { style: styles.list, children: attention?.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { style: styles.row, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: item.severity === "error" ? styles.bad : styles.advice, children: item.severity === "error" ? "error" : "advice" }),
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: styles.mono, children: item.source }),
+      " \u2014 ",
+      item.message
+    ] }, `${item.source}:${item.message}`)) })
+  ] });
+}
+
+// src/screens/ConfigScreen.tsx
+var import_react_admin3 = require("@fonderie/react-admin");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function ConfigScreen({ client }) {
+  const { report, isLoading, error } = (0, import_react_admin3.useAdminConfig)(client);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: styles.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h1", { style: styles.title, children: "Configuration" }),
+    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { style: styles.status, children: "Loading\u2026" }) : error ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { style: styles.error, role: "alert", children: error.explanation }) : report ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { style: styles.subtitle, children: "Readiness" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { style: styles.list, children: report.modules.map((m) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("li", { style: styles.row, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: styles.mono, children: m.name }),
+        " ",
+        m.problems.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: styles.ok, children: "ok" }) : m.problems.map((p) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "div",
+          {
+            style: p.severity === "error" ? styles.bad : styles.advice,
+            children: p.message
+          },
+          p.message
+        ))
+      ] }, m.name)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { style: styles.subtitle, children: "Environment" }),
+      report.env.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { style: styles.muted, children: "No variables declared \u2014 pass `env` to AdminModule." }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { style: styles.list, children: report.env.map((e) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("li", { style: styles.row, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: styles.mono, children: e.name }),
+        " ",
+        e.set ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: styles.ok, children: "set" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: styles.bad, children: "missing" })
+      ] }, e.name)) })
+    ] }) : null
+  ] });
+}
+
+// src/screens/DoctorScreen.tsx
+var import_react_admin4 = require("@fonderie/react-admin");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function DoctorScreen({ client }) {
+  const { report, isLoading, error, refresh } = (0, import_react_admin4.useDoctor)(client);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: styles.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: styles.toolbar, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h1", { style: { ...styles.title, marginBottom: 0 }, children: "Doctor" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "button",
+        {
+          type: "button",
+          style: styles.button,
+          onClick: () => void refresh(),
+          disabled: isLoading,
+          children: "Run again"
+        }
+      ),
+      report && !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: report.ok ? styles.ok : styles.bad, children: report.ok ? "all checks pass" : "a check failed" }) : null
+    ] }),
+    isLoading && !report ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { style: styles.status, children: "Running the checks\u2026" }) : error ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { style: styles.error, role: "alert", children: error.explanation }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { style: styles.list, children: report?.checks.map((c) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("li", { style: styles.row, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: c.skipped ? styles.muted : c.ok ? styles.ok : styles.bad, children: c.skipped ? "skipped" : c.ok ? "ok" : "failed" }),
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: styles.mono, children: c.name }),
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { style: styles.muted, children: [
+        c.module,
+        " \xB7 ",
+        c.durationMs,
+        " ms"
+      ] }),
+      c.skipped ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: styles.muted, children: c.skipped }) : null,
+      c.findings.map((f) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: c.ok ? styles.advice : styles.bad, children: f }, f))
+    ] }, c.name)) })
+  ] });
+}
+
+// src/screens/ModulesScreen.tsx
+var import_react_admin5 = require("@fonderie/react-admin");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function ModulesScreen({ client }) {
+  const { manifest, isLoading, error } = (0, import_react_admin5.useManifest)(client);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h1", { style: styles.title, children: "Modules" }),
+    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { style: styles.status, children: "Loading\u2026" }) : error ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { style: styles.error, role: "alert", children: error.explanation }) : manifest ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { style: styles.muted, children: [
+        manifest.env,
+        " \xB7 admin ",
+        manifest.admin.version,
+        " \xB7 admin log",
+        " ",
+        manifest.admin.log ? "on" : "off",
+        " \xB7 ",
+        manifest.routes.length,
+        " routes"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("table", { style: styles.table, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("th", { style: styles.th, children: "Module" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("th", { style: styles.th, children: "Version" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("th", { style: styles.th, children: "Readiness" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("th", { style: styles.th, children: "Describes admin" })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("tbody", { children: manifest.modules.map((m) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { style: { ...styles.td, ...styles.mono }, children: m.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { style: styles.td, children: m.version ?? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: styles.muted, children: "not reported" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("td", { style: styles.td, children: [
+            m.readiness.ok ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: styles.ok, children: "ok" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: styles.bad, children: "error" }),
+            m.readiness.problems.map((p) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              "div",
+              {
+                style: p.severity === "error" ? styles.bad : styles.advice,
+                children: p.message
+              },
+              p.message
+            ))
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { style: styles.td, children: m.describesAdmin ? "yes" : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: styles.muted, children: "no" }) })
+        ] }, m.name)) })
+      ] })
+    ] }) : null
+  ] });
+}
+
+// src/screens/RoutesScreen.tsx
+var import_react_admin6 = require("@fonderie/react-admin");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function RoutesScreen({ client }) {
+  const { report, isLoading, error } = (0, import_react_admin6.useAdminRoutes)(client);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: styles.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h1", { style: styles.title, children: "Routes" }),
+    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: styles.status, children: "Loading\u2026" }) : error ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: styles.error, role: "alert", children: error.explanation }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("table", { style: styles.table, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("th", { style: styles.th, children: "Method" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("th", { style: styles.th, children: "Path" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("th", { style: styles.th, children: "Guard" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("th", { style: styles.th, children: "Module" })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("tbody", { children: report?.routes.map((r) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { style: { ...styles.td, ...styles.mono }, children: r.method }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { style: { ...styles.td, ...styles.mono }, children: r.path }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { style: styles.td, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: styles.badge, children: r.guard }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { style: { ...styles.td, ...styles.muted }, children: r.module ?? "application" })
+      ] }, `${r.method} ${r.path}`)) })
+    ] })
+  ] });
+}
+
+// src/screens/TokensScreen.tsx
+var import_react_admin7 = require("@fonderie/react-admin");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function TokensScreen({ client }) {
+  const { report, isLoading, error } = (0, import_react_admin7.useAdminTokens)(client);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: styles.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h1", { style: styles.title, children: "Access" }),
+    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { style: styles.status, children: "Loading\u2026" }) : error ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { style: styles.error, role: "alert", children: error.explanation }) : report ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h2", { style: styles.subtitle, children: "Admin token" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { children: [
+        report.admin.ok ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: styles.ok, children: "strong" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: styles.bad, children: "weak" }),
+        report.admin.problems.map((p) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: styles.bad, children: p.message }, p.message))
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h2", { style: styles.subtitle, children: "Legacy per-brick tokens" }),
+      report.legacy.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { style: styles.muted, children: "None \u2014 every brick's admin surface goes through this token." }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("ul", { style: styles.list, children: report.legacy.map((l) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("li", { style: styles.row, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: styles.mono, children: l.module }),
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: styles.muted, children: "still registers its standalone routes with its own token (deprecated)" })
+      ] }, l.module)) })
+    ] }) : null
+  ] });
+}
+
+// src/screens/AdminShell.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var NAV = [
+  { group: "Today", items: [{ page: "attention", label: "Attention" }] },
+  {
+    group: "System",
+    items: [
+      { page: "modules", label: "Modules" },
+      { page: "config", label: "Configuration" },
+      { page: "doctor", label: "Doctor" },
+      { page: "routes", label: "Routes" }
+    ]
+  },
+  { group: "Settings", items: [{ page: "settings", label: "Config & secrets", needs: "config" }] },
+  { group: "Messaging", items: [{ page: "templates", label: "Templates", needs: "courier" }] },
+  {
+    group: "Activity",
+    items: [
+      { page: "log", label: "Admin log" },
+      { page: "tokens", label: "Access" }
+    ]
+  }
+];
+function AdminShell({
+  client,
+  configClient,
+  courierClient,
+  environment,
+  page,
+  onNavigate
+}) {
+  const [own, setOwn] = (0, import_react.useState)("attention");
+  const current = page ?? own;
+  const go = (p) => {
+    if (onNavigate) onNavigate(p);
+    if (page === void 0) setOwn(p);
+  };
+  const [editing, setEditing] = (0, import_react.useState)(null);
+  const has = { config: Boolean(configClient), courier: Boolean(courierClient) };
+  let body;
+  switch (current) {
+    case "attention":
+      body = /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AttentionScreen, { client });
+      break;
+    case "modules":
+      body = /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ModulesScreen, { client });
+      break;
+    case "doctor":
+      body = /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DoctorScreen, { client });
+      break;
+    case "config":
+      body = /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ConfigScreen, { client });
+      break;
+    case "routes":
+      body = /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RoutesScreen, { client });
+      break;
+    case "tokens":
+      body = /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TokensScreen, { client });
+      break;
+    case "log":
+      body = /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AdminLogScreen, { client });
+      break;
+    case "settings":
+      body = !configClient ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { style: styles.status, children: "Pass a ConfigAdminClient to manage config and secrets here." }) : editing && editing.kind !== "template" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", style: styles.button, onClick: () => setEditing(null), children: "\u2190 Back" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_react_config_admin_screens.ConfigEditorScreen,
+          {
+            client: configClient,
+            kind: editing.kind,
+            configKey: editing.key,
+            ...environment !== void 0 ? { environment } : {},
+            onSaved: () => setEditing(null)
+          }
+        )
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_react_config_admin_screens.ConfigListScreen,
+        {
+          client: configClient,
+          ...environment !== void 0 ? { environment } : {},
+          onSelectConfig: (key) => setEditing({ kind: "config", key }),
+          onSelectSecret: (key) => setEditing({ kind: "secret", key })
+        }
+      );
+      break;
+    case "templates":
+      body = !courierClient ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { style: styles.status, children: "Pass a CourierAdminClient to manage templates here." }) : editing?.kind === "template" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", style: styles.button, onClick: () => setEditing(null), children: "\u2190 Back" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_react_courier_admin_screens.TemplateEditorScreen,
+          {
+            client: courierClient,
+            type: editing.type,
+            onSaved: () => setEditing(null)
+          }
+        )
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_react_courier_admin_screens.TemplateListScreen,
+        {
+          client: courierClient,
+          onSelectTemplate: (t) => setEditing({ kind: "template", type: t.type })
+        }
+      );
+      break;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: styles.shell, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("nav", { style: styles.nav, "aria-label": "Admin", children: NAV.map((g) => {
+      const items = g.items.filter((i) => !i.needs || has[i.needs]);
+      if (items.length === 0) return null;
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: styles.navGroup, children: g.group }),
+        items.map((i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          "button",
+          {
+            type: "button",
+            style: { ...styles.navItem, ...current === i.page ? styles.navItemActive : {} },
+            "aria-current": current === i.page ? "page" : void 0,
+            onClick: () => {
+              setEditing(null);
+              go(i.page);
+            },
+            children: i.label
+          },
+          i.page
+        ))
+      ] }, g.group);
+    }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("main", { style: styles.main, children: body })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AdminLogScreen,
+  AdminShell,
+  AttentionScreen,
+  ConfigScreen,
+  DoctorScreen,
+  ModulesScreen,
+  RoutesScreen,
+  TokensScreen
+});
+//# sourceMappingURL=index.cjs.map