@aglyn/plugins-ai 1.0.0-beta.292 → 1.0.0-beta.296

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-site-import-start.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 type { ConsolePendingSite } from '@aglyn/aglyn/plugin-manager/feature-plugins'\nimport { pluginDocsHelp } from '@aglyn/aglyn/app-utils/docs-help'\nimport { mdiWebSync } from '@aglyn/shared-data-mdi'\nimport { HelpTip, MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { authorizedFetch, type MaybeTokenSource } from '@aglyn/shared-util-http/authorized-token'\nimport { Alert, Box, Button, Stack, TextField, Typography } from '@mui/material'\nimport { useRouter } from 'next/navigation'\nimport { useCallback, useRef, useState } from 'react'\nimport type { AiJobSummary } from '../model/ai-jobs.types'\nimport { AI_SITE_IMPORT_DOMAIN_INPUT, AI_SITE_IMPORT_KIND, AI_SITE_IMPORT_WAVE_PAGES } from '../model/ai-site-import'\nimport type { AiSiteImportClaim } from '../model/ai-site-import-view'\nimport { aiSiteBuildHref } from './ai-job-links'\nimport { publishAiJob } from './ai-jobs-store'\nimport { AiSiteOwnershipProof, postAiSiteOwnership } from './ai-site-ownership-proof.component'\n\n/** Each part of the flow links its own section of the Bring my site guide. */\nexport const AI_SITE_IMPORT_HELP = {\n  address: pluginDocsHelp('aiImport', {\n    anchor: '#your-current-website',\n    excerpt: 'The address people type to reach your site today. You prove it is yours next, so only a site you own can be brought in.',\n  }),\n  prove: pluginDocsHelp('aiImport', {\n    anchor: '#prove-it-is-yours',\n    excerpt: 'Add a DNS record, add a tag to your home page, or get a code at an address at your domain. Any one is enough.',\n  }),\n  waves: pluginDocsHelp('aiImport', {\n    anchor: '#waves',\n    excerpt: 'Your main pages come in first, then each collection, such as blog posts, ten pages at a time. You review each wave and start the next yourself.',\n  }),\n  turnedAway: pluginDocsHelp('aiImport', {\n    anchor: '#turned-away',\n    excerpt: 'Allow AglynBot in your site’s bot protection or firewall settings, then choose Check again. Reading your site again uses no AI credits.',\n  }),\n}\n\ntype Step = 'address' | 'prove' | 'read'\n\nexport interface AiSiteImportStartProps {\n  orgId: string\n  orgSlug: string | null\n  hostId: string | null\n  host: string | null\n  user: MaybeTokenSource\n  /** The site being created by \"Create site\", when it does not exist yet (AGL-3761). */\n  pendingSite?: ConsolePendingSite\n  /** Back to how the site starts. */\n  onBack: () => void\n  /** The dialog closes before the job's page opens. */\n  leave?: () => void\n}\n\n/**\n * \"Bring my site\" (AGL-3976): the address of the site the person has now,\n * the proof that it is theirs, and what happens next — then the site is read\n * and its waves planned, nothing built, on the import job's own page.\n *\n * Nothing is created until \"Read my site\": the site in Create site is made\n * then, empty, and the import job is started on it. The job reads the site\n * and waits for the person to start its first wave, so even this costs no\n * AI credits.\n */\nexport function AiSiteImportStart({ orgId, orgSlug, hostId, host, user, pendingSite, onBack, leave }: AiSiteImportStartProps) {\n  const router = useRouter()\n  const userRef = useRef(user)\n  userRef.current = user\n  const [step, setStep] = useState<Step>('address')\n  const [address, setAddress] = useState('')\n  const [claim, setClaim] = useState<AiSiteImportClaim | null>(null)\n  const [notice, setNotice] = useState<string | null>(null)\n  const [busy, setBusy] = useState(false)\n  // A site already verified skips the proof step, and Back skips it too.\n  const [proved, setProved] = useState(false)\n\n  const claimIt = useCallback(async () => {\n    setBusy(true)\n    setNotice(null)\n    const answer = await postAiSiteOwnership(userRef.current, { orgId, action: 'claim', domain: address })\n    setBusy(false)\n    if (!answer.claim) {\n      setNotice(answer.message ?? 'That address could not be used.')\n      return\n    }\n    setClaim(answer.claim)\n    setProved(!answer.claim.current)\n    setStep(answer.claim.current ? 'read' : 'prove')\n  }, [orgId, address])\n\n  const read = useCallback(async () => {\n    if (!claim?.current) return\n    setBusy(true)\n    setNotice(null)\n    try {\n      const requestJob = (siteId: string | null, check: boolean) =>\n        authorizedFetch(userRef.current, '/api/ai/jobs', {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({\n            orgId,\n            hostId: siteId,\n            kind: AI_SITE_IMPORT_KIND,\n            brief: `Bring in ${claim.domain}`,\n            inputs: { [AI_SITE_IMPORT_DOMAIN_INPUT]: claim.domain },\n            ...(check ? { check: true } : {}),\n          }),\n        })\n      const refused = async (response: Response): Promise<Record<string, unknown> | null> => {\n        const payload = (await response.json().catch(() => null)) as Record<string, unknown> | null\n        if (response.ok) return payload ?? {}\n        const locked = parseLockdownRefusal(response.status, payload)\n        setNotice(locked ? lockdownRefusalText(locked) : String(payload?.['error'] ?? 'Your site could not be read. Try again.'))\n        return null\n      }\n      let site = { hostId, host, orgSlug }\n      if (!hostId && pendingSite) {\n        // Asked before the site exists, so a refusal creates nothing (AGL-3859).\n        if (!pendingSite.created && !(await refused(await requestJob(null, true)))) return\n        // A site brought in starts in preview unless the person switched it\n        // off (AGL-4086): its pages arrive here before anyone has looked.\n        const made = await pendingSite.create({ start: 'import' })\n        if ('error' in made) {\n          setNotice(made.error)\n          if (made.address) onBack()\n          return\n        }\n        site = { hostId: made.hostId, host: made.host, orgSlug: made.orgSlug || orgSlug }\n      }\n      if (!site.hostId) return\n      const payload = await refused(await requestJob(site.hostId, false))\n      const job = (payload?.['job'] as AiJobSummary | undefined) ?? null\n      if (!job) {\n        if (payload) setNotice('Your site could not be read. Try again.')\n        return\n      }\n      publishAiJob(job)\n      const href = aiSiteBuildHref(site.orgSlug, site.host, job.id)\n      if (href) {\n        leave?.()\n        router.push(href)\n      }\n    } catch {\n      setNotice('Your site could not be read. Try again.')\n    } finally {\n      setBusy(false)\n    }\n  }, [claim, orgId, hostId, host, orgSlug, pendingSite, onBack, leave, router])\n\n  const back = () => {\n    setNotice(null)\n    if (step === 'address') onBack()\n    else if (step === 'prove') setStep('address')\n    else setStep(proved ? 'prove' : 'address')\n  }\n\n  return (\n    <Stack spacing={3} component=\"section\" aria-label=\"Bring my site\" data-start-area=\"import\">\n      {notice && <Alert severity=\"info\">{notice}</Alert>}\n      {step === 'address' && (\n        <Stack spacing={2}>\n          <Stack direction=\"row\" spacing={0.5} sx={{ alignItems: 'center' }}>\n            <Typography variant=\"subtitle1\" component=\"h2\">\n              {'Your current website'}\n            </Typography>\n            <HelpTip {...AI_SITE_IMPORT_HELP.address} />\n          </Stack>\n          <TextField\n            label=\"Website address\"\n            placeholder=\"example.com\"\n            value={address}\n            autoFocus\n            onChange={(event) => setAddress(event.target.value)}\n            onKeyDown={(event) => {\n              if (event.key === 'Enter' && address.trim() && !busy) {\n                event.preventDefault()\n                void claimIt()\n              }\n            }}\n            helperText=\"The address people type to reach your site today. You prove it is yours next.\"\n          />\n        </Stack>\n      )}\n      {step === 'prove' && claim && (\n        <Stack spacing={2}>\n          <Stack direction=\"row\" spacing={0.5} sx={{ alignItems: 'center' }}>\n            <Typography variant=\"subtitle1\" component=\"h2\">\n              {'Prove it is yours'}\n            </Typography>\n            <HelpTip {...AI_SITE_IMPORT_HELP.prove} />\n          </Stack>\n          <AiSiteOwnershipProof orgId={orgId} user={user} claim={claim} onClaim={setClaim} />\n        </Stack>\n      )}\n      {step === 'read' && claim && (\n        <Stack spacing={2}>\n          <Stack direction=\"row\" spacing={0.5} sx={{ alignItems: 'center' }}>\n            <Typography variant=\"subtitle1\" component=\"h2\">\n              {`Bring in ${claim.domain}`}\n            </Typography>\n            <HelpTip {...AI_SITE_IMPORT_HELP.waves} />\n          </Stack>\n          <Box component=\"ul\" sx={{ m: 0, pl: 3, '& li': { mb: 1 } }}>\n            <Typography component=\"li\" variant=\"body2\">\n              {`AglynBot reads your whole site, home page first, as many pages as your plan includes: your main pages first, then collections such as blog posts.`}\n            </Typography>\n            <Typography component=\"li\" variant=\"body2\">\n              {`You see what was found, what could not be read and why, and what each wave of up to ${AI_SITE_IMPORT_WAVE_PAGES} pages costs before anything is built. Reading your site uses no AI credits.`}\n            </Typography>\n            <Typography component=\"li\" variant=\"body2\">\n              {'If your home page cannot be read, nothing is planned and no AI credits are used. You are told why, and you check again once it can be.'}\n            </Typography>\n            <Typography component=\"li\" variant=\"body2\">\n              {`${PLATFORM_BRAND_NAME} AI rewrites each page into your new site’s design, with its words, facts and photos. You review each wave and start the next yourself.`}\n            </Typography>\n            <Typography component=\"li\" variant=\"body2\">\n              {'Every page is a draft. Nothing is published until you publish it, and your current site is not changed.'}\n            </Typography>\n          </Box>\n          {/* Start in preview (AGL-4086), for a site this creates: on unless\n              the person switches it off. */}\n          {!hostId && pendingSite && !pendingSite.created\n            ? pendingSite.previewControl?.('import')\n            : null}\n        </Stack>\n      )}\n      <Stack direction=\"row\" spacing={1} sx={{ justifyContent: 'space-between' }}>\n        <Button onClick={back} disabled={busy}>\n          {'Back'}\n        </Button>\n        {step === 'address' && (\n          <Button variant=\"contained\" disabled={busy || !address.trim()} onClick={() => void claimIt()}>\n            {busy ? 'Checking…' : 'Next'}\n          </Button>\n        )}\n        {step === 'prove' && (\n          <Button variant=\"contained\" disabled={!claim?.current} onClick={() => setStep('read')}>\n            {'Next'}\n          </Button>\n        )}\n        {step === 'read' && (\n          <Button\n            variant=\"contained\"\n            size=\"large\"\n            disabled={busy || !claim?.current}\n            onClick={() => void read()}\n            startIcon={<MdiIcon path={mdiWebSync.path} />}\n          >\n            {busy ? 'Starting…' : 'Read my site'}\n          </Button>\n        )}\n      </Stack>\n    </Stack>\n  )\n}\n\nexport default AiSiteImportStart\n"],"names":["lockdownRefusalText","parseLockdownRefusal","PLATFORM_BRAND_NAME","pluginDocsHelp","mdiWebSync","HelpTip","MdiIcon","authorizedFetch","Alert","Box","Button","Stack","TextField","Typography","useRouter","useCallback","useRef","useState","AI_SITE_IMPORT_DOMAIN_INPUT","AI_SITE_IMPORT_KIND","AI_SITE_IMPORT_WAVE_PAGES","aiSiteBuildHref","publishAiJob","AiSiteOwnershipProof","postAiSiteOwnership","AI_SITE_IMPORT_HELP","address","anchor","excerpt","prove","waves","turnedAway","AiSiteImportStart","orgId","orgSlug","hostId","host","user","pendingSite","onBack","leave","router","userRef","current","step","setStep","setAddress","claim","setClaim","notice","setNotice","busy","setBusy","proved","setProved","claimIt","answer","action","domain","message","read","requestJob","siteId","check","method","headers","body","JSON","stringify","kind","brief","inputs","refused","response","payload","json","catch","ok","locked","status","String","site","created","made","create","start","error","job","href","id","push","back","spacing","component","aria-label","data-start-area","severity","direction","sx","alignItems","variant","label","placeholder","value","autoFocus","onChange","event","target","onKeyDown","key","trim","preventDefault","helperText","onClaim","m","pl","mb","previewControl","justifyContent","onClick","disabled","size","startIcon","path"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-site-import-start.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 type { ConsolePendingSite } from '@aglyn/aglyn/plugin-manager/feature-plugins'\nimport { pluginDocsHelp } from '@aglyn/aglyn/app-utils/docs-help'\nimport { mdiWebSync } from '@aglyn/shared-data-mdi'\nimport { HelpTip, MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { authorizedFetch, type MaybeTokenSource } from '@aglyn/shared-util-http/authorized-token'\nimport { Alert, Box, Button, Stack, TextField, Typography } from '@mui/material'\nimport { useRouter } from 'next/navigation'\nimport { useCallback, useRef, useState } from 'react'\nimport type { AiJobSummary } from '../model/ai-jobs.types'\nimport { AI_SITE_IMPORT_DOMAIN_INPUT, AI_SITE_IMPORT_KIND, AI_SITE_IMPORT_WAVE_PAGES } from '../model/ai-site-import'\nimport type { AiSiteImportClaim } from '../model/ai-site-import-view'\nimport { aiSiteBuildHref } from './ai-job-links'\nimport { publishAiJob } from './ai-jobs-store'\nimport { AiSiteOwnershipProof, postAiSiteOwnership } from './ai-site-ownership-proof.component'\n\n/** Each part of the flow links its own section of the Bring my site guide. */\nexport const AI_SITE_IMPORT_HELP = {\n  address: pluginDocsHelp('aiImport', {\n    anchor: '#your-current-website',\n    excerpt: 'The address people type to reach your site today. You prove it is yours next, so only a site you own can be brought in.',\n  }),\n  prove: pluginDocsHelp('aiImport', {\n    anchor: '#prove-it-is-yours',\n    excerpt: 'Add a DNS record, add a tag to your home page, or get a code at an address at your domain. Any one is enough.',\n  }),\n  waves: pluginDocsHelp('aiImport', {\n    anchor: '#waves',\n    excerpt: 'Your main pages come in first, then each collection, such as blog posts, ten pages at a time. You review each wave and start the next yourself.',\n  }),\n  turnedAway: pluginDocsHelp('aiImport', {\n    anchor: '#turned-away',\n    excerpt: 'Allow AglynBot in your site’s bot protection or firewall settings, then choose Check again. Reading your site again uses no AI credits.',\n  }),\n}\n\ntype Step = 'address' | 'prove' | 'read'\n\nexport interface AiSiteImportStartProps {\n  orgId: string\n  orgSlug: string | null\n  hostId: string | null\n  host: string | null\n  user: MaybeTokenSource\n  /** The site being created by \"Create site\", when it does not exist yet (AGL-3761). */\n  pendingSite?: ConsolePendingSite\n  /** Back to how the site starts. */\n  onBack: () => void\n  /** The dialog closes before the job's page opens. */\n  leave?: () => void\n}\n\n/**\n * \"Bring my site\" (AGL-3976): the address of the site the person has now,\n * the proof that it is theirs, and what happens next — then the site is read\n * and its waves planned, nothing built, on the import job's own page.\n *\n * Nothing is created until \"Read my site\": the site in Create site is made\n * then, empty, and the import job is started on it. The job reads the site\n * and waits for the person to start its first wave, so even this costs no\n * AI credits.\n */\nexport function AiSiteImportStart({ orgId, orgSlug, hostId, host, user, pendingSite, onBack, leave }: AiSiteImportStartProps) {\n  const router = useRouter()\n  const userRef = useRef(user)\n  userRef.current = user\n  const [step, setStep] = useState<Step>('address')\n  const [address, setAddress] = useState('')\n  const [claim, setClaim] = useState<AiSiteImportClaim | null>(null)\n  const [notice, setNotice] = useState<string | null>(null)\n  const [busy, setBusy] = useState(false)\n  // A site already verified skips the proof step, and Back skips it too.\n  const [proved, setProved] = useState(false)\n\n  const claimIt = useCallback(async () => {\n    setBusy(true)\n    setNotice(null)\n    const answer = await postAiSiteOwnership(userRef.current, { orgId, action: 'claim', domain: address })\n    setBusy(false)\n    if (!answer.claim) {\n      setNotice(answer.message ?? 'That address could not be used.')\n      return\n    }\n    setClaim(answer.claim)\n    setProved(!answer.claim.current)\n    setStep(answer.claim.current ? 'read' : 'prove')\n  }, [orgId, address])\n\n  const read = useCallback(async () => {\n    if (!claim?.current) return\n    setBusy(true)\n    setNotice(null)\n    try {\n      const requestJob = (siteId: string | null, check: boolean) =>\n        authorizedFetch(userRef.current, '/api/ai/jobs', {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({\n            orgId,\n            hostId: siteId,\n            kind: AI_SITE_IMPORT_KIND,\n            brief: `Bring in ${claim.domain}`,\n            inputs: { [AI_SITE_IMPORT_DOMAIN_INPUT]: claim.domain },\n            ...(check ? { check: true } : {}),\n          }),\n        })\n      const refused = async (response: Response): Promise<Record<string, unknown> | null> => {\n        const payload = (await response.json().catch(() => null)) as Record<string, unknown> | null\n        if (response.ok) return payload ?? {}\n        const locked = parseLockdownRefusal(response.status, payload)\n        setNotice(locked ? lockdownRefusalText(locked) : String(payload?.['error'] ?? 'Your site could not be read. Try again.'))\n        return null\n      }\n      let site = { hostId, host, orgSlug }\n      if (!hostId && pendingSite) {\n        // Asked before the site exists, so a refusal creates nothing (AGL-3859).\n        if (!pendingSite.created && !(await refused(await requestJob(null, true)))) return\n        // A site brought in starts in preview unless the person switched it\n        // off (AGL-4086): its pages arrive here before anyone has looked.\n        const made = await pendingSite.create({ start: 'import' })\n        if ('error' in made) {\n          setNotice(made.error)\n          if (made.address) onBack()\n          return\n        }\n        site = { hostId: made.hostId, host: made.host, orgSlug: made.orgSlug || orgSlug }\n      }\n      if (!site.hostId) return\n      const payload = await refused(await requestJob(site.hostId, false))\n      const job = (payload?.['job'] as AiJobSummary | undefined) ?? null\n      if (!job) {\n        if (payload) setNotice('Your site could not be read. Try again.')\n        return\n      }\n      publishAiJob(job)\n      const href = aiSiteBuildHref(site.orgSlug, site.host, job.id)\n      if (href) {\n        leave?.()\n        router.push(href)\n      }\n    } catch {\n      setNotice('Your site could not be read. Try again.')\n    } finally {\n      setBusy(false)\n    }\n  }, [claim, orgId, hostId, host, orgSlug, pendingSite, onBack, leave, router])\n\n  const back = () => {\n    setNotice(null)\n    if (step === 'address') onBack()\n    else if (step === 'prove') setStep('address')\n    else setStep(proved ? 'prove' : 'address')\n  }\n\n  return (\n    <Stack spacing={3} component=\"section\" aria-label=\"Bring my site\" data-start-area=\"import\">\n      {notice && <Alert severity=\"info\">{notice}</Alert>}\n      {step === 'address' && (\n        <Stack spacing={2}>\n          <Stack direction=\"row\" spacing={0.5} sx={{ alignItems: 'center' }}>\n            <Typography variant=\"subtitle1\" component=\"h2\">\n              {'Your current website'}\n            </Typography>\n            <HelpTip {...AI_SITE_IMPORT_HELP.address} />\n          </Stack>\n          <TextField\n            label=\"Website address\"\n            placeholder=\"example.com\"\n            value={address}\n            autoFocus\n            onChange={(event) => setAddress(event.target.value)}\n            onKeyDown={(event) => {\n              if (event.key === 'Enter' && address.trim() && !busy) {\n                event.preventDefault()\n                void claimIt()\n              }\n            }}\n            helperText=\"The address people type to reach your site today. You prove it is yours next.\"\n          />\n        </Stack>\n      )}\n      {step === 'prove' && claim && (\n        <Stack spacing={2}>\n          <Stack direction=\"row\" spacing={0.5} sx={{ alignItems: 'center' }}>\n            <Typography variant=\"subtitle1\" component=\"h2\">\n              {'Prove it is yours'}\n            </Typography>\n            <HelpTip {...AI_SITE_IMPORT_HELP.prove} />\n          </Stack>\n          <AiSiteOwnershipProof orgId={orgId} user={user} claim={claim} onClaim={setClaim} />\n        </Stack>\n      )}\n      {step === 'read' && claim && (\n        <Stack spacing={2}>\n          <Stack direction=\"row\" spacing={0.5} sx={{ alignItems: 'center' }}>\n            <Typography variant=\"subtitle1\" component=\"h2\">\n              {`Bring in ${claim.domain}`}\n            </Typography>\n            <HelpTip {...AI_SITE_IMPORT_HELP.waves} />\n          </Stack>\n          <Box component=\"ul\" sx={{ m: 0, pl: 3, '& li': { mb: 1 } }}>\n            <Typography component=\"li\" variant=\"body2\">\n              {`AglynBot reads your whole site, home page first, as many pages as your plan includes: your main pages first, then collections such as blog posts.`}\n            </Typography>\n            <Typography component=\"li\" variant=\"body2\">\n              {`You see what was found, what could not be read and why, and what each wave of up to ${AI_SITE_IMPORT_WAVE_PAGES} pages costs before anything is built. Reading your site uses no AI credits.`}\n            </Typography>\n            <Typography component=\"li\" variant=\"body2\">\n              {'If your home page cannot be read, nothing is planned and no AI credits are used. You are told why, and you check again once it can be.'}\n            </Typography>\n            <Typography component=\"li\" variant=\"body2\">\n              {'Each page keeps every word as you wrote it and is laid out as your page is: its sections, columns, cards, icons, pictures, tables and tabs, in your site’s own look. You review each wave and start the next yourself.'}\n            </Typography>\n            <Typography component=\"li\" variant=\"body2\">\n              {'Each wave lands in your new site’s preview, where only you and your team can see it, until you make the site public. A site not in preview keeps its pages as drafts. Your current site is not changed.'}\n            </Typography>\n          </Box>\n          {/* Start in preview (AGL-4086), for a site this creates: on unless\n              the person switches it off. */}\n          {!hostId && pendingSite && !pendingSite.created\n            ? pendingSite.previewControl?.('import')\n            : null}\n        </Stack>\n      )}\n      <Stack direction=\"row\" spacing={1} sx={{ justifyContent: 'space-between' }}>\n        <Button onClick={back} disabled={busy}>\n          {'Back'}\n        </Button>\n        {step === 'address' && (\n          <Button variant=\"contained\" disabled={busy || !address.trim()} onClick={() => void claimIt()}>\n            {busy ? 'Checking…' : 'Next'}\n          </Button>\n        )}\n        {step === 'prove' && (\n          <Button variant=\"contained\" disabled={!claim?.current} onClick={() => setStep('read')}>\n            {'Next'}\n          </Button>\n        )}\n        {step === 'read' && (\n          <Button\n            variant=\"contained\"\n            size=\"large\"\n            disabled={busy || !claim?.current}\n            onClick={() => void read()}\n            startIcon={<MdiIcon path={mdiWebSync.path} />}\n          >\n            {busy ? 'Starting…' : 'Read my site'}\n          </Button>\n        )}\n      </Stack>\n    </Stack>\n  )\n}\n\nexport default AiSiteImportStart\n"],"names":["lockdownRefusalText","parseLockdownRefusal","pluginDocsHelp","mdiWebSync","HelpTip","MdiIcon","authorizedFetch","Alert","Box","Button","Stack","TextField","Typography","useRouter","useCallback","useRef","useState","AI_SITE_IMPORT_DOMAIN_INPUT","AI_SITE_IMPORT_KIND","AI_SITE_IMPORT_WAVE_PAGES","aiSiteBuildHref","publishAiJob","AiSiteOwnershipProof","postAiSiteOwnership","AI_SITE_IMPORT_HELP","address","anchor","excerpt","prove","waves","turnedAway","AiSiteImportStart","orgId","orgSlug","hostId","host","user","pendingSite","onBack","leave","router","userRef","current","step","setStep","setAddress","claim","setClaim","notice","setNotice","busy","setBusy","proved","setProved","claimIt","answer","action","domain","message","read","requestJob","siteId","check","method","headers","body","JSON","stringify","kind","brief","inputs","refused","response","payload","json","catch","ok","locked","status","String","site","created","made","create","start","error","job","href","id","push","back","spacing","component","aria-label","data-start-area","severity","direction","sx","alignItems","variant","label","placeholder","value","autoFocus","onChange","event","target","onKeyDown","key","trim","preventDefault","helperText","onClaim","m","pl","mb","previewControl","justifyContent","onClick","disabled","size","startIcon","path"],"mappings":"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"}

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

@@ -44,5 +44,5 @@ export type AiSiteStartCardProps = ConsoleHostFirstRunZoneProps & {
  * `aiSiteStartBrief` and `aiSiteStartInputs`. Each step is reported as a
  * funnel, with where people struggle (`ai-site-start-tracking.ts`).
  */
-export declare function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leave, pendingSite, clientBuild, initialAnswers, }: AiSiteStartCardProps): import("react").JSX.Element;
+export declare function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leave, pendingSite, chooseStarter: chooseStarterInShell, clientBuild, initialAnswers, }: AiSiteStartCardProps): import("react").JSX.Element;
 export default AiSiteStartCard;

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

