@aglyn/plugins-ai 1.0.0-beta.229 → 1.0.0-beta.230

package/src/lib/components/ai-revise-automation.component.js

@@ -0,0 +1,207 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @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.
+ */ import { pluginDocsHelp } from "@aglyn/aglyn/app-utils/docs-help";
+import { mdiCreation } from "@aglyn/shared-data-mdi";
+import { MdiIcon } from "@aglyn/shared-ui-jsx";
+import { useUser } from "@aglyn/tenant-feature-instance";
+import { Alert, Box, Button, CircularProgress, Link, Stack, TextField, Typography } from "@mui/material";
+import { useState } from "react";
+import { openAiJobs } from "./ai-jobs-store.js";
+import { aiJobProblem, useAiJobRun } from "./use-ai-job-run.js";
+/**
+ * "Fix with AI" and "Change with AI" in the editor of a saved ACTION
+ * (AGL-3603), through the `automationEditor` zone. Each starts a `workflow`
+ * job in `revise` mode: the action as it is saved, and the change asked of
+ * it, become a NEW automation drafted switched off. The saved action is never
+ * written; the person opens the copy, reads what changed, and switches it on
+ * in place of the old one when it is right.
+ *
+ * A workflow of function calls is not offered either: the draft writer writes
+ * actions, and a workflow is explained rather than revised.
+ */ /** The longest change a job admits as its brief. */ const BRIEF_MAX_CHARS = 4000;
+export const AI_AUTOMATION_REVISE_COPY = {
+    intro: 'Describe a change, or let AI fix what would stop it working. You get a changed copy, switched off, to review — this one is left as it is.',
+    label: 'What should change?',
+    placeholder: 'Also tag them “newsletter”, and wait a day before the email',
+    change: 'Change with AI',
+    fix: 'Fix with AI',
+    running: 'Drafting the changed copy. This can take a few minutes.',
+    drafted: 'Changed copy drafted',
+    review: 'Review the copy',
+    notListed: 'The copy is saved. It appears in the list in a moment.',
+    failed: 'The automation could not be changed. Try again.',
+    fixBrief: (name)=>`Fix whatever in “${name}” would stop it working as intended — a record the site no longer has, a condition that can never match, a step in the wrong order. Change nothing else.`
+};
+export function AiReviseAutomation({ hostId, orgId, target, openAction }) {
+    var _aiJobProblem;
+    const copy = AI_AUTOMATION_REVISE_COPY;
+    const help = pluginDocsHelp('aiAutomations', {
+        anchor: '#change'
+    });
+    const { data: user } = useUser();
+    const run = useAiJobRun(user, copy.failed);
+    const [brief, setBrief] = useState('');
+    const [notListed, setNotListed] = useState(false);
+    if (target.type !== 'action') return null;
+    const { job } = run;
+    const busy = run.starting || run.running;
+    const draft = (job == null ? void 0 : job.status) === 'done' ? job.outputs.find((output)=>output.resource === 'workflow') : undefined;
+    const problem = (_aiJobProblem = aiJobProblem(job, copy.failed)) != null ? _aiJobProblem : (job == null ? void 0 : job.status) === 'done' && !draft ? copy.failed : null;
+    const start = async (text)=>{
+        const trimmed = text.trim();
+        if (!orgId || !trimmed) return;
+        setNotListed(false);
+        if (await run.start({
+            orgId,
+            hostId,
+            kind: 'workflow',
+            brief: trimmed,
+            inputs: {
+                mode: 'revise',
+                targetType: 'action',
+                targetId: target.id
+            }
+        })) {
+            setBrief('');
+        }
+    };
+    const review = ()=>{
+        if (!draft) return;
+        if (!(openAction == null ? void 0 : openAction(draft.id))) setNotListed(true);
+    };
+    return /*#__PURE__*/ _jsx(Box, {
+        sx: {
+            border: 1,
+            borderColor: 'divider',
+            borderRadius: 1,
+            p: 1.5
+        },
+        "aria-label": "Change this automation with AI",
+        children: /*#__PURE__*/ _jsxs(Stack, {
+            spacing: 1,
+            children: [
+                /*#__PURE__*/ _jsxs(Typography, {
+                    variant: "body2",
+                    color: "text.secondary",
+                    children: [
+                        copy.intro,
+                        ' ',
+                        /*#__PURE__*/ _jsx(Link, {
+                            href: help.href,
+                            target: "_blank",
+                            rel: "noopener",
+                            title: help.excerpt,
+                            children: 'How it works'
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(TextField, {
+                    size: "small",
+                    label: copy.label,
+                    placeholder: copy.placeholder,
+                    value: brief,
+                    multiline: true,
+                    maxRows: 4,
+                    onChange: (event)=>setBrief(event.target.value.slice(0, BRIEF_MAX_CHARS)),
+                    disabled: busy
+                }),
+                /*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    children: [
+                        /*#__PURE__*/ _jsx(Button, {
+                            size: "small",
+                            variant: "outlined",
+                            startIcon: /*#__PURE__*/ _jsx(MdiIcon, {
+                                path: mdiCreation.path
+                            }),
+                            disabled: busy || !orgId || !brief.trim(),
+                            onClick: ()=>void start(brief),
+                            children: copy.change
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            size: "small",
+                            variant: "text",
+                            startIcon: /*#__PURE__*/ _jsx(MdiIcon, {
+                                path: mdiCreation.path
+                            }),
+                            disabled: busy || !orgId,
+                            onClick: ()=>void start(copy.fixBrief(target.name)),
+                            children: copy.fix
+                        })
+                    ]
+                }),
+                run.running && job ? /*#__PURE__*/ _jsx(Alert, {
+                    severity: "info",
+                    icon: /*#__PURE__*/ _jsx(CircularProgress, {
+                        size: 18,
+                        "aria-label": "Drafting"
+                    }),
+                    action: /*#__PURE__*/ _jsx(Button, {
+                        color: "inherit",
+                        size: "small",
+                        variant: "outlined",
+                        onClick: ()=>openAiJobs({
+                                jobId: job.id
+                            }),
+                        children: 'Open AI jobs'
+                    }),
+                    children: copy.running
+                }) : null,
+                draft ? /*#__PURE__*/ _jsxs(Alert, {
+                    severity: "success",
+                    action: openAction ? /*#__PURE__*/ _jsx(Button, {
+                        color: "inherit",
+                        size: "small",
+                        variant: "outlined",
+                        onClick: review,
+                        children: copy.review
+                    }) : undefined,
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            sx: {
+                                fontWeight: 600
+                            },
+                            children: `${copy.drafted}: ${draft.label}`
+                        }),
+                        draft.note ? /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            children: draft.note
+                        }) : null
+                    ]
+                }) : null,
+                problem ? /*#__PURE__*/ _jsx(Alert, {
+                    severity: (job == null ? void 0 : job.status) === 'failed' ? 'error' : 'warning',
+                    children: problem
+                }) : null,
+                run.notice ? /*#__PURE__*/ _jsx(Alert, {
+                    severity: "warning",
+                    children: run.notice
+                }) : null,
+                notListed ? /*#__PURE__*/ _jsx(Alert, {
+                    severity: "info",
+                    children: copy.notListed
+                }) : null
+            ]
+        })
+    });
+}
+export default AiReviseAutomation;
+
+//# sourceMappingURL=ai-revise-automation.component.js.map

