@aglyn/plugins-ai 1.0.0-beta.234 → 1.0.0-beta.235

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

@@ -1 +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  mdiMinusCircleOutline,\n  mdiPauseCircle,\n} from '@aglyn/shared-data-mdi'\nimport { AppLink, MdiIcon } from '@aglyn/shared-ui-jsx'\nimport {\n  SITE_LIVE_NOTICE_BODY,\n  SITE_LIVE_NOTICE_TITLE,\n  SiteLiveNotice,\n} from '@aglyn/shared-ui-jsx/components/site-live-notice.component'\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  aiSiteBuildFraction,\n  aiSiteBuildPhase,\n  aiSiteBuildRows,\n  type AiSiteBuildRowState,\n} from '../model/ai-site-build-progress'\nimport { aiJobRefundCopy, aiSiteStarterFallbackOffered } from '../model/ai-job-failure-copy'\nimport { aiSiteStartAnswersFromInputs } from '../model/ai-site-start'\nimport { AiSiteStartCard } from './ai-site-start-card.component'\nimport { AI_JOB_TERMINAL_STATUSES, type AiJobSummary } from '../model/ai-jobs.types'\nimport { followAiJobEvents } from './ai-job-events'\nimport { aiCreditsBillingHref, aiSiteBuildDoneLinks } from './ai-job-links'\nimport { AiJobPlan } from './ai-job-plan.component'\nimport { aiBuildCanRetry } from '../model/ai-build-progress'\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  // Followed until the job ENDS (AGL-3596), not until it first stops: a guided\n  // start parks on its plan for the instant it takes to confirm it, and a page\n  // that stopped following there showed that park — the plan's 13 credits and\n  // \"the plan is ready\" — after the job had built, spent and failed.\n  const moving = status === null || !AI_JOB_TERMINAL_STATUSES.includes(status)\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: 'Couldn’t be built' },\n  skipped: { path: mdiMinusCircleOutline.path, color: 'text.disabled', label: 'Not built' },\n  // Paused by the meter (AGL-3660): no spinner — it is not running.\n  paused: { path: mdiPauseCircle.path, color: 'warning.main', label: 'Paused' },\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. */\n/** \"0:42\", \"3:05\": how long the active row has been running, from when it started or was first seen. */\nfunction useElapsed(key: string | null, startedAt: string | null | undefined): string | null {\n  const [now, setNow] = useState(() => Date.now())\n  const seen = useRef<{ key: string | null; at: number }>({ key: null, at: Date.now() })\n  if (seen.current.key !== key) seen.current = { key, at: Date.now() }\n  useEffect(() => {\n    if (!key) return\n    const timer = setInterval(() => setNow(Date.now()), 1000)\n    return () => clearInterval(timer)\n  }, [key])\n  if (!key) return null\n  const started = startedAt ? Date.parse(startedAt) : NaN\n  const from = Number.isFinite(started) ? Math.min(started, seen.current.at) : seen.current.at\n  const seconds = Math.max(0, Math.floor((now - from) / 1000))\n  return `${Math.floor(seconds / 60)}:${String(seconds % 60).padStart(2, '0')}`\n}\n\nfunction Frame({\n  siteName,\n  heading,\n  lede,\n  children,\n}: {\n  siteName?: string\n  /** Left out when the content leads with a heading of its own. */\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          {heading ? (\n            <Typography variant=\"h4\" component=\"h1\">\n              {heading}\n            </Typography>\n          ) : null}\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  // `/{orgSlug}/hosts/{subdomain}/ai-jobs`: the site's subdomain, which a console URL names it by.\n  const hostSubdomain = (basePath ?? '').split('/')[3] || null\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  // A failed guided start's Try again reopens its questions, filled in (AGL-3596);\n  // `?retry=1` — what the AI jobs drawer links — opens them on arrival.\n  const [retrying, setRetrying] = useState(\n    () => typeof window !== 'undefined' && new URLSearchParams(window.location.search).get('retry') === '1',\n  )\n  const tryAgain = useCallback(async () => {\n    if (!orgId || !job || typeof job !== 'object') return\n    setBusy(true)\n    setNotice(null)\n    // A finished build tries again only what failed (AGL-3616).\n    const decision = await resumeAiJobRequest(\n      user,\n      orgId,\n      job,\n      aiBuildCanRetry(job) ? { retry: 'failed-items' } : {},\n    )\n    if (decision.job) setJob(decision.job)\n    if (decision.error) setNotice(decision.error)\n    setBusy(false)\n  }, [orgId, job, user, setJob])\n  const confirmPlan = useCallback(\n    async (target: AiJobSummary, options: { publish?: boolean } = {}) => {\n      if (!orgId) return\n      setBusy(true)\n      setNotice(null)\n      const decision = await resumeAiJobRequest(user, orgId, target, options)\n      if (decision.job) setJob(decision.job)\n      if (decision.error) setNotice(decision.error)\n      setBusy(false)\n    },\n    [orgId, user, setJob],\n  )\n\n  const ready = job && typeof job === 'object' ? job : null\n  const copy = ready ? aiJobPageCopy(ready, PLATFORM_BRAND_NAME) : null\n  // The active row's running time, read before any early return (a hook).\n  const liveRow =\n    ready && aiSiteBuildPhase(ready) === 'working'\n      ? (aiSiteBuildRows(ready).find((row) => row.state === 'active') ?? null)\n      : null\n  const elapsed = useElapsed(liveRow ? `${ready?.id}:${liveRow.id}` : null, liveRow?.startedAt)\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 fraction = aiSiteBuildFraction(rows)\n  const activeRow = phase === 'working' ? (rows.find((row) => row.state === 'active') ?? null) : null\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  // Paused by the meter (AGL-3660): out of credits or at a cap, carried on by Resume.\n  const paused = ready.status === 'needs_input'\n  const retryRefusal = ready.review?.retryRefusal\n  const buildRetry = aiBuildCanRetry(ready)\n  const canRetry = (phase === 'stopped' && ready.review?.reason === 'doctrine') || buildRetry\n  const buildPlanWaiting = ready.kind === 'build' && phase === 'stopped' && ready.review?.reason === 'plan'\n  // A guided start that ended without building its site starts over from its\n  // own answers, as a fresh job: the questions reopen filled in.\n  const restartAnswers =\n    ready.kind === 'site' && (phase === 'failed' || phase === 'canceled')\n      ? aiSiteStartAnswersFromInputs(ready.siteInputs)\n      : null\n  const refund = phase === 'failed' || phase === 'stopped' || phase === 'canceled' ? aiJobRefundCopy(ready) : null\n  // A whole site put live says so in the words every new site goes live in\n  // (AGL-3663); a partial build or a page left a draft keeps its own account.\n  const liveNotice =\n    liveUrl !== null &&\n    !sitePublish?.drafts.length &&\n    copy.heading === SITE_LIVE_NOTICE_TITLE &&\n    copy.lede === SITE_LIVE_NOTICE_BODY\n\n  return (\n    <Frame siteName={siteName} {...(liveNotice ? {} : { heading: copy.heading, lede: copy.lede })}>\n      {record}\n      {liveNotice && <SiteLiveNotice liveUrl={liveUrl} pagesHref={links.pages} headingComponent=\"h1\" />}\n      {notice && <Alert severity=\"warning\">{notice}</Alert>}\n      <Card variant=\"outlined\" sx={{ borderRadius: 2 }}>\n        {phase === 'working' &&\n          (fraction !== null ? (\n            <LinearProgress\n              variant=\"determinate\"\n              value={Math.round(fraction * 100)}\n              aria-label={`Building: ${rows.filter((row) => row.state === 'done').length} of ${rows.length} steps done`}\n            />\n          ) : (\n            <LinearProgress aria-label=\"Building\" />\n          ))}\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: 'flex-start' }}>\n                <Box sx={{ width: (theme) => theme.spacing(3), display: 'flex', justifyContent: 'center' }}>\n                  <RowIcon state={row.state} />\n                </Box>\n                <Box sx={{ flex: 1, minWidth: 0 }}>\n                  <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'baseline', justifyContent: 'space-between' }}>\n                    <Typography\n                      variant=\"body1\"\n                      color={row.state === 'waiting' || row.state === 'skipped' ? 'text.secondary' : 'text.primary'}\n                    >\n                      {row.label}\n                    </Typography>\n                    {row.id === activeRow?.id && elapsed ? (\n                      <Typography variant=\"body2\" color=\"text.secondary\" sx={{ fontVariantNumeric: 'tabular-nums' }}>\n                        {elapsed}\n                      </Typography>\n                    ) : typeof row.credits === 'number' && row.credits > 0 ? (\n                      <Typography variant=\"body2\" color=\"text.secondary\" sx={{ whiteSpace: 'nowrap' }}>\n                        {`${row.credits} ${row.credits === 1 ? 'credit' : 'credits'}`}\n                      </Typography>\n                    ) : null}\n                  </Stack>\n                  {row.id === activeRow?.id && row.hint ? (\n                    <Typography variant=\"body2\" color=\"text.secondary\">\n                      {row.hint}\n                    </Typography>\n                  ) : null}\n                  {row.sections?.length && (row.state === 'active' || row.state === 'done') ? (\n                    <Typography variant=\"body2\" color=\"text.secondary\">\n                      {`${row.state === 'active' ? 'Writing' : 'Wrote'}: ${row.sections.join(', ')}`}\n                    </Typography>\n                  ) : null}\n                  {/* A build item's failure, note or refund (AGL-3616). */}\n                  {row.detail ? (\n                    <Typography variant=\"body2\" color=\"text.secondary\">\n                      {row.detail}\n                    </Typography>\n                  ) : null}\n                </Box>\n              </Stack>\n            ))}\n          </Stack>\n        </Box>\n      </Card>\n      {refund && (ready.refundedCredits ?? 0) > 0 ? (\n        <Alert severity=\"info\">{refund}</Alert>\n      ) : credits ? (\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {credits}\n        </Typography>\n      ) : null}\n      {retrying && restartAnswers && hostId ? (\n        <AiSiteStartCard\n          hostId={hostId}\n          orgId={orgId ?? undefined}\n          orgSlug={orgSlug}\n          host={hostSubdomain}\n          initialAnswers={restartAnswers}\n          startBlank={() => setRetrying(false)}\n          leave={() => setRetrying(false)}\n        />\n      ) : null}\n      {buildPlanWaiting ? (\n        // A build's plan, confirmed here as in the chat (AGL-3616).\n        <AiJobPlan job={ready} busy={busy} onResume={(target, options) => void confirmPlan(target, options)} />\n      ) : null}\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' && buildRetry && (\n        <Box>\n          <Button variant=\"outlined\" disabled={busy} onClick={() => void tryAgain()}>\n            {'Try again what failed'}\n          </Button>\n        </Box>\n      )}\n      {phase === 'done' && !liveNotice && (\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      {paused && (\n        // Paused by the meter (AGL-3660): the way to more credits — the\n        // workspace's own Billing page, where plans and the AI add-on are\n        // sold — and Resume, which carries on this same job from its paused\n        // step once credits are there again.\n        <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2} sx={{ alignItems: { sm: 'center' } }}>\n          <Button variant=\"contained\" disabled={busy} onClick={() => void confirmPlan(ready)}>\n            {busy ? 'Resuming…' : 'Resume'}\n          </Button>\n          {orgSlug ? (\n            <Button variant=\"outlined\" component={AppLink} href={aiCreditsBillingHref(orgSlug)}>\n              {'Get more AI credits'}\n            </Button>\n          ) : null}\n        </Stack>\n      )}\n      {!paused && (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            {restartAnswers && hostId && (\n              <Button variant=\"contained\" onClick={() => setRetrying(true)}>\n                {'Try again'}\n              </Button>\n            )}\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\n          // Open while the site is built, so the plan is in view as each part of it is written.\n          defaultExpanded={phase === 'working'}\n          variant=\"outlined\"\n          disableGutters\n          sx={{ borderRadius: 2, '&::before': { display: 'none' } }}\n        >\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","mdiMinusCircleOutline","mdiPauseCircle","AppLink","MdiIcon","SITE_LIVE_NOTICE_BODY","SITE_LIVE_NOTICE_TITLE","SiteLiveNotice","useUser","Accordion","AccordionDetails","AccordionSummary","Alert","Box","Button","Card","CircularProgress","Container","LinearProgress","Stack","Typography","useCallback","useEffect","useRef","useState","aiJobPageCopy","aiSiteBuildCreditsLine","aiSiteBuildFraction","aiSiteBuildPhase","aiSiteBuildRows","aiJobRefundCopy","aiSiteStarterFallbackOffered","aiSiteStartAnswersFromInputs","AiSiteStartCard","AI_JOB_TERMINAL_STATUSES","followAiJobEvents","aiCreditsBillingHref","aiSiteBuildDoneLinks","AiJobPlan","aiBuildCanRetry","resumeAiJobRequest","useAiJobSite","AiSiteStarterFallback","AI_JOB_FIRST_STATE_TIMEOUT_MS","useAiJobById","user","orgId","jobId","userRef","current","job","setJob","attempt","setAttempt","status","moving","includes","undefined","controller","AbortController","heard","timer","setTimeout","signal","next","then","end","aborted","unheard","clearTimeout","abort","retry","count","ROW_ICON","done","path","color","label","waiting","failed","skipped","paused","RowIcon","state","size","aria-label","icon","component","role","sx","display","fontSize","theme","spacing","aria-hidden","useElapsed","key","startedAt","now","setNow","Date","seen","at","setInterval","clearInterval","started","parse","NaN","from","Number","isFinite","Math","min","seconds","max","floor","String","padStart","Frame","siteName","heading","lede","children","maxWidth","py","xs","sm","px","variant","AiSiteBuildPage","hostId","segments","basePath","rows","ready","data","decodeURIComponent","orgSlug","split","hostSubdomain","site","name","busy","setBusy","notice","setNotice","retrying","setRetrying","window","URLSearchParams","location","search","get","tryAgain","decision","error","confirmPlan","target","options","copy","liveRow","find","row","elapsed","id","record","title","severity","href","action","onClick","alignItems","phase","fraction","activeRow","credits","links","view","pages","sitePublish","kind","liveUrl","published","length","retryRefusal","review","buildRetry","canRetry","reason","buildPlanWaiting","restartAnswers","siteInputs","refund","liveNotice","drafts","pagesHref","headingComponent","borderRadius","value","round","filter","listStyle","m","p","map","direction","width","justifyContent","flex","minWidth","fontVariantNumeric","whiteSpace","hint","sections","join","detail","refundedCredits","host","initialAnswers","startBlank","leave","onResume","mb","pl","draft","li","mt","disabled","rel","Boolean","plan","screens","defaultExpanded","disableGutters","expandIcon","screen","index","slug","section"],"mappings":"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"}
+{"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  mdiMinusCircleOutline,\n  mdiPauseCircle,\n} from '@aglyn/shared-data-mdi'\nimport { AppLink, MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { newTabLinkProps } from '@aglyn/shared-ui-jsx/utils/new-tab'\nimport {\n  SITE_LIVE_NOTICE_BODY,\n  SITE_LIVE_NOTICE_TITLE,\n  SiteLiveNotice,\n} from '@aglyn/shared-ui-jsx/components/site-live-notice.component'\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  aiSiteBuildFraction,\n  aiSiteBuildPhase,\n  aiSiteBuildRows,\n  type AiSiteBuildRowState,\n} from '../model/ai-site-build-progress'\nimport { aiJobRefundCopy, aiSiteStarterFallbackOffered } from '../model/ai-job-failure-copy'\nimport { aiSiteStartAnswersFromInputs } from '../model/ai-site-start'\nimport { AiSiteStartCard } from './ai-site-start-card.component'\nimport { AI_JOB_TERMINAL_STATUSES, type AiJobSummary } from '../model/ai-jobs.types'\nimport { followAiJobEvents } from './ai-job-events'\nimport { aiCreditsBillingHref, aiSiteBuildDoneLinks } from './ai-job-links'\nimport { AiJobPlan } from './ai-job-plan.component'\nimport { aiBuildCanRetry } from '../model/ai-build-progress'\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  // Followed until the job ENDS (AGL-3596), not until it first stops: a guided\n  // start parks on its plan for the instant it takes to confirm it, and a page\n  // that stopped following there showed that park — the plan's 13 credits and\n  // \"the plan is ready\" — after the job had built, spent and failed.\n  const moving = status === null || !AI_JOB_TERMINAL_STATUSES.includes(status)\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: 'Couldn’t be built' },\n  skipped: { path: mdiMinusCircleOutline.path, color: 'text.disabled', label: 'Not built' },\n  // Paused by the meter (AGL-3660): no spinner — it is not running.\n  paused: { path: mdiPauseCircle.path, color: 'warning.main', label: 'Paused' },\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. */\n/** \"0:42\", \"3:05\": how long the active row has been running, from when it started or was first seen. */\nfunction useElapsed(key: string | null, startedAt: string | null | undefined): string | null {\n  const [now, setNow] = useState(() => Date.now())\n  const seen = useRef<{ key: string | null; at: number }>({ key: null, at: Date.now() })\n  if (seen.current.key !== key) seen.current = { key, at: Date.now() }\n  useEffect(() => {\n    if (!key) return\n    const timer = setInterval(() => setNow(Date.now()), 1000)\n    return () => clearInterval(timer)\n  }, [key])\n  if (!key) return null\n  const started = startedAt ? Date.parse(startedAt) : NaN\n  const from = Number.isFinite(started) ? Math.min(started, seen.current.at) : seen.current.at\n  const seconds = Math.max(0, Math.floor((now - from) / 1000))\n  return `${Math.floor(seconds / 60)}:${String(seconds % 60).padStart(2, '0')}`\n}\n\nfunction Frame({\n  siteName,\n  heading,\n  lede,\n  children,\n}: {\n  siteName?: string\n  /** Left out when the content leads with a heading of its own. */\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          {heading ? (\n            <Typography variant=\"h4\" component=\"h1\">\n              {heading}\n            </Typography>\n          ) : null}\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  // `/{orgSlug}/hosts/{subdomain}/ai-jobs`: the site's subdomain, which a console URL names it by.\n  const hostSubdomain = (basePath ?? '').split('/')[3] || null\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  // A failed guided start's Try again reopens its questions, filled in (AGL-3596);\n  // `?retry=1` — what the AI jobs drawer links — opens them on arrival.\n  const [retrying, setRetrying] = useState(\n    () => typeof window !== 'undefined' && new URLSearchParams(window.location.search).get('retry') === '1',\n  )\n  const tryAgain = useCallback(async () => {\n    if (!orgId || !job || typeof job !== 'object') return\n    setBusy(true)\n    setNotice(null)\n    // A finished build tries again only what failed (AGL-3616).\n    const decision = await resumeAiJobRequest(\n      user,\n      orgId,\n      job,\n      aiBuildCanRetry(job) ? { retry: 'failed-items' } : {},\n    )\n    if (decision.job) setJob(decision.job)\n    if (decision.error) setNotice(decision.error)\n    setBusy(false)\n  }, [orgId, job, user, setJob])\n  const confirmPlan = useCallback(\n    async (target: AiJobSummary, options: { publish?: boolean } = {}) => {\n      if (!orgId) return\n      setBusy(true)\n      setNotice(null)\n      const decision = await resumeAiJobRequest(user, orgId, target, options)\n      if (decision.job) setJob(decision.job)\n      if (decision.error) setNotice(decision.error)\n      setBusy(false)\n    },\n    [orgId, user, setJob],\n  )\n\n  const ready = job && typeof job === 'object' ? job : null\n  const copy = ready ? aiJobPageCopy(ready, PLATFORM_BRAND_NAME) : null\n  // The active row's running time, read before any early return (a hook).\n  const liveRow =\n    ready && aiSiteBuildPhase(ready) === 'working'\n      ? (aiSiteBuildRows(ready).find((row) => row.state === 'active') ?? null)\n      : null\n  const elapsed = useElapsed(liveRow ? `${ready?.id}:${liveRow.id}` : null, liveRow?.startedAt)\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 fraction = aiSiteBuildFraction(rows)\n  const activeRow = phase === 'working' ? (rows.find((row) => row.state === 'active') ?? null) : null\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  // Paused by the meter (AGL-3660): out of credits or at a cap, carried on by Resume.\n  const paused = ready.status === 'needs_input'\n  const retryRefusal = ready.review?.retryRefusal\n  const buildRetry = aiBuildCanRetry(ready)\n  const canRetry = (phase === 'stopped' && ready.review?.reason === 'doctrine') || buildRetry\n  const buildPlanWaiting = ready.kind === 'build' && phase === 'stopped' && ready.review?.reason === 'plan'\n  // A guided start that ended without building its site starts over from its\n  // own answers, as a fresh job: the questions reopen filled in.\n  const restartAnswers =\n    ready.kind === 'site' && (phase === 'failed' || phase === 'canceled')\n      ? aiSiteStartAnswersFromInputs(ready.siteInputs)\n      : null\n  const refund = phase === 'failed' || phase === 'stopped' || phase === 'canceled' ? aiJobRefundCopy(ready) : null\n  // A whole site put live says so in the words every new site goes live in\n  // (AGL-3663); a partial build or a page left a draft keeps its own account.\n  const liveNotice =\n    liveUrl !== null &&\n    !sitePublish?.drafts.length &&\n    copy.heading === SITE_LIVE_NOTICE_TITLE &&\n    copy.lede === SITE_LIVE_NOTICE_BODY\n\n  return (\n    <Frame siteName={siteName} {...(liveNotice ? {} : { heading: copy.heading, lede: copy.lede })}>\n      {record}\n      {liveNotice && <SiteLiveNotice liveUrl={liveUrl} pagesHref={links.pages} headingComponent=\"h1\" />}\n      {notice && <Alert severity=\"warning\">{notice}</Alert>}\n      <Card variant=\"outlined\" sx={{ borderRadius: 2 }}>\n        {phase === 'working' &&\n          (fraction !== null ? (\n            <LinearProgress\n              variant=\"determinate\"\n              value={Math.round(fraction * 100)}\n              aria-label={`Building: ${rows.filter((row) => row.state === 'done').length} of ${rows.length} steps done`}\n            />\n          ) : (\n            <LinearProgress aria-label=\"Building\" />\n          ))}\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: 'flex-start' }}>\n                <Box sx={{ width: (theme) => theme.spacing(3), display: 'flex', justifyContent: 'center' }}>\n                  <RowIcon state={row.state} />\n                </Box>\n                <Box sx={{ flex: 1, minWidth: 0 }}>\n                  <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'baseline', justifyContent: 'space-between' }}>\n                    <Typography\n                      variant=\"body1\"\n                      color={row.state === 'waiting' || row.state === 'skipped' ? 'text.secondary' : 'text.primary'}\n                    >\n                      {row.label}\n                    </Typography>\n                    {row.id === activeRow?.id && elapsed ? (\n                      <Typography variant=\"body2\" color=\"text.secondary\" sx={{ fontVariantNumeric: 'tabular-nums' }}>\n                        {elapsed}\n                      </Typography>\n                    ) : typeof row.credits === 'number' && row.credits > 0 ? (\n                      <Typography variant=\"body2\" color=\"text.secondary\" sx={{ whiteSpace: 'nowrap' }}>\n                        {`${row.credits} ${row.credits === 1 ? 'credit' : 'credits'}`}\n                      </Typography>\n                    ) : null}\n                  </Stack>\n                  {row.id === activeRow?.id && row.hint ? (\n                    <Typography variant=\"body2\" color=\"text.secondary\">\n                      {row.hint}\n                    </Typography>\n                  ) : null}\n                  {row.sections?.length && (row.state === 'active' || row.state === 'done') ? (\n                    <Typography variant=\"body2\" color=\"text.secondary\">\n                      {`${row.state === 'active' ? 'Writing' : 'Wrote'}: ${row.sections.join(', ')}`}\n                    </Typography>\n                  ) : null}\n                  {/* A build item's failure, note or refund (AGL-3616). */}\n                  {row.detail ? (\n                    <Typography variant=\"body2\" color=\"text.secondary\">\n                      {row.detail}\n                    </Typography>\n                  ) : null}\n                </Box>\n              </Stack>\n            ))}\n          </Stack>\n        </Box>\n      </Card>\n      {refund && (ready.refundedCredits ?? 0) > 0 ? (\n        <Alert severity=\"info\">{refund}</Alert>\n      ) : credits ? (\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {credits}\n        </Typography>\n      ) : null}\n      {retrying && restartAnswers && hostId ? (\n        <AiSiteStartCard\n          hostId={hostId}\n          orgId={orgId ?? undefined}\n          orgSlug={orgSlug}\n          host={hostSubdomain}\n          initialAnswers={restartAnswers}\n          startBlank={() => setRetrying(false)}\n          leave={() => setRetrying(false)}\n        />\n      ) : null}\n      {buildPlanWaiting ? (\n        // A build's plan, confirmed here as in the chat (AGL-3616).\n        <AiJobPlan job={ready} busy={busy} onResume={(target, options) => void confirmPlan(target, options)} />\n      ) : null}\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' && buildRetry && (\n        <Box>\n          <Button variant=\"outlined\" disabled={busy} onClick={() => void tryAgain()}>\n            {'Try again what failed'}\n          </Button>\n        </Box>\n      )}\n      {phase === 'done' && !liveNotice && (\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            // The console's own view of the first page, but still a VIEW, so\n            // it opens beside this page like the live one above (AGL-3660).\n            <Button\n              variant=\"contained\"\n              size=\"large\"\n              component={AppLink}\n              href={links.view}\n              {...newTabLinkProps}\n            >\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      {paused && (\n        // Paused by the meter (AGL-3660): the way to more credits — the\n        // workspace's own Billing page, where plans and the AI add-on are\n        // sold — and Resume, which carries on this same job from its paused\n        // step once credits are there again.\n        <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2} sx={{ alignItems: { sm: 'center' } }}>\n          <Button variant=\"contained\" disabled={busy} onClick={() => void confirmPlan(ready)}>\n            {busy ? 'Resuming…' : 'Resume'}\n          </Button>\n          {orgSlug ? (\n            <Button variant=\"outlined\" component={AppLink} href={aiCreditsBillingHref(orgSlug)}>\n              {'Get more AI credits'}\n            </Button>\n          ) : null}\n        </Stack>\n      )}\n      {!paused && (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            {restartAnswers && hostId && (\n              <Button variant=\"contained\" onClick={() => setRetrying(true)}>\n                {'Try again'}\n              </Button>\n            )}\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\n          // Open while the site is built, so the plan is in view as each part of it is written.\n          defaultExpanded={phase === 'working'}\n          variant=\"outlined\"\n          disableGutters\n          sx={{ borderRadius: 2, '&::before': { display: 'none' } }}\n        >\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","mdiMinusCircleOutline","mdiPauseCircle","AppLink","MdiIcon","newTabLinkProps","SITE_LIVE_NOTICE_BODY","SITE_LIVE_NOTICE_TITLE","SiteLiveNotice","useUser","Accordion","AccordionDetails","AccordionSummary","Alert","Box","Button","Card","CircularProgress","Container","LinearProgress","Stack","Typography","useCallback","useEffect","useRef","useState","aiJobPageCopy","aiSiteBuildCreditsLine","aiSiteBuildFraction","aiSiteBuildPhase","aiSiteBuildRows","aiJobRefundCopy","aiSiteStarterFallbackOffered","aiSiteStartAnswersFromInputs","AiSiteStartCard","AI_JOB_TERMINAL_STATUSES","followAiJobEvents","aiCreditsBillingHref","aiSiteBuildDoneLinks","AiJobPlan","aiBuildCanRetry","resumeAiJobRequest","useAiJobSite","AiSiteStarterFallback","AI_JOB_FIRST_STATE_TIMEOUT_MS","useAiJobById","user","orgId","jobId","userRef","current","job","setJob","attempt","setAttempt","status","moving","includes","undefined","controller","AbortController","heard","timer","setTimeout","signal","next","then","end","aborted","unheard","clearTimeout","abort","retry","count","ROW_ICON","done","path","color","label","waiting","failed","skipped","paused","RowIcon","state","size","aria-label","icon","component","role","sx","display","fontSize","theme","spacing","aria-hidden","useElapsed","key","startedAt","now","setNow","Date","seen","at","setInterval","clearInterval","started","parse","NaN","from","Number","isFinite","Math","min","seconds","max","floor","String","padStart","Frame","siteName","heading","lede","children","maxWidth","py","xs","sm","px","variant","AiSiteBuildPage","hostId","segments","basePath","rows","ready","data","decodeURIComponent","orgSlug","split","hostSubdomain","site","name","busy","setBusy","notice","setNotice","retrying","setRetrying","window","URLSearchParams","location","search","get","tryAgain","decision","error","confirmPlan","target","options","copy","liveRow","find","row","elapsed","id","record","title","severity","href","action","onClick","alignItems","phase","fraction","activeRow","credits","links","view","pages","sitePublish","kind","liveUrl","published","length","retryRefusal","review","buildRetry","canRetry","reason","buildPlanWaiting","restartAnswers","siteInputs","refund","liveNotice","drafts","pagesHref","headingComponent","borderRadius","value","round","filter","listStyle","m","p","map","direction","width","justifyContent","flex","minWidth","fontVariantNumeric","whiteSpace","hint","sections","join","detail","refundedCredits","host","initialAnswers","startBlank","leave","onResume","mb","pl","draft","li","mt","disabled","rel","Boolean","plan","screens","defaultExpanded","disableGutters","expandIcon","screen","index","slug","section"],"mappings":"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"}

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

