@aglyn/plugins-marketplace 1.0.0 → 1.1.0

package/src/lib/components/site-starter-review-detail.component.js

@@ -0,0 +1,785 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { pluginDocsHelp } from "@aglyn/aglyn";
+import { buildRoute, Route } from "@aglyn/aglyn/app-utils/console-routes";
+import { SITE_FONT_PAIRINGS } from "@aglyn/aglyn/app-utils/site-font-pairings";
+import { siteLiveUrlForSlug } from "@aglyn/aglyn/app-utils/site-live-url";
+import { SITE_STARTER_BRAND_KEYS } from "@aglyn/aglyn/app-utils/site-starter-theme";
+import { siteStyleOf } from "@aglyn/aglyn/app-utils/site-styles";
+import { AppLink, CardDisplay } from "@aglyn/shared-ui-jsx";
+import { Alert, Box, Button, Checkbox, Chip, Divider, FormControlLabel, Link as MuiLink, MenuItem, Stack, TextField, Tooltip, Typography } from "@mui/material";
+import { useState } from "react";
+import { orgMarketplacePath, publisherPath } from "../model/marketplace-paths.js";
+import { rejectionCategoriesFor, rejectionHeadline, rejectionInputError, pluginRejectionCategory } from "../model/plugin-rejection-categories.js";
+import { SITE_STARTER_REVIEW_CHECKLIST } from "../model/plugin-review-checklist.js";
+import { starterReviewStatusMeaning } from "../model/plugin-review-status.js";
+const plural = (count, one)=>`${count} ${one}${count === 1 ? '' : 's'}`;
+/** A font pairing as a reviewer reads it: its heading face over its text face. */ function fontsLabel(id) {
+    if (!id) return 'The base theme’s own fonts';
+    const pairing = SITE_FONT_PAIRINGS.find((entry)=>entry.id === id);
+    return pairing ? `${pairing.heading.family} headings, ${pairing.body.family} text` : id;
+}
+/** One brand color, drawn from the publisher's value with the theme's border around it. */ function Swatch({ scheme, name, value }) {
+    return /*#__PURE__*/ _jsxs(Stack, {
+        direction: "row",
+        spacing: 1,
+        sx: {
+            alignItems: 'center'
+        },
+        children: [
+            /*#__PURE__*/ _jsx(Box, {
+                role: "img",
+                "aria-label": `${scheme} ${name} ${value}`,
+                sx: {
+                    width: (theme)=>theme.spacing(3),
+                    height: (theme)=>theme.spacing(3),
+                    borderRadius: 1,
+                    border: 1,
+                    borderColor: 'divider',
+                    // The publisher's own color, as their starter stores it: data, not style.
+                    bgcolor: value
+                }
+            }),
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "caption",
+                color: "text.secondary",
+                children: `${name} ${value}`
+            })
+        ]
+    });
+}
+/**
+ * A site starter's review page (AGL-4049): what a site created from it gets,
+ * the starter checklist, and its two verdicts.
+ *
+ * A starter is not code. Nothing on the plugin page — manifest, verifier,
+ * per-version approval, realm trust — has anything to act on in it, so this
+ * page reads what a person's new site is made of instead: every page, with a
+ * link to it on the site it was published from, the layout they sit in, the
+ * theme and its brand colors in both schemes, the picture and facets a search
+ * shows. List waits for every checklist item on the newest version; Reject
+ * takes one of a starter's own reasons, which its publisher is told.
+ */ export function SiteStarterReviewBody({ detail, busy, post, onSelectVersion, staffPaths }) {
+    var _ref, _ref1;
+    var _pluginRejectionCategory, _detail_layout, _detail_theme, _detail_theme1;
+    const [rejectCategory, setRejectCategory] = useState('');
+    const [reason, setReason] = useState('');
+    const [takedownReason, setTakedownReason] = useState('');
+    const status = starterReviewStatusMeaning(detail.reviewStatus);
+    const outstanding = detail.checklistOutstanding.length;
+    // List is a verdict on the newest version, so reading an older one holds it.
+    const readingOlder = detail.reviewVersion !== detail.latestVersion;
+    const blocked = outstanding > 0 || readingOlder;
+    const newerSinceReview = Boolean(detail.reviewedVersion) && detail.reviewedVersion !== detail.latestVersion;
+    const rejectBlocked = rejectionInputError(rejectCategory, reason, 'siteStarter');
+    const needsComment = Boolean((_pluginRejectionCategory = pluginRejectionCategory(rejectCategory)) == null ? void 0 : _pluginRejectionCategory.requiresComment);
+    const style = siteStyleOf(detail.facets.kind);
+    const site = detail.sourceSite;
+    const siteName = (_ref = site == null ? void 0 : site.name) != null ? _ref : 'the site it came from';
+    const pageUrl = (slug)=>(site == null ? void 0 : site.subdomain) || (site == null ? void 0 : site.cname) ? siteLiveUrlForSlug({
+            subdomain: site.subdomain,
+            cname: site.cname
+        }, slug) : undefined;
+    const ticked = SITE_STARTER_REVIEW_CHECKLIST.filter((item)=>{
+        var _detail_checklist;
+        return (_detail_checklist = detail.checklist) == null ? void 0 : _detail_checklist[item.id];
+    }).length;
+    const blockedReason = readingOlder ? `List reviews the newest version, v${detail.latestVersion}. Pick it under Versions.` : `Complete the review checklist first — ${plural(outstanding, 'required item')} outstanding for v${detail.reviewVersion}`;
+    const checklistLink = (id)=>{
+        if (id === 'starter-pages' && site) {
+            return /*#__PURE__*/ _jsx(AppLink, {
+                href: buildRoute(Route.ADMIN_SITE_DETAIL, {
+                    hostId: site.hostId
+                }),
+                children: site.name ? `${site.name}’s staff page` : 'The site’s staff page'
+            });
+        }
+        if (id === 'publisher') {
+            const href = staffPaths == null ? void 0 : staffPaths.orgDetail(detail.publisherId);
+            return href ? /*#__PURE__*/ _jsx(AppLink, {
+                href: href,
+                children: `${detail.publisherName}’s staff page`
+            }) : null;
+        }
+        return null;
+    };
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 3,
+        children: [
+            /*#__PURE__*/ _jsx(CardDisplay, {
+                header: "Status",
+                help: pluginDocsHelp('staffConsole', {
+                    anchor: '#plugin-review-starter-status'
+                }),
+                contentGutterX: true,
+                contentGutterY: true,
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 1.5,
+                    children: [
+                        /*#__PURE__*/ _jsxs(Stack, {
+                            useFlexGap: true,
+                            direction: "row",
+                            spacing: 1,
+                            sx: {
+                                alignItems: 'center',
+                                flexWrap: 'wrap'
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(Chip, {
+                                    size: "small",
+                                    color: status.color,
+                                    label: status.label
+                                }),
+                                /*#__PURE__*/ _jsx(Chip, {
+                                    size: "small",
+                                    variant: "outlined",
+                                    label: `v${detail.latestVersion || '—'}`
+                                }),
+                                /*#__PURE__*/ _jsx(Chip, {
+                                    size: "small",
+                                    variant: "outlined",
+                                    label: detail.priceUsd > 0 ? `$${detail.priceUsd}` : 'Free'
+                                }),
+                                detail.official ? /*#__PURE__*/ _jsx(Chip, {
+                                    size: "small",
+                                    variant: "outlined",
+                                    label: "Official"
+                                }) : null,
+                                detail.hidden ? /*#__PURE__*/ _jsx(Chip, {
+                                    size: "small",
+                                    color: "error",
+                                    label: "Taken down"
+                                }) : null,
+                                detail.unpublished ? /*#__PURE__*/ _jsx(Chip, {
+                                    size: "small",
+                                    color: "warning",
+                                    label: "Unpublished by the publisher"
+                                }) : null
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "caption",
+                            color: "text.secondary",
+                            children: status.meaning
+                        }),
+                        /*#__PURE__*/ _jsxs(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            children: [
+                                'Publisher: ',
+                                detail.publisherSlug ? /*#__PURE__*/ _jsx(AppLink, {
+                                    href: publisherPath(orgMarketplacePath(detail.publisherSlug), detail.publisherId),
+                                    children: detail.publisherName
+                                }) : detail.publisherName,
+                                ` · ${detail.listingId}`
+                            ]
+                        }),
+                        detail.publisherAgreement.state !== 'current' ? /*#__PURE__*/ _jsx(Alert, {
+                            severity: "warning",
+                            children: detail.publisherAgreement.state === 'none' ? 'This publisher has not accepted the Marketplace Publisher Agreement.' : `This publisher accepted an older Marketplace Publisher Agreement (${detail.publisherAgreement.version}); ${detail.publisherAgreement.required} is in force.`
+                        }) : null,
+                        newerSinceReview ? /*#__PURE__*/ _jsx(Alert, {
+                            severity: "info",
+                            children: `v${detail.latestVersion} was published after the review of v${detail.reviewedVersion}. ` + 'A listed starter stays listed when it is published again: read the new version, and reject it or take it down if it no longer passes.'
+                        }) : null,
+                        detail.rejectionReason || detail.rejectionCategory ? /*#__PURE__*/ _jsx(Alert, {
+                            severity: "error",
+                            children: `Rejected: ${rejectionHeadline(detail.rejectionCategory, detail.rejectionReason)}${detail.rejectionReason && pluginRejectionCategory(detail.rejectionCategory) ? ` — ${detail.rejectionReason}` : ''}`
+                        }) : null,
+                        detail.hidden ? /*#__PURE__*/ _jsx(Alert, {
+                            severity: "error",
+                            children: detail.hiddenReason ? `Taken down: ${detail.hiddenReason}` : 'Taken down (no reason recorded)'
+                        }) : null
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx(CardDisplay, {
+                header: "Overview",
+                help: pluginDocsHelp('staffConsole', {
+                    anchor: '#plugin-review-starter-overview'
+                }),
+                contentGutterX: true,
+                contentGutterY: true,
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 1.5,
+                    children: [
+                        detail.previewImageUrl ? /*#__PURE__*/ _jsx(Box, {
+                            component: "img",
+                            src: detail.previewImageUrl,
+                            alt: `The picture ${detail.displayName} is shown with`,
+                            sx: {
+                                width: '100%',
+                                maxWidth: (theme)=>theme.spacing(60),
+                                borderRadius: 1,
+                                border: 1,
+                                borderColor: 'divider'
+                            }
+                        }) : /*#__PURE__*/ _jsx(Alert, {
+                            severity: "warning",
+                            children: 'No picture: the starter shows without one in the marketplace.'
+                        }),
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            children: detail.description || 'No description.'
+                        }),
+                        /*#__PURE__*/ _jsxs(Stack, {
+                            useFlexGap: true,
+                            direction: "row",
+                            spacing: 1,
+                            sx: {
+                                alignItems: 'center',
+                                flexWrap: 'wrap'
+                            },
+                            children: [
+                                detail.category ? /*#__PURE__*/ _jsx(Chip, {
+                                    size: "small",
+                                    label: detail.category
+                                }) : null,
+                                style ? /*#__PURE__*/ _jsx(Chip, {
+                                    size: "small",
+                                    variant: "outlined",
+                                    label: `Style: ${style.name}`
+                                }) : null,
+                                /*#__PURE__*/ _jsx(Chip, {
+                                    size: "small",
+                                    variant: "outlined",
+                                    label: plural(detail.facets.pages, 'page')
+                                }),
+                                detail.mode === 'ai' ? /*#__PURE__*/ _jsx(Chip, {
+                                    size: "small",
+                                    variant: "outlined",
+                                    label: "AI starter"
+                                }) : null
+                            ]
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx(CardDisplay, {
+                header: `Pages (${detail.pages.length})`,
+                help: pluginDocsHelp('staffConsole', {
+                    anchor: '#plugin-review-starter-pages'
+                }),
+                contentGutterX: true,
+                contentGutterY: true,
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 1.5,
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            children: `What a site created from v${detail.reviewVersion} starts with. Each published page links to the same page on ${siteName}, as that site is now.`
+                        }),
+                        /*#__PURE__*/ _jsx(Stack, {
+                            divider: /*#__PURE__*/ _jsx(Divider, {
+                                flexItem: true
+                            }),
+                            spacing: 1,
+                            children: detail.pages.map((page, index)=>{
+                                var _page_slug;
+                                const href = page.published && page.slug ? pageUrl(page.slug) : undefined;
+                                return /*#__PURE__*/ _jsxs(Stack, {
+                                    useFlexGap: true,
+                                    direction: "row",
+                                    spacing: 1,
+                                    sx: {
+                                        alignItems: 'center',
+                                        flexWrap: 'wrap'
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body2",
+                                            children: page.name
+                                        }),
+                                        page.published && page.slug ? /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "caption",
+                                            color: "text.secondary",
+                                            children: page.slug
+                                        }) : /*#__PURE__*/ _jsx(Chip, {
+                                            size: "small",
+                                            variant: "outlined",
+                                            label: "Not published"
+                                        }),
+                                        href ? /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "caption",
+                                            children: /*#__PURE__*/ _jsx(MuiLink, {
+                                                href: href,
+                                                target: "_blank",
+                                                rel: "noopener noreferrer",
+                                                children: `Open on ${siteName} ↗`
+                                            })
+                                        }) : null
+                                    ]
+                                }, `${(_page_slug = page.slug) != null ? _page_slug : ''}-${index}`);
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(Divider, {}),
+                        /*#__PURE__*/ _jsxs(Stack, {
+                            spacing: 0.5,
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "subtitle2",
+                                    children: 'Shared layout'
+                                }),
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "body2",
+                                    children: (_ref1 = (_detail_layout = detail.layout) == null ? void 0 : _detail_layout.name) != null ? _ref1 : 'None'
+                                })
+                            ]
+                        }),
+                        site && !site.subdomain && !site.cname ? /*#__PURE__*/ _jsx(Alert, {
+                            severity: "warning",
+                            children: 'The site it was published from is gone, so its pages can only be read here.'
+                        }) : null
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx(CardDisplay, {
+                header: "Theme",
+                help: pluginDocsHelp('staffConsole', {
+                    anchor: '#plugin-review-starter-theme'
+                }),
+                contentGutterX: true,
+                contentGutterY: true,
+                children: ((_detail_theme = detail.theme) == null ? void 0 : _detail_theme.kind) === 'builtin' ? /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 1.5,
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            children: 'Built-in theme with its brand colors'
+                        }),
+                        /*#__PURE__*/ _jsxs(Stack, {
+                            useFlexGap: true,
+                            direction: "row",
+                            spacing: 1,
+                            sx: {
+                                alignItems: 'center',
+                                flexWrap: 'wrap'
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "caption",
+                                    color: "text.secondary",
+                                    children: 'Base theme'
+                                }),
+                                /*#__PURE__*/ _jsx(Chip, {
+                                    size: "small",
+                                    variant: "outlined",
+                                    label: detail.theme.base
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            children: fontsLabel(detail.theme.fonts)
+                        }),
+                        [
+                            'light',
+                            'dark'
+                        ].map((scheme)=>{
+                            var _ref, _ref1;
+                            var _detail_theme;
+                            const builtin = ((_detail_theme = detail.theme) == null ? void 0 : _detail_theme.kind) === 'builtin' ? detail.theme : null;
+                            const colors = scheme === 'dark' ? (_ref = builtin == null ? void 0 : builtin.brand.dark) != null ? _ref : null : (_ref1 = builtin == null ? void 0 : builtin.brand.light) != null ? _ref1 : {};
+                            const label = scheme === 'dark' ? 'Dark' : 'Light';
+                            return /*#__PURE__*/ _jsxs(Stack, {
+                                spacing: 0.5,
+                                children: [
+                                    /*#__PURE__*/ _jsx(Typography, {
+                                        variant: "subtitle2",
+                                        children: label
+                                    }),
+                                    colors ? /*#__PURE__*/ _jsx(Stack, {
+                                        useFlexGap: true,
+                                        direction: "row",
+                                        spacing: 2,
+                                        sx: {
+                                            flexWrap: 'wrap'
+                                        },
+                                        children: SITE_STARTER_BRAND_KEYS.filter((key)=>colors[key]).map((key)=>/*#__PURE__*/ _jsx(Swatch, {
+                                                scheme: label,
+                                                name: key,
+                                                value: colors[key]
+                                            }, key))
+                                    }) : /*#__PURE__*/ _jsx(Typography, {
+                                        variant: "caption",
+                                        color: "text.secondary",
+                                        children: 'Uses the light colors.'
+                                    })
+                                ]
+                            }, scheme);
+                        })
+                    ]
+                }) : ((_detail_theme1 = detail.theme) == null ? void 0 : _detail_theme1.kind) === 'full' ? /*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    children: 'The site’s own full theme. Read it on the pages, in light and in dark.'
+                }) : /*#__PURE__*/ _jsx(Alert, {
+                    severity: "warning",
+                    children: 'No theme is stored with this version.'
+                })
+            }),
+            /*#__PURE__*/ _jsx(CardDisplay, {
+                header: `Review checklist — v${detail.reviewVersion} (${ticked}/${SITE_STARTER_REVIEW_CHECKLIST.length})`,
+                help: pluginDocsHelp('staffConsole', {
+                    anchor: '#plugin-review-starter-checklist'
+                }),
+                contentGutterX: true,
+                contentGutterY: true,
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 1,
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            children: 'Every item is required before the starter is listed. Ticks are recorded against this version and start again when it is published again.'
+                        }),
+                        outstanding ? /*#__PURE__*/ _jsx(Alert, {
+                            severity: "info",
+                            children: `${plural(outstanding, 'required item')} outstanding — List stays blocked until they are done. Rejecting never needs the checklist.`
+                        }) : /*#__PURE__*/ _jsx(Alert, {
+                            severity: "success",
+                            children: 'Every required item is recorded for this version.'
+                        }),
+                        SITE_STARTER_REVIEW_CHECKLIST.map((item)=>{
+                            var _detail_checklist;
+                            const link = checklistLink(item.id);
+                            return /*#__PURE__*/ _jsxs(Stack, {
+                                spacing: 0.25,
+                                sx: {
+                                    pl: 0.5
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsx(FormControlLabel, {
+                                        control: /*#__PURE__*/ _jsx(Checkbox, {
+                                            size: "small",
+                                            checked: Boolean((_detail_checklist = detail.checklist) == null ? void 0 : _detail_checklist[item.id]),
+                                            disabled: busy,
+                                            onChange: (event)=>void post({
+                                                    action: 'checklist',
+                                                    version: detail.reviewVersion,
+                                                    itemId: item.id,
+                                                    checked: event.target.checked
+                                                }, event.target.checked ? 'Recorded' : 'Cleared')
+                                        }),
+                                        label: /*#__PURE__*/ _jsxs(Stack, {
+                                            useFlexGap: true,
+                                            direction: "row",
+                                            spacing: 1,
+                                            sx: {
+                                                alignItems: 'center',
+                                                flexWrap: 'wrap'
+                                            },
+                                            children: [
+                                                /*#__PURE__*/ _jsx(Typography, {
+                                                    variant: "body2",
+                                                    children: item.label
+                                                }),
+                                                item.required ? /*#__PURE__*/ _jsx(Chip, {
+                                                    size: "small",
+                                                    label: "Required"
+                                                }) : null
+                                            ]
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsx(Typography, {
+                                        variant: "caption",
+                                        color: "text.secondary",
+                                        sx: {
+                                            pl: 4
+                                        },
+                                        children: item.detail
+                                    }),
+                                    link ? /*#__PURE__*/ _jsx(Typography, {
+                                        variant: "caption",
+                                        sx: {
+                                            pl: 4
+                                        },
+                                        children: link
+                                    }) : null
+                                ]
+                            }, item.id);
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx(CardDisplay, {
+                header: "Review verdict",
+                help: pluginDocsHelp('staffConsole', {
+                    anchor: '#plugin-review-starter-verdict'
+                }),
+                contentGutterX: true,
+                contentGutterY: true,
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 2,
+                    children: [
+                        /*#__PURE__*/ _jsxs(Stack, {
+                            useFlexGap: true,
+                            direction: "row",
+                            spacing: 1,
+                            sx: {
+                                alignItems: 'center',
+                                flexWrap: 'wrap'
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "body2",
+                                    children: 'Currently:'
+                                }),
+                                /*#__PURE__*/ _jsx(Chip, {
+                                    size: "small",
+                                    color: status.color,
+                                    label: status.label
+                                }),
+                                status.live ? /*#__PURE__*/ _jsx(Chip, {
+                                    size: "small",
+                                    color: "warning",
+                                    label: "Anyone can choose it"
+                                }) : /*#__PURE__*/ _jsx(Chip, {
+                                    size: "small",
+                                    variant: "outlined",
+                                    label: "Its publisher only"
+                                })
+                            ]
+                        }),
+                        !status.live || newerSinceReview ? /*#__PURE__*/ _jsxs(Stack, {
+                            spacing: 0.5,
+                            children: [
+                                /*#__PURE__*/ _jsx(Stack, {
+                                    useFlexGap: true,
+                                    direction: "row",
+                                    spacing: 1,
+                                    sx: {
+                                        alignItems: 'center',
+                                        flexWrap: 'wrap'
+                                    },
+                                    children: /*#__PURE__*/ _jsx(Tooltip, {
+                                        title: blocked ? blockedReason : 'Lists it in the marketplace, where anyone creating a site can choose it, and tells its publisher.',
+                                        children: /*#__PURE__*/ _jsx("span", {
+                                            children: /*#__PURE__*/ _jsx(Button, {
+                                                size: "small",
+                                                color: "warning",
+                                                variant: "outlined",
+                                                disabled: busy || blocked,
+                                                onClick: ()=>void post({
+                                                        action: 'list'
+                                                    }, 'Listed — anyone creating a site can choose it'),
+                                                children: 'List in marketplace'
+                                            })
+                                        })
+                                    })
+                                }),
+                                blocked ? /*#__PURE__*/ _jsx(Alert, {
+                                    severity: "info",
+                                    sx: {
+                                        mt: 0.5
+                                    },
+                                    children: readingOlder ? blockedReason : `Blocked: ${plural(outstanding, 'required checklist item')} outstanding for v${detail.reviewVersion}.`
+                                }) : null
+                            ]
+                        }) : null,
+                        /*#__PURE__*/ _jsx(Divider, {}),
+                        /*#__PURE__*/ _jsxs(Stack, {
+                            spacing: 0.5,
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "subtitle2",
+                                    children: 'Reject'
+                                }),
+                                /*#__PURE__*/ _jsxs(Stack, {
+                                    useFlexGap: true,
+                                    direction: "row",
+                                    spacing: 1,
+                                    sx: {
+                                        alignItems: 'center',
+                                        flexWrap: 'wrap'
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsxs(TextField, {
+                                            select: true,
+                                            size: "small",
+                                            label: "Rejection reason",
+                                            value: rejectCategory,
+                                            onChange: (event)=>setRejectCategory(event.target.value),
+                                            slotProps: {
+                                                select: {
+                                                    displayEmpty: true
+                                                },
+                                                inputLabel: {
+                                                    shrink: true
+                                                }
+                                            },
+                                            sx: {
+                                                minWidth: (theme)=>theme.spacing(32)
+                                            },
+                                            children: [
+                                                /*#__PURE__*/ _jsx(MenuItem, {
+                                                    value: "",
+                                                    children: 'Select a reason…'
+                                                }),
+                                                rejectionCategoriesFor('siteStarter').map((entry)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                                        value: entry.id,
+                                                        children: entry.label
+                                                    }, entry.id))
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ _jsx(TextField, {
+                                            size: "small",
+                                            placeholder: needsComment ? 'Comment (required for “Other”)' : 'Comment (optional)',
+                                            value: reason,
+                                            onChange: (event)=>setReason(event.target.value),
+                                            sx: {
+                                                minWidth: (theme)=>theme.spacing(32)
+                                            }
+                                        }),
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            size: "small",
+                                            color: "error",
+                                            disabled: busy || Boolean(rejectBlocked),
+                                            onClick: ()=>void post({
+                                                    action: 'reject',
+                                                    category: rejectCategory,
+                                                    reason
+                                                }, 'Rejected'),
+                                            children: 'Reject'
+                                        })
+                                    ]
+                                }),
+                                rejectBlocked ? /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "caption",
+                                    color: "text.secondary",
+                                    children: rejectBlocked
+                                }) : null,
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "caption",
+                                    color: "text.secondary",
+                                    children: 'Rejecting tells the publisher the reason and what to do about it, and takes a listed starter out of the marketplace. Sites already created from it keep their pages. Publishing it again sends it back here.'
+                                })
+                            ]
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx(CardDisplay, {
+                header: "Versions",
+                help: pluginDocsHelp('staffConsole', {
+                    anchor: '#plugin-review-starter-versions'
+                }),
+                contentGutterX: true,
+                contentGutterY: true,
+                children: /*#__PURE__*/ _jsx(Stack, {
+                    divider: /*#__PURE__*/ _jsx(Divider, {
+                        flexItem: true
+                    }),
+                    spacing: 1,
+                    children: detail.versions.map((entry)=>/*#__PURE__*/ _jsxs(Stack, {
+                            useFlexGap: true,
+                            direction: "row",
+                            spacing: 1,
+                            sx: {
+                                alignItems: 'center',
+                                flexWrap: 'wrap'
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "body2",
+                                    children: `v${entry.version}`
+                                }),
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "caption",
+                                    color: "text.secondary",
+                                    children: [
+                                        entry.publishedAt ? `Published ${new Date(entry.publishedAt).toLocaleDateString()}` : '',
+                                        plural(entry.pages, 'page')
+                                    ].filter(Boolean).join(' · ')
+                                }),
+                                entry.version === detail.reviewedVersion ? /*#__PURE__*/ _jsx(Chip, {
+                                    size: "small",
+                                    variant: "outlined",
+                                    label: "Last reviewed"
+                                }) : null,
+                                entry.version === detail.reviewVersion ? /*#__PURE__*/ _jsx(Chip, {
+                                    size: "small",
+                                    color: "info",
+                                    label: "Shown above"
+                                }) : /*#__PURE__*/ _jsx(Button, {
+                                    size: "small",
+                                    disabled: busy,
+                                    onClick: ()=>onSelectVersion(entry.version),
+                                    children: 'Read this version'
+                                })
+                            ]
+                        }, entry.version))
+                })
+            }),
+            /*#__PURE__*/ _jsx(CardDisplay, {
+                header: "Danger zone",
+                help: pluginDocsHelp('staffConsole', {
+                    anchor: '#plugin-review-starter-danger-zone'
+                }),
+                contentGutterX: true,
+                contentGutterY: true,
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 1.5,
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            children: 'Taking a starter down takes it out of the marketplace and refuses every new site from it, whatever its review status. Sites already created from it keep their own copy. Restoring returns it to the status it had.'
+                        }),
+                        /*#__PURE__*/ _jsxs(Stack, {
+                            useFlexGap: true,
+                            direction: "row",
+                            spacing: 1,
+                            sx: {
+                                alignItems: 'center',
+                                flexWrap: 'wrap'
+                            },
+                            children: [
+                                detail.hidden ? null : /*#__PURE__*/ _jsx(TextField, {
+                                    size: "small",
+                                    placeholder: "Takedown reason",
+                                    value: takedownReason,
+                                    onChange: (event)=>setTakedownReason(event.target.value),
+                                    sx: {
+                                        minWidth: (theme)=>theme.spacing(32)
+                                    }
+                                }),
+                                /*#__PURE__*/ _jsx(Button, {
+                                    size: "small",
+                                    variant: detail.hidden ? 'text' : 'outlined',
+                                    color: detail.hidden ? 'success' : 'error',
+                                    disabled: busy || !detail.hidden && !takedownReason.trim(),
+                                    onClick: ()=>void post({
+                                            action: detail.hidden ? 'unhide' : 'hide',
+                                            reason: takedownReason
+                                        }, detail.hidden ? `${detail.displayName} restored` : `${detail.displayName} taken down`).then(()=>setTakedownReason('')),
+                                    children: detail.hidden ? 'Restore listing' : 'Take down'
+                                })
+                            ]
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}
+SiteStarterReviewBody.displayName = 'SiteStarterReviewBody';
+export default SiteStarterReviewBody;
+
+//# sourceMappingURL=site-starter-review-detail.component.js.map