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

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

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

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

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

@@ -34,6 +34,13 @@ import { AiJobFollow } from "./ai-job-follow.component.js";
 import { aiSiteBuildHref } from "./ai-job-links.js";
 import { publishAiJob } from "./ai-jobs-store.js";
 /** Labels the dialog for a reader, from its own heading. */ const TITLE_ID = 'ai-site-start-title';
+/**
+ * The takeover's surface, for its paper, its bar and its footer alike: the
+ * console page's own background (AGL-3596). The paper sits at elevation 0,
+ * which is what keeps MUI's dark-mode elevation overlay off it.
+ */ export const AI_SITE_START_SURFACE_SX = {
+    bgcolor: 'background.default'
+};
 /** The two steps, as the indicator under the header names them. */ const STEP_LABELS = [
     'Choose',
     'Describe'
@@ -291,11 +298,15 @@ export function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leav
         fullScreen: true,
         onClose: exit,
         "aria-labelledby": TITLE_ID,
+        // The console's own page surface, in both modes. A Dialog's paper sits
+        // at elevation 24 by default, and in dark mode MUI lightens an elevated
+        // paper with a white overlay, which turned the whole takeover a
+        // washed-out gray; the overlay is for floating surfaces, and this one
+        // fills the screen, so its paper is flat.
         slotProps: {
             paper: {
-                sx: {
-                    bgcolor: 'background.paper'
-                }
+                elevation: 0,
+                sx: AI_SITE_START_SURFACE_SX
             }
         },
         children: [
@@ -304,11 +315,10 @@ export function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leav
                 color: "inherit",
                 elevation: 0,
                 enableColorOnDark: true,
-                sx: {
-                    bgcolor: 'background.paper',
+                sx: _extends({}, AI_SITE_START_SURFACE_SX, {
                     borderBottom: 1,
                     borderColor: 'divider'
-                },
+                }),
                 children: /*#__PURE__*/ _jsxs(Toolbar, {
                     variant: "dense",
                     sx: {
@@ -391,7 +401,7 @@ export function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leav
                                     /*#__PURE__*/ _jsx(Typography, {
                                         variant: "body1",
                                         color: "text.secondary",
-                                        children: choosing ? 'You can change everything later.' : `A few answers and ${PLATFORM_BRAND_NAME} AI plans your pages. Nothing is published until you say so.`
+                                        children: choosing ? 'You can change everything later.' : `A few answers and ${PLATFORM_BRAND_NAME} AI plans and writes your pages, then publishes your site.`
                                     })
                                 ]
                             }),
@@ -665,7 +675,7 @@ export function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leav
             }),
             step === 'describe' && !started && /* The footer stays put while the questions scroll. It wraps, because
            the estimate, the reason and the buttons are wider than a phone. */ /*#__PURE__*/ _jsxs(DialogActions, {
-                sx: {
+                sx: _extends({
                     px: {
                         xs: 2,
                         sm: 3
@@ -675,9 +685,8 @@ export function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leav
                     rowGap: 1,
                     columnGap: 2,
                     borderTop: 1,
-                    borderColor: 'divider',
-                    bgcolor: 'background.paper'
-                },
+                    borderColor: 'divider'
+                }, AI_SITE_START_SURFACE_SX),
                 children: [
                     /*#__PURE__*/ _jsxs(Stack, {
                         direction: "row",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-site-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 { lockdownRefusalText, parseLockdownRefusal, PLATFORM_BRAND_NAME } from '@aglyn/aglyn'\nimport { trackEvent } from '@aglyn/aglyn/app-utils/analytics-events'\nimport type { ConsoleHostFirstRunZoneProps } from '@aglyn/aglyn/plugin-manager/feature-plugins'\nimport { ICON_VARIANT_CLOSE } from '@aglyn/shared-data-enums'\nimport {\n  mdiCheckCircle,\n  mdiCreation,\n  mdiInformationOutline,\n  mdiPageLayoutHeaderFooter,\n} from '@aglyn/shared-data-mdi'\nimport { MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { authorizedFetch } from '@aglyn/shared-util-http/authorized-token'\nimport { useUser } from '@aglyn/tenant-feature-instance'\nimport {\n  Alert,\n  AppBar,\n  Box,\n  Button,\n  Card,\n  CardActionArea,\n  Chip,\n  CircularProgress,\n  Container,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  IconButton,\n  MenuItem,\n  Stack,\n  Step,\n  StepLabel,\n  Stepper,\n  TextField,\n  Toolbar,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport { alpha, type Theme } from '@mui/material/styles'\nimport { useRouter } from 'next/navigation'\nimport { useCallback, useEffect, useId, useRef, useState, type ReactNode } from 'react'\nimport {\n  AI_JOB_AUTO_CONFIRM_INPUT,\n  AI_SITE_FREE_PAGES,\n  AI_SITE_FREE_PAGES_NOTE,\n  AI_SITE_SUBMISSION_CHOICES,\n  aiFreeSiteCreditEstimate,\n  aiSiteCreditEstimate,\n  aiSitePagesBand,\n  type AiSiteSubmissions,\n} from '../model/ai-site-job'\nimport { FREE_AI_TASTE_CREDITS_PER_MONTH } from '../plan-entitlements'\nimport {\n  AI_SITE_START_ANSWERS,\n  AI_SITE_START_EXAMPLES,\n  AI_SITE_START_TYPES,\n  aiSiteStartBrief,\n  aiSiteStartInputs,\n  aiSiteStartRefusal,\n  type AiSiteStartAnswers,\n} from '../model/ai-site-start'\nimport type { AiJobSummary } from '../model/ai-jobs.types'\nimport { AiJobFollow } from './ai-job-follow.component'\nimport { aiSiteBuildHref } from './ai-job-links'\nimport { publishAiJob } from './ai-jobs-store'\n\n/**\n * The guided start (AGL-2918), on the `hostFirstRun` zone of the page a newly\n * created site lands on: a choice, a few questions, and the site scaffold they\n * become.\n *\n * ── Two steps (AGL-3594) ─────────────────────────────────────────────────\n *\n * Step 1 asks how to start, as two equal cards: the starter site — a\n * ready-made home page with a header and footer — or AI. The starter card is\n * the zone's `startBlank`, which gives a site born for the guided start the\n * starter every other new site is born with. The AI card moves to step 2, the\n * questions, which have a Back to step 1.\n *\n * ── A full screen dialog, and therefore three ways out ───────────────────\n *\n * The questions take the whole screen, which is the only presentation that\n * gets them read — but a surface that takes the screen and cannot be left is\n * a funnel, so leaving is drawn first and works three ways on both steps:\n *\n *  - the close control at the start of the header,\n *  - \"Skip\" at the end of it, named \"Skip and start blank\",\n *  - Escape, which `Dialog` reports through `onClose`.\n *\n * Before a job is started all three are the zone's own `startBlank`: the\n * starter site, and no job, no draft, no record of a site half begun. After,\n * they close through `leave`, and the job builds the site.\n *\n * The header is the dialog's own chrome rather than part of its body, so the\n * way out cannot be scrolled off, and it is never disabled — least of all\n * while a request is in flight, which is the moment a person most wants it.\n * Nothing is focused ahead of the dialog's own frame, so the first thing a\n * keyboard reaches is the close control.\n *\n * ── It is absent until the route has answered ────────────────────────────\n *\n * The dialog covers the page, so being drawn on a guess is worse here than it\n * is for a card: it would be a takeover every flag-off workspace watches\n * disappear. Nothing renders at all — no `Dialog`, no portal — until the jobs\n * route has admitted this workspace, and a 404, a 403 or an unreachable route\n * is this widget staying absent and the ordinary blank page being all there\n * is. That the widget is mounted is itself the last of a stack of gates: the\n * shell held the plan's `aiGenerative` entitlement, the site's AI switch and\n * the reader's `ai.generate` first. A lockdown is the start door's to say,\n * here, in its own words.\n *\n * ── It asks, it does not build ───────────────────────────────────────────\n *\n * \"Plan my site\" starts a `site` job, which PLANS first: the pages, their\n * addresses, the navigation, the layout, the contact form and a palette, with\n * an estimated cost beside the button that confirms it. Nothing is built\n * until the person confirms that plan, and everything it then builds is an\n * unpublished draft.\n *\n * ── It stays with the job (AGL-3593) ─────────────────────────────────────\n *\n * Once the job exists the dialog follows it live — planning, the plan with\n * its Confirm, building, then the draft pages to open — so a person never has\n * to leave it to get their site built. \"Open AI jobs\" follows the job in the\n * Assist panel instead; it leaves the guided start the way every other exit\n * does, because the dialog covers the panel it opens.\n */\n\ntype Verdict = 'checking' | 'ready' | 'hidden'\n\ntype Step = 'choose' | 'describe'\n\n/** Labels the dialog for a reader, from its own heading. */\nconst TITLE_ID = 'ai-site-start-title'\n\n/** The two steps, as the indicator under the header names them. */\nconst STEP_LABELS = ['Choose', 'Describe'] as const\n\n/** The soft round badge an icon sits in, in its accent's tint. */\nfunction IconBadge({ accent, children }: { accent: 'primary' | 'secondary'; children: ReactNode }) {\n  return (\n    <Box\n      aria-hidden\n      sx={(theme: Theme) => ({\n        width: theme.spacing(9),\n        height: theme.spacing(9),\n        borderRadius: '50%',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        bgcolor: alpha(theme.palette[accent].main, theme.palette.mode === 'dark' ? 0.24 : 0.12),\n        color: `${accent}.main`,\n        fontSize: theme.spacing(5.5),\n      })}\n    >\n      {children}\n    </Box>\n  )\n}\n\n/**\n * One way to start, as a card the whole of which is the button. Its accessible\n * name is its title; its description describes it.\n */\nfunction ChoiceCard({\n  accent,\n  icon,\n  iconId,\n  title,\n  description,\n  busy = false,\n  onChoose,\n  children,\n}: {\n  accent: 'primary' | 'secondary'\n  icon: string\n  /** Names the icon for a reader of the markup; the icon itself is decorative. */\n  iconId: string\n  title: string\n  description: string\n  busy?: boolean\n  onChoose: () => void\n  children?: ReactNode\n}) {\n  const id = useId()\n  return (\n    <Card\n      variant=\"outlined\"\n      sx={(theme: Theme) => ({\n        borderRadius: 2,\n        height: '100%',\n        transition: theme.transitions.create(['border-color', 'box-shadow', 'transform'], {\n          duration: theme.transitions.duration.shorter,\n        }),\n        '&:hover, &:focus-within': {\n          borderColor: `${accent}.main`,\n          boxShadow: theme.shadows[4],\n          transform: `translateY(-${theme.spacing(0.25)})`,\n        },\n        '@media (prefers-reduced-motion: reduce)': {\n          transition: 'none',\n          '&:hover, &:focus-within': { transform: 'none' },\n        },\n      })}\n    >\n      <CardActionArea\n        onClick={onChoose}\n        disabled={busy}\n        aria-labelledby={`${id}-title`}\n        aria-describedby={`${id}-description`}\n        aria-busy={busy || undefined}\n        sx={{ height: '100%', p: { xs: 3, sm: 4 } }}\n      >\n        <Stack spacing={2} sx={{ alignItems: 'center', textAlign: 'center' }}>\n          <IconBadge accent={accent}>\n            {busy ? (\n              <CircularProgress size=\"1em\" color={accent} aria-label={`${title}…`} />\n            ) : (\n              <MdiIcon path={icon} data-icon={iconId} aria-hidden />\n            )}\n          </IconBadge>\n          <Typography id={`${id}-title`} variant=\"h6\" component=\"h2\">\n            {title}\n          </Typography>\n          <Typography id={`${id}-description`} variant=\"body2\" color=\"text.secondary\">\n            {description}\n          </Typography>\n          {children}\n        </Stack>\n      </CardActionArea>\n    </Card>\n  )\n}\n\n/** A small label above a group of questions. */\nfunction SectionLabel({ children }: { children: ReactNode }) {\n  return (\n    <Typography variant=\"overline\" color=\"text.secondary\" component=\"h2\" sx={{ display: 'block' }}>\n      {children}\n    </Typography>\n  )\n}\n\nexport function AiSiteStartCard({\n  hostId,\n  orgId,\n  orgSlug,\n  host,\n  startBlank,\n  leave,\n}: ConsoleHostFirstRunZoneProps) {\n  const { data: user } = useUser()\n  const router = useRouter()\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 [step, setStep] = useState<Step>('choose')\n  const [answers, setAnswers] = useState<AiSiteStartAnswers>(AI_SITE_START_ANSWERS)\n  const [busy, setBusy] = useState(false)\n  // The starter card's own busy state while `startBlank` runs (AGL-3594).\n  const [startingStarter, setStartingStarter] = useState(false)\n  const [notice, setNotice] = useState<string | null>(null)\n  /** The site job \"Plan my site\" started, as the create door answered with it. */\n  const [started, setStarted] = useState<AiJobSummary | null>(null)\n  // The Free taste's page band (AGL-3594), read off the verdict request.\n  const [freeTaste, setFreeTaste] = useState(false)\n\n  useEffect(() => {\n    if (!orgId || !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=1`,\n        )\n        const payload = response.ok ? await response.json().catch(() => null) : null\n        if (active) {\n          if (payload?.freeTaste === true) {\n            setFreeTaste(true)\n            setAnswers((current) => ({ ...current, pages: AI_SITE_FREE_PAGES.max, welcomeEmail: false }))\n          }\n          setVerdict(response.status === 404 || response.status === 403 ? 'hidden' : 'ready')\n        }\n      } catch {\n        if (active) setVerdict('hidden')\n      }\n    })()\n    return () => {\n      active = false\n    }\n  }, [orgId, uid])\n\n  const answer = useCallback(\n    (patch: Partial<AiSiteStartAnswers>) =>\n      setAnswers((current) => ({ ...current, ...patch })),\n    [],\n  )\n\n  const refusal = aiSiteStartRefusal(answers, { freeTaste })\n  const band = aiSitePagesBand(freeTaste)\n\n  const plan = useCallback(async () => {\n    if (!orgId || aiSiteStartRefusal(answers, { freeTaste })) return\n    setBusy(true)\n    setNotice(null)\n    try {\n      const response = await authorizedFetch(userRef.current, '/api/ai/jobs', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({\n          orgId,\n          hostId,\n          kind: 'site',\n          brief: aiSiteStartBrief(answers),\n          // The guided start confirms its own plan (AGL-3594): the build\n          // follows the plan with no approval to make.\n          inputs: { ...aiSiteStartInputs(answers), [AI_JOB_AUTO_CONFIRM_INPUT]: true },\n        }),\n      })\n      const payload = await response.json().catch(() => null)\n      if (!response.ok) {\n        const locked = parseLockdownRefusal(response.status, payload)\n        setNotice(\n          locked\n            ? lockdownRefusalText(locked)\n            : String(payload?.error ?? 'The site could not be started. Try again.'),\n        )\n        return\n      }\n      const created = (payload?.job as AiJobSummary | undefined) ?? null\n      if (!created) {\n        setNotice('The site could not be started. Try again.')\n        return\n      }\n      // The indicator and the launcher count it from the moment it exists.\n      publishAiJob(created)\n      // Where the next step is (AGL-3594): the site's \"Building your site\"\n      // page for this job. The zone closes without the starter first, so the\n      // setup page does not ask again behind it.\n      const href = aiSiteBuildHref(orgSlug, host, created.id)\n      if (href) {\n        ;(leave ?? (() => undefined))()\n        router.push(href)\n        return\n      }\n      setStarted(created)\n    } catch {\n      setNotice('The site could not be started. Try again.')\n    } finally {\n      setBusy(false)\n    }\n  }, [orgId, hostId, answers, freeTaste, orgSlug, host, leave, router])\n\n  const chooseStarter = useCallback(() => {\n    setStartingStarter(true)\n    trackEvent('site_start_choice', { choice: 'starter' })\n    startBlank()\n  }, [startBlank])\n\n  const chooseAi = useCallback(() => {\n    trackEvent('site_start_choice', { choice: 'ai' })\n    setStep('describe')\n  }, [])\n\n  if (verdict !== 'ready') return null\n\n  // Before a job is started every way out is the blank site, which writes the\n  // starter (AGL-3594); after, it only closes — the job builds the site.\n  const exit = started ? (leave ?? startBlank) : startBlank\n\n  const estimate = freeTaste\n    ? aiFreeSiteCreditEstimate(answers.pages)\n    : aiSiteCreditEstimate(answers.pages, {\n        welcomeEmail: answers.welcomeEmail,\n      })\n  const estimateText = freeTaste\n    ? `Up to about ${estimate.toLocaleString('en-US')} of the ${FREE_AI_TASTE_CREDITS_PER_MONTH} AI credits your Free workspace has each month`\n    : `About ${estimate.toLocaleString('en-US')} credits, estimated`\n\n  const choosing = step === 'choose' && !started\n\n  return (\n    <Dialog\n      open\n      fullScreen\n      onClose={exit}\n      aria-labelledby={TITLE_ID}\n      slotProps={{ paper: { sx: { bgcolor: 'background.paper' } } }}\n    >\n      {/*\n        The way out, before anything it is a way out of: a slim header on the\n        paper surface. On a narrow screen it is the TITLE that gives way, so\n        the exits keep their words at every width.\n      */}\n      <AppBar\n        position=\"relative\"\n        color=\"inherit\"\n        elevation={0}\n        enableColorOnDark\n        sx={{ bgcolor: 'background.paper', borderBottom: 1, borderColor: 'divider' }}\n      >\n        <Toolbar variant=\"dense\" sx={{ gap: 1 }}>\n          <IconButton\n            edge=\"start\"\n            color=\"inherit\"\n            onClick={exit}\n            aria-label=\"Close the guided start\"\n          >\n            <MdiIcon path={ICON_VARIANT_CLOSE.path} />\n          </IconButton>\n          <Typography\n            id={TITLE_ID}\n            variant=\"subtitle1\"\n            component=\"div\"\n            noWrap\n            sx={{ textOverflow: 'ellipsis', flex: 1 }}\n          >\n            {'Start your site'}\n          </Typography>\n          <Button color=\"inherit\" onClick={exit} aria-label={started ? 'Close' : 'Skip and start blank'}>\n            {started ? 'Close' : 'Skip'}\n          </Button>\n        </Toolbar>\n      </AppBar>\n      <DialogContent sx={{ px: { xs: 2, sm: 3 } }}>\n        <Container maxWidth={choosing ? 'md' : 'sm'} disableGutters sx={{ py: { xs: 3, sm: 5 } }}>\n          <Stack spacing={4}>\n            <Stepper\n              activeStep={choosing ? 0 : 1}\n              aria-label={choosing ? 'Step 1 of 2' : 'Step 2 of 2'}\n              sx={{ maxWidth: (theme: Theme) => theme.spacing(40), width: '100%', mx: 'auto' }}\n            >\n              {STEP_LABELS.map((label) => (\n                <Step key={label}>\n                  <StepLabel>{label}</StepLabel>\n                </Step>\n              ))}\n            </Stepper>\n            <Stack spacing={1} sx={{ textAlign: choosing ? 'center' : 'left' }}>\n              <Typography variant=\"h4\" component=\"h1\">\n                {choosing ? 'How do you want to start?' : 'Tell us about your site'}\n              </Typography>\n              <Typography variant=\"body1\" color=\"text.secondary\">\n                {choosing\n                  ? 'You can change everything later.'\n                  : `A few answers and ${PLATFORM_BRAND_NAME} AI plans your pages. Nothing is published until you say so.`}\n              </Typography>\n            </Stack>\n            {notice && <Alert severity=\"info\">{notice}</Alert>}\n            {choosing ? (\n              <Box\n                sx={{\n                  display: 'grid',\n                  gridTemplateColumns: { xs: '1fr', sm: '1fr 1fr' },\n                  gap: 3,\n                }}\n              >\n                <ChoiceCard\n                  accent=\"secondary\"\n                  icon={mdiPageLayoutHeaderFooter.path}\n                  iconId=\"page-layout-header-footer\"\n                  title=\"Start from the starter site\"\n                  description=\"A ready-made home page with a header, footer and contact form you can edit.\"\n                  busy={startingStarter}\n                  onChoose={chooseStarter}\n                />\n                <ChoiceCard\n                  accent=\"primary\"\n                  icon={mdiCreation.path}\n                  iconId=\"creation\"\n                  title=\"Start with AI\"\n                  description={`Answer a few questions and ${PLATFORM_BRAND_NAME} AI plans your pages.`}\n                  onChoose={chooseAi}\n                >\n                  <Chip size=\"small\" color=\"primary\" label=\"Recommended\" />\n                  {freeTaste && (\n                    <Typography variant=\"caption\" color=\"text.secondary\">\n                      {`Up to ${AI_SITE_FREE_PAGES.max} pages on the Free plan`}\n                    </Typography>\n                  )}\n                </ChoiceCard>\n              </Box>\n            ) : started && orgId ? (\n              <Card variant=\"outlined\" sx={{ borderRadius: 2, p: { xs: 2, sm: 3 } }}>\n                <AiJobFollow\n                  job={started}\n                  orgId={orgId}\n                  orgSlug={orgSlug}\n                  user={user}\n                  intro={\n                    'Your site is being planned. Review the plan here or in AI jobs, and confirm ' +\n                    'it to build — nothing is built, and nothing is published, until you do.'\n                  }\n                  // Full screen: AI jobs opens in the panel this dialog covers.\n                  onOpenJobs={exit}\n                />\n              </Card>\n            ) : (\n              <>\n                <Stack spacing={2} component=\"section\" aria-label=\"Your business\">\n                  <SectionLabel>{'Your business'}</SectionLabel>\n                  <TextField\n                    fullWidth\n                    required\n                    label=\"What kind of site are you creating?\"\n                    placeholder=\"a neighborhood dog groomer that takes bookings\"\n                    value={answers.siteType}\n                    onChange={(event) => answer({ siteType: event.target.value })}\n                    helperText=\"A few words is enough, or pick one below.\"\n                  />\n                  <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 1 }}>\n                    {AI_SITE_START_TYPES.map((type) => (\n                      <Chip\n                        key={type}\n                        label={type}\n                        size=\"small\"\n                        color={answers.siteType === type ? 'primary' : 'default'}\n                        variant={answers.siteType === type ? 'filled' : 'outlined'}\n                        onClick={() => answer({ siteType: type })}\n                      />\n                    ))}\n                  </Box>\n                  <TextField\n                    fullWidth\n                    label=\"Who is it for?\"\n                    placeholder=\"local dog owners who want a regular groom booked online\"\n                    value={answers.audience}\n                    onChange={(event) => answer({ audience: event.target.value })}\n                    helperText=\"Optional. It narrows who the pages are written for.\"\n                  />\n                </Stack>\n                <Stack spacing={2} component=\"section\" aria-label=\"Look & layout\">\n                  <SectionLabel>{'Look & layout'}</SectionLabel>\n                  <Typography variant=\"body2\" color=\"text.secondary\">\n                    {'Optional. Picking one steers the shape of the site, not its words.'}\n                  </Typography>\n                  <Box\n                    sx={{\n                      display: 'grid',\n                      gridTemplateColumns: { xs: '1fr', sm: '1fr 1fr' },\n                      gap: 2,\n                    }}\n                  >\n                    {AI_SITE_START_EXAMPLES.map((example) => {\n                      const selected = answers.example === example.id\n                      return (\n                        <Card\n                          key={example.id}\n                          variant=\"outlined\"\n                          sx={(theme: Theme) => ({\n                            borderRadius: 2,\n                            borderColor: selected ? 'primary.main' : 'divider',\n                            bgcolor: selected ? alpha(theme.palette.primary.main, 0.08) : 'transparent',\n                          })}\n                        >\n                          <CardActionArea\n                            aria-pressed={selected}\n                            aria-label={`${example.label} — ${example.blurb}`}\n                            onClick={() => answer({ example: selected ? null : example.id })}\n                            sx={{ p: 2, height: '100%' }}\n                          >\n                            <Stack direction=\"row\" spacing={1.5} sx={{ alignItems: 'flex-start' }}>\n                              <Box sx={{ flex: 1, minWidth: 0 }}>\n                                <Typography variant=\"subtitle2\">{example.label}</Typography>\n                                <Typography variant=\"body2\" color=\"text.secondary\">\n                                  {example.blurb}\n                                </Typography>\n                              </Box>\n                              {selected && (\n                                <Box sx={{ color: 'primary.main', display: 'flex' }} aria-hidden>\n                                  <MdiIcon path={mdiCheckCircle.path} />\n                                </Box>\n                              )}\n                            </Stack>\n                          </CardActionArea>\n                        </Card>\n                      )\n                    })}\n                  </Box>\n                </Stack>\n                <Stack spacing={2} component=\"section\" aria-label=\"Details\">\n                  <SectionLabel>{'Details'}</SectionLabel>\n                  {/*\n                    The one setting a new site owner has to make, asked where\n                    they are already answering: a contact form nobody routed\n                    files its messages somewhere the person has not looked.\n                  */}\n                  <TextField\n                    select\n                    fullWidth\n                    label=\"Where do form submissions go?\"\n                    value={answers.submissions}\n                    onChange={(event) =>\n                      answer({ submissions: event.target.value as AiSiteSubmissions })\n                    }\n                    helperText=\"You can change this on the form itself afterwards.\"\n                  >\n                    {AI_SITE_SUBMISSION_CHOICES.map((option) => (\n                      <MenuItem key={option.id} value={option.id}>\n                        {`${option.label} — ${option.blurb}`}\n                      </MenuItem>\n                    ))}\n                  </TextField>\n                  <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2}>\n                    <TextField\n                      select\n                      fullWidth\n                      label=\"Pages\"\n                      value={answers.pages}\n                      onChange={(event) => answer({ pages: Number(event.target.value) })}\n                      helperText={freeTaste ? AI_SITE_FREE_PAGES_NOTE : undefined}\n                    >\n                      {Array.from(\n                        { length: band.max - band.min + 1 },\n                        (_, index) => band.min + index,\n                      ).map((count) => (\n                        <MenuItem key={count} value={count}>\n                          {count}\n                        </MenuItem>\n                      ))}\n                    </TextField>\n                    {!freeTaste && (\n                      <TextField\n                        select\n                        fullWidth\n                        label=\"Welcome email\"\n                        value={answers.welcomeEmail ? 'yes' : 'no'}\n                        onChange={(event) => answer({ welcomeEmail: event.target.value === 'yes' })}\n                      >\n                        <MenuItem value=\"yes\">{'Draft one'}</MenuItem>\n                        <MenuItem value=\"no\">{'No'}</MenuItem>\n                      </TextField>\n                    )}\n                  </Stack>\n                </Stack>\n              </>\n            )}\n          </Stack>\n        </Container>\n      </DialogContent>\n      {step === 'describe' && !started && (\n        /* The footer stays put while the questions scroll. It wraps, because\n           the estimate, the reason and the buttons are wider than a phone. */\n        <DialogActions\n          sx={{\n            px: { xs: 2, sm: 3 },\n            py: 2,\n            flexWrap: 'wrap',\n            rowGap: 1,\n            columnGap: 2,\n            borderTop: 1,\n            borderColor: 'divider',\n            bgcolor: 'background.paper',\n          }}\n        >\n          <Stack direction=\"row\" spacing={0.5} sx={{ alignItems: 'center', mr: 'auto', minWidth: 0 }}>\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {`${estimateText}.`}\n            </Typography>\n            <Tooltip title=\"What it really costs is what each step spends, and you can watch that add up while it runs.\">\n              <Box\n                component=\"span\"\n                tabIndex={0}\n                aria-label=\"How the estimate works\"\n                sx={{ display: 'inline-flex', color: 'text.secondary' }}\n              >\n                <MdiIcon path={mdiInformationOutline.path} fontSize=\"small\" />\n              </Box>\n            </Tooltip>\n          </Stack>\n          {refusal && (\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {refusal}\n            </Typography>\n          )}\n          <Button onClick={() => setStep('choose')}>{'Back'}</Button>\n          <Button\n            variant=\"contained\"\n            size=\"large\"\n            disabled={busy || Boolean(refusal)}\n            onClick={plan}\n            startIcon={<MdiIcon path={mdiCreation.path} />}\n          >\n            {busy ? 'Starting…' : 'Plan my site'}\n          </Button>\n        </DialogActions>\n      )}\n    </Dialog>\n  )\n}\n\nexport default AiSiteStartCard\n"],"names":["lockdownRefusalText","parseLockdownRefusal","PLATFORM_BRAND_NAME","trackEvent","ICON_VARIANT_CLOSE","mdiCheckCircle","mdiCreation","mdiInformationOutline","mdiPageLayoutHeaderFooter","MdiIcon","authorizedFetch","useUser","Alert","AppBar","Box","Button","Card","CardActionArea","Chip","CircularProgress","Container","Dialog","DialogActions","DialogContent","IconButton","MenuItem","Stack","Step","StepLabel","Stepper","TextField","Toolbar","Tooltip","Typography","alpha","useRouter","useCallback","useEffect","useId","useRef","useState","AI_JOB_AUTO_CONFIRM_INPUT","AI_SITE_FREE_PAGES","AI_SITE_FREE_PAGES_NOTE","AI_SITE_SUBMISSION_CHOICES","aiFreeSiteCreditEstimate","aiSiteCreditEstimate","aiSitePagesBand","FREE_AI_TASTE_CREDITS_PER_MONTH","AI_SITE_START_ANSWERS","AI_SITE_START_EXAMPLES","AI_SITE_START_TYPES","aiSiteStartBrief","aiSiteStartInputs","aiSiteStartRefusal","AiJobFollow","aiSiteBuildHref","publishAiJob","TITLE_ID","STEP_LABELS","IconBadge","accent","children","aria-hidden","sx","theme","width","spacing","height","borderRadius","display","alignItems","justifyContent","bgcolor","palette","main","mode","color","fontSize","ChoiceCard","icon","iconId","title","description","busy","onChoose","id","variant","transition","transitions","create","duration","shorter","borderColor","boxShadow","shadows","transform","onClick","disabled","aria-labelledby","aria-describedby","aria-busy","undefined","p","xs","sm","textAlign","size","aria-label","path","data-icon","component","SectionLabel","AiSiteStartCard","hostId","orgId","orgSlug","host","startBlank","leave","data","user","router","userRef","current","uid","verdict","setVerdict","step","setStep","answers","setAnswers","setBusy","startingStarter","setStartingStarter","notice","setNotice","started","setStarted","freeTaste","setFreeTaste","active","response","encodeURIComponent","payload","ok","json","catch","pages","max","welcomeEmail","status","answer","patch","refusal","band","plan","method","headers","body","JSON","stringify","kind","brief","inputs","locked","String","error","created","job","href","push","chooseStarter","choice","chooseAi","exit","estimate","estimateText","toLocaleString","choosing","open","fullScreen","onClose","slotProps","paper","position","elevation","enableColorOnDark","borderBottom","gap","edge","noWrap","textOverflow","flex","px","maxWidth","disableGutters","py","activeStep","mx","map","label","severity","gridTemplateColumns","intro","onOpenJobs","fullWidth","required","placeholder","value","siteType","onChange","event","target","helperText","flexWrap","type","audience","example","selected","primary","aria-pressed","blurb","direction","minWidth","select","submissions","option","Number","Array","from","length","min","_","index","count","rowGap","columnGap","borderTop","mr","tabIndex","Boolean","startIcon"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-site-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 { lockdownRefusalText, parseLockdownRefusal, PLATFORM_BRAND_NAME } from '@aglyn/aglyn'\nimport { trackEvent } from '@aglyn/aglyn/app-utils/analytics-events'\nimport type { ConsoleHostFirstRunZoneProps } from '@aglyn/aglyn/plugin-manager/feature-plugins'\nimport { ICON_VARIANT_CLOSE } from '@aglyn/shared-data-enums'\nimport {\n  mdiCheckCircle,\n  mdiCreation,\n  mdiInformationOutline,\n  mdiPageLayoutHeaderFooter,\n} from '@aglyn/shared-data-mdi'\nimport { MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { authorizedFetch } from '@aglyn/shared-util-http/authorized-token'\nimport { useUser } from '@aglyn/tenant-feature-instance'\nimport {\n  Alert,\n  AppBar,\n  Box,\n  Button,\n  Card,\n  CardActionArea,\n  Chip,\n  CircularProgress,\n  Container,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  IconButton,\n  MenuItem,\n  Stack,\n  Step,\n  StepLabel,\n  Stepper,\n  TextField,\n  Toolbar,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport { alpha, type Theme } from '@mui/material/styles'\nimport { useRouter } from 'next/navigation'\nimport { useCallback, useEffect, useId, useRef, useState, type ReactNode } from 'react'\nimport {\n  AI_JOB_AUTO_CONFIRM_INPUT,\n  AI_SITE_FREE_PAGES,\n  AI_SITE_FREE_PAGES_NOTE,\n  AI_SITE_SUBMISSION_CHOICES,\n  aiFreeSiteCreditEstimate,\n  aiSiteCreditEstimate,\n  aiSitePagesBand,\n  type AiSiteSubmissions,\n} from '../model/ai-site-job'\nimport { FREE_AI_TASTE_CREDITS_PER_MONTH } from '../plan-entitlements'\nimport {\n  AI_SITE_START_ANSWERS,\n  AI_SITE_START_EXAMPLES,\n  AI_SITE_START_TYPES,\n  aiSiteStartBrief,\n  aiSiteStartInputs,\n  aiSiteStartRefusal,\n  type AiSiteStartAnswers,\n} from '../model/ai-site-start'\nimport type { AiJobSummary } from '../model/ai-jobs.types'\nimport { AiJobFollow } from './ai-job-follow.component'\nimport { aiSiteBuildHref } from './ai-job-links'\nimport { publishAiJob } from './ai-jobs-store'\n\n/**\n * The guided start (AGL-2918), on the `hostFirstRun` zone of the page a newly\n * created site lands on: a choice, a few questions, and the site scaffold they\n * become.\n *\n * ── Two steps (AGL-3594) ─────────────────────────────────────────────────\n *\n * Step 1 asks how to start, as two equal cards: the starter site — a\n * ready-made home page with a header and footer — or AI. The starter card is\n * the zone's `startBlank`, which gives a site born for the guided start the\n * starter every other new site is born with. The AI card moves to step 2, the\n * questions, which have a Back to step 1.\n *\n * ── A full screen dialog, and therefore three ways out ───────────────────\n *\n * The questions take the whole screen, which is the only presentation that\n * gets them read — but a surface that takes the screen and cannot be left is\n * a funnel, so leaving is drawn first and works three ways on both steps:\n *\n *  - the close control at the start of the header,\n *  - \"Skip\" at the end of it, named \"Skip and start blank\",\n *  - Escape, which `Dialog` reports through `onClose`.\n *\n * Before a job is started all three are the zone's own `startBlank`: the\n * starter site, and no job, no draft, no record of a site half begun. After,\n * they close through `leave`, and the job builds the site.\n *\n * The header is the dialog's own chrome rather than part of its body, so the\n * way out cannot be scrolled off, and it is never disabled — least of all\n * while a request is in flight, which is the moment a person most wants it.\n * Nothing is focused ahead of the dialog's own frame, so the first thing a\n * keyboard reaches is the close control.\n *\n * ── It is absent until the route has answered ────────────────────────────\n *\n * The dialog covers the page, so being drawn on a guess is worse here than it\n * is for a card: it would be a takeover every flag-off workspace watches\n * disappear. Nothing renders at all — no `Dialog`, no portal — until the jobs\n * route has admitted this workspace, and a 404, a 403 or an unreachable route\n * is this widget staying absent and the ordinary blank page being all there\n * is. That the widget is mounted is itself the last of a stack of gates: the\n * shell held the plan's `aiGenerative` entitlement, the site's AI switch and\n * the reader's `ai.generate` first. A lockdown is the start door's to say,\n * here, in its own words.\n *\n * ── It asks, it does not build ───────────────────────────────────────────\n *\n * \"Plan my site\" starts a `site` job, which PLANS first: the pages, their\n * addresses, the navigation, the layout, the contact form and a palette, with\n * an estimated cost beside the button that confirms it. Nothing is built\n * until the person confirms that plan, and everything it then builds is an\n * unpublished draft.\n *\n * ── It stays with the job (AGL-3593) ─────────────────────────────────────\n *\n * Once the job exists the dialog follows it live — planning, the plan with\n * its Confirm, building, then the draft pages to open — so a person never has\n * to leave it to get their site built. \"Open AI jobs\" follows the job in the\n * Assist panel instead; it leaves the guided start the way every other exit\n * does, because the dialog covers the panel it opens.\n */\n\ntype Verdict = 'checking' | 'ready' | 'hidden'\n\ntype Step = 'choose' | 'describe'\n\n/** Labels the dialog for a reader, from its own heading. */\nconst TITLE_ID = 'ai-site-start-title'\n\n/**\n * The takeover's surface, for its paper, its bar and its footer alike: the\n * console page's own background (AGL-3596). The paper sits at elevation 0,\n * which is what keeps MUI's dark-mode elevation overlay off it.\n */\nexport const AI_SITE_START_SURFACE_SX = { bgcolor: 'background.default' } as const\n\n/** The two steps, as the indicator under the header names them. */\nconst STEP_LABELS = ['Choose', 'Describe'] as const\n\n/** The soft round badge an icon sits in, in its accent's tint. */\nfunction IconBadge({ accent, children }: { accent: 'primary' | 'secondary'; children: ReactNode }) {\n  return (\n    <Box\n      aria-hidden\n      sx={(theme: Theme) => ({\n        width: theme.spacing(9),\n        height: theme.spacing(9),\n        borderRadius: '50%',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        bgcolor: alpha(theme.palette[accent].main, theme.palette.mode === 'dark' ? 0.24 : 0.12),\n        color: `${accent}.main`,\n        fontSize: theme.spacing(5.5),\n      })}\n    >\n      {children}\n    </Box>\n  )\n}\n\n/**\n * One way to start, as a card the whole of which is the button. Its accessible\n * name is its title; its description describes it.\n */\nfunction ChoiceCard({\n  accent,\n  icon,\n  iconId,\n  title,\n  description,\n  busy = false,\n  onChoose,\n  children,\n}: {\n  accent: 'primary' | 'secondary'\n  icon: string\n  /** Names the icon for a reader of the markup; the icon itself is decorative. */\n  iconId: string\n  title: string\n  description: string\n  busy?: boolean\n  onChoose: () => void\n  children?: ReactNode\n}) {\n  const id = useId()\n  return (\n    <Card\n      variant=\"outlined\"\n      sx={(theme: Theme) => ({\n        borderRadius: 2,\n        height: '100%',\n        transition: theme.transitions.create(['border-color', 'box-shadow', 'transform'], {\n          duration: theme.transitions.duration.shorter,\n        }),\n        '&:hover, &:focus-within': {\n          borderColor: `${accent}.main`,\n          boxShadow: theme.shadows[4],\n          transform: `translateY(-${theme.spacing(0.25)})`,\n        },\n        '@media (prefers-reduced-motion: reduce)': {\n          transition: 'none',\n          '&:hover, &:focus-within': { transform: 'none' },\n        },\n      })}\n    >\n      <CardActionArea\n        onClick={onChoose}\n        disabled={busy}\n        aria-labelledby={`${id}-title`}\n        aria-describedby={`${id}-description`}\n        aria-busy={busy || undefined}\n        sx={{ height: '100%', p: { xs: 3, sm: 4 } }}\n      >\n        <Stack spacing={2} sx={{ alignItems: 'center', textAlign: 'center' }}>\n          <IconBadge accent={accent}>\n            {busy ? (\n              <CircularProgress size=\"1em\" color={accent} aria-label={`${title}…`} />\n            ) : (\n              <MdiIcon path={icon} data-icon={iconId} aria-hidden />\n            )}\n          </IconBadge>\n          <Typography id={`${id}-title`} variant=\"h6\" component=\"h2\">\n            {title}\n          </Typography>\n          <Typography id={`${id}-description`} variant=\"body2\" color=\"text.secondary\">\n            {description}\n          </Typography>\n          {children}\n        </Stack>\n      </CardActionArea>\n    </Card>\n  )\n}\n\n/** A small label above a group of questions. */\nfunction SectionLabel({ children }: { children: ReactNode }) {\n  return (\n    <Typography variant=\"overline\" color=\"text.secondary\" component=\"h2\" sx={{ display: 'block' }}>\n      {children}\n    </Typography>\n  )\n}\n\nexport function AiSiteStartCard({\n  hostId,\n  orgId,\n  orgSlug,\n  host,\n  startBlank,\n  leave,\n}: ConsoleHostFirstRunZoneProps) {\n  const { data: user } = useUser()\n  const router = useRouter()\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 [step, setStep] = useState<Step>('choose')\n  const [answers, setAnswers] = useState<AiSiteStartAnswers>(AI_SITE_START_ANSWERS)\n  const [busy, setBusy] = useState(false)\n  // The starter card's own busy state while `startBlank` runs (AGL-3594).\n  const [startingStarter, setStartingStarter] = useState(false)\n  const [notice, setNotice] = useState<string | null>(null)\n  /** The site job \"Plan my site\" started, as the create door answered with it. */\n  const [started, setStarted] = useState<AiJobSummary | null>(null)\n  // The Free taste's page band (AGL-3594), read off the verdict request.\n  const [freeTaste, setFreeTaste] = useState(false)\n\n  useEffect(() => {\n    if (!orgId || !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=1`,\n        )\n        const payload = response.ok ? await response.json().catch(() => null) : null\n        if (active) {\n          if (payload?.freeTaste === true) {\n            setFreeTaste(true)\n            setAnswers((current) => ({ ...current, pages: AI_SITE_FREE_PAGES.max, welcomeEmail: false }))\n          }\n          setVerdict(response.status === 404 || response.status === 403 ? 'hidden' : 'ready')\n        }\n      } catch {\n        if (active) setVerdict('hidden')\n      }\n    })()\n    return () => {\n      active = false\n    }\n  }, [orgId, uid])\n\n  const answer = useCallback(\n    (patch: Partial<AiSiteStartAnswers>) =>\n      setAnswers((current) => ({ ...current, ...patch })),\n    [],\n  )\n\n  const refusal = aiSiteStartRefusal(answers, { freeTaste })\n  const band = aiSitePagesBand(freeTaste)\n\n  const plan = useCallback(async () => {\n    if (!orgId || aiSiteStartRefusal(answers, { freeTaste })) return\n    setBusy(true)\n    setNotice(null)\n    try {\n      const response = await authorizedFetch(userRef.current, '/api/ai/jobs', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({\n          orgId,\n          hostId,\n          kind: 'site',\n          brief: aiSiteStartBrief(answers),\n          // The guided start confirms its own plan (AGL-3594): the build\n          // follows the plan with no approval to make.\n          inputs: { ...aiSiteStartInputs(answers), [AI_JOB_AUTO_CONFIRM_INPUT]: true },\n        }),\n      })\n      const payload = await response.json().catch(() => null)\n      if (!response.ok) {\n        const locked = parseLockdownRefusal(response.status, payload)\n        setNotice(\n          locked\n            ? lockdownRefusalText(locked)\n            : String(payload?.error ?? 'The site could not be started. Try again.'),\n        )\n        return\n      }\n      const created = (payload?.job as AiJobSummary | undefined) ?? null\n      if (!created) {\n        setNotice('The site could not be started. Try again.')\n        return\n      }\n      // The indicator and the launcher count it from the moment it exists.\n      publishAiJob(created)\n      // Where the next step is (AGL-3594): the site's \"Building your site\"\n      // page for this job. The zone closes without the starter first, so the\n      // setup page does not ask again behind it.\n      const href = aiSiteBuildHref(orgSlug, host, created.id)\n      if (href) {\n        ;(leave ?? (() => undefined))()\n        router.push(href)\n        return\n      }\n      setStarted(created)\n    } catch {\n      setNotice('The site could not be started. Try again.')\n    } finally {\n      setBusy(false)\n    }\n  }, [orgId, hostId, answers, freeTaste, orgSlug, host, leave, router])\n\n  const chooseStarter = useCallback(() => {\n    setStartingStarter(true)\n    trackEvent('site_start_choice', { choice: 'starter' })\n    startBlank()\n  }, [startBlank])\n\n  const chooseAi = useCallback(() => {\n    trackEvent('site_start_choice', { choice: 'ai' })\n    setStep('describe')\n  }, [])\n\n  if (verdict !== 'ready') return null\n\n  // Before a job is started every way out is the blank site, which writes the\n  // starter (AGL-3594); after, it only closes — the job builds the site.\n  const exit = started ? (leave ?? startBlank) : startBlank\n\n  const estimate = freeTaste\n    ? aiFreeSiteCreditEstimate(answers.pages)\n    : aiSiteCreditEstimate(answers.pages, {\n        welcomeEmail: answers.welcomeEmail,\n      })\n  const estimateText = freeTaste\n    ? `Up to about ${estimate.toLocaleString('en-US')} of the ${FREE_AI_TASTE_CREDITS_PER_MONTH} AI credits your Free workspace has each month`\n    : `About ${estimate.toLocaleString('en-US')} credits, estimated`\n\n  const choosing = step === 'choose' && !started\n\n  return (\n    <Dialog\n      open\n      fullScreen\n      onClose={exit}\n      aria-labelledby={TITLE_ID}\n      // The console's own page surface, in both modes. A Dialog's paper sits\n      // at elevation 24 by default, and in dark mode MUI lightens an elevated\n      // paper with a white overlay, which turned the whole takeover a\n      // washed-out gray; the overlay is for floating surfaces, and this one\n      // fills the screen, so its paper is flat.\n      slotProps={{ paper: { elevation: 0, sx: AI_SITE_START_SURFACE_SX } }}\n    >\n      {/*\n        The way out, before anything it is a way out of: a slim header on the\n        paper surface. On a narrow screen it is the TITLE that gives way, so\n        the exits keep their words at every width.\n      */}\n      <AppBar\n        position=\"relative\"\n        color=\"inherit\"\n        elevation={0}\n        enableColorOnDark\n        sx={{ ...AI_SITE_START_SURFACE_SX, borderBottom: 1, borderColor: 'divider' }}\n      >\n        <Toolbar variant=\"dense\" sx={{ gap: 1 }}>\n          <IconButton\n            edge=\"start\"\n            color=\"inherit\"\n            onClick={exit}\n            aria-label=\"Close the guided start\"\n          >\n            <MdiIcon path={ICON_VARIANT_CLOSE.path} />\n          </IconButton>\n          <Typography\n            id={TITLE_ID}\n            variant=\"subtitle1\"\n            component=\"div\"\n            noWrap\n            sx={{ textOverflow: 'ellipsis', flex: 1 }}\n          >\n            {'Start your site'}\n          </Typography>\n          <Button color=\"inherit\" onClick={exit} aria-label={started ? 'Close' : 'Skip and start blank'}>\n            {started ? 'Close' : 'Skip'}\n          </Button>\n        </Toolbar>\n      </AppBar>\n      <DialogContent sx={{ px: { xs: 2, sm: 3 } }}>\n        <Container maxWidth={choosing ? 'md' : 'sm'} disableGutters sx={{ py: { xs: 3, sm: 5 } }}>\n          <Stack spacing={4}>\n            <Stepper\n              activeStep={choosing ? 0 : 1}\n              aria-label={choosing ? 'Step 1 of 2' : 'Step 2 of 2'}\n              sx={{ maxWidth: (theme: Theme) => theme.spacing(40), width: '100%', mx: 'auto' }}\n            >\n              {STEP_LABELS.map((label) => (\n                <Step key={label}>\n                  <StepLabel>{label}</StepLabel>\n                </Step>\n              ))}\n            </Stepper>\n            <Stack spacing={1} sx={{ textAlign: choosing ? 'center' : 'left' }}>\n              <Typography variant=\"h4\" component=\"h1\">\n                {choosing ? 'How do you want to start?' : 'Tell us about your site'}\n              </Typography>\n              <Typography variant=\"body1\" color=\"text.secondary\">\n                {choosing\n                  ? 'You can change everything later.'\n                  : `A few answers and ${PLATFORM_BRAND_NAME} AI plans and writes your pages, then publishes your site.`}\n              </Typography>\n            </Stack>\n            {notice && <Alert severity=\"info\">{notice}</Alert>}\n            {choosing ? (\n              <Box\n                sx={{\n                  display: 'grid',\n                  gridTemplateColumns: { xs: '1fr', sm: '1fr 1fr' },\n                  gap: 3,\n                }}\n              >\n                <ChoiceCard\n                  accent=\"secondary\"\n                  icon={mdiPageLayoutHeaderFooter.path}\n                  iconId=\"page-layout-header-footer\"\n                  title=\"Start from the starter site\"\n                  description=\"A ready-made home page with a header, footer and contact form you can edit.\"\n                  busy={startingStarter}\n                  onChoose={chooseStarter}\n                />\n                <ChoiceCard\n                  accent=\"primary\"\n                  icon={mdiCreation.path}\n                  iconId=\"creation\"\n                  title=\"Start with AI\"\n                  description={`Answer a few questions and ${PLATFORM_BRAND_NAME} AI plans your pages.`}\n                  onChoose={chooseAi}\n                >\n                  <Chip size=\"small\" color=\"primary\" label=\"Recommended\" />\n                  {freeTaste && (\n                    <Typography variant=\"caption\" color=\"text.secondary\">\n                      {`Up to ${AI_SITE_FREE_PAGES.max} pages on the Free plan`}\n                    </Typography>\n                  )}\n                </ChoiceCard>\n              </Box>\n            ) : started && orgId ? (\n              <Card variant=\"outlined\" sx={{ borderRadius: 2, p: { xs: 2, sm: 3 } }}>\n                <AiJobFollow\n                  job={started}\n                  orgId={orgId}\n                  orgSlug={orgSlug}\n                  user={user}\n                  intro={\n                    'Your site is being planned. Review the plan here or in AI jobs, and confirm ' +\n                    'it to build — nothing is built, and nothing is published, until you do.'\n                  }\n                  // Full screen: AI jobs opens in the panel this dialog covers.\n                  onOpenJobs={exit}\n                />\n              </Card>\n            ) : (\n              <>\n                <Stack spacing={2} component=\"section\" aria-label=\"Your business\">\n                  <SectionLabel>{'Your business'}</SectionLabel>\n                  <TextField\n                    fullWidth\n                    required\n                    label=\"What kind of site are you creating?\"\n                    placeholder=\"a neighborhood dog groomer that takes bookings\"\n                    value={answers.siteType}\n                    onChange={(event) => answer({ siteType: event.target.value })}\n                    helperText=\"A few words is enough, or pick one below.\"\n                  />\n                  <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 1 }}>\n                    {AI_SITE_START_TYPES.map((type) => (\n                      <Chip\n                        key={type}\n                        label={type}\n                        size=\"small\"\n                        color={answers.siteType === type ? 'primary' : 'default'}\n                        variant={answers.siteType === type ? 'filled' : 'outlined'}\n                        onClick={() => answer({ siteType: type })}\n                      />\n                    ))}\n                  </Box>\n                  <TextField\n                    fullWidth\n                    label=\"Who is it for?\"\n                    placeholder=\"local dog owners who want a regular groom booked online\"\n                    value={answers.audience}\n                    onChange={(event) => answer({ audience: event.target.value })}\n                    helperText=\"Optional. It narrows who the pages are written for.\"\n                  />\n                </Stack>\n                <Stack spacing={2} component=\"section\" aria-label=\"Look & layout\">\n                  <SectionLabel>{'Look & layout'}</SectionLabel>\n                  <Typography variant=\"body2\" color=\"text.secondary\">\n                    {'Optional. Picking one steers the shape of the site, not its words.'}\n                  </Typography>\n                  <Box\n                    sx={{\n                      display: 'grid',\n                      gridTemplateColumns: { xs: '1fr', sm: '1fr 1fr' },\n                      gap: 2,\n                    }}\n                  >\n                    {AI_SITE_START_EXAMPLES.map((example) => {\n                      const selected = answers.example === example.id\n                      return (\n                        <Card\n                          key={example.id}\n                          variant=\"outlined\"\n                          sx={(theme: Theme) => ({\n                            borderRadius: 2,\n                            borderColor: selected ? 'primary.main' : 'divider',\n                            bgcolor: selected ? alpha(theme.palette.primary.main, 0.08) : 'transparent',\n                          })}\n                        >\n                          <CardActionArea\n                            aria-pressed={selected}\n                            aria-label={`${example.label} — ${example.blurb}`}\n                            onClick={() => answer({ example: selected ? null : example.id })}\n                            sx={{ p: 2, height: '100%' }}\n                          >\n                            <Stack direction=\"row\" spacing={1.5} sx={{ alignItems: 'flex-start' }}>\n                              <Box sx={{ flex: 1, minWidth: 0 }}>\n                                <Typography variant=\"subtitle2\">{example.label}</Typography>\n                                <Typography variant=\"body2\" color=\"text.secondary\">\n                                  {example.blurb}\n                                </Typography>\n                              </Box>\n                              {selected && (\n                                <Box sx={{ color: 'primary.main', display: 'flex' }} aria-hidden>\n                                  <MdiIcon path={mdiCheckCircle.path} />\n                                </Box>\n                              )}\n                            </Stack>\n                          </CardActionArea>\n                        </Card>\n                      )\n                    })}\n                  </Box>\n                </Stack>\n                <Stack spacing={2} component=\"section\" aria-label=\"Details\">\n                  <SectionLabel>{'Details'}</SectionLabel>\n                  {/*\n                    The one setting a new site owner has to make, asked where\n                    they are already answering: a contact form nobody routed\n                    files its messages somewhere the person has not looked.\n                  */}\n                  <TextField\n                    select\n                    fullWidth\n                    label=\"Where do form submissions go?\"\n                    value={answers.submissions}\n                    onChange={(event) =>\n                      answer({ submissions: event.target.value as AiSiteSubmissions })\n                    }\n                    helperText=\"You can change this on the form itself afterwards.\"\n                  >\n                    {AI_SITE_SUBMISSION_CHOICES.map((option) => (\n                      <MenuItem key={option.id} value={option.id}>\n                        {`${option.label} — ${option.blurb}`}\n                      </MenuItem>\n                    ))}\n                  </TextField>\n                  <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2}>\n                    <TextField\n                      select\n                      fullWidth\n                      label=\"Pages\"\n                      value={answers.pages}\n                      onChange={(event) => answer({ pages: Number(event.target.value) })}\n                      helperText={freeTaste ? AI_SITE_FREE_PAGES_NOTE : undefined}\n                    >\n                      {Array.from(\n                        { length: band.max - band.min + 1 },\n                        (_, index) => band.min + index,\n                      ).map((count) => (\n                        <MenuItem key={count} value={count}>\n                          {count}\n                        </MenuItem>\n                      ))}\n                    </TextField>\n                    {!freeTaste && (\n                      <TextField\n                        select\n                        fullWidth\n                        label=\"Welcome email\"\n                        value={answers.welcomeEmail ? 'yes' : 'no'}\n                        onChange={(event) => answer({ welcomeEmail: event.target.value === 'yes' })}\n                      >\n                        <MenuItem value=\"yes\">{'Draft one'}</MenuItem>\n                        <MenuItem value=\"no\">{'No'}</MenuItem>\n                      </TextField>\n                    )}\n                  </Stack>\n                </Stack>\n              </>\n            )}\n          </Stack>\n        </Container>\n      </DialogContent>\n      {step === 'describe' && !started && (\n        /* The footer stays put while the questions scroll. It wraps, because\n           the estimate, the reason and the buttons are wider than a phone. */\n        <DialogActions\n          sx={{\n            px: { xs: 2, sm: 3 },\n            py: 2,\n            flexWrap: 'wrap',\n            rowGap: 1,\n            columnGap: 2,\n            borderTop: 1,\n            borderColor: 'divider',\n            ...AI_SITE_START_SURFACE_SX,\n          }}\n        >\n          <Stack direction=\"row\" spacing={0.5} sx={{ alignItems: 'center', mr: 'auto', minWidth: 0 }}>\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {`${estimateText}.`}\n            </Typography>\n            <Tooltip title=\"What it really costs is what each step spends, and you can watch that add up while it runs.\">\n              <Box\n                component=\"span\"\n                tabIndex={0}\n                aria-label=\"How the estimate works\"\n                sx={{ display: 'inline-flex', color: 'text.secondary' }}\n              >\n                <MdiIcon path={mdiInformationOutline.path} fontSize=\"small\" />\n              </Box>\n            </Tooltip>\n          </Stack>\n          {refusal && (\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {refusal}\n            </Typography>\n          )}\n          <Button onClick={() => setStep('choose')}>{'Back'}</Button>\n          <Button\n            variant=\"contained\"\n            size=\"large\"\n            disabled={busy || Boolean(refusal)}\n            onClick={plan}\n            startIcon={<MdiIcon path={mdiCreation.path} />}\n          >\n            {busy ? 'Starting…' : 'Plan my site'}\n          </Button>\n        </DialogActions>\n      )}\n    </Dialog>\n  )\n}\n\nexport default AiSiteStartCard\n"],"names":["lockdownRefusalText","parseLockdownRefusal","PLATFORM_BRAND_NAME","trackEvent","ICON_VARIANT_CLOSE","mdiCheckCircle","mdiCreation","mdiInformationOutline","mdiPageLayoutHeaderFooter","MdiIcon","authorizedFetch","useUser","Alert","AppBar","Box","Button","Card","CardActionArea","Chip","CircularProgress","Container","Dialog","DialogActions","DialogContent","IconButton","MenuItem","Stack","Step","StepLabel","Stepper","TextField","Toolbar","Tooltip","Typography","alpha","useRouter","useCallback","useEffect","useId","useRef","useState","AI_JOB_AUTO_CONFIRM_INPUT","AI_SITE_FREE_PAGES","AI_SITE_FREE_PAGES_NOTE","AI_SITE_SUBMISSION_CHOICES","aiFreeSiteCreditEstimate","aiSiteCreditEstimate","aiSitePagesBand","FREE_AI_TASTE_CREDITS_PER_MONTH","AI_SITE_START_ANSWERS","AI_SITE_START_EXAMPLES","AI_SITE_START_TYPES","aiSiteStartBrief","aiSiteStartInputs","aiSiteStartRefusal","AiJobFollow","aiSiteBuildHref","publishAiJob","TITLE_ID","AI_SITE_START_SURFACE_SX","bgcolor","STEP_LABELS","IconBadge","accent","children","aria-hidden","sx","theme","width","spacing","height","borderRadius","display","alignItems","justifyContent","palette","main","mode","color","fontSize","ChoiceCard","icon","iconId","title","description","busy","onChoose","id","variant","transition","transitions","create","duration","shorter","borderColor","boxShadow","shadows","transform","onClick","disabled","aria-labelledby","aria-describedby","aria-busy","undefined","p","xs","sm","textAlign","size","aria-label","path","data-icon","component","SectionLabel","AiSiteStartCard","hostId","orgId","orgSlug","host","startBlank","leave","data","user","router","userRef","current","uid","verdict","setVerdict","step","setStep","answers","setAnswers","setBusy","startingStarter","setStartingStarter","notice","setNotice","started","setStarted","freeTaste","setFreeTaste","active","response","encodeURIComponent","payload","ok","json","catch","pages","max","welcomeEmail","status","answer","patch","refusal","band","plan","method","headers","body","JSON","stringify","kind","brief","inputs","locked","String","error","created","job","href","push","chooseStarter","choice","chooseAi","exit","estimate","estimateText","toLocaleString","choosing","open","fullScreen","onClose","slotProps","paper","elevation","position","enableColorOnDark","borderBottom","gap","edge","noWrap","textOverflow","flex","px","maxWidth","disableGutters","py","activeStep","mx","map","label","severity","gridTemplateColumns","intro","onOpenJobs","fullWidth","required","placeholder","value","siteType","onChange","event","target","helperText","flexWrap","type","audience","example","selected","primary","aria-pressed","blurb","direction","minWidth","select","submissions","option","Number","Array","from","length","min","_","index","count","rowGap","columnGap","borderTop","mr","tabIndex","Boolean","startIcon"],"mappings":"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"}

package/src/lib/components/assist-panel.component.js

@@ -19,7 +19,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { canvas, checkEntitlement, lockdownRefusalText, parseLockdownRefusal } from "@aglyn/aglyn";
 import { editorSessionsRevision, openEditorSession, subscribeEditorSessions } from "@aglyn/aglyn/plugin-manager/editor-sessions";
 import { trackEvent } from "@aglyn/aglyn/app-utils/analytics-events";
-import { mdiChatQuestionOutline, mdiChevronDown, mdiChevronUp, mdiClose, mdiOpenInNew, mdiSend, mdiThumbDownOutline, mdiThumbUpOutline } from "@aglyn/shared-data-mdi";
+import { mdiChevronDown, mdiCreation, mdiChevronUp, mdiClose, mdiOpenInNew, mdiSend, mdiThumbDownOutline, mdiThumbUpOutline } from "@aglyn/shared-data-mdi";
 import { AppLink, MdiIcon } from "@aglyn/shared-ui-jsx";
 import { useSnackbar } from "@aglyn/shared-ui-snackstack";
 import { Alert, Badge, Box, Button, Chip, CircularProgress, Collapse, Drawer, Fab, IconButton, Link, Paper, Stack, TextField, Tooltip, Typography } from "@mui/material";
@@ -443,8 +443,13 @@ export function AssistPanelComponent(props) {
     // the panel again later does not re-highlight a job asked for before.
     const openRequest = useAiJobsOpenRequest();
     const [jobsFocus, setJobsFocus] = useState(null);
+    // The request outlives the panel: it is module state, and a page in
+    // another layout mounts a fresh panel. Only a request made after this
+    // panel mounted opens it — one already answered never reopens it.
+    const answeredSeq = useRef(openRequest.seq);
     useEffect(()=>{
-        if (openRequest.seq === 0) return;
+        if (openRequest.seq <= answeredSeq.current) return;
+        answeredSeq.current = openRequest.seq;
         setJobsFocus(openRequest);
         setOpen(true);
     // A new `seq` is a new request; the object is read as it stands.
@@ -814,7 +819,7 @@ export function AssistPanelComponent(props) {
                         overlap: "circular",
                         "data-ai-jobs-badge": (_ref = jobsActivity == null ? void 0 : jobsActivity.state) != null ? _ref : undefined,
                         children: /*#__PURE__*/ _jsx(MdiIcon, {
-                            path: mdiChatQuestionOutline.path,
+                            path: mdiCreation.path,
                             fontSize: "medium"
                         })
                     })
@@ -852,7 +857,7 @@ export function AssistPanelComponent(props) {
                             },
                             children: [
                                 /*#__PURE__*/ _jsx(MdiIcon, {
-                                    path: mdiChatQuestionOutline.path,
+                                    path: mdiCreation.path,
                                     fontSize: "medium"
                                 }),
                                 /*#__PURE__*/ _jsx(Typography, {