package/src/lib/components/ai-revise-automation.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-revise-automation.component.tsx"],"sourcesContent":["'use client'\n\n/**\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\nimport { pluginDocsHelp } from '@aglyn/aglyn/app-utils/docs-help'\nimport { mdiCreation } from '@aglyn/shared-data-mdi'\nimport { MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { useUser } from '@aglyn/tenant-feature-instance'\nimport {\n  Alert,\n  Box,\n  Button,\n  CircularProgress,\n  Link,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { useState } from 'react'\nimport { openAiJobs } from './ai-jobs-store'\nimport type { ConsoleAutomationEditorZoneProps } from './ai-automation-zones'\nimport { aiJobProblem, useAiJobRun } from './use-ai-job-run'\n\n/**\n * \"Fix with AI\" and \"Change with AI\" in the editor of a saved ACTION\n * (AGL-3603), through the `automationEditor` zone. Each starts a `workflow`\n * job in `revise` mode: the action as it is saved, and the change asked of\n * it, become a NEW automation drafted switched off. The saved action is never\n * written; the person opens the copy, reads what changed, and switches it on\n * in place of the old one when it is right.\n *\n * A workflow of function calls is not offered either: the draft writer writes\n * actions, and a workflow is explained rather than revised.\n */\n\n/** The longest change a job admits as its brief. */\nconst BRIEF_MAX_CHARS = 4_000\n\nexport const AI_AUTOMATION_REVISE_COPY = {\n  intro: 'Describe a change, or let AI fix what would stop it working. You get a changed copy, switched off, to review — this one is left as it is.',\n  label: 'What should change?',\n  placeholder: 'Also tag them “newsletter”, and wait a day before the email',\n  change: 'Change with AI',\n  fix: 'Fix with AI',\n  running: 'Drafting the changed copy. This can take a few minutes.',\n  drafted: 'Changed copy drafted',\n  review: 'Review the copy',\n  notListed: 'The copy is saved. It appears in the list in a moment.',\n  failed: 'The automation could not be changed. Try again.',\n  fixBrief: (name: string) =>\n    `Fix whatever in “${name}” would stop it working as intended — a record the site no longer has, a condition that can never match, a step in the wrong order. Change nothing else.`,\n} as const\n\nexport function AiReviseAutomation({ hostId, orgId, target, openAction }: ConsoleAutomationEditorZoneProps) {\n  const copy = AI_AUTOMATION_REVISE_COPY\n  const help = pluginDocsHelp('aiAutomations', { anchor: '#change' })\n  const { data: user } = useUser()\n  const run = useAiJobRun(user, copy.failed)\n  const [brief, setBrief] = useState('')\n  const [notListed, setNotListed] = useState(false)\n\n  if (target.type !== 'action') return null\n  const { job } = run\n  const busy = run.starting || run.running\n  const draft = job?.status === 'done' ? job.outputs.find((output) => output.resource === 'workflow') : undefined\n  const problem = aiJobProblem(job, copy.failed) ?? (job?.status === 'done' && !draft ? copy.failed : null)\n\n  const start = async (text: string) => {\n    const trimmed = text.trim()\n    if (!orgId || !trimmed) return\n    setNotListed(false)\n    if (\n      await run.start({\n        orgId,\n        hostId,\n        kind: 'workflow',\n        brief: trimmed,\n        inputs: { mode: 'revise', targetType: 'action', targetId: target.id },\n      })\n    ) {\n      setBrief('')\n    }\n  }\n\n  const review = () => {\n    if (!draft) return\n    if (!openAction?.(draft.id)) setNotListed(true)\n  }\n\n  return (\n    <Box sx={{ border: 1, borderColor: 'divider', borderRadius: 1, p: 1.5 }} aria-label=\"Change this automation with AI\">\n      <Stack spacing={1}>\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {copy.intro}{' '}\n          <Link href={help.href} target=\"_blank\" rel=\"noopener\" title={help.excerpt}>\n            {'How it works'}\n          </Link>\n        </Typography>\n        <TextField\n          size=\"small\"\n          label={copy.label}\n          placeholder={copy.placeholder}\n          value={brief}\n          multiline\n          maxRows={4}\n          onChange={(event) => setBrief(event.target.value.slice(0, BRIEF_MAX_CHARS))}\n          disabled={busy}\n        />\n        <Stack direction=\"row\" spacing={1}>\n          <Button\n            size=\"small\"\n            variant=\"outlined\"\n            startIcon={<MdiIcon path={mdiCreation.path} />}\n            disabled={busy || !orgId || !brief.trim()}\n            onClick={() => void start(brief)}\n          >\n            {copy.change}\n          </Button>\n          <Button\n            size=\"small\"\n            variant=\"text\"\n            startIcon={<MdiIcon path={mdiCreation.path} />}\n            disabled={busy || !orgId}\n            onClick={() => void start(copy.fixBrief(target.name))}\n          >\n            {copy.fix}\n          </Button>\n        </Stack>\n        {run.running && job ? (\n          <Alert\n            severity=\"info\"\n            icon={<CircularProgress size={18} aria-label=\"Drafting\" />}\n            action={\n              <Button color=\"inherit\" size=\"small\" variant=\"outlined\" onClick={() => openAiJobs({ jobId: job.id })}>\n                {'Open AI jobs'}\n              </Button>\n            }\n          >\n            {copy.running}\n          </Alert>\n        ) : null}\n        {draft ? (\n          <Alert\n            severity=\"success\"\n            action={\n              openAction ? (\n                <Button color=\"inherit\" size=\"small\" variant=\"outlined\" onClick={review}>\n                  {copy.review}\n                </Button>\n              ) : undefined\n            }\n          >\n            <Typography variant=\"body2\" sx={{ fontWeight: 600 }}>\n              {`${copy.drafted}: ${draft.label}`}\n            </Typography>\n            {draft.note ? <Typography variant=\"body2\">{draft.note}</Typography> : null}\n          </Alert>\n        ) : null}\n        {problem ? <Alert severity={job?.status === 'failed' ? 'error' : 'warning'}>{problem}</Alert> : null}\n        {run.notice ? <Alert severity=\"warning\">{run.notice}</Alert> : null}\n        {notListed ? <Alert severity=\"info\">{copy.notListed}</Alert> : null}\n      </Stack>\n    </Box>\n  )\n}\n\nexport default AiReviseAutomation\n"],"names":["pluginDocsHelp","mdiCreation","MdiIcon","useUser","Alert","Box","Button","CircularProgress","Link","Stack","TextField","Typography","useState","openAiJobs","aiJobProblem","useAiJobRun","BRIEF_MAX_CHARS","AI_AUTOMATION_REVISE_COPY","intro","label","placeholder","change","fix","running","drafted","review","notListed","failed","fixBrief","name","AiReviseAutomation","hostId","orgId","target","openAction","copy","help","anchor","data","user","run","brief","setBrief","setNotListed","type","job","busy","starting","draft","status","outputs","find","output","resource","undefined","problem","start","text","trimmed","trim","kind","inputs","mode","targetType","targetId","id","sx","border","borderColor","borderRadius","p","aria-label","spacing","variant","color","href","rel","title","excerpt","size","value","multiline","maxRows","onChange","event","slice","disabled","direction","startIcon","path","onClick","severity","icon","action","jobId","fontWeight","note","notice"],"mappings":"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"}

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

