@micelio/strapi-plugin-core 0.1.0 → 0.2.0

package/dist/admin/MicelioLayout-3sKGPS_0.mjs

@@ -1,443 +0,0 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { Typography, Flex, Button, Box, useNotifyAT, Table, Thead, Tr, Th, Tbody, Td, Badge } from "@strapi/design-system";
-import { useFetchClient, Page, Layouts, useAuth, SubNav } from "@strapi/strapi/admin";
-import { useRef, useState, useEffect, useCallback, useMemo, lazy, Suspense } from "react";
-import { useIntl } from "react-intl";
-import { Routes, Route, Navigate, useParams } from "react-router-dom";
-import en from "./en-C2O-S2ym.mjs";
-import { g as getTranslation, P as PLUGIN_ID, p as pageLoaderOf } from "./index-CiSujTES.mjs";
-function useAdminPages() {
-  const client = useFetchClient();
-  const clientRef = useRef(client);
-  clientRef.current = client;
-  const [state, setState] = useState({ pages: [], hasFailed: false, isLoading: true });
-  useEffect(() => {
-    let isCurrent = true;
-    void (async () => {
-      try {
-        const response = await clientRef.current.get(
-          "/micelio/admin-pages"
-        );
-        if (isCurrent) setState({ pages: response.data.data, hasFailed: false, isLoading: false });
-      } catch {
-        if (isCurrent) setState({ pages: [], hasFailed: true, isLoading: false });
-      }
-    })();
-    return () => {
-      isCurrent = false;
-    };
-  }, []);
-  return state;
-}
-function hasMessage(id) {
-  return Object.hasOwn(en, id);
-}
-function useMessages() {
-  const { formatMessage, formatDate } = useIntl();
-  return {
-    t: (id, values) => formatMessage(
-      { id: getTranslation(id), defaultMessage: en[id] ?? id },
-      values
-    ),
-    // Seconds included: a run again within the same minute must read as new.
-    date: (iso) => formatDate(iso, { dateStyle: "medium", timeStyle: "medium" })
-  };
-}
-const STATUS_READ_PERMISSION = { action: "plugin::micelio.status.read", subject: null };
-const NAV_GROUPS = ["overview", "content", "site", "about"];
-const CORE_NAV_ITEMS = [
-  { id: "status", group: "overview", to: "", permission: STATUS_READ_PERMISSION },
-  { id: "about", group: "about", to: "about" }
-];
-function visibleNavItems(items, permissions) {
-  return items.filter(
-    (item) => !item.permission || permissions.some(({ action }) => action === item.permission?.action)
-  );
-}
-function localised(text, locale) {
-  const language = locale.split("-")[0] ?? "en";
-  const found = language === "es" ? text.es : void 0;
-  return found && found.trim() !== "" ? found : text.en;
-}
-function AboutPage() {
-  const { t } = useMessages();
-  return /* @__PURE__ */ jsxs(Page.Main, { children: [
-    /* @__PURE__ */ jsx(Page.Title, { children: t("about.title") }),
-    /* @__PURE__ */ jsx(Layouts.Header, { title: t("about.title"), subtitle: t("about.subtitle") }),
-    /* @__PURE__ */ jsx(Layouts.Content, { children: /* @__PURE__ */ jsx(Typography, { children: t("about.body") }) })
-  ] });
-}
-function useHostCheckRun(initial) {
-  const client = useFetchClient();
-  const clientRef = useRef(client);
-  clientRef.current = client;
-  const [report, setReport] = useState(initial);
-  const [isRunning, setIsRunning] = useState(false);
-  const [hasFailed, setHasFailed] = useState(false);
-  const run = useCallback(async () => {
-    setIsRunning(true);
-    setHasFailed(false);
-    try {
-      const response = await clientRef.current.post(
-        "/micelio/status/host-check"
-      );
-      setReport(response.data.data);
-      return response.data.data;
-    } catch {
-      setHasFailed(true);
-      return null;
-    } finally {
-      setIsRunning(false);
-    }
-  }, []);
-  return { report, isRunning, hasFailed, run };
-}
-function useStatus() {
-  const client = useFetchClient();
-  const clientRef = useRef(client);
-  clientRef.current = client;
-  const [resource, setResource] = useState({ kind: "loading" });
-  const [count, setCount] = useState(0);
-  useEffect(() => {
-    let isCurrent = true;
-    void (async () => {
-      try {
-        const response = await clientRef.current.get("/micelio/status");
-        if (isCurrent) setResource({ kind: "ready", data: response.data.data });
-      } catch {
-        if (isCurrent) setResource({ kind: "error" });
-      }
-    })();
-    return () => {
-      isCurrent = false;
-    };
-  }, [count]);
-  const reload = useCallback(() => {
-    setResource({ kind: "loading" });
-    setCount((value) => value + 1);
-  }, []);
-  const refresh = useCallback(async () => {
-    try {
-      const response = await clientRef.current.get("/micelio/status");
-      setResource({ kind: "ready", data: response.data.data });
-    } catch {
-    }
-  }, []);
-  return { resource, reload, refresh };
-}
-function checkText(result, part, isKnown) {
-  const fallback = part === "title" ? result.title : result.fix;
-  if (fallback === void 0) return null;
-  const messageId = `status.hostCheck.check.${result.id}.${part}`;
-  return isKnown(messageId) ? { messageId } : { text: fallback };
-}
-function diagnosticsText(report) {
-  const lines = [`Micelio ${report.plugin.version} (core release line ${report.plugin.coreLine})`];
-  if (report.hostCheck) {
-    const failed = report.hostCheck.results.filter(({ status }) => status === "fail").length;
-    lines.push(`Host check: ${report.hostCheck.ok ? "ok" : "fails"} (${failed} failed)`);
-  } else {
-    lines.push("Host check: not run");
-  }
-  for (const [id, result] of Object.entries(report.plugins)) lines.push(pluginLine(id, result));
-  return lines.join("\n");
-}
-function pluginLine(id, result) {
-  if (result.ranAt === null) return `${id}: checks not run`;
-  const count = (status) => result.checks.filter((check) => check.status === status).length;
-  return `${id}: ${count("ok")} ok, ${count("warn")} warn, ${count("fail")} fail`;
-}
-const TONES = {
-  success: { backgroundColor: "success100", textColor: "success700" },
-  danger: { backgroundColor: "danger100", textColor: "danger700" },
-  // warning700 on warning100 is 4.0:1, below the 4.5:1 of WCAG AA.
-  warning: { backgroundColor: "warning100", textColor: "neutral800" },
-  neutral: { backgroundColor: "neutral150", textColor: "neutral700" }
-};
-const CHECK_TONES = {
-  pass: "success",
-  fail: "danger",
-  skip: "neutral"
-};
-function StatusPage() {
-  const { t } = useMessages();
-  return /* @__PURE__ */ jsx(Page.Protect, { permissions: [STATUS_READ_PERMISSION], children: /* @__PURE__ */ jsxs(Page.Main, { children: [
-    /* @__PURE__ */ jsx(Page.Title, { children: t("status.title") }),
-    /* @__PURE__ */ jsx(Layouts.Header, { title: t("status.title"), subtitle: t("status.subtitle") }),
-    /* @__PURE__ */ jsx(Layouts.Content, { children: /* @__PURE__ */ jsx(StatusContent, {}) })
-  ] }) });
-}
-function StatusContent() {
-  const { t } = useMessages();
-  const { resource, reload, refresh } = useStatus();
-  if (resource.kind === "loading") return /* @__PURE__ */ jsx(Page.Loading, { children: t("status.loading") });
-  if (resource.kind === "error") {
-    return /* @__PURE__ */ jsx(Section, { title: t("status.error.title"), children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "flex-start", gap: 2, children: [
-      /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: t("status.error") }),
-      /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "S", onClick: reload, children: t("status.retry") })
-    ] }) });
-  }
-  const report = resource.data;
-  return /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 6, children: [
-    /* @__PURE__ */ jsx(PluginSection, { report }),
-    /* @__PURE__ */ jsx(HostCheckSection, { initial: report.hostCheck, onRan: refresh }),
-    /* @__PURE__ */ jsx(PluginChecksSections, { report }),
-    /* @__PURE__ */ jsx(FrontendsSection, { frontends: report.frontends }),
-    /* @__PURE__ */ jsx(SitesSection, { sites: report.sites }),
-    /* @__PURE__ */ jsx(DiagnosticsButton, { report })
-  ] });
-}
-function Section({ title, children }) {
-  return /* @__PURE__ */ jsx(Box, { tag: "section", background: "neutral0", hasRadius: true, shadow: "filterShadow", padding: 6, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
-    /* @__PURE__ */ jsx(Typography, { variant: "delta", tag: "h2", children: title }),
-    children
-  ] }) });
-}
-function StatusBadge({ tone, children }) {
-  return /* @__PURE__ */ jsx(Badge, { ...TONES[tone], children });
-}
-function Fact({ label, value }) {
-  return /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "flex-start", gap: 1, children: [
-    /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", tag: "dt", children: label }),
-    /* @__PURE__ */ jsx(Typography, { tag: "dd", children: value })
-  ] });
-}
-function PluginSection({ report }) {
-  const { t } = useMessages();
-  return /* @__PURE__ */ jsx(Section, { title: t("status.plugin.title"), children: /* @__PURE__ */ jsxs(Flex, { tag: "dl", gap: 8, wrap: "wrap", alignItems: "flex-start", children: [
-    /* @__PURE__ */ jsx(Fact, { label: t("status.plugin.version"), value: report.plugin.version }),
-    /* @__PURE__ */ jsx(Fact, { label: t("status.plugin.coreLine"), value: report.plugin.coreLine }),
-    /* @__PURE__ */ jsx(Fact, { label: t("status.blocks.count"), value: report.blocks.count }),
-    /* @__PURE__ */ jsx(Fact, { label: t("status.sites.count"), value: report.sites.length })
-  ] }) });
-}
-function HostCheckSection({
-  initial,
-  onRan
-}) {
-  const { t, date } = useMessages();
-  const { notifyStatus, notifyAlert } = useNotifyAT();
-  const { report, isRunning, hasFailed, run } = useHostCheckRun(initial);
-  const say = (text) => "messageId" in text ? t(text.messageId) : text.text;
-  const verdict = (current) => `${t(current.ok ? "status.hostCheck.ok" : "status.hostCheck.failed")} ${t(
-    "status.hostCheck.checkedAt",
-    { date: date(current.checkedAt), environment: current.environment }
-  )}`;
-  const runAgain = async () => {
-    const answer = await run();
-    if (answer) await onRan();
-    if (answer) notifyStatus(verdict(answer));
-    else notifyAlert(t("status.hostCheck.runFailed"));
-  };
-  const header = /* @__PURE__ */ jsxs(Flex, { gap: 4, wrap: "wrap", justifyContent: "space-between", alignItems: "center", children: [
-    /* @__PURE__ */ jsx(Typography, { textColor: report ? void 0 : "neutral600", children: report ? verdict(report) : t("status.hostCheck.notRun") }),
-    /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "S", loading: isRunning, onClick: runAgain, children: t(isRunning ? "status.hostCheck.running" : "status.hostCheck.runAgain") })
-  ] });
-  const failure = hasFailed ? /* @__PURE__ */ jsx(Typography, { textColor: "danger700", children: t("status.hostCheck.runFailed") }) : null;
-  if (!report) {
-    return /* @__PURE__ */ jsxs(Section, { title: t("status.hostCheck.title"), children: [
-      header,
-      failure
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(Section, { title: t("status.hostCheck.title"), children: [
-    header,
-    failure,
-    /* @__PURE__ */ jsxs(Table, { colCount: 3, rowCount: report.results.length + 1, children: [
-      /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
-        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: t("status.hostCheck.column.check") }) }),
-        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: t("status.hostCheck.column.status") }) }),
-        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: t("status.hostCheck.column.found") }) })
-      ] }) }),
-      /* @__PURE__ */ jsx(Tbody, { children: report.results.map((result) => {
-        const title = checkText(result, "title", hasMessage);
-        const fix = result.status === "fail" ? checkText(result, "fix", hasMessage) : null;
-        return /* @__PURE__ */ jsxs(Tr, { children: [
-          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "flex-start", gap: 1, children: [
-            /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: title ? say(title) : result.id }),
-            /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: t(
-              result.required ? "status.hostCheck.required" : "status.hostCheck.optional"
-            ) })
-          ] }) }),
-          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(StatusBadge, { tone: CHECK_TONES[result.status], children: t(`status.hostCheck.status.${result.status}`) }) }),
-          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "flex-start", gap: 1, children: [
-            /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: result.detail }),
-            fix ? /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral800", children: [
-              /* @__PURE__ */ jsxs("strong", { children: [
-                t("status.hostCheck.fix"),
-                ":"
-              ] }),
-              " ",
-              say(fix)
-            ] }) : null
-          ] }) })
-        ] }, result.id);
-      }) })
-    ] }),
-    /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: t("status.hostCheck.rerun") })
-  ] });
-}
-function FrontendsSection({ frontends }) {
-  const { t } = useMessages();
-  if (frontends.length === 0) {
-    return /* @__PURE__ */ jsx(Section, { title: t("status.frontends.title"), children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: t("status.frontends.none") }) });
-  }
-  return /* @__PURE__ */ jsx(Section, { title: t("status.frontends.title"), children: /* @__PURE__ */ jsxs(Table, { colCount: 4, rowCount: frontends.length + 1, children: [
-    /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
-      /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: t("status.frontends.column.origin") }) }),
-      /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: t("status.frontends.column.sites") }) }),
-      /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: t("status.frontends.column.health") }) }),
-      /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: t("status.frontends.column.version") }) })
-    ] }) }),
-    /* @__PURE__ */ jsx(Tbody, { children: frontends.map((frontend) => /* @__PURE__ */ jsxs(Tr, { children: [
-      /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { children: frontend.origin }) }),
-      /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { children: frontend.sites.join(", ") }) }),
-      /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "flex-start", gap: 1, children: [
-        /* @__PURE__ */ jsx(StatusBadge, { tone: frontend.health === "reachable" ? "success" : "neutral", children: t(`status.frontends.health.${frontend.health}`) }),
-        frontend.health === "unavailable" ? /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: t("status.frontends.unavailable") }) : null
-      ] }) }),
-      /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { children: frontend.version ?? t("status.frontends.noVersion") }) })
-    ] }, frontend.origin)) })
-  ] }) });
-}
-function SitesSection({ sites }) {
-  const { t } = useMessages();
-  return /* @__PURE__ */ jsx(Section, { title: t("status.sites.title"), children: /* @__PURE__ */ jsxs(Table, { colCount: 4, rowCount: sites.length + 1, children: [
-    /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
-      /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: t("status.sites.column.name") }) }),
-      /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: t("status.sites.column.slug") }) }),
-      /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: t("status.sites.column.hosts") }) }),
-      /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: t("status.sites.column.url") }) })
-    ] }) }),
-    /* @__PURE__ */ jsx(Tbody, { children: sites.map((site) => /* @__PURE__ */ jsxs(Tr, { children: [
-      /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
-        /* @__PURE__ */ jsx(Typography, { children: site.name }),
-        site.isDefault ? /* @__PURE__ */ jsx(Badge, { children: t("status.sites.default") }) : null
-      ] }) }),
-      /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { children: site.slug }) }),
-      /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { children: site.hosts.length > 0 ? site.hosts.join(", ") : t("status.sites.noHosts") }) }),
-      /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { children: site.origin ?? t("status.sites.noUrl") }) })
-    ] }, site.documentId)) })
-  ] }) });
-}
-const PLUGIN_TONES = {
-  ok: "success",
-  warn: "warning",
-  fail: "danger"
-};
-function PluginChecksSections({ report }) {
-  return /* @__PURE__ */ jsx(Fragment, { children: Object.entries(report.plugins).map(([id, result]) => /* @__PURE__ */ jsx(PluginChecksCard, { result, sites: report.sites }, id)) });
-}
-function PluginChecksCard({ result, sites }) {
-  const { t, date } = useMessages();
-  const { locale } = useIntl();
-  const slugOf = (documentId) => sites.find((site) => site.documentId === documentId)?.slug ?? documentId;
-  return /* @__PURE__ */ jsxs(Section, { title: localised(result.label, locale), children: [
-    /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: result.ranAt === null ? t("status.plugins.notRun") : t("status.plugins.ranAt", { date: date(result.ranAt) }) }),
-    result.ranAt !== null && result.checks.length === 0 ? /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: t("status.plugins.empty") }) : null,
-    result.checks.length > 0 ? /* @__PURE__ */ jsxs(Table, { colCount: 4, rowCount: result.checks.length + 1, children: [
-      /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
-        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: t("status.plugins.column.site") }) }),
-        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: t("status.plugins.column.check") }) }),
-        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: t("status.plugins.column.status") }) }),
-        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: t("status.plugins.column.found") }) })
-      ] }) }),
-      /* @__PURE__ */ jsx(Tbody, { children: result.checks.map((check) => /* @__PURE__ */ jsxs(Tr, { children: [
-        /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { children: slugOf(check.site) }) }),
-        /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: localised(check.title, locale) }) }),
-        /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(StatusBadge, { tone: PLUGIN_TONES[check.status], children: t(`status.plugins.status.${check.status}`) }) }),
-        /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "flex-start", gap: 1, children: [
-          check.detail ? /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: localised(check.detail, locale) }) : null,
-          check.fix ? /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral800", children: [
-            /* @__PURE__ */ jsxs("strong", { children: [
-              t("status.plugins.fix"),
-              ":"
-            ] }),
-            " ",
-            localised(check.fix, locale)
-          ] }) : null
-        ] }) })
-      ] }, `${check.site}:${check.id}`)) })
-    ] }) : null
-  ] });
-}
-function DiagnosticsButton({ report }) {
-  const { t } = useMessages();
-  const { notifyStatus, notifyAlert } = useNotifyAT();
-  const copy = async () => {
-    try {
-      await navigator.clipboard.writeText(diagnosticsText(report));
-      notifyStatus(t("status.diagnostics.copied"));
-    } catch {
-      notifyAlert(t("status.diagnostics.failed"));
-    }
-  };
-  return /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(Button, { variant: "tertiary", size: "S", onClick: copy, children: t("status.diagnostics.copy") }) });
-}
-function MicelioLayout() {
-  const { t } = useMessages();
-  const { locale } = useIntl();
-  const { pages, hasFailed, isLoading } = useAdminPages();
-  const isLoadingPermissions = useAuth("MicelioLayout", (state) => state.isLoading);
-  const permissions = useAuth("MicelioLayout", (state) => state.permissions);
-  const canReadStatus = permissions.some(({ action }) => action === STATUS_READ_PERMISSION.action);
-  const coreItems = visibleNavItems(CORE_NAV_ITEMS, permissions);
-  const linksOf = (group) => [
-    ...coreItems.filter((item) => item.group === group).map((item) => /* @__PURE__ */ jsx(
-      SubNav.Link,
-      {
-        to: item.to ? `/plugins/${PLUGIN_ID}/${item.to}` : `/plugins/${PLUGIN_ID}`,
-        end: !item.to,
-        label: t(`nav.${item.id}`)
-      },
-      item.id
-    )),
-    ...pages.filter((page) => page.group === group).map((page) => /* @__PURE__ */ jsx(
-      SubNav.Link,
-      {
-        to: `/plugins/${PLUGIN_ID}/${page.to}`,
-        label: localised(page.label, locale)
-      },
-      page.id
-    ))
-  ];
-  if (isLoadingPermissions) return /* @__PURE__ */ jsx(Page.Loading, {});
-  return /* @__PURE__ */ jsx(
-    Layouts.Root,
-    {
-      sideNav: /* @__PURE__ */ jsxs(SubNav.Main, { "aria-label": t("nav.label"), children: [
-        /* @__PURE__ */ jsx(SubNav.Header, { label: t("nav.title") }),
-        /* @__PURE__ */ jsxs(SubNav.Sections, { children: [
-          NAV_GROUPS.map((group) => ({ group, links: linksOf(group) })).filter(({ links }) => links.length > 0).map(({ group, links }) => /* @__PURE__ */ jsx(SubNav.Section, { label: t(`nav.group.${group}`), children: links }, group)),
-          hasFailed ? /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: t("nav.error") }) : null
-        ] })
-      ] }),
-      children: /* @__PURE__ */ jsxs(Routes, { children: [
-        /* @__PURE__ */ jsx(Route, { index: true, element: canReadStatus ? /* @__PURE__ */ jsx(StatusPage, {}) : /* @__PURE__ */ jsx(Navigate, { to: "about", replace: true }) }),
-        /* @__PURE__ */ jsx(Route, { path: "about", element: /* @__PURE__ */ jsx(AboutPage, {}) }),
-        /* @__PURE__ */ jsx(Route, { path: "*", element: /* @__PURE__ */ jsx(ExtensionPage, { pages, isLoading }) })
-      ] })
-    }
-  );
-}
-function ExtensionPage({ pages, isLoading }) {
-  const { t } = useMessages();
-  const path = useParams()["*"] ?? "";
-  const page = pages.find((candidate) => candidate.to === path);
-  const Component = useMemo(() => {
-    const loader = page ? pageLoaderOf(page.id) : void 0;
-    return loader ? lazy(loader) : null;
-  }, [page]);
-  if (isLoading) return /* @__PURE__ */ jsx(Page.Loading, {});
-  if (!Component) {
-    return /* @__PURE__ */ jsxs(Page.Main, { children: [
-      /* @__PURE__ */ jsx(Page.Title, { children: t("page.unavailable.title") }),
-      /* @__PURE__ */ jsx(Layouts.Header, { title: t("page.unavailable.title") }),
-      /* @__PURE__ */ jsx(Layouts.Content, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: t("page.unavailable") }) })
-    ] });
-  }
-  return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Page.Loading, {}), children: /* @__PURE__ */ jsx(Component, {}) });
-}
-export {
-  MicelioLayout as default
-};