@@ -23,6 +23,7 @@ import { mdiCreation, mdiPageLayoutHeaderFooter, mdiWebSync } from "@aglyn/share
 import { pluginDocsHelp } from "@aglyn/aglyn/app-utils/docs-help";
 import { HelpTip, MdiIcon } from "@aglyn/shared-ui-jsx";
 import BlockedControl from "@aglyn/shared-ui-jsx/components/blocked-control.component";
+import { OptionCardGrid } from "@aglyn/shared-ui-jsx/components/option-card-grid.component";
 import { PrerequisiteNotice } from "@aglyn/shared-ui-jsx/components/prerequisite-notice.component";
 import { authorizedFetch } from "@aglyn/shared-util-http/authorized-token";
 import { useUser } from "@aglyn/tenant-feature-instance";
@@ -34,12 +35,12 @@ import { AI_JOB_AUTO_CONFIRM_INPUT, AI_SITE_FREE_PAGES, aiFreeCreditsNoneLeftTex
 import { FREE_AI_TASTE_CREDITS_PER_MONTH } from "../plan-entitlements.js";
 import { AI_CREDITS_CONFIRM_CODE, aiCreditRangeText } from "../model/ai-credit-estimate.js";
 import { AiCreditsPromptNotice } from "./ai-credits-prompt.component.js";
-import { AI_SITE_START_ANSWERS, aiSiteStartAnswersFromClientBuild, aiSiteStartBrief, aiSiteStartClientBrief, aiSiteStartClientInputs, aiSiteStartClientNote, aiSiteStartExtrasGiven, aiSiteStartInputs, aiSiteStartRefusal } from "../model/ai-site-start.js";
+import { AI_SITE_START_ANSWERS, AI_SITE_START_STYLE_REQUIRED, aiSiteStartAnswersFromClientBuild, aiSiteStartBrief, aiSiteStartClientBrief, aiSiteStartClientInputs, aiSiteStartClientNote, aiSiteStartExtrasGiven, aiSiteStartInputs, aiSiteStartKind, aiSiteStartRefusal } from "../model/ai-site-start.js";
 import { aiSiteInspirationLimit } from "../model/ai-site-inspiration.js";
 import { aiSiteStartFieldErrors, aiSiteStartFirstInvalidStep, aiSiteStartNextStep, aiSiteStartPreviousStep, aiSiteStartStepErrors, aiSiteStartStepIndex, AI_SITE_START_STEPS, AI_SITE_START_STEP_FIELDS } from "../model/ai-site-start-steps.js";
 import { aiSiteKindOfInputs } from "../model/ai-site-kinds.js";
 import { aiSiteStartClickOf, useAiSiteStartTracking } from "./ai-site-start-tracking.js";
-import { AudienceStep, DetailsStep, KindStep, MoreDetails, ReviewStep, StartProgress, StepHelp, StyleStep } from "./ai-site-start-steps.component.js";
+import { aiSiteStyleCards, AudienceStep, DetailsStep, KindStep, MoreDetails, ReviewStep, StartProgress, StepHelp, StyleStep } from "./ai-site-start-steps.component.js";
 import { AiJobFollow } from "./ai-job-follow.component.js";
 import { AiModelSelector } from "./ai-model-selector.component.js";
 import { useAiModelChoice } from "./use-ai-model-choice.js";
@@ -163,7 +164,7 @@ import { aiSiteImportOfferOf } from "../model/ai-site-import-view.js";
  */ const START_HELP = {
     choose: pluginDocsHelp('aiStart', {
         anchor: '#how-do-you-want-to-start',
-        excerpt: 'The starter site gives you a ready-made home page to edit. Start with AI asks a few questions, then plans, writes and publishes your pages.'
+        excerpt: 'The starter site gives you a ready-made home page to edit, in a style you choose. Start with AI asks a few questions, then plans, writes and publishes your pages.'
     }),
     estimate: pluginDocsHelp('aiCredits', {
         anchor: '#before-a-job-starts',
@@ -202,9 +203,9 @@ function SectionLabel({ children, help }) {
  * held, and only the review turns them into the job, through the same
  * `aiSiteStartBrief` and `aiSiteStartInputs`. Each step is reported as a
  * funnel, with where people struggle (`ai-site-start-tracking.ts`).
- */ export function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leave, pendingSite, clientBuild, initialAnswers = null }) {
-    var _ref, _ref1, _ref2, _ref3, _aiFreeSitePrompt;
-    var _aiSiteKindOfInputs, _modelChoice_options_options_find, _modelChoice_options;
+ */ export function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leave, pendingSite, chooseStarter: chooseStarterInShell, clientBuild, initialAnswers = null }) {
+    var _ref, _ref1, _ref2, _ref3, _aiFreeSitePrompt, _aiSiteStartRefusal;
+    var _aiSiteKindOfInputs, _modelChoice_options_options_find, _modelChoice_options, _pendingSite_previewControl;
     const { data: user } = useUser();
     const router = useRouter();
     // Held in a ref so a request reads WHO is signed in, never the identity of
@@ -248,6 +249,10 @@ function SectionLabel({ children, help }) {
     const [busy, setBusy] = useState(false);
     // The starter card's own busy state while `startBlank` runs (AGL-3594).
     const [startingStarter, setStartingStarter] = useState(false);
+    // The starter card's style choice (AGL-4049): drawn after the starter card
+    // is clicked, with nothing chosen until a card is.
+    const [pickingStyle, setPickingStyle] = useState(false);
+    const [starterStyle, setStarterStyle] = useState(null);
     const [notice, setNotice] = useState(null);
     /** The site job "Plan my site" started, as the create door answered with it. */ const [started, setStarted] = useState(null);
     // The Free taste's page band (AGL-3594), read off the verdict request.
@@ -340,9 +345,10 @@ function SectionLabel({ children, help }) {
         siteKind
     })) != null ? _aiFreeSitePrompt : serverPrompt : null;
     const noneLeft = freeTaste && freeCredits !== null && freeCredits.left <= 0;
-    const refusal = aiSiteStartRefusal(answers, {
+    // The door's refusal, else the questions' own: a style not yet chosen (AGL-4049).
+    const refusal = (_aiSiteStartRefusal = aiSiteStartRefusal(answers, {
         freeTaste
-    });
+    })) != null ? _aiSiteStartRefusal : answers.style === null ? AI_SITE_START_STYLE_REQUIRED : null;
     const band = aiSitePagesBand(freeTaste);
     // On a paid plan the person picks the model that builds the site (AGL-3660),
     // Auto by default, from the models their plan allows; every step of the job
@@ -371,7 +377,7 @@ function SectionLabel({ children, help }) {
         }) : answers;
         if (!orgId || aiSiteStartRefusal(asked, {
             freeTaste
-        }) || noneLeft) return;
+        }) || asked.style === null || noneLeft) return;
         // Past what is left, only an explicit go-ahead starts it.
         if (freeTaste && !options.creditsConfirmed && aiFreeSitePrompt(freeCredits, asked.pages, {
             siteKind
@@ -442,7 +448,10 @@ function SectionLabel({ children, help }) {
             };
             if (!hostId && pendingSite) {
                 if (!pendingSite.created && !await refused(await requestJob(null, true))) return;
-                const made = await pendingSite.create();
+                // The style the questions took (AGL-4049), recorded on the site.
+                const made = await pendingSite.create(asked.style ? {
+                    style: asked.style
+                } : undefined);
                 if ('error' in made) {
                     setNotice(made.error);
                     if (made.address) setStep('choose');
@@ -522,33 +531,54 @@ function SectionLabel({ children, help }) {
         clientIntake,
         siteInspiration
     ]);
-    // The zone's `startBlank`. Before the site exists it creates it with the
-    // starter, and answers `false` when it could not — most often a name or
-    // address to fix, which step 1 shows.
-    const runStartBlank = useCallback(()=>{
-        const result = startBlank();
+    // The zone's `startBlank`, with the style chosen for the starter (AGL-4049).
+    // Before the site exists it creates it with the starter, and answers
+    // `false` when it could not — most often a name or address to fix, which
+    // step 1 shows.
+    const runStartBlank = useCallback((options)=>{
+        const result = startBlank((options == null ? void 0 : options.style) ? {
+            style: options.style
+        } : undefined);
         if (result && typeof result.then === 'function') {
             void result.then((done)=>{
                 if (done) return;
                 setStartingStarter(false);
+                setPickingStyle(false);
                 setStep('choose');
             });
         }
     }, [
         startBlank
     ]);
+    // The starter card asks a style first (AGL-4049): nothing is created, and
+    // nothing chosen, until a style card is clicked and Create site with it.
+    // Where the shell offers "Choose your starter" — the platform's styles and
+    // the marketplace's starters together — the card hands the choice to it
+    // instead, and asks no style itself.
     const chooseStarter = useCallback(()=>{
         if (pendingSite && !pendingSite.created && !pendingSite.check()) return;
-        setStartingStarter(true);
         trackEvent('site_start_choice', {
             choice: 'starter'
         });
+        if (chooseStarterInShell && pendingSite && !pendingSite.created) return chooseStarterInShell();
+        setPickingStyle(true);
+    }, [
+        chooseStarterInShell,
+        pendingSite
+    ]);
+    const starterInShell = Boolean(chooseStarterInShell && pendingSite && !pendingSite.created);
+    const createStarter = useCallback(()=>{
+        if (!starterStyle || startingStarter) return;
+        setStartingStarter(true);
         // The starter is a way to start, not a way to leave: no abandonment after it.
         tracker.finish();
-        runStartBlank();
+        runStartBlank({
+            style: starterStyle
+        });
     }, [
-        pendingSite,
         runStartBlank,
+        starterStyle,
+        startingStarter,
         tracker
     ]);
     const chooseImport = useCallback(()=>{
@@ -648,9 +678,15 @@ function SectionLabel({ children, help }) {
         setStep(target);
     };
     if (verdict !== 'ready') return null;
+    // The style a way out gives the starter on a site that exists (AGL-4049):
+    // the one the starter's style view or the questions took, if any.
+    const exitStyle = starterStyle != null ? starterStyle : answers.style !== null ? aiSiteStartKind(answers).id : null;
+    const giveStarter = ()=>runStartBlank(exitStyle ? {
+            style: exitStyle
+        } : undefined);
     // Before a job is started Skip is the blank site, which writes the starter
     // (AGL-3594); after, it only closes — the job builds the site.
-    const exit = started ? leave != null ? leave : runStartBlank : runStartBlank;
+    const exit = started ? leave != null ? leave : giveStarter : giveStarter;
     // Skip, as the header draws it: before a site is started it is leaving the questions.
     const skip = ()=>{
         if (!started) tracker.abandon('skip');
@@ -659,10 +695,10 @@ function SectionLabel({ children, help }) {
     // Escape and the close control. Before "Create site" has made the site
     // (AGL-3761) there is nothing to give a starter to, so they only close,
     // and nothing is created; otherwise they are the same way out as Skip.
-    const dismissTo = creating && !started ? leave != null ? leave : runStartBlank : exit;
+    const dismissTo = creating && !started ? leave != null ? leave : giveStarter : exit;
     // Anything the person typed or picked, which a dismissal must not discard
     // silently (AGL-3660). After a job starts there is nothing left to lose.
-    const drafted = !started && Boolean(answers.siteType.trim() || answers.audience.trim() || answers.kind !== null || aiSiteStartExtrasGiven(answers).length > 0 || creating && (pendingSite == null ? void 0 : pendingSite.dirty));
+    const drafted = !started && Boolean(answers.siteType.trim() || answers.audience.trim() || answers.style !== null || starterStyle !== null || aiSiteStartExtrasGiven(answers).length > 0 || creating && (pendingSite == null ? void 0 : pendingSite.dirty));
     // Escape and the close control: a dismissal, never a choice. Escape that
     // bubbled here through React from a portal outside this dialog's own DOM is
     // a nested menu's, already handled there, and is not this dialog's to act on.
@@ -704,7 +740,9 @@ function SectionLabel({ children, help }) {
     const estimateText = freeTaste ? freeCredits ? `${aiCreditRangeText(estimate)}. You have ${freeCredits.left.toLocaleString('en-US')} of your ${freeCredits.total.toLocaleString('en-US')} free AI credits left this month, until ${aiFreeCreditsResetLabel(freeCredits.resetsOn)}` : `${aiCreditRangeText(estimate)}, of the ${FREE_AI_TASTE_CREDITS_PER_MONTH} AI credits you get free each month` : `${aiCreditRangeText(estimate)}, estimated`;
     // The card is drawn wherever the workspace could use it, disabled where it cannot yet.
     const showsImport = importAvailability.state === 'ready' || importAvailability.state === 'blocked';
-    const choosing = step === 'choose' && !started && !importing;
+    // The starter's style view (AGL-4049), on step 1.
+    const stylingStarter = step === 'choose' && pickingStyle && !started && !importing;
+    const choosing = step === 'choose' && !pickingStyle && !started && !importing;
     const reviewing = step === 'review' && !started && !importing;
     const asking = step !== 'choose' && !started && !importing;
     // Each answer's reason not to go forward, shown on a step once Next was refused there.
@@ -753,6 +791,9 @@ function SectionLabel({ children, help }) {
     const heading = importing ? {
         title: 'Bring my site',
         lede: `Bring the website you have now into ${PLATFORM_BRAND_NAME}: its pages, words and photos. First, prove it is yours.`
+    } : stylingStarter ? {
+        title: 'Choose a style',
+        lede: 'Your site starts with a home page, a header and a footer in the style you choose. You can change everything later.'
     } : HEADINGS[step];
     // Enter in a text answer is Next. A select, a card or a button keeps its own Enter.
     const onStepKeyDown = (event)=>{
@@ -821,7 +862,7 @@ function SectionLabel({ children, help }) {
                             },
                             children: 'Start your site'
                         }),
-                        /*#__PURE__*/ _jsx(Button, {
+                        creating && !started ? null : /*#__PURE__*/ _jsx(Button, {
                             color: "inherit",
                             onClick: skip,
                             "aria-label": started ? 'Close' : 'Skip and start blank',
@@ -839,7 +880,7 @@ function SectionLabel({ children, help }) {
                 },
                 onKeyDown: onStepKeyDown,
                 children: [
-                    importing ? null : /*#__PURE__*/ _jsx(Box, {
+                    importing || stylingStarter ? null : /*#__PURE__*/ _jsx(Box, {
                         sx: {
                             pt: {
                                 xs: 3,
@@ -853,7 +894,7 @@ function SectionLabel({ children, help }) {
                         })
                     }),
                     /*#__PURE__*/ _jsx(Container, {
-                        maxWidth: choosing || step === 'kind' || step === 'style' ? 'md' : 'sm',
+                        maxWidth: choosing || stylingStarter || step === 'kind' || step === 'style' ? 'md' : 'sm',
                         disableGutters: true,
                         sx: {
                             py: {
@@ -890,7 +931,7 @@ function SectionLabel({ children, help }) {
                                             variant: "body1",
                                             color: "text.secondary",
                                             children: [
-                                                choosing ? /*#__PURE__*/ _jsx(HelpTip, _extends({
+                                                choosing || stylingStarter ? /*#__PURE__*/ _jsx(HelpTip, _extends({
                                                     sx: {
                                                         float: 'right'
                                                     }
@@ -939,6 +980,28 @@ function SectionLabel({ children, help }) {
                                     pendingSite: pendingSite,
                                     onBack: ()=>setImporting(false),
                                     leave: leave
+                                }) : stylingStarter ? /*#__PURE__*/ _jsxs(Stack, {
+                                    spacing: 3,
+                                    component: "section",
+                                    "aria-label": "Style of your starter site",
+                                    children: [
+                                        /*#__PURE__*/ _jsx(OptionCardGrid, {
+                                            label: "Style of site",
+                                            "data-start-area": "starter-style-cards",
+                                            columns: {
+                                                xs: 2,
+                                                sm: 2,
+                                                md: 3
+                                            },
+                                            options: aiSiteStyleCards(),
+                                            value: starterStyle,
+                                            onChange: (id)=>{
+                                                setStarterStyle(id);
+                                                tracker.fieldPicked('style');
+                                            }
+                                        }),
+                                        creating ? pendingSite == null ? void 0 : (_pendingSite_previewControl = pendingSite.previewControl) == null ? void 0 : _pendingSite_previewControl.call(pendingSite, 'starter') : null
+                                    ]
                                 }) : choosing ? /*#__PURE__*/ _jsxs(Stack, {
                                     spacing: 2,
                                     children: [
@@ -961,8 +1024,8 @@ function SectionLabel({ children, help }) {
                                                     accent: "secondary",
                                                     icon: mdiPageLayoutHeaderFooter.path,
                                                     iconId: "page-layout-header-footer",
-                                                    title: "Start from the starter site",
-                                                    description: "A ready-made home page with a header, footer and contact form you can edit.",
+                                                    title: starterInShell ? 'Start from a starter site' : 'Start from the starter site',
+                                                    description: starterInShell ? 'A ready-made website from the marketplace, in a style you choose.' : 'A ready-made home page with a header, footer and contact form, in a style you choose.',
                                                     busy: startingStarter,
                                                     onChoose: chooseStarter
                                                 }),
@@ -991,7 +1054,7 @@ function SectionLabel({ children, help }) {
                                                     icon: mdiWebSync.path,
                                                     iconId: "web-sync",
                                                     title: "Bring my site",
-                                                    description: `Bring the website you have now into ${PLATFORM_BRAND_NAME}: its pages, words and photos, rewritten in your new design.`,
+                                                    description: `Bring the website you have now into ${PLATFORM_BRAND_NAME}: every word as you wrote it, laid out as your pages are, in your new site’s preview.`,
                                                     blocked: importAvailability.state === 'blocked' ? importAvailability.message : null,
                                                     onChoose: chooseImport,
                                                     children: importAvailability.state === 'blocked' && importAvailability.reason === 'plan' ? /*#__PURE__*/ _jsx(Chip, {
@@ -1084,6 +1147,43 @@ function SectionLabel({ children, help }) {
                     })
                 ]
             }),
+            stylingStarter && /* The starter's style view (AGL-4049): Create site waits for a style. */ /*#__PURE__*/ _jsxs(DialogActions, {
+                "data-start-area": "footer",
+                sx: _extends({
+                    px: {
+                        xs: 2,
+                        sm: 3
+                    },
+                    py: 2,
+                    flexWrap: 'wrap',
+                    rowGap: 1,
+                    columnGap: 2,
+                    borderTop: 1,
+                    borderColor: 'divider'
+                }, AI_SITE_START_SURFACE_SX),
+                children: [
+                    /*#__PURE__*/ _jsx(Button, {
+                        onClick: ()=>setPickingStyle(false),
+                        disabled: startingStarter,
+                        sx: {
+                            mr: 'auto'
+                        },
+                        children: 'Back'
+                    }),
+                    starterStyle ? null : /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: 'Choose a style to continue.'
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        variant: "contained",
+                        size: "large",
+                        disabled: !starterStyle || startingStarter,
+                        onClick: createStarter,
+                        children: startingStarter ? creating ? 'Creating…' : 'Starting…' : creating ? 'Create site' : 'Use this style'
+                    })
+                ]
+            }),
             asking && /* 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, {
                 "data-start-area": "footer",