@@ -17,18 +17,20 @@
 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 { mdiAlertCircle, mdiCheckCircle, mdiChevronDown, mdiClockOutline, mdiMinusCircleOutline } 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 { aiJobPageCopy, aiSiteBuildCreditsLine, aiSiteBuildFraction, aiSiteBuildPhase, aiSiteBuildRows } from "../model/ai-site-build-progress.js";
 import { aiJobRefundCopy, aiSiteStarterFallbackOffered } from "../model/ai-job-failure-copy.js";
 import { aiSiteStartAnswersFromInputs } from "../model/ai-site-start.js";
 import { AiSiteStartCard } from "./ai-site-start-card.component.js";
 import { AI_JOB_TERMINAL_STATUSES } from "../model/ai-jobs.types.js";
 import { followAiJobEvents } from "./ai-job-events.js";
 import { aiSiteBuildDoneLinks } from "./ai-job-links.js";
+import { AiJobPlan } from "./ai-job-plan.component.js";
+import { aiBuildCanRetry } from "../model/ai-build-progress.js";
 import { resumeAiJobRequest } from "./ai-job-requests.js";
 import { useAiJobSite } from "./ai-job-site.js";
 import { AiSiteStarterFallback } from "./ai-site-starter-fallback.component.js";
@@ -113,6 +115,11 @@ const ROW_ICON = {
         path: mdiAlertCircle.path,
         color: 'error.main',
         label: 'Stopped'
+    },
+    skipped: {
+        path: mdiMinusCircleOutline.path,
+        color: 'text.disabled',
+        label: 'Not built'
     }
 };
 function RowIcon({ state }) {
@@ -138,7 +145,30 @@ function RowIcon({ state }) {
         })
     });
 }
