@aglyn/plugins-ai 1.0.0-beta.143

package/src/lib/components/ai-seo-audit-card.component.js

@@ -0,0 +1,620 @@
+/**
+ * @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 { lockdownRefusalText, parseLockdownRefusal } from "@aglyn/aglyn";
+import { pluginDocsHelp } from "@aglyn/aglyn/app-utils/docs-help";
+import { AppLink, CardDisplay } from "@aglyn/shared-ui-jsx";
+import { ListPagination } from "@aglyn/shared-ui-jsx/components/list-pagination.component";
+import { ScrollTable } from "@aglyn/shared-ui-jsx/components/scroll-table.component";
+import { TABLE_PAGE_SIZE_DEFAULT } from "@aglyn/shared-ui-jsx/const/table-pagination";
+import { authorizedFetch } from "@aglyn/shared-util-http/authorized-token";
+import { useUser } from "@aglyn/tenant-feature-instance";
+import { Alert, Box, Button, Chip, CircularProgress, Collapse, Stack, TableBody, TableCell, TableHead, TableRow, TextField, Typography } from "@mui/material";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { AI_JOB_TERMINAL_STATUSES } from "../model/ai-jobs.types.js";
+import { AI_SEO_FINDING_LABELS, aiSeoApplyCounts, aiSeoAuditView } from "../model/ai-seo.js";
+import { readEventFrames } from "./assist-jobs-drawer.component.js";
+/**
+ * The site SEO audit (AGL-2910), on the site's SEO section through the
+ * `hostSeo` zone. A person runs it; an `seo` job checks every published page
+ * the sitemap lists, proposes a fix per finding, and drafts the structured
+ * data and the agent guidance `/llms.txt` leads with.
+ *
+ * Nothing it shows is saved. "Put in the form" stages the site-wide proposal
+ * in the SEO form below as unsaved edits, and the form's Update is the write.
+ * "Apply all" does that too, and asks the apply door to open a new
+ * unpublished version for each page's content fixes and to stage each page's
+ * listing for its SEO card — the live site serves none of it until a person
+ * saves or publishes.
+ */ /** How many recent jobs the card reads to find this site's last audit. */ const RECENT_JOBS_READ = 20;
+const KEYWORDS_MAX_CHARS = 3000;
+const isTerminal = (job)=>AI_JOB_TERMINAL_STATUSES.includes(job.status);
+/** What each site SEO form field is called where the proposal lists it. */ export const AI_SEO_SITE_FIELD_LABELS = {
+    'seo.entity.type': 'Published by',
+    'seo.entity.name': 'Name',
+    'seo.entity.description': 'Description',
+    'seo.entity.email': 'Contact email',
+    'seo.entity.telephone': 'Contact phone',
+    'seo.entity.contactType': 'Contact is for',
+    'seo.agent.whenToUse': 'When to use this site',
+    'seo.agent.howToUse': 'How an agent should call you'
+};
+const ENTITY_TYPE_WORDS = {
+    '1': 'An organization',
+    '2': 'A person'
+};
+/** One page's proposed fix, in a sentence a table cell can hold. */ function fixSummary(fix) {
+    if (!fix) return '';
+    const parts = [];
+    if (fix.values.title) parts.push(`Title: ${fix.values.title}`);
+    if (fix.values.description) parts.push(`Description: ${fix.values.description}`);
+    const alts = fix.content.filter((entry)=>entry.kind === 'image-alt').length;
+    if (alts) parts.push(`${alts} image ${alts === 1 ? 'description' : 'descriptions'}`);
+    if (fix.content.some((entry)=>entry.kind !== 'image-alt')) parts.push('One main heading');
+    parts.push(...fix.guidance);
+    return parts.join(' · ');
+}
+export function AiSeoAuditCard(props) {
+    var _ref, _ref1, _ref2, _ref3, _ref4;
+    var _view_site;
+    const { hostId, orgId, orgSlug, host, proposeDraft } = props;
+    const { data: user } = useUser();
+    const userRef = useRef(user);
+    userRef.current = user;
+    const uid = (_ref = user == null ? void 0 : user.uid) != null ? _ref : null;
+    const [verdict, setVerdict] = useState('checking');
+    const [notice, setNotice] = useState(null);
+    const [keywords, setKeywords] = useState('');
+    const [busy, setBusy] = useState(false);
+    const [job, setJob] = useState(null);
+    const [siteStaged, setSiteStaged] = useState(null);
+    const [applying, setApplying] = useState(false);
+    const [applied, setApplied] = useState(null);
+    const [previewOpen, setPreviewOpen] = useState(false);
+    const [page, setPage] = useState(0);
+    const [pageSize, setPageSize] = useState(TABLE_PAGE_SIZE_DEFAULT);
+    const watchRef = useRef(null);
+    useEffect(()=>()=>{
+            var _watchRef_current;
+            return (_watchRef_current = watchRef.current) == null ? void 0 : _watchRef_current.abort();
+        }, []);
+    useEffect(()=>{
+        if (!orgId || !hostId || !uid) return;
+        let active = true;
+        setVerdict('checking');
+        void (async ()=>{
+            try {
+                const response = await authorizedFetch(userRef.current, `/api/ai/jobs?orgId=${encodeURIComponent(orgId)}&limit=${RECENT_JOBS_READ}`);
+                if (!active) return;
+                if (response.status === 404 || response.status === 403) {
+                    setVerdict('hidden');
+                    return;
+                }
+                const payload = await response.json().catch(()=>null);
+                if (!active) return;
+                if (!response.ok) {
+                    var _ref;
+                    const locked = parseLockdownRefusal(response.status, payload);
+                    setNotice(locked ? lockdownRefusalText(locked) : String((_ref = payload == null ? void 0 : payload.error) != null ? _ref : 'The last SEO audit could not be loaded.'));
+                } else {
+                    var _ref1;
+                    // An audit is the SEO job whose outputs carry a report; the summary
+                    // does not carry a job's inputs.
+                    const latest = ((_ref1 = payload == null ? void 0 : payload.jobs) != null ? _ref1 : []).find((entry)=>entry.kind === 'seo' && entry.hostId === hostId && aiSeoAuditView(entry.outputs) !== null);
+                    if (latest) setJob(latest);
+                }
+                setVerdict('ready');
+            } catch (unused) {
+                if (!active) return;
+                setNotice('The last SEO audit could not be loaded.');
+                setVerdict('ready');
+            }
+        })();
+        return ()=>{
+            active = false;
+        };
+    }, [
+        orgId,
+        hostId,
+        uid
+    ]);
+    /** Follows a job through the events route until it settles. */ const watch = useCallback(async (jobId, org)=>{
+        var _watchRef_current;
+        (_watchRef_current = watchRef.current) == null ? void 0 : _watchRef_current.abort();
+        const controller = new AbortController();
+        watchRef.current = controller;
+        let again = true;
+        while(again && !controller.signal.aborted){
+            again = false;
+            try {
+                const response = await authorizedFetch(userRef.current, `/api/ai/jobs/${encodeURIComponent(jobId)}/events?orgId=${encodeURIComponent(org)}`, {
+                    signal: controller.signal
+                });
+                if (!response.ok || !response.body) return;
+                await readEventFrames(response.body, (event)=>{
+                    if (event['type'] === 'state') setJob(event['job']);
+                    else if (event['type'] === 'reconnect') again = true;
+                });
+            } catch (unused) {
+                return;
+            }
+        }
+    }, []);
+    // A job the card did not start, still moving, is followed too.
+    const followId = job && !isTerminal(job) && !busy ? job.id : null;
+    useEffect(()=>{
+        if (followId && orgId) void watch(followId, orgId);
+    }, [
+        followId,
+        orgId,
+        watch
+    ]);
+    const run = useCallback(async ()=>{
+        if (!orgId) return;
+        setBusy(true);
+        setNotice(null);
+        setApplied(null);
+        setSiteStaged(null);
+        setPage(0);
+        try {
+            const response = await authorizedFetch(userRef.current, '/api/ai/jobs', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({
+                    orgId,
+                    hostId,
+                    kind: 'seo',
+                    brief: 'Audit the SEO of this site',
+                    inputs: {
+                        target: 'site',
+                        keywords: keywords.trim()
+                    }
+                })
+            });
+            const payload = await response.json().catch(()=>null);
+            if (!response.ok) {
+                var _ref;
+                const locked = parseLockdownRefusal(response.status, payload);
+                setNotice(locked ? lockdownRefusalText(locked) : String((_ref = payload == null ? void 0 : payload.error) != null ? _ref : 'The SEO audit could not be started — try again.'));
+                return;
+            }
+            const next = payload == null ? void 0 : payload.job;
+            if (!next) return;
+            setJob(next);
+            if (!isTerminal(next)) await watch(next.id, orgId);
+        } catch (unused) {
+            setNotice('The SEO audit could not be started — try again.');
+        } finally{
+            setBusy(false);
+        }
+    }, [
+        orgId,
+        hostId,
+        keywords,
+        watch
+    ]);
+    const view = useMemo(()=>job ? aiSeoAuditView(job.outputs) : null, [
+        job
+    ]);
+    const siteValues = (_ref1 = view == null ? void 0 : (_view_site = view.site) == null ? void 0 : _view_site.values) != null ? _ref1 : {};
+    const siteFields = Object.keys(siteValues);
+    const stageSite = useCallback(()=>{
+        if (!job || !siteFields.length) return;
+        proposeDraft(siteValues, `${job.id}:site`);
+        setSiteStaged(job.id);
+    }, [
+        job,
+        siteFields.length,
+        siteValues,
+        proposeDraft
+    ]);
+    const applyAll = useCallback(async ()=>{
+        if (!job || !orgId) return;
+        setApplying(true);
+        setNotice(null);
+        stageSite();
+        try {
+            var _ref, _ref1, _ref2;
+            const response = await authorizedFetch(userRef.current, '/api/ai/seo/apply', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({
+                    orgId,
+                    hostId,
+                    jobId: job.id
+                })
+            });
+            const payload = await response.json().catch(()=>null);
+            if (!response.ok) {
+                var _ref3;
+                const locked = parseLockdownRefusal(response.status, payload);
+                setNotice(locked ? lockdownRefusalText(locked) : String((_ref3 = payload == null ? void 0 : payload.error) != null ? _ref3 : 'The fixes could not be applied — try again.'));
+                return;
+            }
+            if (payload == null ? void 0 : payload.job) setJob(payload.job);
+            setApplied({
+                versions: (_ref = payload == null ? void 0 : payload.versions) != null ? _ref : [],
+                staged: (_ref1 = payload == null ? void 0 : payload.staged) != null ? _ref1 : [],
+                skipped: (_ref2 = payload == null ? void 0 : payload.skipped) != null ? _ref2 : []
+            });
+        } catch (unused) {
+            setNotice('The fixes could not be applied — try again.');
+        } finally{
+            setApplying(false);
+        }
+    }, [
+        job,
+        orgId,
+        hostId,
+        stageSite
+    ]);
+    if (verdict !== 'ready') return null;
+    const running = Boolean(job && !isTerminal(job));
+    const report = (_ref2 = view == null ? void 0 : view.report) != null ? _ref2 : null;
+    const findings = report ? report.pages.reduce((sum, entry)=>sum + entry.findings.length, report.site.length) : 0;
+    const owedBatches = report ? Math.ceil(report.queue.length / Math.max(1, report.batchSize)) : 0;
+    const counts = view ? aiSeoApplyCounts(view) : {
+        pagesWithContent: 0,
+        pagesWithValues: 0
+    };
+    const somethingToApply = counts.pagesWithContent + counts.pagesWithValues + siteFields.length > 0;
+    const pageRows = report ? report.pages.slice(page * pageSize, (page + 1) * pageSize) : [];
+    const names = new Map(((_ref3 = report == null ? void 0 : report.pages) != null ? _ref3 : []).map((entry)=>[
+            entry.screenId,
+            entry
+        ]));
+    const pageLink = (screenId, versionId, surface)=>host && versionId ? `/${orgSlug}/hosts/${host}/screens/${screenId}/versions/${versionId}/${surface}` : null;
+    return /*#__PURE__*/ _jsx(CardDisplay, {
+        contentGutterX: true,
+        contentGutterY: true,
+        header: "SEO audit",
+        help: pluginDocsHelp('aiSeo', {
+            anchor: '#audit-the-whole-site',
+            excerpt: 'Check every published page and get a proposed fix for each finding. Nothing changes on your live site until you save or publish.'
+        }),
+        children: /*#__PURE__*/ _jsxs(Stack, {
+            spacing: 2,
+            children: [
+                /*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    color: "text.secondary",
+                    children: 'Checks every published page for what search results and AI agents need, and proposes a fix for each finding. Nothing changes on your live site until you save or publish it.'
+                }),
+                /*#__PURE__*/ _jsx(TextField, {
+                    multiline: true,
+                    minRows: 2,
+                    fullWidth: true,
+                    label: "Target keywords by page (optional)",
+                    placeholder: '/pricing: pricing, plans\n/lamps: brass desk lamps',
+                    helperText: "One line per page. A keyword is used only where the page is about it.",
+                    value: keywords,
+                    onChange: (event)=>setKeywords(event.target.value.slice(0, KEYWORDS_MAX_CHARS)),
+                    disabled: busy || running
+                }),
+                /*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    sx: {
+                        alignItems: 'center'
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(Button, {
+                            variant: "contained",
+                            disabled: busy || running || !orgId,
+                            onClick: ()=>void run(),
+                            children: report ? 'Run the audit again' : 'Run audit'
+                        }),
+                        running ? /*#__PURE__*/ _jsx(CircularProgress, {
+                            size: 18,
+                            "aria-label": "Auditing the site"
+                        }) : null,
+                        running && report ? /*#__PURE__*/ _jsx(Typography, {
+                            variant: "caption",
+                            color: "text.secondary",
+                            children: `Proposing fixes: ${(_ref4 = view == null ? void 0 : view.batches) != null ? _ref4 : 0} of ${owedBatches} batches`
+                        }) : null
+                    ]
+                }),
+                notice ? /*#__PURE__*/ _jsx(Alert, {
+                    severity: "warning",
+                    children: notice
+                }) : null,
+                (job == null ? void 0 : job.error) ? /*#__PURE__*/ _jsx(Alert, {
+                    severity: job.status === 'failed' ? 'error' : 'warning',
+                    children: job.error
+                }) : null,
+                report && job ? /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 2,
+                    "aria-label": "SEO audit results",
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "subtitle1",
+                            children: `Score ${report.score} of 100 · ${report.pages.length} ${report.pages.length === 1 ? 'page' : 'pages'} · ${findings} ${findings === 1 ? 'finding' : 'findings'}`
+                        }),
+                        job.creditsSpent > 0 ? /*#__PURE__*/ _jsx(Typography, {
+                            variant: "caption",
+                            color: "text.secondary",
+                            children: `This audit used ${job.creditsSpent} ${job.creditsSpent === 1 ? 'credit' : 'credits'}.`
+                        }) : null,
+                        report.skipped > 0 ? /*#__PURE__*/ _jsx(Alert, {
+                            severity: "info",
+                            children: `${report.skipped} more published ${report.skipped === 1 ? 'page was' : 'pages were'} not audited this time.`
+                        }) : null,
+                        [
+                            ...report.site.map((entry)=>entry.message),
+                            ...report.notes
+                        ].map((line)=>/*#__PURE__*/ _jsx(Typography, {
+                                variant: "body2",
+                                children: line
+                            }, line)),
+                        (view == null ? void 0 : view.site) ? /*#__PURE__*/ _jsxs(Stack, {
+                            spacing: 1,
+                            "aria-label": "Structured data and agent guidance",
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "subtitle2",
+                                    children: 'Structured data and AI agent guidance'
+                                }),
+                                siteFields.length ? siteFields.map((field)=>{
+                                    var _ENTITY_TYPE_WORDS_, _siteValues_field;
+                                    return /*#__PURE__*/ _jsxs(Stack, {
+                                        spacing: 0.25,
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Typography, {
+                                                variant: "caption",
+                                                color: "text.secondary",
+                                                children: AI_SEO_SITE_FIELD_LABELS[field]
+                                            }),
+                                            /*#__PURE__*/ _jsx(Typography, {
+                                                variant: "body2",
+                                                sx: {
+                                                    wordBreak: 'break-word'
+                                                },
+                                                children: field === 'seo.entity.type' ? (_ENTITY_TYPE_WORDS_ = ENTITY_TYPE_WORDS[(_siteValues_field = siteValues[field]) != null ? _siteValues_field : '']) != null ? _ENTITY_TYPE_WORDS_ : siteValues[field] : siteValues[field]
+                                            })
+                                        ]
+                                    }, field);
+                                }) : /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "body2",
+                                    children: 'Nothing to add: the site’s structured data and guidance are already filled in.'
+                                }),
+                                view.site.notes.map((note)=>/*#__PURE__*/ _jsx(Typography, {
+                                        variant: "caption",
+                                        color: "text.secondary",
+                                        children: note
+                                    }, note)),
+                                /*#__PURE__*/ _jsx(Button, {
+                                    size: "small",
+                                    sx: {
+                                        alignSelf: 'flex-start'
+                                    },
+                                    onClick: ()=>setPreviewOpen((open)=>!open),
+                                    children: previewOpen ? 'Hide the /llms.txt preview' : 'Preview /llms.txt'
+                                }),
+                                /*#__PURE__*/ _jsx(Collapse, {
+                                    in: previewOpen,
+                                    unmountOnExit: true,
+                                    children: /*#__PURE__*/ _jsx(Box, {
+                                        component: "pre",
+                                        sx: {
+                                            m: 0,
+                                            p: 1.5,
+                                            bgcolor: 'action.hover',
+                                            borderRadius: 1,
+                                            whiteSpace: 'pre-wrap',
+                                            fontSize: 12
+                                        },
+                                        children: view.site.llmsPreview
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsx(Button, {
+                                    size: "small",
+                                    variant: "outlined",
+                                    sx: {
+                                        alignSelf: 'flex-start'
+                                    },
+                                    disabled: !siteFields.length || siteStaged === job.id,
+                                    onClick: stageSite,
+                                    children: 'Put in the form'
+                                }),
+                                siteStaged === job.id ? /*#__PURE__*/ _jsx(Alert, {
+                                    severity: "success",
+                                    children: 'In the SEO form below as unsaved changes. Review them, then press Update.'
+                                }) : null
+                            ]
+                        }) : null,
+                        report.pages.length ? /*#__PURE__*/ _jsxs(Box, {
+                            children: [
+                                /*#__PURE__*/ _jsxs(ScrollTable, {
+                                    size: "small",
+                                    "aria-label": "Audited pages",
+                                    children: [
+                                        /*#__PURE__*/ _jsx(TableHead, {
+                                            children: /*#__PURE__*/ _jsxs(TableRow, {
+                                                children: [
+                                                    /*#__PURE__*/ _jsx(TableCell, {
+                                                        children: 'Page'
+                                                    }),
+                                                    /*#__PURE__*/ _jsx(TableCell, {
+                                                        align: "right",
+                                                        children: 'Score'
+                                                    }),
+                                                    /*#__PURE__*/ _jsx(TableCell, {
+                                                        children: 'Found'
+                                                    }),
+                                                    /*#__PURE__*/ _jsx(TableCell, {
+                                                        children: 'Proposed'
+                                                    })
+                                                ]
+                                            })
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableBody, {
+                                            children: pageRows.map((row)=>/*#__PURE__*/ _jsxs(TableRow, {
+                                                    children: [
+                                                        /*#__PURE__*/ _jsxs(TableCell, {
+                                                            children: [
+                                                                /*#__PURE__*/ _jsx(Typography, {
+                                                                    variant: "body2",
+                                                                    children: row.name
+                                                                }),
+                                                                /*#__PURE__*/ _jsx(Typography, {
+                                                                    variant: "caption",
+                                                                    color: "text.secondary",
+                                                                    children: row.path
+                                                                })
+                                                            ]
+                                                        }),
+                                                        /*#__PURE__*/ _jsx(TableCell, {
+                                                            align: "right",
+                                                            children: row.score
+                                                        }),
+                                                        /*#__PURE__*/ _jsx(TableCell, {
+                                                            children: /*#__PURE__*/ _jsx(Stack, {
+                                                                direction: "row",
+                                                                spacing: 0.5,
+                                                                sx: {
+                                                                    flexWrap: 'wrap',
+                                                                    rowGap: 0.5
+                                                                },
+                                                                children: row.findings.length ? row.findings.map((entry)=>{
+                                                                    var _entry_keyword;
+                                                                    return /*#__PURE__*/ _jsx(Chip, {
+                                                                        size: "small",
+                                                                        variant: "outlined",
+                                                                        color: entry.severity === 'high' ? 'error' : entry.severity === 'medium' ? 'warning' : 'default',
+                                                                        label: entry.keyword ? `${AI_SEO_FINDING_LABELS[entry.code]}: ${entry.keyword}` : AI_SEO_FINDING_LABELS[entry.code],
+                                                                        title: entry.message
+                                                                    }, `${entry.code}:${(_entry_keyword = entry.keyword) != null ? _entry_keyword : ''}`);
+                                                                }) : /*#__PURE__*/ _jsx(Typography, {
+                                                                    variant: "caption",
+                                                                    color: "text.secondary",
+                                                                    children: 'Nothing found'
+                                                                })
+                                                            })
+                                                        }),
+                                                        /*#__PURE__*/ _jsx(TableCell, {
+                                                            children: /*#__PURE__*/ _jsx(Typography, {
+                                                                variant: "body2",
+                                                                sx: {
+                                                                    wordBreak: 'break-word'
+                                                                },
+                                                                children: fixSummary(view == null ? void 0 : view.fixes[row.screenId]) || (row.findings.length && running ? 'Being proposed…' : '')
+                                                            })
+                                                        })
+                                                    ]
+                                                }, row.screenId))
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ _jsx(ListPagination, {
+                                    page: page,
+                                    pageSize: pageSize,
+                                    rowCount: pageRows.length,
+                                    count: report.pages.length,
+                                    onPageChange: setPage,
+                                    onPageSizeChange: (size)=>{
+                                        setPageSize(size);
+                                        setPage(0);
+                                    }
+                                })
+                            ]
+                        }) : /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            children: 'This site has no published public pages to audit.'
+                        }),
+                        /*#__PURE__*/ _jsxs(Stack, {
+                            spacing: 1,
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "body2",
+                                    color: "text.secondary",
+                                    children: 'Apply all opens a new draft version of each page with content fixes, puts proposed titles and descriptions in each page’s SEO card, and puts the structured data and guidance in the form below. You review and save or publish each of them.'
+                                }),
+                                /*#__PURE__*/ _jsxs(Stack, {
+                                    direction: "row",
+                                    spacing: 1,
+                                    sx: {
+                                        alignItems: 'center'
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            variant: "contained",
+                                            disabled: applying || running || job.status !== 'done' || !(view == null ? void 0 : view.complete) || !somethingToApply,
+                                            onClick: ()=>void applyAll(),
+                                            children: 'Apply all as drafts'
+                                        }),
+                                        applying ? /*#__PURE__*/ _jsx(CircularProgress, {
+                                            size: 18,
+                                            "aria-label": "Applying the fixes"
+                                        }) : null
+                                    ]
+                                })
+                            ]
+                        }),
+                        applied ? /*#__PURE__*/ _jsxs(Stack, {
+                            spacing: 1,
+                            "aria-label": "Applied fixes",
+                            children: [
+                                applied.versions.map((entry)=>{
+                                    const href = pageLink(entry.screenId, entry.versionId, 'besigner');
+                                    return /*#__PURE__*/ _jsx(Typography, {
+                                        variant: "body2",
+                                        children: href ? /*#__PURE__*/ _jsx(AppLink, {
+                                            componentVariant: "naked",
+                                            href: href,
+                                            children: `Open the draft of ${entry.name}`
+                                        }) : `A draft of ${entry.name} is ready`
+                                    }, entry.screenId);
+                                }),
+                                applied.staged.map((screenId)=>{
+                                    var _ref, _ref1, _ref2;
+                                    const audited = names.get(screenId);
+                                    const href = pageLink(screenId, (_ref = audited == null ? void 0 : audited.versionId) != null ? _ref : null, 'view');
+                                    return /*#__PURE__*/ _jsx(Typography, {
+                                        variant: "body2",
+                                        children: href ? /*#__PURE__*/ _jsx(AppLink, {
+                                            componentVariant: "naked",
+                                            href: href,
+                                            children: `Review the listing for ${(_ref1 = audited == null ? void 0 : audited.name) != null ? _ref1 : screenId}`
+                                        }) : `A listing for ${(_ref2 = audited == null ? void 0 : audited.name) != null ? _ref2 : screenId} waits in its SEO card`
+                                    }, `staged:${screenId}`);
+                                }),
+                                applied.skipped.map((entry)=>{
+                                    var _ref;
+                                    var _names_get;
+                                    return /*#__PURE__*/ _jsx(Typography, {
+                                        variant: "caption",
+                                        color: "text.secondary",
+                                        children: `${(_ref = (_names_get = names.get(entry.screenId)) == null ? void 0 : _names_get.name) != null ? _ref : entry.screenId}: ${entry.reason}`
+                                    }, `skipped:${entry.screenId}`);
+                                })
+                            ]
+                        }) : null
+                    ]
+                }) : null
+            ]
+        })
+    });
+}
+AiSeoAuditCard.displayName = 'AiSeoAuditCard';
+export default AiSeoAuditCard;
+
+//# sourceMappingURL=ai-seo-audit-card.component.js.map