@aglyn/plugins-ai 1.0.0-beta.271 → 1.0.0-beta.272

package/src/lib/components/ai-site-import-job.component.js

@@ -0,0 +1,707 @@
+/**
+ * @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 { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PageHeaderRecord } from "@aglyn/aglyn/app-utils/page-header-record-context";
+import { buildRoute, Route } from "@aglyn/aglyn/app-utils/console-routes";
+import { mdiAlertCircle, mdiCheckCircle, mdiChevronDown, mdiClockOutline, mdiMinusCircleOutline } from "@aglyn/shared-data-mdi";
+import { AppLink, HelpTip, MdiIcon } from "@aglyn/shared-ui-jsx";
+import { Accordion, AccordionDetails, AccordionSummary, Alert, Box, Button, Card, CircularProgress, Container, LinearProgress, Stack, Typography } from "@mui/material";
+import { useCallback, useState } from "react";
+import { aiSiteImportReviewWave, aiSiteImportRunningWave } from "../model/ai-site-import.js";
+import { aiSiteImportFoundText, aiSiteImportLeftOutLines, aiSiteImportPhaseOf, aiSiteImportPlanText, aiSiteImportStartAction, aiSiteImportWaveRows, aiSiteImportWaveSpent } from "../model/ai-site-import-view.js";
+import { AiJobCancelButton } from "./ai-job-cancel.component.js";
+import { aiCreditsBillingHref, aiJobOutputHref } from "./ai-job-links.js";
+import { AI_SITE_IMPORT_HELP } from "./ai-site-import-start.component.js";
+import { AiSiteOwnershipProof, postAiSiteOwnership } from "./ai-site-ownership-proof.component.js";
+const ROW_ICON = {
+    done: {
+        path: mdiCheckCircle.path,
+        color: 'success.main',
+        label: 'In'
+    },
+    waiting: {
+        path: mdiClockOutline.path,
+        color: 'text.disabled',
+        label: 'Waiting'
+    },
+    failed: {
+        path: mdiAlertCircle.path,
+        color: 'error.main',
+        label: 'Could not be brought in'
+    },
+    skipped: {
+        path: mdiMinusCircleOutline.path,
+        color: 'text.disabled',
+        label: 'Left out'
+    }
+};
+function RowIcon({ state }) {
+    if (state === 'active') return /*#__PURE__*/ _jsx(CircularProgress, {
+        size: 20,
+        "aria-label": "In progress"
+    });
+    const icon = ROW_ICON[state];
+    return /*#__PURE__*/ _jsx(Box, {
+        component: "span",
+        role: "img",
+        "aria-label": icon.label,
+        sx: {
+            color: icon.color,
+            display: 'inline-flex',
+            fontSize: (theme)=>theme.spacing(2.5)
+        },
+        children: /*#__PURE__*/ _jsx(MdiIcon, {
+            path: icon.path,
+            "aria-hidden": true
+        })
+    });
+}
+/** One wave's pages: where each was, where it is now, how it went, and its draft to open. */ function WaveRows({ job, wave, orgSlug }) {
+    const rows = aiSiteImportWaveRows(job, wave);
+    return /*#__PURE__*/ _jsx(Box, {
+        component: "ol",
+        "aria-label": wave.label,
+        sx: {
+            listStyle: 'none',
+            m: 0,
+            p: {
+                xs: 2,
+                sm: 3
+            }
+        },
+        children: /*#__PURE__*/ _jsx(Stack, {
+            spacing: 2,
+            children: rows.map((row)=>{
+                const output = row.outputId ? job.outputs.find((entry)=>entry.id === row.outputId) : undefined;
+                const href = output ? aiJobOutputHref(output, orgSlug) : null;
+                return /*#__PURE__*/ _jsxs(Stack, {
+                    component: "li",
+                    direction: "row",
+                    spacing: 2,
+                    sx: {
+                        alignItems: 'flex-start'
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(Box, {
+                            sx: {
+                                width: (theme)=>theme.spacing(3),
+                                display: 'flex',
+                                justifyContent: 'center'
+                            },
+                            children: /*#__PURE__*/ _jsx(RowIcon, {
+                                state: row.state
+                            })
+                        }),
+                        /*#__PURE__*/ _jsxs(Box, {
+                            sx: {
+                                flex: 1,
+                                minWidth: 0
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsxs(Stack, {
+                                    direction: "row",
+                                    spacing: 1,
+                                    sx: {
+                                        alignItems: 'baseline',
+                                        justifyContent: 'space-between'
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body1",
+                                            color: row.state === 'waiting' || row.state === 'skipped' ? 'text.secondary' : 'text.primary',
+                                            children: row.title
+                                        }),
+                                        href && row.state === 'done' ? /*#__PURE__*/ _jsx(Button, {
+                                            size: "small",
+                                            component: AppLink,
+                                            href: href,
+                                            children: 'Open draft'
+                                        }) : null
+                                    ]
+                                }),
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "body2",
+                                    color: "text.secondary",
+                                    sx: {
+                                        overflowWrap: 'anywhere'
+                                    },
+                                    children: `${row.from} → ${row.to}`
+                                }),
+                                row.photos ? /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "body2",
+                                    color: "text.secondary",
+                                    children: row.photos
+                                }) : null,
+                                row.note && row.state !== 'done' ? /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "body2",
+                                    color: "text.secondary",
+                                    children: row.note
+                                }) : null
+                            ]
+                        })
+                    ]
+                }, row.slot);
+            })
+        })
+    });
+}
+function Frame({ siteName, heading, lede, children }) {
+    return /*#__PURE__*/ _jsxs(Container, {
+        maxWidth: "sm",
+        sx: {
+            py: {
+                xs: 3,
+                sm: 5
+            },
+            px: {
+                xs: 2,
+                sm: 3
+            }
+        },
+        children: [
+            /*#__PURE__*/ _jsx(PageHeaderRecord, {
+                title: heading
+            }),
+            /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 4,
+                children: [
+                    /*#__PURE__*/ _jsxs(Stack, {
+                        spacing: 1,
+                        children: [
+                            siteName ? /*#__PURE__*/ _jsx(Typography, {
+                                variant: "overline",
+                                color: "text.secondary",
+                                children: siteName
+                            }) : null,
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "h4",
+                                component: "h1",
+                                children: heading
+                            }),
+                            lede ? /*#__PURE__*/ _jsx(Typography, {
+                                variant: "body1",
+                                color: "text.secondary",
+                                children: lede
+                            }) : null
+                        ]
+                    }),
+                    children
+                ]
+            })
+        ]
+    });
+}
+/**
+ * "Bring my site" (AGL-3976), on the import job's own page: the site read
+ * and its waves planned with each one's quote, a wave running page by page,
+ * a wave in for its review with its drafts to open, and the next wave's
+ * button — the only way the next one starts. A wave held for a new proof, the
+ * day's limit or a site that could not be read says so and offers the way on.
+ */ export function AiSiteImportJob({ job, orgId, orgSlug, host, siteName, user, busy, notice, onResume, onJob }) {
+    var _job_siteImport, _job_error;
+    const phase = aiSiteImportPhaseOf(job);
+    const state = (_job_siteImport = job.siteImport) != null ? _job_siteImport : null;
+    const start = aiSiteImportStartAction(job);
+    const pagesHref = host && orgSlug ? buildRoute(Route.HOST_SCREENS, {
+        orgSlug,
+        host
+    }) : null;
+    const [claim, setClaim] = useState(null);
+    const [claimNotice, setClaimNotice] = useState(null);
+    const verifyAgain = useCallback(async ()=>{
+        if (!orgId || !state) return;
+        setClaimNotice(null);
+        const answer = await postAiSiteOwnership(user, {
+            orgId,
+            action: 'claim',
+            domain: state.domain
+        });
+        if (answer.claim) setClaim(answer.claim);
+        else setClaimNotice(answer.message);
+    }, [
+        orgId,
+        state,
+        user
+    ]);
+    const cancel = /*#__PURE__*/ _jsx(Box, {
+        children: /*#__PURE__*/ _jsx(AiJobCancelButton, {
+            job: job,
+            user: user,
+            orgId: orgId,
+            onJob: onJob,
+            variant: "text",
+            size: "small"
+        })
+    });
+    const startButton = start ? /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 1,
+        children: [
+            /*#__PURE__*/ _jsx(Box, {
+                children: /*#__PURE__*/ _jsx(Button, {
+                    variant: "contained",
+                    size: "large",
+                    disabled: busy,
+                    onClick: onResume,
+                    children: busy ? 'Starting…' : start.label
+                })
+            }),
+            /*#__PURE__*/ _jsxs(Stack, {
+                direction: "row",
+                spacing: 0.5,
+                sx: {
+                    alignItems: 'center'
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: `${start.quote}, from your AI credits. Every page is a draft until you publish it.`
+                    }),
+                    /*#__PURE__*/ _jsx(HelpTip, _extends({}, AI_SITE_IMPORT_HELP.waves, {
+                        ariaLabel: "How waves work"
+                    }))
+                ]
+            })
+        ]
+    }) : null;
+    const waves = state ? /*#__PURE__*/ _jsxs(Accordion, {
+        variant: "outlined",
+        disableGutters: true,
+        sx: {
+            borderRadius: 2,
+            '&::before': {
+                display: 'none'
+            }
+        },
+        children: [
+            /*#__PURE__*/ _jsx(AccordionSummary, {
+                expandIcon: /*#__PURE__*/ _jsx(MdiIcon, {
+                    path: mdiChevronDown.path
+                }),
+                children: /*#__PURE__*/ _jsx(Typography, {
+                    variant: "subtitle1",
+                    children: `Every wave (${state.waves.length})`
+                })
+            }),
+            /*#__PURE__*/ _jsx(AccordionDetails, {
+                children: /*#__PURE__*/ _jsx(Stack, {
+                    component: "ol",
+                    spacing: 1,
+                    sx: {
+                        m: 0,
+                        pl: 2.5
+                    },
+                    children: state.waves.map((wave)=>/*#__PURE__*/ _jsx(Typography, {
+                            component: "li",
+                            variant: "body2",
+                            children: `${wave.label}: ${wave.slots.length} ${wave.slots.length === 1 ? 'page' : 'pages'}${wave.frame ? ', with your header and footer' : ''}${wave.status === 'done' || wave.status === 'review' ? ' (in)' : wave.status === 'running' ? ' (running)' : ''}`
+                        }, wave.index))
+                })
+            })
+        ]
+    }) : null;
+    const leftOut = state ? aiSiteImportLeftOutLines(state) : [];
+    const leftOutCard = leftOut.length ? /*#__PURE__*/ _jsxs(Accordion, {
+        variant: "outlined",
+        disableGutters: true,
+        sx: {
+            borderRadius: 2,
+            '&::before': {
+                display: 'none'
+            }
+        },
+        children: [
+            /*#__PURE__*/ _jsx(AccordionSummary, {
+                expandIcon: /*#__PURE__*/ _jsx(MdiIcon, {
+                    path: mdiChevronDown.path
+                }),
+                children: /*#__PURE__*/ _jsx(Typography, {
+                    variant: "subtitle1",
+                    children: `Not brought in (${leftOut.reduce((total, line)=>total + line.count, 0)})`
+                })
+            }),
+            /*#__PURE__*/ _jsx(AccordionDetails, {
+                children: /*#__PURE__*/ _jsx(Stack, {
+                    spacing: 1.5,
+                    children: leftOut.map((line)=>/*#__PURE__*/ _jsxs(Box, {
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "body2",
+                                    children: `${line.count} · ${line.text}`
+                                }),
+                                line.paths.length ? /*#__PURE__*/ _jsxs(Typography, {
+                                    variant: "body2",
+                                    color: "text.secondary",
+                                    sx: {
+                                        overflowWrap: 'anywhere'
+                                    },
+                                    children: [
+                                        line.paths.slice(0, 8).join(', '),
+                                        line.paths.length > 8 || line.count > line.paths.length ? ', …' : ''
+                                    ]
+                                }) : null,
+                                line.reason === 'plan-limit' && orgSlug ? /*#__PURE__*/ _jsx(Button, {
+                                    size: "small",
+                                    component: AppLink,
+                                    href: aiCreditsBillingHref(orgSlug),
+                                    sx: {
+                                        mt: 0.5
+                                    },
+                                    children: 'See plans'
+                                }) : null
+                            ]
+                        }, line.reason))
+                })
+            })
+        ]
+    }) : null;
+    if (phase === 'reading') {
+        return /*#__PURE__*/ _jsxs(Frame, {
+            siteName: siteName,
+            heading: "Reading your site",
+            lede: "AglynBot reads robots.txt first, then your sitemap and your pages. Nothing is built yet, and reading uses no AI credits.",
+            children: [
+                /*#__PURE__*/ _jsxs(Card, {
+                    variant: "outlined",
+                    sx: {
+                        borderRadius: 2
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(LinearProgress, {
+                            "aria-label": "Reading your site"
+                        }),
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            sx: {
+                                p: {
+                                    xs: 2,
+                                    sm: 3
+                                }
+                            },
+                            children: 'This takes a minute or two. You can leave this page; we tell you when your site is read.'
+                        })
+                    ]
+                }),
+                cancel
+            ]
+        });
+    }
+    if (phase === 'ready' && state) {
+        var _ref;
+        var _job_review;
+        return /*#__PURE__*/ _jsxs(Frame, {
+            siteName: siteName,
+            heading: "Your site is read",
+            lede: (_ref = (_job_review = job.review) == null ? void 0 : _job_review.message) != null ? _ref : undefined,
+            children: [
+                notice && /*#__PURE__*/ _jsx(Alert, {
+                    severity: "warning",
+                    children: notice
+                }),
+                /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 1,
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body1",
+                            children: aiSiteImportFoundText(state)
+                        }),
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            children: aiSiteImportPlanText(state)
+                        })
+                    ]
+                }),
+                start ? /*#__PURE__*/ _jsxs(Card, {
+                    variant: "outlined",
+                    sx: {
+                        borderRadius: 2
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "subtitle1",
+                            sx: {
+                                px: {
+                                    xs: 2,
+                                    sm: 3
+                                },
+                                pt: {
+                                    xs: 2,
+                                    sm: 3
+                                }
+                            },
+                            children: `First: ${start.wave.label}`
+                        }),
+                        /*#__PURE__*/ _jsx(WaveRows, {
+                            job: job,
+                            wave: start.wave,
+                            orgSlug: orgSlug
+                        })
+                    ]
+                }) : null,
+                startButton,
+                waves,
+                leftOutCard,
+                cancel
+            ]
+        });
+    }
+    if ((phase === 'running' || phase === 'starting') && state) {
+        var _ref1, _aiSiteImportRunningWave;
+        const wave = (_ref1 = (_aiSiteImportRunningWave = aiSiteImportRunningWave(state)) != null ? _aiSiteImportRunningWave : start == null ? void 0 : start.wave) != null ? _ref1 : null;
+        const rows = wave ? aiSiteImportWaveRows(job, wave) : [];
+        const done = rows.filter((row)=>row.state !== 'waiting' && row.state !== 'active').length;
+        return /*#__PURE__*/ _jsxs(Frame, {
+            siteName: siteName,
+            heading: wave ? `Bringing in ${wave.label}` : 'Bringing in your site',
+            lede: "Each page is rewritten into your new site’s design with its own words, facts and photos. You review the wave when it is in.",
+            children: [
+                /*#__PURE__*/ _jsxs(Card, {
+                    variant: "outlined",
+                    sx: {
+                        borderRadius: 2
+                    },
+                    children: [
+                        rows.length ? /*#__PURE__*/ _jsx(LinearProgress, {
+                            variant: "determinate",
+                            value: Math.round(done / rows.length * 100),
+                            "aria-label": `${done} of ${rows.length} in`
+                        }) : /*#__PURE__*/ _jsx(LinearProgress, {
+                            "aria-label": "Starting the wave"
+                        }),
+                        wave ? /*#__PURE__*/ _jsx(WaveRows, {
+                            job: job,
+                            wave: wave,
+                            orgSlug: orgSlug
+                        }) : null
+                    ]
+                }),
+                waves,
+                cancel
+            ]
+        });
+    }
+    if (phase === 'review' && state) {
+        const wave = aiSiteImportReviewWave(state);
+        const spent = aiSiteImportWaveSpent(job, wave);
+        return /*#__PURE__*/ _jsxs(Frame, {
+            siteName: siteName,
+            heading: `${wave.label} is in`,
+            lede: "Open each page to review it. They are drafts: nothing is published until you publish it.",
+            children: [
+                notice && /*#__PURE__*/ _jsx(Alert, {
+                    severity: "warning",
+                    children: notice
+                }),
+                /*#__PURE__*/ _jsx(Card, {
+                    variant: "outlined",
+                    sx: {
+                        borderRadius: 2
+                    },
+                    children: /*#__PURE__*/ _jsx(WaveRows, {
+                        job: job,
+                        wave: wave,
+                        orgSlug: orgSlug
+                    })
+                }),
+                /*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    color: "text.secondary",
+                    children: `This wave used ${spent.toLocaleString('en-US')} AI ${spent === 1 ? 'credit' : 'credits'}.`
+                }),
+                pagesHref ? /*#__PURE__*/ _jsx(Box, {
+                    children: /*#__PURE__*/ _jsx(Button, {
+                        variant: "outlined",
+                        component: AppLink,
+                        href: pagesHref,
+                        children: 'Open your draft pages'
+                    })
+                }) : null,
+                start ? /*#__PURE__*/ _jsxs(Card, {
+                    variant: "outlined",
+                    sx: {
+                        borderRadius: 2
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "subtitle1",
+                            sx: {
+                                px: {
+                                    xs: 2,
+                                    sm: 3
+                                },
+                                pt: {
+                                    xs: 2,
+                                    sm: 3
+                                }
+                            },
+                            children: `Next: ${start.wave.label}`
+                        }),
+                        /*#__PURE__*/ _jsx(WaveRows, {
+                            job: job,
+                            wave: start.wave,
+                            orgSlug: orgSlug
+                        })
+                    ]
+                }) : null,
+                startButton,
+                waves,
+                leftOutCard,
+                cancel
+            ]
+        });
+    }
+    if (phase === 'held' || phase === 'paused') {
+        var _ref2, _ref3;
+        var _job_review1, _job_review2;
+        const ownership = ((_job_review1 = job.review) == null ? void 0 : _job_review1.reason) === 'ownership';
+        return /*#__PURE__*/ _jsxs(Frame, {
+            siteName: siteName,
+            heading: ownership ? 'Verify your site again' : phase === 'paused' ? 'Your site import is paused' : 'Your site import is waiting',
+            children: [
+                notice && /*#__PURE__*/ _jsx(Alert, {
+                    severity: "warning",
+                    children: notice
+                }),
+                /*#__PURE__*/ _jsx(Alert, {
+                    severity: "info",
+                    children: (_ref2 = (_ref3 = (_job_review2 = job.review) == null ? void 0 : _job_review2.message) != null ? _ref3 : job.error) != null ? _ref2 : 'It stopped for your decision.'
+                }),
+                ownership && orgId ? claim ? /*#__PURE__*/ _jsx(AiSiteOwnershipProof, {
+                    orgId: orgId,
+                    user: user,
+                    claim: claim,
+                    onClaim: setClaim
+                }) : /*#__PURE__*/ _jsxs(Box, {
+                    children: [
+                        /*#__PURE__*/ _jsx(Button, {
+                            variant: "outlined",
+                            onClick: ()=>void verifyAgain(),
+                            children: 'Verify again'
+                        }),
+                        claimNotice ? /*#__PURE__*/ _jsx(Alert, {
+                            severity: "warning",
+                            sx: {
+                                mt: 1
+                            },
+                            children: claimNotice
+                        }) : null
+                    ]
+                }) : null,
+                /*#__PURE__*/ _jsxs(Stack, {
+                    direction: {
+                        xs: 'column',
+                        sm: 'row'
+                    },
+                    spacing: 2,
+                    sx: {
+                        alignItems: {
+                            sm: 'center'
+                        }
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(Button, {
+                            variant: "contained",
+                            disabled: busy || ownership && !(claim == null ? void 0 : claim.current),
+                            onClick: onResume,
+                            children: busy ? 'Starting…' : phase === 'paused' ? 'Resume' : start ? `${start.label} again` : 'Read the site again'
+                        }),
+                        phase === 'paused' && orgSlug ? /*#__PURE__*/ _jsx(Button, {
+                            variant: "outlined",
+                            component: AppLink,
+                            href: aiCreditsBillingHref(orgSlug),
+                            children: 'Get more AI credits'
+                        }) : null
+                    ]
+                }),
+                waves,
+                cancel
+            ]
+        });
+    }
+    if (phase === 'done' && state) {
+        var _job_items;
+        const brought = ((_job_items = job.items) != null ? _job_items : []).filter((row)=>row.op === 'page' && (row.status === 'succeeded' || row.status === 'degraded')).length;
+        return /*#__PURE__*/ _jsxs(Frame, {
+            siteName: siteName,
+            heading: "Your site is in",
+            lede: `${brought} ${brought === 1 ? 'page was' : 'pages were'} brought in from ${state.domain}. They are drafts: review them, then publish them when you are ready.`,
+            children: [
+                pagesHref ? /*#__PURE__*/ _jsx(Box, {
+                    children: /*#__PURE__*/ _jsx(Button, {
+                        variant: "contained",
+                        size: "large",
+                        component: AppLink,
+                        href: pagesHref,
+                        children: 'Open your draft pages'
+                    })
+                }) : null,
+                state.waves.map((wave)=>/*#__PURE__*/ _jsxs(Card, {
+                        variant: "outlined",
+                        sx: {
+                            borderRadius: 2
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "subtitle1",
+                                sx: {
+                                    px: {
+                                        xs: 2,
+                                        sm: 3
+                                    },
+                                    pt: {
+                                        xs: 2,
+                                        sm: 3
+                                    }
+                                },
+                                children: wave.label
+                            }),
+                            /*#__PURE__*/ _jsx(WaveRows, {
+                                job: job,
+                                wave: wave,
+                                orgSlug: orgSlug
+                            })
+                        ]
+                    }, wave.index)),
+                leftOutCard
+            ]
+        });
+    }
+    return /*#__PURE__*/ _jsxs(Frame, {
+        siteName: siteName,
+        heading: job.status === 'canceled' ? 'Your site import was stopped' : 'Your site import stopped',
+        children: [
+            /*#__PURE__*/ _jsx(Alert, {
+                severity: "info",
+                children: (_job_error = job.error) != null ? _job_error : job.status === 'canceled' ? 'Nothing more is brought in. The pages already in stay as drafts.' : 'It could not go on. The pages already in stay as drafts.'
+            }),
+            pagesHref ? /*#__PURE__*/ _jsx(Box, {
+                children: /*#__PURE__*/ _jsx(Button, {
+                    variant: "outlined",
+                    component: AppLink,
+                    href: pagesHref,
+                    children: 'Open your draft pages'
+                })
+            }) : null
+        ]
+    });
+}
+export default AiSiteImportJob;
+
+//# sourceMappingURL=ai-site-import-job.component.js.map