-/** The page's frame: the site's name over the heading and its sentence. */ function Frame({ siteName, heading, lede, children }) {
+/** The page's frame: the site's name over the heading and its sentence. */ /** "0:42", "3:05": how long the active row has been running, from when it started or was first seen. */ function useElapsed(key, startedAt) {
+    const [now, setNow] = useState(()=>Date.now());
+    const seen = useRef({
+        key: null,
+        at: Date.now()
+    });
+    if (seen.current.key !== key) seen.current = {
+        key,
+        at: Date.now()
+    };
+    useEffect(()=>{
+        if (!key) return;
+        const timer = setInterval(()=>setNow(Date.now()), 1000);
+        return ()=>clearInterval(timer);
+    }, [
+        key
+    ]);
+    if (!key) return null;
+    const started = startedAt ? Date.parse(startedAt) : NaN;
+    const from = Number.isFinite(started) ? Math.min(started, seen.current.at) : seen.current.at;
+    const seconds = Math.max(0, Math.floor((now - from) / 1000));
+    return `${Math.floor(seconds / 60)}:${String(seconds % 60).padStart(2, '0')}`;
+}
+function Frame({ siteName, heading, lede, children }) {
     return /*#__PURE__*/ _jsx(Container, {
         maxWidth: "sm",
         sx: {
@@ -180,8 +210,8 @@ function RowIcon({ state }) {
     });
 }
 export function AiSiteBuildPage({ hostId, segments, basePath }) {
-    var _split_, _ready_sitePublish, _ready_refundedCredits;
-    var _ready_review, _ready_review1;
+    var _split_, _aiSiteBuildRows_find, _rows_find, _ready_sitePublish, _ready_refundedCredits;
+    var _ready_review, _ready_review1, _ready_review2;
     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_ : '';
@@ -200,7 +230,10 @@ export function AiSiteBuildPage({ hostId, segments, basePath }) {
         if (!orgId || !job || typeof job !== 'object') return;
         setBusy(true);
         setNotice(null);
-        const decision = await resumeAiJobRequest(user, orgId, job);
+        // A finished build tries again only what failed (AGL-3616).
+        const decision = await resumeAiJobRequest(user, orgId, job, aiBuildCanRetry(job) ? {
+            retry: 'failed-items'
+        } : {});
         if (decision.job) setJob(decision.job);
         if (decision.error) setNotice(decision.error);
         setBusy(false);
@@ -210,8 +243,24 @@ export function AiSiteBuildPage({ hostId, segments, basePath }) {
         user,
         setJob
     ]);
+    const confirmPlan = useCallback(async (target, options = {})=>{
+        if (!orgId) return;
+        setBusy(true);
+        setNotice(null);
+        const decision = await resumeAiJobRequest(user, orgId, target, options);
+        if (decision.job) setJob(decision.job);
+        if (decision.error) setNotice(decision.error);
+        setBusy(false);
+    }, [
+        orgId,
+        user,
+        setJob
+    ]);
     const ready = job && typeof job === 'object' ? job : null;
     const copy = ready ? aiJobPageCopy(ready, PLATFORM_BRAND_NAME) : null;
+    // The active row's running time, read before any early return (a hook).
+    const liveRow = ready && aiSiteBuildPhase(ready) === 'working' ? (_aiSiteBuildRows_find = aiSiteBuildRows(ready).find((row)=>row.state === 'active')) != null ? _aiSiteBuildRows_find : null : null;
+    const elapsed = useElapsed(liveRow ? `${ready == null ? void 0 : ready.id}:${liveRow.id}` : null, liveRow == null ? void 0 : liveRow.startedAt);
     // 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, {
@@ -279,6 +328,8 @@ export function AiSiteBuildPage({ hostId, segments, basePath }) {
     }
     const phase = aiSiteBuildPhase(ready);
     const rows = aiSiteBuildRows(ready);
+    const fraction = aiSiteBuildFraction(rows);
+    const activeRow = phase === 'working' ? (_rows_find = rows.find((row)=>row.state === 'active')) != null ? _rows_find : null : null;
     const credits = aiSiteBuildCreditsLine(ready);
     const links = phase === 'done' ? aiSiteBuildDoneLinks(ready, orgSlug) : {
         view: null,
@@ -287,7 +338,9 @@ export function AiSiteBuildPage({ hostId, segments, basePath }) {
     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';
+    const buildRetry = aiBuildCanRetry(ready);
+    const canRetry = phase === 'stopped' && ((_ready_review1 = ready.review) == null ? void 0 : _ready_review1.reason) === 'doctrine' || buildRetry;
+    const buildPlanWaiting = ready.kind === 'build' && phase === 'stopped' && ((_ready_review2 = ready.review) == null ? void 0 : _ready_review2.reason) === 'plan';
     // A guided start that ended without building its site starts over from its
     // own answers, as a fresh job: the questions reopen filled in.
     const restartAnswers = ready.kind === 'site' && (phase === 'failed' || phase === 'canceled') ? aiSiteStartAnswersFromInputs(ready.siteInputs) : null;
@@ -308,9 +361,13 @@ export function AiSiteBuildPage({ hostId, segments, basePath }) {
                     borderRadius: 2
                 },
                 children: [
-                    phase === 'working' && /*#__PURE__*/ _jsx(LinearProgress, {
+                    phase === 'working' && (fraction !== null ? /*#__PURE__*/ _jsx(LinearProgress, {
+                        variant: "determinate",
+                        value: Math.round(fraction * 100),
+                        "aria-label": `Building: ${rows.filter((row)=>row.state === 'done').length} of ${rows.length} steps done`
+                    }) : /*#__PURE__*/ _jsx(LinearProgress, {
                         "aria-label": "Building"
-                    }),
+                    })),
                     /*#__PURE__*/ _jsx(Box, {
                         component: "ol",
                         "aria-label": "Progress",
@@ -324,12 +381,14 @@ export function AiSiteBuildPage({ hostId, segments, basePath }) {
                         },
                         children: /*#__PURE__*/ _jsx(Stack, {
                             spacing: 2,
-                            children: rows.map((row)=>/*#__PURE__*/ _jsxs(Stack, {
+                            children: rows.map((row)=>{
+                                var _row_sections;
+                                return /*#__PURE__*/ _jsxs(Stack, {
                                     component: "li",
                                     direction: "row",
                                     spacing: 2,
                                     sx: {
-                                        alignItems: 'center'
+                                        alignItems: 'flex-start'
                                     },
                                     children: [
                                         /*#__PURE__*/ _jsx(Box, {
@@ -342,13 +401,62 @@ export function AiSiteBuildPage({ hostId, segments, basePath }) {
                                                 state: row.state
                                             })
                                         }),
-                                        /*#__PURE__*/ _jsx(Typography, {
-                                            variant: "body1",
-                                            color: row.state === 'waiting' ? 'text.secondary' : 'text.primary',
-                                            children: row.label
+                                        /*#__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.label
+                                                        }),
+                                                        row.id === (activeRow == null ? void 0 : activeRow.id) && elapsed ? /*#__PURE__*/ _jsx(Typography, {
+                                                            variant: "body2",
+                                                            color: "text.secondary",
+                                                            sx: {
+                                                                fontVariantNumeric: 'tabular-nums'
+                                                            },
+                                                            children: elapsed
+                                                        }) : typeof row.credits === 'number' && row.credits > 0 ? /*#__PURE__*/ _jsx(Typography, {
+                                                            variant: "body2",
+                                                            color: "text.secondary",
+                                                            sx: {
+                                                                whiteSpace: 'nowrap'
+                                                            },
+                                                            children: `${row.credits} ${row.credits === 1 ? 'credit' : 'credits'}`
+                                                        }) : null
+                                                    ]
+                                                }),
+                                                row.id === (activeRow == null ? void 0 : activeRow.id) && row.hint ? /*#__PURE__*/ _jsx(Typography, {
+                                                    variant: "body2",
+                                                    color: "text.secondary",
+                                                    children: row.hint
+                                                }) : null,
+                                                ((_row_sections = row.sections) == null ? void 0 : _row_sections.length) && (row.state === 'active' || row.state === 'done') ? /*#__PURE__*/ _jsx(Typography, {
+                                                    variant: "body2",
+                                                    color: "text.secondary",
+                                                    children: `${row.state === 'active' ? 'Writing' : 'Wrote'}: ${row.sections.join(', ')}`
+                                                }) : null,
+                                                row.detail ? /*#__PURE__*/ _jsx(Typography, {
+                                                    variant: "body2",
+                                                    color: "text.secondary",
+                                                    children: row.detail
+                                                }) : null
+                                            ]
                                         })
                                     ]
-                                }, row.id))
+                                }, row.id);
+                            })
                         })
                     })
                 ]
@@ -370,6 +478,12 @@ export function AiSiteBuildPage({ hostId, segments, basePath }) {
                 startBlank: ()=>setRetrying(false),
                 leave: ()=>setRetrying(false)
             }) : null,
