@aglyn/plugins-ai 1.0.0-beta.226 → 1.0.0-beta.228

package/src/lib/components/ai-site-build-page.component.js

@@ -0,0 +1,495 @@
+/**
+ * @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 { PLATFORM_BRAND_NAME } from "@aglyn/aglyn";
+import { PageHeaderRecord } from "@aglyn/aglyn/app-utils/page-header-record-context";
+import { mdiAlertCircle, mdiCheckCircle, mdiChevronDown, mdiClockOutline } from "@aglyn/shared-data-mdi";
+import { AppLink, MdiIcon } from "@aglyn/shared-ui-jsx";
+import { useUser } from "@aglyn/tenant-feature-instance";
+import { Accordion, AccordionDetails, AccordionSummary, Alert, Box, Button, Card, CircularProgress, Container, LinearProgress, Stack, Typography } from "@mui/material";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { aiJobPageCopy, aiSiteBuildCreditsLine, aiSiteBuildPhase, aiSiteBuildRows } from "../model/ai-site-build-progress.js";
+import { aiSiteStarterFallbackOffered } from "../model/ai-job-failure-copy.js";
+import { followAiJobEvents } from "./ai-job-events.js";
+import { aiSiteBuildDoneLinks } from "./ai-job-links.js";
+import { resumeAiJobRequest } from "./ai-job-requests.js";
+import { useAiJobSite } from "./ai-job-site.js";
+import { AiSiteStarterFallback } from "./ai-site-starter-fallback.component.js";
+/**
+ * "Building your site" (AGL-3594): one job's page, at `/ai-jobs/{jobId}`
+ * under its site — where the guided start sends a person the moment they
+ * plan a site, and where a notification about that job opens.
+ *
+ * A guided site start confirms its own plan (`autoConfirm`), so there is no
+ * approval to make here: the page says what is happening, step by step, live
+ * from the job's events route; shows what is being built; and, when the job
+ * ends, leads with the next thing to do — the live site and the pages to
+ * edit, or, where it stopped, the plain sentence for why and what to do
+ * about it. It is linkable and survives a reload, because it reads the job by
+ * the id in its own address under the site's own route.
+ *
+ * Every wait ends (AGL-3596): a site that cannot be read, a job the route
+ * does not know, a route that fails, and a first state that never arrives
+ * each end on a sentence instead of a spinner.
+ *
+ * Mounted by `AiJobsPage`, the plugin's unlisted `/ai-jobs` route: no tab on
+ * the site's strip, an address under it.
+ */ /** How long the job's first state may take before the page says it could not be loaded. */ export const AI_JOB_FIRST_STATE_TIMEOUT_MS = 20000;
+/** Follows one job by id. `retry` follows it again after a `'missing'` or `'error'`. */ export function useAiJobById(user, orgId, jobId) {
+    const userRef = useRef(user);
+    userRef.current = user;
+    const [job, setJob] = useState(null);
+    const [attempt, setAttempt] = useState(0);
+    const status = job && typeof job === 'object' ? job.status : null;
+    const moving = status === null || status === 'queued' || status === 'running';
+    useEffect(()=>{
+        if (!orgId || !jobId || !moving) return undefined;
+        const controller = new AbortController();
+        let heard = false;
+        const timer = setTimeout(()=>{
+            if (!heard) setJob((current)=>current != null ? current : 'error');
+        }, AI_JOB_FIRST_STATE_TIMEOUT_MS);
+        void followAiJobEvents(()=>userRef.current, orgId, jobId, controller.signal, (next)=>{
+            heard = true;
+            setJob(next);
+        }).then((end)=>{
+            if (heard || controller.signal.aborted) return;
+            const unheard = end === 'not-found' ? 'missing' : 'error';
+            setJob((current)=>current && typeof current === 'object' ? current : unheard);
+        });
+        return ()=>{
+            clearTimeout(timer);
+            controller.abort();
+        };
+    }, [
+        orgId,
+        jobId,
+        moving,
+        attempt
+    ]);
+    const retry = useCallback(()=>{
+        setJob(null);
+        setAttempt((count)=>count + 1);
+    }, []);
+    return [
+        job,
+        setJob,
+        retry
+    ];
+}
+const ROW_ICON = {
+    done: {
+        path: mdiCheckCircle.path,
+        color: 'success.main',
+        label: 'Done'
+    },
+    waiting: {
+        path: mdiClockOutline.path,
+        color: 'text.disabled',
+        label: 'Waiting'
+    },
+    failed: {
+        path: mdiAlertCircle.path,
+        color: 'error.main',
+        label: 'Stopped'
+    }
+};
+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
+        })
+    });
+}
+/** The page's frame: the site's name over the heading and its sentence. */ function Frame({ siteName, heading, lede, children }) {
+    return /*#__PURE__*/ _jsx(Container, {
+        maxWidth: "sm",
+        sx: {
+            py: {
+                xs: 3,
+                sm: 5
+            },
+            px: {
+                xs: 2,
+                sm: 3
+            }
+        },
+        children: /*#__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
+            ]
+        })
+    });
+}
+export function AiSiteBuildPage({ hostId, segments, basePath }) {
+    var _split_, _ready_sitePublish;
+    var _ready_review, _ready_review1;
+    const { data: user } = useUser();
+    const jobId = (segments == null ? void 0 : segments[0]) ? decodeURIComponent(String(segments[0])) : null;
+    const orgSlug = (_split_ = (basePath != null ? basePath : '').split('/')[1]) != null ? _split_ : '';
+    const site = useAiJobSite(hostId);
+    const orgId = site.status === 'ready' ? site.orgId : null;
+    const siteName = site.status === 'ready' ? site.name : undefined;
+    const [job, setJob, retry] = useAiJobById(user, orgId, jobId);
+    const [busy, setBusy] = useState(false);
+    const [notice, setNotice] = useState(null);
+    const tryAgain = useCallback(async ()=>{
+        if (!orgId || !job || typeof job !== 'object') return;
+        setBusy(true);
+        setNotice(null);
+        const decision = await resumeAiJobRequest(user, orgId, job);
+        if (decision.job) setJob(decision.job);
+        if (decision.error) setNotice(decision.error);
+        setBusy(false);
+    }, [
+        orgId,
+        job,
+        user,
+        setJob
+    ]);
+    const ready = job && typeof job === 'object' ? job : null;
+    const copy = ready ? aiJobPageCopy(ready, PLATFORM_BRAND_NAME) : null;
+    // The shell's header names the job's page as the page does, and its trail
+    // walks back to the site's AI jobs.
+    const record = /*#__PURE__*/ _jsx(PageHeaderRecord, {
+        title: copy == null ? void 0 : copy.heading
+    });
+    if (site.status === 'error') {
+        return /*#__PURE__*/ _jsx(Frame, {
+            heading: "This site could not be read",
+            children: /*#__PURE__*/ _jsx(Alert, {
+                severity: "warning",
+                children: 'The site this job belongs to could not be loaded. Check your connection and reload the page.'
+            })
+        });
+    }
+    if (job === 'missing') {
+        return /*#__PURE__*/ _jsxs(Frame, {
+            siteName: siteName,
+            heading: "This job could not be found",
+            children: [
+                /*#__PURE__*/ _jsx(Alert, {
+                    severity: "info",
+                    children: 'It may belong to another workspace, or it may have expired.'
+                }),
+                basePath ? /*#__PURE__*/ _jsx(Box, {
+                    children: /*#__PURE__*/ _jsx(Button, {
+                        variant: "outlined",
+                        component: AppLink,
+                        href: basePath,
+                        children: 'See this site’s AI jobs'
+                    })
+                }) : null
+            ]
+        });
+    }
+    if (job === 'error') {
+        return /*#__PURE__*/ _jsx(Frame, {
+            siteName: siteName,
+            heading: "This job could not be loaded",
+            children: /*#__PURE__*/ _jsx(Alert, {
+                severity: "warning",
+                action: /*#__PURE__*/ _jsx(Button, {
+                    color: "inherit",
+                    size: "small",
+                    onClick: retry,
+                    children: 'Try again'
+                }),
+                children: 'Something went wrong reading it. It may still be running: try again in a moment.'
+            })
+        });
+    }
+    if (!ready || !copy) {
+        return /*#__PURE__*/ _jsx(Frame, {
+            siteName: siteName,
+            heading: "Building your site",
+            children: /*#__PURE__*/ _jsx(Stack, {
+                sx: {
+                    alignItems: 'center',
+                    py: 4
+                },
+                children: /*#__PURE__*/ _jsx(CircularProgress, {
+                    "aria-label": "Loading the job"
+                })
+            })
+        });
+    }
+    const phase = aiSiteBuildPhase(ready);
+    const rows = aiSiteBuildRows(ready);
+    const credits = aiSiteBuildCreditsLine(ready);
+    const links = phase === 'done' ? aiSiteBuildDoneLinks(ready, orgSlug) : {
+        view: null,
+        pages: null
+    };
+    const sitePublish = ready.kind === 'site' && phase === 'done' ? (_ready_sitePublish = ready.sitePublish) != null ? _ready_sitePublish : null : null;
+    const liveUrl = sitePublish && sitePublish.published.length > 0 ? sitePublish.liveUrl : null;
+    const retryRefusal = (_ready_review = ready.review) == null ? void 0 : _ready_review.retryRefusal;
+    const canRetry = phase === 'stopped' && ((_ready_review1 = ready.review) == null ? void 0 : _ready_review1.reason) === 'doctrine';
+    return /*#__PURE__*/ _jsxs(Frame, {
+        siteName: siteName,
+        heading: copy.heading,
+        lede: copy.lede,
+        children: [
+            record,
+            notice && /*#__PURE__*/ _jsx(Alert, {
+                severity: "warning",
+                children: notice
+            }),
+            /*#__PURE__*/ _jsxs(Card, {
+                variant: "outlined",
+                sx: {
+                    borderRadius: 2
+                },
+                children: [
+                    phase === 'working' && /*#__PURE__*/ _jsx(LinearProgress, {
+                        "aria-label": "Building"
+                    }),
+                    /*#__PURE__*/ _jsx(Box, {
+                        component: "ol",
+                        "aria-label": "Progress",
+                        sx: {
+                            listStyle: 'none',
+                            m: 0,
+                            p: {
+                                xs: 2,
+                                sm: 3
+                            }
+                        },
+                        children: /*#__PURE__*/ _jsx(Stack, {
+                            spacing: 2,
+                            children: rows.map((row)=>/*#__PURE__*/ _jsxs(Stack, {
+                                    component: "li",
+                                    direction: "row",
+                                    spacing: 2,
+                                    sx: {
+                                        alignItems: 'center'
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Box, {
+                                            sx: {
+                                                width: (theme)=>theme.spacing(3),
+                                                display: 'flex',
+                                                justifyContent: 'center'
+                                            },
+                                            children: /*#__PURE__*/ _jsx(RowIcon, {
+                                                state: row.state
+                                            })
+                                        }),
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body1",
+                                            color: row.state === 'waiting' ? 'text.secondary' : 'text.primary',
+                                            children: row.label
+                                        })
+                                    ]
+                                }, row.id))
+                        })
+                    })
+                ]
+            }),
+            credits && /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                color: "text.secondary",
+                children: credits
+            }),
+            sitePublish && sitePublish.drafts.length > 0 && // The pages the publish left as drafts, each with its plain reason;
+            // Edit your pages is where they are fixed and published.
+            /*#__PURE__*/ _jsxs(Alert, {
+                severity: "warning",
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        sx: {
+                            mb: 1
+                        },
+                        children: sitePublish.drafts.length === 1 ? 'This page stayed a draft:' : 'These pages stayed drafts:'
+                    }),
+                    /*#__PURE__*/ _jsx(Box, {
+                        component: "ul",
+                        sx: {
+                            m: 0,
+                            pl: 2.5
+                        },
+                        children: sitePublish.drafts.map((draft)=>/*#__PURE__*/ _jsx("li", {
+                                children: /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "body2",
+                                    children: `${draft.label}: ${draft.reason}`
+                                })
+                            }, draft.id))
+                    }),
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        sx: {
+                            mt: 1
+                        },
+                        children: 'Open Edit your pages to fix and publish them.'
+                    })
+                ]
+            }),
+            phase === 'done' && /*#__PURE__*/ _jsxs(Stack, {
+                direction: {
+                    xs: 'column',
+                    sm: 'row'
+                },
+                spacing: 2,
+                children: [
+                    liveUrl ? // The live site, in a tab of its own: the console stays where it is.
+                    /*#__PURE__*/ _jsx(Button, {
+                        variant: "contained",
+                        size: "large",
+                        component: "a",
+                        href: liveUrl,
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        children: 'View your site'
+                    }) : links.view ? /*#__PURE__*/ _jsx(Button, {
+                        variant: "contained",
+                        size: "large",
+                        component: AppLink,
+                        href: links.view,
+                        children: 'View your site'
+                    }) : null,
+                    links.pages && /*#__PURE__*/ _jsx(Button, {
+                        variant: "outlined",
+                        size: "large",
+                        component: AppLink,
+                        href: links.pages,
+                        children: 'Edit your pages'
+                    })
+                ]
+            }),
+            (phase === 'stopped' || phase === 'failed' || phase === 'canceled') && /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 1,
+                children: [
+                    retryRefusal && /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: retryRefusal
+                    }),
+                    /*#__PURE__*/ _jsxs(Stack, {
+                        direction: {
+                            xs: 'column',
+                            sm: 'row'
+                        },
+                        spacing: 2,
+                        sx: {
+                            alignItems: {
+                                sm: 'center'
+                            }
+                        },
+                        children: [
+                            canRetry && /*#__PURE__*/ _jsx(Button, {
+                                variant: "contained",
+                                disabled: busy || Boolean(retryRefusal),
+                                onClick: ()=>void tryAgain(),
+                                children: 'Try again'
+                            }),
+                            aiSiteStarterFallbackOffered(ready) && user ? /*#__PURE__*/ _jsx(AiSiteStarterFallback, {
+                                job: ready,
+                                user: user
+                            }) : null
+                        ]
+                    })
+                ]
+            }),
+            ready.plan && ready.plan.screens.length > 0 && /*#__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: 'What we’re building'
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(AccordionDetails, {
+                        children: /*#__PURE__*/ _jsx(Stack, {
+                            component: "ul",
+                            spacing: 1.5,
+                            sx: {
+                                m: 0,
+                                pl: 2.5
+                            },
+                            children: ready.plan.screens.map((screen, index)=>/*#__PURE__*/ _jsxs(Box, {
+                                    component: "li",
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body1",
+                                            children: `${screen.title} — ${screen.slug}`
+                                        }),
+                                        screen.sections.length > 0 && /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body2",
+                                            color: "text.secondary",
+                                            children: screen.sections.map((section)=>section.name).join(', ')
+                                        })
+                                    ]
+                                }, `${screen.slug}-${index}`))
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+}
+export default AiSiteBuildPage;
+
+//# sourceMappingURL=ai-site-build-page.component.js.map