@@ -15,6 +15,7 @@
  * limitations under the License.
  */ 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { pluginDocsHelp } from "@aglyn/aglyn/app-utils/docs-help";
 import { CardDisplay } from "@aglyn/shared-ui-jsx";
 import { authorizedFetch } from "@aglyn/shared-util-http/authorized-token";
 import { useUser } from "@aglyn/tenant-feature-instance";
@@ -123,10 +124,12 @@ export function AiSiteSeoStartCard({ hostId, orgId, seo, proposeDraft }) {
     return /*#__PURE__*/ _jsx(CardDisplay, {
         contentGutterX: true,
         contentGutterY: true,
-        HeaderProps: {
-            title: 'The listing your answers describe',
-            subheader: 'What you said this site is, and who it is for, as the title and description every ' + 'page without its own falls back to. Nothing is saved until you press Update below.'
-        },
+        help: pluginDocsHelp('aiStart', {
+            anchor: '#the-sites-search-listing',
+            excerpt: 'A search title and description from your guided-start answers. Put in the form stages them in the SEO form; Update saves them.'
+        }),
+        header: 'The listing your answers describe',
+        subheader: 'What you said this site is, and who it is for, as the title and description every ' + 'page without its own falls back to. Nothing is saved until you press Update below.',
         children: /*#__PURE__*/ _jsxs(Stack, {
             spacing: 2,
             children: [

package/src/lib/components/ai-site-seo-start-card.component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-site-seo-start-card.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 type { ConsoleHostSeoZoneProps } from '@aglyn/aglyn/plugin-manager/feature-plugins'\nimport { CardDisplay } from '@aglyn/shared-ui-jsx'\nimport { authorizedFetch } from '@aglyn/shared-util-http/authorized-token'\nimport { useUser } from '@aglyn/tenant-feature-instance'\nimport { Alert, Button, Stack, Typography } from '@mui/material'\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport type { AiJobSummary } from '../model/ai-jobs.types'\nimport {\n  AI_SITE_SEO_FORM_FIELDS,\n  aiSiteSeoProposalOf,\n  type AiSiteSeoProposal,\n} from '../model/ai-site-start-seo'\n\n/**\n * The site's own search listing, from the guided start's answers (AGL-2918),\n * on the site's SEO section through the `hostSeo` zone.\n *\n * The guided start asks what kind of site this is and who it is for. Those\n * two answers are exactly the site-wide search title and description every\n * page with none of its own falls back to, and until now they reached\n * neither: a scaffolded site published its pages listed under whatever its\n * creation seeded. The scaffold now carries the pair as an output of the\n * `site` job (`aiSiteSeoProposal`), and this card is where a person reads it\n * and puts it in the form.\n *\n * ── It writes nothing, and it asks for nothing ───────────────────────────\n *\n * \"Put in the form\" is the zone's own `proposeDraft`: the two values land in\n * the SEO form below as unsaved edits and the form's Update is the write. No\n * job is started from here and no model is asked anything — the card only\n * reads jobs the site already ran.\n *\n * ── Absent unless there is something to offer ────────────────────────────\n *\n * Nothing renders until the jobs route has admitted this workspace, so a\n * workspace whose release flag is off sees the ordinary SEO section and no\n * trace of this. Nothing renders either when no scaffold ever ran here, or\n * when the site's stored SEO already says what the proposal would say —\n * a card whose only button does nothing is worse than no card.\n */\n\n/** How many recent jobs the card reads to find this site's guided start. */\nconst RECENT_JOBS_READ = 20\n\ntype Verdict = 'checking' | 'ready' | 'hidden'\n\n/** What each value is called where the card lists it. */\nconst FIELD_LABELS: Record<string, string> = {\n  [AI_SITE_SEO_FORM_FIELDS.title]: 'Title',\n  [AI_SITE_SEO_FORM_FIELDS.description]: 'Description',\n}\n\n/** What the site's settings hold for one field now, read as the form seeded it. */\nfunction storedValue(seo: Record<string, unknown> | undefined, field: string): string {\n  const key = field.replace(/^seo\\./, '')\n  const value = seo?.[key]\n  return typeof value === 'string' ? value.trim() : ''\n}\n\n/**\n * Whether the site's settings already say what the proposal says. Both values\n * have to match: a site whose title was applied and whose description was\n * then rewritten still has something to take.\n */\nexport function aiSiteSeoAlreadySaid(\n  proposal: AiSiteSeoProposal,\n  seo: Record<string, unknown> | undefined,\n): boolean {\n  return Object.entries(proposal.values).every(\n    ([field, value]) => storedValue(seo, field) === value.trim(),\n  )\n}\n\nexport function AiSiteSeoStartCard({ hostId, orgId, seo, proposeDraft }: ConsoleHostSeoZoneProps) {\n  const { data: user } = useUser()\n  // Held in a ref so a request reads WHO is signed in, never the identity of\n  // the object that says so.\n  const userRef = useRef(user)\n  userRef.current = user\n  const uid = user?.uid ?? null\n  const [verdict, setVerdict] = useState<Verdict>('checking')\n  const [job, setJob] = useState<AiJobSummary | null>(null)\n  const [staged, setStaged] = useState(false)\n\n  useEffect(() => {\n    if (!orgId || !hostId || !uid) return\n    let active = true\n    void (async () => {\n      try {\n        const response = await authorizedFetch(\n          userRef.current,\n          `/api/ai/jobs?orgId=${encodeURIComponent(orgId)}&limit=${RECENT_JOBS_READ}`,\n        )\n        if (!active) return\n        if (!response.ok) {\n          setVerdict('hidden')\n          return\n        }\n        const payload = await response.json().catch(() => null)\n        if (!active) return\n        // The scaffold that ran for THIS site and reported a listing; the\n        // route answers newest first, so the first match is the last start.\n        const latest = ((payload?.jobs ?? []) as AiJobSummary[]).find(\n          (entry) =>\n            entry.kind === 'site' &&\n            entry.hostId === hostId &&\n            aiSiteSeoProposalOf(entry.outputs) !== null,\n        )\n        if (latest) setJob(latest)\n        setVerdict('ready')\n      } catch {\n        if (active) setVerdict('hidden')\n      }\n    })()\n    return () => {\n      active = false\n    }\n  }, [orgId, hostId, uid])\n\n  const proposal = useMemo(() => (job ? aiSiteSeoProposalOf(job.outputs) : null), [job])\n\n  const stage = useCallback(() => {\n    if (!job || !proposal) return\n    proposeDraft(proposal.values, `${job.id}:site-listing`)\n    setStaged(true)\n  }, [job, proposal, proposeDraft])\n\n  if (verdict !== 'ready' || !proposal) return null\n  if (!staged && aiSiteSeoAlreadySaid(proposal, seo)) return null\n\n  return (\n    <CardDisplay\n      contentGutterX\n      contentGutterY\n      HeaderProps={{\n        title: 'The listing your answers describe',\n        subheader:\n          'What you said this site is, and who it is for, as the title and description every ' +\n          'page without its own falls back to. Nothing is saved until you press Update below.',\n      }}\n    >\n      <Stack spacing={2}>\n        {Object.entries(proposal.values).map(([field, value]) => (\n          <Stack key={field} spacing={0.25}>\n            <Typography variant=\"caption\" color=\"text.secondary\">\n              {FIELD_LABELS[field] ?? field}\n            </Typography>\n            <Typography variant=\"body2\" sx={{ wordBreak: 'break-word' }}>\n              {value}\n            </Typography>\n          </Stack>\n        ))}\n        {proposal.notes.map((note) => (\n          <Typography key={note} variant=\"caption\" color=\"text.secondary\">\n            {note}\n          </Typography>\n        ))}\n        <Button\n          size=\"small\"\n          variant=\"outlined\"\n          sx={{ alignSelf: 'flex-start' }}\n          disabled={staged}\n          onClick={stage}\n        >\n          {'Put in the form'}\n        </Button>\n        {staged && (\n          <Alert severity=\"success\">\n            {'In the SEO form below as unsaved changes. Read them, then press Update.'}\n          </Alert>\n        )}\n      </Stack>\n    </CardDisplay>\n  )\n}\n\nexport default AiSiteSeoStartCard\n"],"names":["CardDisplay","authorizedFetch","useUser","Alert","Button","Stack","Typography","useCallback","useEffect","useMemo","useRef","useState","AI_SITE_SEO_FORM_FIELDS","aiSiteSeoProposalOf","RECENT_JOBS_READ","FIELD_LABELS","title","description","storedValue","seo","field","key","replace","value","trim","aiSiteSeoAlreadySaid","proposal","Object","entries","values","every","AiSiteSeoStartCard","hostId","orgId","proposeDraft","data","user","userRef","current","uid","verdict","setVerdict","job","setJob","staged","setStaged","active","response","encodeURIComponent","ok","payload","json","catch","latest","jobs","find","entry","kind","outputs","stage","id","contentGutterX","contentGutterY","HeaderProps","subheader","spacing","map","variant","color","sx","wordBreak","notes","note","size","alignSelf","disabled","onClick","severity"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GAED;;AAGA,SAASA,WAAW,QAAQ,uBAAsB;AAClD,SAASC,eAAe,QAAQ,2CAA0C;AAC1E,SAASC,OAAO,QAAQ,iCAAgC;AACxD,SAASC,KAAK,EAAEC,MAAM,EAAEC,KAAK,EAAEC,UAAU,QAAQ,gBAAe;AAChE,SAASC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAEzE,SACEC,uBAAuB,EACvBC,mBAAmB,QAEd,gCAA4B;AAEnC;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BC,GAED,0EAA0E,GAC1E,MAAMC,mBAAmB;AAIzB,uDAAuD,GACvD,MAAMC,eAAuC;IAC3C,CAACH,wBAAwBI,KAAK,CAAC,EAAE;IACjC,CAACJ,wBAAwBK,WAAW,CAAC,EAAE;AACzC;AAEA,iFAAiF,GACjF,SAASC,YAAYC,GAAwC,EAAEC,KAAa;IAC1E,MAAMC,MAAMD,MAAME,OAAO,CAAC,UAAU;IACpC,MAAMC,QAAQJ,uBAAAA,GAAK,CAACE,IAAI;IACxB,OAAO,OAAOE,UAAU,WAAWA,MAAMC,IAAI,KAAK;AACpD;AAEA;;;;CAIC,GACD,OAAO,SAASC,qBACdC,QAA2B,EAC3BP,GAAwC;IAExC,OAAOQ,OAAOC,OAAO,CAACF,SAASG,MAAM,EAAEC,KAAK,CAC1C,CAAC,CAACV,OAAOG,MAAM,GAAKL,YAAYC,KAAKC,WAAWG,MAAMC,IAAI;AAE9D;AAEA,OAAO,SAASO,mBAAmB,EAAEC,MAAM,EAAEC,KAAK,EAAEd,GAAG,EAAEe,YAAY,EAA2B;;IAC9F,MAAM,EAAEC,MAAMC,IAAI,EAAE,GAAGlC;IACvB,2EAA2E;IAC3E,2BAA2B;IAC3B,MAAMmC,UAAU3B,OAAO0B;IACvBC,QAAQC,OAAO,GAAGF;IAClB,MAAMG,cAAMH,wBAAAA,KAAMG,GAAG,mBAAI;IACzB,MAAM,CAACC,SAASC,WAAW,GAAG9B,SAAkB;IAChD,MAAM,CAAC+B,KAAKC,OAAO,GAAGhC,SAA8B;IACpD,MAAM,CAACiC,QAAQC,UAAU,GAAGlC,SAAS;IAErCH,UAAU;QACR,IAAI,CAACyB,SAAS,CAACD,UAAU,CAACO,KAAK;QAC/B,IAAIO,SAAS;QACb,KAAK,AAAC,CAAA;YACJ,IAAI;;gBACF,MAAMC,WAAW,MAAM9C,gBACrBoC,QAAQC,OAAO,EACf,CAAC,mBAAmB,EAAEU,mBAAmBf,OAAO,OAAO,EAAEnB,kBAAkB;gBAE7E,IAAI,CAACgC,QAAQ;gBACb,IAAI,CAACC,SAASE,EAAE,EAAE;oBAChBR,WAAW;oBACX;gBACF;gBACA,MAAMS,UAAU,MAAMH,SAASI,IAAI,GAAGC,KAAK,CAAC,IAAM;gBAClD,IAAI,CAACN,QAAQ;gBACb,kEAAkE;gBAClE,oEAAoE;gBACpE,MAAMO,SAAS,SAAEH,2BAAAA,QAASI,IAAI,mBAAI,EAAE,EAAqBC,IAAI,CAC3D,CAACC,QACCA,MAAMC,IAAI,KAAK,UACfD,MAAMxB,MAAM,KAAKA,UACjBnB,oBAAoB2C,MAAME,OAAO,MAAM;gBAE3C,IAAIL,QAAQV,OAAOU;gBACnBZ,WAAW;YACb,EAAE,eAAM;gBACN,IAAIK,QAAQL,WAAW;YACzB;QACF,CAAA;QACA,OAAO;YACLK,SAAS;QACX;IACF,GAAG;QAACb;QAAOD;QAAQO;KAAI;IAEvB,MAAMb,WAAWjB,QAAQ,IAAOiC,MAAM7B,oBAAoB6B,IAAIgB,OAAO,IAAI,MAAO;QAAChB;KAAI;IAErF,MAAMiB,QAAQpD,YAAY;QACxB,IAAI,CAACmC,OAAO,CAAChB,UAAU;QACvBQ,aAAaR,SAASG,MAAM,EAAE,GAAGa,IAAIkB,EAAE,CAAC,aAAa,CAAC;QACtDf,UAAU;IACZ,GAAG;QAACH;QAAKhB;QAAUQ;KAAa;IAEhC,IAAIM,YAAY,WAAW,CAACd,UAAU,OAAO;IAC7C,IAAI,CAACkB,UAAUnB,qBAAqBC,UAAUP,MAAM,OAAO;IAE3D,qBACE,KAACnB;QACC6D,cAAc;QACdC,cAAc;QACdC,aAAa;YACX/C,OAAO;YACPgD,WACE,uFACA;QACJ;kBAEA,cAAA,MAAC3D;YAAM4D,SAAS;;gBACbtC,OAAOC,OAAO,CAACF,SAASG,MAAM,EAAEqC,GAAG,CAAC,CAAC,CAAC9C,OAAOG,MAAM;wBAG7CR;yCAFL,MAACV;wBAAkB4D,SAAS;;0CAC1B,KAAC3D;gCAAW6D,SAAQ;gCAAUC,OAAM;2CACjCrD,sBAAAA,YAAY,CAACK,MAAM,YAAnBL,sBAAuBK;;0CAE1B,KAACd;gCAAW6D,SAAQ;gCAAQE,IAAI;oCAAEC,WAAW;gCAAa;0CACvD/C;;;uBALOH;;gBASbM,SAAS6C,KAAK,CAACL,GAAG,CAAC,CAACM,qBACnB,KAAClE;wBAAsB6D,SAAQ;wBAAUC,OAAM;kCAC5CI;uBADcA;8BAInB,KAACpE;oBACCqE,MAAK;oBACLN,SAAQ;oBACRE,IAAI;wBAAEK,WAAW;oBAAa;oBAC9BC,UAAU/B;oBACVgC,SAASjB;8BAER;;gBAEFf,wBACC,KAACzC;oBAAM0E,UAAS;8BACb;;;;;AAMb;AAEA,eAAe9C,mBAAkB"}
+{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-site-seo-start-card.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 type { ConsoleHostSeoZoneProps } from '@aglyn/aglyn/plugin-manager/feature-plugins'\nimport { pluginDocsHelp } from '@aglyn/aglyn/app-utils/docs-help'\nimport { CardDisplay } from '@aglyn/shared-ui-jsx'\nimport { authorizedFetch } from '@aglyn/shared-util-http/authorized-token'\nimport { useUser } from '@aglyn/tenant-feature-instance'\nimport { Alert, Button, Stack, Typography } from '@mui/material'\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport type { AiJobSummary } from '../model/ai-jobs.types'\nimport {\n  AI_SITE_SEO_FORM_FIELDS,\n  aiSiteSeoProposalOf,\n  type AiSiteSeoProposal,\n} from '../model/ai-site-start-seo'\n\n/**\n * The site's own search listing, from the guided start's answers (AGL-2918),\n * on the site's SEO section through the `hostSeo` zone.\n *\n * The guided start asks what kind of site this is and who it is for. Those\n * two answers are exactly the site-wide search title and description every\n * page with none of its own falls back to, and until now they reached\n * neither: a scaffolded site published its pages listed under whatever its\n * creation seeded. The scaffold now carries the pair as an output of the\n * `site` job (`aiSiteSeoProposal`), and this card is where a person reads it\n * and puts it in the form.\n *\n * ── It writes nothing, and it asks for nothing ───────────────────────────\n *\n * \"Put in the form\" is the zone's own `proposeDraft`: the two values land in\n * the SEO form below as unsaved edits and the form's Update is the write. No\n * job is started from here and no model is asked anything — the card only\n * reads jobs the site already ran.\n *\n * ── Absent unless there is something to offer ────────────────────────────\n *\n * Nothing renders until the jobs route has admitted this workspace, so a\n * workspace whose release flag is off sees the ordinary SEO section and no\n * trace of this. Nothing renders either when no scaffold ever ran here, or\n * when the site's stored SEO already says what the proposal would say —\n * a card whose only button does nothing is worse than no card.\n */\n\n/** How many recent jobs the card reads to find this site's guided start. */\nconst RECENT_JOBS_READ = 20\n\ntype Verdict = 'checking' | 'ready' | 'hidden'\n\n/** What each value is called where the card lists it. */\nconst FIELD_LABELS: Record<string, string> = {\n  [AI_SITE_SEO_FORM_FIELDS.title]: 'Title',\n  [AI_SITE_SEO_FORM_FIELDS.description]: 'Description',\n}\n\n/** What the site's settings hold for one field now, read as the form seeded it. */\nfunction storedValue(seo: Record<string, unknown> | undefined, field: string): string {\n  const key = field.replace(/^seo\\./, '')\n  const value = seo?.[key]\n  return typeof value === 'string' ? value.trim() : ''\n}\n\n/**\n * Whether the site's settings already say what the proposal says. Both values\n * have to match: a site whose title was applied and whose description was\n * then rewritten still has something to take.\n */\nexport function aiSiteSeoAlreadySaid(\n  proposal: AiSiteSeoProposal,\n  seo: Record<string, unknown> | undefined,\n): boolean {\n  return Object.entries(proposal.values).every(\n    ([field, value]) => storedValue(seo, field) === value.trim(),\n  )\n}\n\nexport function AiSiteSeoStartCard({ hostId, orgId, seo, proposeDraft }: ConsoleHostSeoZoneProps) {\n  const { data: user } = useUser()\n  // Held in a ref so a request reads WHO is signed in, never the identity of\n  // the object that says so.\n  const userRef = useRef(user)\n  userRef.current = user\n  const uid = user?.uid ?? null\n  const [verdict, setVerdict] = useState<Verdict>('checking')\n  const [job, setJob] = useState<AiJobSummary | null>(null)\n  const [staged, setStaged] = useState(false)\n\n  useEffect(() => {\n    if (!orgId || !hostId || !uid) return\n    let active = true\n    void (async () => {\n      try {\n        const response = await authorizedFetch(\n          userRef.current,\n          `/api/ai/jobs?orgId=${encodeURIComponent(orgId)}&limit=${RECENT_JOBS_READ}`,\n        )\n        if (!active) return\n        if (!response.ok) {\n          setVerdict('hidden')\n          return\n        }\n        const payload = await response.json().catch(() => null)\n        if (!active) return\n        // The scaffold that ran for THIS site and reported a listing; the\n        // route answers newest first, so the first match is the last start.\n        const latest = ((payload?.jobs ?? []) as AiJobSummary[]).find(\n          (entry) =>\n            entry.kind === 'site' &&\n            entry.hostId === hostId &&\n            aiSiteSeoProposalOf(entry.outputs) !== null,\n        )\n        if (latest) setJob(latest)\n        setVerdict('ready')\n      } catch {\n        if (active) setVerdict('hidden')\n      }\n    })()\n    return () => {\n      active = false\n    }\n  }, [orgId, hostId, uid])\n\n  const proposal = useMemo(() => (job ? aiSiteSeoProposalOf(job.outputs) : null), [job])\n\n  const stage = useCallback(() => {\n    if (!job || !proposal) return\n    proposeDraft(proposal.values, `${job.id}:site-listing`)\n    setStaged(true)\n  }, [job, proposal, proposeDraft])\n\n  if (verdict !== 'ready' || !proposal) return null\n  if (!staged && aiSiteSeoAlreadySaid(proposal, seo)) return null\n\n  return (\n    <CardDisplay\n      contentGutterX\n      contentGutterY\n      help={pluginDocsHelp('aiStart', {\n        anchor: '#the-sites-search-listing',\n        excerpt:\n          'A search title and description from your guided-start answers. Put in the form stages them in the SEO form; Update saves them.',\n      })}\n      header={'The listing your answers describe'}\n      subheader={\n        'What you said this site is, and who it is for, as the title and description every ' +\n        'page without its own falls back to. Nothing is saved until you press Update below.'\n      }\n    >\n      <Stack spacing={2}>\n        {Object.entries(proposal.values).map(([field, value]) => (\n          <Stack key={field} spacing={0.25}>\n            <Typography variant=\"caption\" color=\"text.secondary\">\n              {FIELD_LABELS[field] ?? field}\n            </Typography>\n            <Typography variant=\"body2\" sx={{ wordBreak: 'break-word' }}>\n              {value}\n            </Typography>\n          </Stack>\n        ))}\n        {proposal.notes.map((note) => (\n          <Typography key={note} variant=\"caption\" color=\"text.secondary\">\n            {note}\n          </Typography>\n        ))}\n        <Button\n          size=\"small\"\n          variant=\"outlined\"\n          sx={{ alignSelf: 'flex-start' }}\n          disabled={staged}\n          onClick={stage}\n        >\n          {'Put in the form'}\n        </Button>\n        {staged && (\n          <Alert severity=\"success\">\n            {'In the SEO form below as unsaved changes. Read them, then press Update.'}\n          </Alert>\n        )}\n      </Stack>\n    </CardDisplay>\n  )\n}\n\nexport default AiSiteSeoStartCard\n"],"names":["pluginDocsHelp","CardDisplay","authorizedFetch","useUser","Alert","Button","Stack","Typography","useCallback","useEffect","useMemo","useRef","useState","AI_SITE_SEO_FORM_FIELDS","aiSiteSeoProposalOf","RECENT_JOBS_READ","FIELD_LABELS","title","description","storedValue","seo","field","key","replace","value","trim","aiSiteSeoAlreadySaid","proposal","Object","entries","values","every","AiSiteSeoStartCard","hostId","orgId","proposeDraft","data","user","userRef","current","uid","verdict","setVerdict","job","setJob","staged","setStaged","active","response","encodeURIComponent","ok","payload","json","catch","latest","jobs","find","entry","kind","outputs","stage","id","contentGutterX","contentGutterY","help","anchor","excerpt","header","subheader","spacing","map","variant","color","sx","wordBreak","notes","note","size","alignSelf","disabled","onClick","severity"],"mappings":"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"}

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

@@ -19,12 +19,13 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { lockdownRefusalText, parseLockdownRefusal, PLATFORM_BRAND_NAME } from "@aglyn/aglyn";
 import { trackEvent } from "@aglyn/aglyn/app-utils/analytics-events";
 import { ICON_VARIANT_CLOSE } from "@aglyn/shared-data-enums";
-import { mdiAccount, mdiBookOpenPageVariant, mdiBriefcaseOutline, mdiCalendarHeart, mdiCamera, mdiClockOutline, mdiContentCut, mdiCreation, mdiDumbbell, mdiHandHeart, mdiHeartPulse, mdiHomeCity, mdiMusic, mdiPaletteOutline, mdiRocketLaunch, mdiScaleBalance, mdiSchool, mdiShopping, mdiSilverwareForkKnife, mdiViewGridOutline, mdiWrench, mdiYoga, mdiInformationOutline, mdiPageLayoutHeaderFooter } from "@aglyn/shared-data-mdi";
-import { MdiIcon } from "@aglyn/shared-ui-jsx";
+import { mdiAccount, mdiBookOpenPageVariant, mdiBriefcaseOutline, mdiCalendarHeart, mdiCamera, mdiClockOutline, mdiContentCut, mdiCreation, mdiDumbbell, mdiHandHeart, mdiHeartPulse, mdiHomeCity, mdiMusic, mdiPaletteOutline, mdiRocketLaunch, mdiScaleBalance, mdiSchool, mdiShopping, mdiSilverwareForkKnife, mdiViewGridOutline, mdiWrench, mdiYoga, mdiPageLayoutHeaderFooter } from "@aglyn/shared-data-mdi";
+import { pluginDocsHelp } from "@aglyn/aglyn/app-utils/docs-help";
+import { HelpTip, MdiIcon } from "@aglyn/shared-ui-jsx";
 import { OptionCardGrid } from "@aglyn/shared-ui-jsx/components/option-card-grid.component";
 import { authorizedFetch } from "@aglyn/shared-util-http/authorized-token";
 import { useUser } from "@aglyn/tenant-feature-instance";
-import { Alert, AppBar, Box, Button, Card, CardActionArea, Chip, CircularProgress, Container, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, IconButton, MenuItem, Stack, Step, StepLabel, Stepper, TextField, Toolbar, Tooltip, Typography } from "@mui/material";
+import { Alert, AppBar, Box, Button, Card, CardActionArea, Chip, CircularProgress, Container, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, IconButton, MenuItem, Stack, Step, StepLabel, Stepper, TextField, Toolbar, Typography } from "@mui/material";
 import { alpha } from "@mui/material/styles";
 import { useRouter } from "next/navigation";
 import { useCallback, useEffect, useId, useRef, useState } from "react";
@@ -168,15 +169,50 @@ import { publishAiJob } from "./ai-jobs-store.js";
         })
     });
 }
-/** A small label above a group of questions. */ function SectionLabel({ children }) {
-    return /*#__PURE__*/ _jsx(Typography, {
-        variant: "overline",
-        color: "text.secondary",
-        component: "h2",
+/** A small label above a group of questions. */ /**
+ * Each part of the guided start links its own section of the Start with AI
+ * guide (AGL-3660), so a `?` says what that one group of answers changes.
+ */ const START_HELP = {
+    choose: pluginDocsHelp('aiStart', {
+        anchor: '#how-do-you-want-to-start',
+        excerpt: 'The starter site gives you a ready-made home page to edit. Start with AI asks a few questions, then plans, writes and publishes your pages.'
+    }),
+    business: pluginDocsHelp('aiStart', {
+        anchor: '#your-business',
+        excerpt: 'What kind of site it is picks its style and pages; who it is for is who every page and the contact form are written for.'
+    }),
+    style: pluginDocsHelp('aiSiteLooks', {
+        anchor: '#choose-a-style',
+        excerpt: 'The style decides the look — theme, colors, fonts, buttons — and which pages the site usually has. Every site gets its own variation.'
+    }),
+    details: pluginDocsHelp('aiStart', {
+        anchor: '#details',
+        excerpt: 'Where contact form messages go, how many pages to write, and on paid plans whether to draft a welcome email. All can be changed later.'
+    }),
+    estimate: pluginDocsHelp('aiCredits', {
+        anchor: '#before-a-job-starts',
+        excerpt: 'The most this start can cost. What it really costs is what each step spends, and you can watch that add up while it runs.'
+    })
+};
+function SectionLabel({ children, help }) {
+    return /*#__PURE__*/ _jsxs(Stack, {
+        direction: "row",
+        spacing: 0.5,
         sx: {
-            display: 'block'
+            alignItems: 'center'
         },
-        children: children
+        children: [
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "overline",
+                color: "text.secondary",
+                component: "h2",
+                sx: {
+                    display: 'block'
+                },
+                children: children
+            }),
+            help ? /*#__PURE__*/ _jsx(HelpTip, _extends({}, help)) : null
+        ]
     });
 }
 export function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leave, initialAnswers = null }) {
@@ -491,10 +527,17 @@ export function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leav
                                         component: "h1",
                                         children: choosing ? 'How do you want to start?' : 'Tell us about your site'
                                     }),
-                                    /*#__PURE__*/ _jsx(Typography, {
+                                    /*#__PURE__*/ _jsxs(Typography, {
                                         variant: "body1",
                                         color: "text.secondary",
-                                        children: choosing ? 'You can change everything later.' : `A few answers and ${PLATFORM_BRAND_NAME} AI plans and writes your pages, then publishes your site.`
+                                        children: [
+                                            choosing ? /*#__PURE__*/ _jsx(HelpTip, _extends({
+                                                sx: {
+                                                    float: 'right'
+                                                }
+                                            }, START_HELP.choose)) : null,
+                                            choosing ? 'You can change everything later.' : `A few answers and ${PLATFORM_BRAND_NAME} AI plans and writes your pages, then publishes your site.`
+                                        ]
                                     })
                                 ]
                             }),
@@ -569,7 +612,7 @@ export function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leav
                                     orgId: orgId,
                                     orgSlug: orgSlug,
                                     user: user,
-                                    intro: 'Your site is being planned. Review the plan here or in AI jobs, and confirm ' + 'it to build — nothing is built, and nothing is published, until you do.',
+                                    intro: 'Your site is being planned. It is then built and published for you, with ' + 'nothing to approve. You can edit or unpublish it afterwards.',
                                     // Full screen: AI jobs opens in the panel this dialog covers.
                                     onOpenJobs: exit
                                 })