+            buildPlanWaiting ? // A build's plan, confirmed here as in the chat (AGL-3616).
+            /*#__PURE__*/ _jsx(AiJobPlan, {
+                job: ready,
+                busy: busy,
+                onResume: (target, options)=>void confirmPlan(target, options)
+            }) : null,
             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, {
@@ -404,6 +518,14 @@ export function AiSiteBuildPage({ hostId, segments, basePath }) {
                     })
                 ]
             }),
+            phase === 'done' && buildRetry && /*#__PURE__*/ _jsx(Box, {
+                children: /*#__PURE__*/ _jsx(Button, {
+                    variant: "outlined",
+                    disabled: busy,
+                    onClick: ()=>void tryAgain(),
+                    children: 'Try again what failed'
+                })
+            }),
             phase === 'done' && /*#__PURE__*/ _jsxs(Stack, {
                 direction: {
                     xs: 'column',
@@ -476,6 +598,8 @@ export function AiSiteBuildPage({ hostId, segments, basePath }) {
                 ]
             }),
             ready.plan && ready.plan.screens.length > 0 && /*#__PURE__*/ _jsxs(Accordion, {
+                // Open while the site is built, so the plan is in view as each part of it is written.
+                defaultExpanded: phase === 'working',
                 variant: "outlined",
                 disableGutters: true,
                 sx: {