package/src/lib/components/ai-site-build-page.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-site-build-page.component.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n'use client'\n\nimport { PLATFORM_BRAND_NAME } from '@aglyn/aglyn'\nimport { PageHeaderRecord } from '@aglyn/aglyn/app-utils/page-header-record-context'\nimport type { ConsolePluginPageProps } from '@aglyn/aglyn/plugin-manager/feature-plugins'\nimport {\n  mdiAlertCircle,\n  mdiCheckCircle,\n  mdiChevronDown,\n  mdiClockOutline,\n} from '@aglyn/shared-data-mdi'\nimport { AppLink, MdiIcon } from '@aglyn/shared-ui-jsx'\nimport type { MaybeTokenSource } from '@aglyn/shared-util-http/authorized-token'\nimport { useUser } from '@aglyn/tenant-feature-instance'\nimport {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  Alert,\n  Box,\n  Button,\n  Card,\n  CircularProgress,\n  Container,\n  LinearProgress,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport { type ReactNode, useCallback, useEffect, useRef, useState } from 'react'\nimport {\n  aiJobPageCopy,\n  aiSiteBuildCreditsLine,\n  aiSiteBuildPhase,\n  aiSiteBuildRows,\n  type AiSiteBuildRowState,\n} from '../model/ai-site-build-progress'\nimport { aiSiteStarterFallbackOffered } from '../model/ai-job-failure-copy'\nimport type { AiJobSummary } from '../model/ai-jobs.types'\nimport { followAiJobEvents } from './ai-job-events'\nimport { aiSiteBuildDoneLinks } from './ai-job-links'\nimport { resumeAiJobRequest } from './ai-job-requests'\nimport { useAiJobSite } from './ai-job-site'\nimport { AiSiteStarterFallback } from './ai-site-starter-fallback.component'\n\n/**\n * \"Building your site\" (AGL-3594): one job's page, at `/ai-jobs/{jobId}`\n * under its site — where the guided start sends a person the moment they\n * plan a site, and where a notification about that job opens.\n *\n * A guided site start confirms its own plan (`autoConfirm`), so there is no\n * approval to make here: the page says what is happening, step by step, live\n * from the job's events route; shows what is being built; and, when the job\n * ends, leads with the next thing to do — the live site and the pages to\n * edit, or, where it stopped, the plain sentence for why and what to do\n * about it. It is linkable and survives a reload, because it reads the job by\n * the id in its own address under the site's own route.\n *\n * Every wait ends (AGL-3596): a site that cannot be read, a job the route\n * does not know, a route that fails, and a first state that never arrives\n * each end on a sentence instead of a spinner.\n *\n * Mounted by `AiJobsPage`, the plugin's unlisted `/ai-jobs` route: no tab on\n * the site's strip, an address under it.\n */\n\n/** How long the job's first state may take before the page says it could not be loaded. */\nexport const AI_JOB_FIRST_STATE_TIMEOUT_MS = 20_000\n\n/**\n * One job, followed by id: its latest summary; `null` while the first state\n * is out; `'missing'` when the route says there is no such job for this\n * reader; `'error'` when the route failed or no state arrived in time.\n */\nexport type AiJobByIdState = AiJobSummary | 'missing' | 'error' | null\n\n/** Follows one job by id. `retry` follows it again after a `'missing'` or `'error'`. */\nexport function useAiJobById(\n  user: MaybeTokenSource,\n  orgId: string | null,\n  jobId: string | null,\n): [AiJobByIdState, (job: AiJobSummary) => void, () => void] {\n  const userRef = useRef(user)\n  userRef.current = user\n  const [job, setJob] = useState<AiJobByIdState>(null)\n  const [attempt, setAttempt] = useState(0)\n  const status = job && typeof job === 'object' ? job.status : null\n  const moving = status === null || status === 'queued' || status === 'running'\n  useEffect(() => {\n    if (!orgId || !jobId || !moving) return undefined\n    const controller = new AbortController()\n    let heard = false\n    const timer = setTimeout(() => {\n      if (!heard) setJob((current) => current ?? 'error')\n    }, AI_JOB_FIRST_STATE_TIMEOUT_MS)\n    void followAiJobEvents(() => userRef.current, orgId, jobId, controller.signal, (next) => {\n      heard = true\n      setJob(next)\n    }).then((end) => {\n      if (heard || controller.signal.aborted) return\n      const unheard: AiJobByIdState = end === 'not-found' ? 'missing' : 'error'\n      setJob((current) => (current && typeof current === 'object' ? current : unheard))\n    })\n    return () => {\n      clearTimeout(timer)\n      controller.abort()\n    }\n  }, [orgId, jobId, moving, attempt])\n  const retry = useCallback(() => {\n    setJob(null)\n    setAttempt((count) => count + 1)\n  }, [])\n  return [job, setJob, retry]\n}\n\nconst ROW_ICON: Readonly<Record<Exclude<AiSiteBuildRowState, 'active'>, { path: string; color: string; label: string }>> = {\n  done: { path: mdiCheckCircle.path, color: 'success.main', label: 'Done' },\n  waiting: { path: mdiClockOutline.path, color: 'text.disabled', label: 'Waiting' },\n  failed: { path: mdiAlertCircle.path, color: 'error.main', label: 'Stopped' },\n}\n\nfunction RowIcon({ state }: { state: AiSiteBuildRowState }) {\n  if (state === 'active') {\n    return <CircularProgress size={20} aria-label=\"In progress\" />\n  }\n  const icon = ROW_ICON[state]\n  return (\n    <Box component=\"span\" role=\"img\" aria-label={icon.label} sx={{ color: icon.color, display: 'inline-flex', fontSize: (theme) => theme.spacing(2.5) }}>\n      <MdiIcon path={icon.path} aria-hidden />\n    </Box>\n  )\n}\n\n/** The page's frame: the site's name over the heading and its sentence. */\nfunction Frame({\n  siteName,\n  heading,\n  lede,\n  children,\n}: {\n  siteName?: string\n  heading: string\n  lede?: string\n  children?: ReactNode\n}) {\n  return (\n    <Container maxWidth=\"sm\" sx={{ py: { xs: 3, sm: 5 }, px: { xs: 2, sm: 3 } }}>\n      <Stack spacing={4}>\n        <Stack spacing={1}>\n          {siteName ? (\n            <Typography variant=\"overline\" color=\"text.secondary\">\n              {siteName}\n            </Typography>\n          ) : null}\n          <Typography variant=\"h4\" component=\"h1\">\n            {heading}\n          </Typography>\n          {lede ? (\n            <Typography variant=\"body1\" color=\"text.secondary\">\n              {lede}\n            </Typography>\n          ) : null}\n        </Stack>\n        {children}\n      </Stack>\n    </Container>\n  )\n}\n\nexport function AiSiteBuildPage({ hostId, segments, basePath }: ConsolePluginPageProps) {\n  const { data: user } = useUser()\n  const jobId = segments?.[0] ? decodeURIComponent(String(segments[0])) : null\n  const orgSlug = (basePath ?? '').split('/')[1] ?? ''\n  const site = useAiJobSite(hostId)\n  const orgId = site.status === 'ready' ? site.orgId : null\n  const siteName = site.status === 'ready' ? site.name : undefined\n\n  const [job, setJob, retry] = useAiJobById(user, orgId, jobId)\n  const [busy, setBusy] = useState(false)\n  const [notice, setNotice] = useState<string | null>(null)\n  const tryAgain = useCallback(async () => {\n    if (!orgId || !job || typeof job !== 'object') return\n    setBusy(true)\n    setNotice(null)\n    const decision = await resumeAiJobRequest(user, orgId, job)\n    if (decision.job) setJob(decision.job)\n    if (decision.error) setNotice(decision.error)\n    setBusy(false)\n  }, [orgId, job, user, setJob])\n\n  const ready = job && typeof job === 'object' ? job : null\n  const copy = ready ? aiJobPageCopy(ready, PLATFORM_BRAND_NAME) : null\n  // The shell's header names the job's page as the page does, and its trail\n  // walks back to the site's AI jobs.\n  const record = <PageHeaderRecord title={copy?.heading} />\n\n  if (site.status === 'error') {\n    return (\n      <Frame heading=\"This site could not be read\">\n        <Alert severity=\"warning\">\n          {'The site this job belongs to could not be loaded. Check your connection and reload the page.'}\n        </Alert>\n      </Frame>\n    )\n  }\n  if (job === 'missing') {\n    return (\n      <Frame siteName={siteName} heading=\"This job could not be found\">\n        <Alert severity=\"info\">{'It may belong to another workspace, or it may have expired.'}</Alert>\n        {basePath ? (\n          <Box>\n            <Button variant=\"outlined\" component={AppLink} href={basePath}>\n              {'See this site’s AI jobs'}\n            </Button>\n          </Box>\n        ) : null}\n      </Frame>\n    )\n  }\n  if (job === 'error') {\n    return (\n      <Frame siteName={siteName} heading=\"This job could not be loaded\">\n        <Alert\n          severity=\"warning\"\n          action={\n            <Button color=\"inherit\" size=\"small\" onClick={retry}>\n              {'Try again'}\n            </Button>\n          }\n        >\n          {'Something went wrong reading it. It may still be running: try again in a moment.'}\n        </Alert>\n      </Frame>\n    )\n  }\n  if (!ready || !copy) {\n    return (\n      <Frame siteName={siteName} heading=\"Building your site\">\n        <Stack sx={{ alignItems: 'center', py: 4 }}>\n          <CircularProgress aria-label=\"Loading the job\" />\n        </Stack>\n      </Frame>\n    )\n  }\n\n  const phase = aiSiteBuildPhase(ready)\n  const rows = aiSiteBuildRows(ready)\n  const credits = aiSiteBuildCreditsLine(ready)\n  const links = phase === 'done' ? aiSiteBuildDoneLinks(ready, orgSlug) : { view: null, pages: null }\n  const sitePublish = ready.kind === 'site' && phase === 'done' ? (ready.sitePublish ?? null) : null\n  const liveUrl = sitePublish && sitePublish.published.length > 0 ? sitePublish.liveUrl : null\n  const retryRefusal = ready.review?.retryRefusal\n  const canRetry = phase === 'stopped' && ready.review?.reason === 'doctrine'\n\n  return (\n    <Frame siteName={siteName} heading={copy.heading} lede={copy.lede}>\n      {record}\n      {notice && <Alert severity=\"warning\">{notice}</Alert>}\n      <Card variant=\"outlined\" sx={{ borderRadius: 2 }}>\n        {phase === 'working' && <LinearProgress aria-label=\"Building\" />}\n        <Box component=\"ol\" aria-label=\"Progress\" sx={{ listStyle: 'none', m: 0, p: { xs: 2, sm: 3 } }}>\n          <Stack spacing={2}>\n            {rows.map((row) => (\n              <Stack component=\"li\" key={row.id} direction=\"row\" spacing={2} sx={{ alignItems: 'center' }}>\n                <Box sx={{ width: (theme) => theme.spacing(3), display: 'flex', justifyContent: 'center' }}>\n                  <RowIcon state={row.state} />\n                </Box>\n                <Typography\n                  variant=\"body1\"\n                  color={row.state === 'waiting' ? 'text.secondary' : 'text.primary'}\n                >\n                  {row.label}\n                </Typography>\n              </Stack>\n            ))}\n          </Stack>\n        </Box>\n      </Card>\n      {credits && (\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {credits}\n        </Typography>\n      )}\n      {sitePublish && sitePublish.drafts.length > 0 && (\n        // The pages the publish left as drafts, each with its plain reason;\n        // Edit your pages is where they are fixed and published.\n        <Alert severity=\"warning\">\n          <Typography variant=\"body2\" sx={{ mb: 1 }}>\n            {sitePublish.drafts.length === 1 ? 'This page stayed a draft:' : 'These pages stayed drafts:'}\n          </Typography>\n          <Box component=\"ul\" sx={{ m: 0, pl: 2.5 }}>\n            {sitePublish.drafts.map((draft) => (\n              <li key={draft.id}>\n                <Typography variant=\"body2\">{`${draft.label}: ${draft.reason}`}</Typography>\n              </li>\n            ))}\n          </Box>\n          <Typography variant=\"body2\" sx={{ mt: 1 }}>\n            {'Open Edit your pages to fix and publish them.'}\n          </Typography>\n        </Alert>\n      )}\n      {phase === 'done' && (\n        <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2}>\n          {liveUrl ? (\n            // The live site, in a tab of its own: the console stays where it is.\n            <Button\n              variant=\"contained\"\n              size=\"large\"\n              component=\"a\"\n              href={liveUrl}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              {'View your site'}\n            </Button>\n          ) : links.view ? (\n            <Button variant=\"contained\" size=\"large\" component={AppLink} href={links.view}>\n              {'View your site'}\n            </Button>\n          ) : null}\n          {links.pages && (\n            <Button variant=\"outlined\" size=\"large\" component={AppLink} href={links.pages}>\n              {'Edit your pages'}\n            </Button>\n          )}\n        </Stack>\n      )}\n      {(phase === 'stopped' || phase === 'failed' || phase === 'canceled') && (\n        <Stack spacing={1}>\n          {retryRefusal && (\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {retryRefusal}\n            </Typography>\n          )}\n          <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2} sx={{ alignItems: { sm: 'center' } }}>\n            {canRetry && (\n              <Button\n                variant=\"contained\"\n                disabled={busy || Boolean(retryRefusal)}\n                onClick={() => void tryAgain()}\n              >\n                {'Try again'}\n              </Button>\n            )}\n            {aiSiteStarterFallbackOffered(ready) && user ? <AiSiteStarterFallback job={ready} user={user} /> : null}\n          </Stack>\n        </Stack>\n      )}\n      {ready.plan && ready.plan.screens.length > 0 && (\n        <Accordion variant=\"outlined\" disableGutters sx={{ borderRadius: 2, '&::before': { display: 'none' } }}>\n          <AccordionSummary expandIcon={<MdiIcon path={mdiChevronDown.path} />}>\n            <Typography variant=\"subtitle1\">{'What we’re building'}</Typography>\n          </AccordionSummary>\n          <AccordionDetails>\n            <Stack component=\"ul\" spacing={1.5} sx={{ m: 0, pl: 2.5 }}>\n              {ready.plan.screens.map((screen, index) => (\n                <Box component=\"li\" key={`${screen.slug}-${index}`}>\n                  <Typography variant=\"body1\">{`${screen.title} — ${screen.slug}`}</Typography>\n                  {screen.sections.length > 0 && (\n                    <Typography variant=\"body2\" color=\"text.secondary\">\n                      {screen.sections.map((section) => section.name).join(', ')}\n                    </Typography>\n                  )}\n                </Box>\n              ))}\n            </Stack>\n          </AccordionDetails>\n        </Accordion>\n      )}\n    </Frame>\n  )\n}\n\nexport default AiSiteBuildPage\n"],"names":["PLATFORM_BRAND_NAME","PageHeaderRecord","mdiAlertCircle","mdiCheckCircle","mdiChevronDown","mdiClockOutline","AppLink","MdiIcon","useUser","Accordion","AccordionDetails","AccordionSummary","Alert","Box","Button","Card","CircularProgress","Container","LinearProgress","Stack","Typography","useCallback","useEffect","useRef","useState","aiJobPageCopy","aiSiteBuildCreditsLine","aiSiteBuildPhase","aiSiteBuildRows","aiSiteStarterFallbackOffered","followAiJobEvents","aiSiteBuildDoneLinks","resumeAiJobRequest","useAiJobSite","AiSiteStarterFallback","AI_JOB_FIRST_STATE_TIMEOUT_MS","useAiJobById","user","orgId","jobId","userRef","current","job","setJob","attempt","setAttempt","status","moving","undefined","controller","AbortController","heard","timer","setTimeout","signal","next","then","end","aborted","unheard","clearTimeout","abort","retry","count","ROW_ICON","done","path","color","label","waiting","failed","RowIcon","state","size","aria-label","icon","component","role","sx","display","fontSize","theme","spacing","aria-hidden","Frame","siteName","heading","lede","children","maxWidth","py","xs","sm","px","variant","AiSiteBuildPage","hostId","segments","basePath","ready","data","decodeURIComponent","String","orgSlug","split","site","name","busy","setBusy","notice","setNotice","tryAgain","decision","error","copy","record","title","severity","href","action","onClick","alignItems","phase","rows","credits","links","view","pages","sitePublish","kind","liveUrl","published","length","retryRefusal","review","canRetry","reason","borderRadius","listStyle","m","p","map","row","direction","width","justifyContent","id","drafts","mb","pl","draft","li","mt","target","rel","disabled","Boolean","plan","screens","disableGutters","expandIcon","screen","index","slug","sections","section","join"],"mappings":"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"}

package/src/lib/components/ai-site-start-card.component.d.ts

@@ -15,5 +15,13 @@
  * limitations under the License.
  */
 import type { ConsoleHostFirstRunZoneProps } from '@aglyn/aglyn/plugin-manager/feature-plugins';
-export declare function AiSiteStartCard({ hostId, orgId, startBlank, }: ConsoleHostFirstRunZoneProps): import("react").JSX.Element;
+/**
+ * The takeover's surface, for its paper, its bar and its footer alike: the
+ * console page's own background (AGL-3596). The paper sits at elevation 0,
+ * which is what keeps MUI's dark-mode elevation overlay off it.
+ */
+export declare const AI_SITE_START_SURFACE_SX: {
+    readonly bgcolor: "background.default";
+};
+export declare function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leave, }: ConsoleHostFirstRunZoneProps): import("react").JSX.Element;
 export default AiSiteStartCard;