@@ -581,6 +624,7 @@ export function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leav
                                         "aria-label": "Your business",
                                         children: [
                                             /*#__PURE__*/ _jsx(SectionLabel, {
+                                                help: START_HELP.business,
                                                 children: 'Your business'
                                             }),
                                             /*#__PURE__*/ _jsx(TextField, {
@@ -628,6 +672,7 @@ export function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leav
                                         "aria-label": "Style",
                                         children: [
                                             /*#__PURE__*/ _jsx(SectionLabel, {
+                                                help: START_HELP.style,
                                                 children: 'Style'
                                             }),
                                             /*#__PURE__*/ _jsx(Typography, {
@@ -656,6 +701,7 @@ export function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leav
                                         "aria-label": "Details",
                                         children: [
                                             /*#__PURE__*/ _jsx(SectionLabel, {
+                                                help: START_HELP.details,
                                                 children: 'Details'
                                             }),
                                             /*#__PURE__*/ _jsx(TextField, {
@@ -753,22 +799,9 @@ export function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leav
                                 color: "text.secondary",
                                 children: `${estimateText}.`
                             }),
-                            /*#__PURE__*/ _jsx(Tooltip, {
-                                title: "What it really costs is what each step spends, and you can watch that add up while it runs.",
-                                children: /*#__PURE__*/ _jsx(Box, {
-                                    component: "span",
-                                    tabIndex: 0,
-                                    "aria-label": "How the estimate works",
-                                    sx: {
-                                        display: 'inline-flex',
-                                        color: 'text.secondary'
-                                    },
-                                    children: /*#__PURE__*/ _jsx(MdiIcon, {
-                                        path: mdiInformationOutline.path,
-                                        fontSize: "small"
-                                    })
-                                })
-                            })
+                            /*#__PURE__*/ _jsx(HelpTip, _extends({}, START_HELP.estimate, {
+                                ariaLabel: "How the estimate works"
+                            }))
                         ]
                     }),
                     refusal && /*#__PURE__*/ _jsx(Typography, {