@aglyn/plugins-ai 1.0.0-beta.236 → 1.0.0-beta.238

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

@@ -29,8 +29,10 @@ import { Alert, AppBar, Box, Button, Card, CardActionArea, Chip, CircularProgres
 import { alpha } from "@mui/material/styles";
 import { useRouter } from "next/navigation";
 import { useCallback, useEffect, useId, useRef, useState } from "react";
-import { AI_JOB_AUTO_CONFIRM_INPUT, AI_SITE_FREE_PAGES, AI_SITE_FREE_PAGES_NOTE, AI_SITE_SUBMISSION_CHOICES, aiFreeCreditsResetLabel, aiFreeSiteCreditEstimate, aiFreeSiteShortfall, aiFreeSiteShortfallText, aiSiteCreditEstimate, aiSitePagesBand } from "../model/ai-site-job.js";
+import { AI_JOB_AUTO_CONFIRM_INPUT, AI_SITE_FREE_PAGES, AI_SITE_FREE_PAGES_NOTE, AI_SITE_SUBMISSION_CHOICES, aiFreeCreditsNoneLeftText, aiFreeCreditsResetLabel, aiFreeSiteCreditRange, aiFreeSitePrompt, aiSiteCreditRange, aiSitePagesBand } from "../model/ai-site-job.js";
 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, AI_SITE_START_TYPES, aiSiteStartBrief, aiSiteStartKind, aiSiteStartInputs, aiSiteStartRefusal } from "../model/ai-site-start.js";
 import { AI_SITE_KINDS } from "../model/ai-site-kinds.js";
 /** The icon each kind of site's card shows. */ const AI_SITE_KIND_ICONS = {
@@ -191,7 +193,7 @@ import { publishAiJob } from "./ai-jobs-store.js";
     }),
     estimate: pluginDocsHelp('aiCredits', {
         anchor: '#before-a-job-starts',
-        excerpt: 'The most this start can cost. What it really costs is what each step spends, and you can watch that add up while it runs.'
+        excerpt: 'About what a start like this costs, measured on real builds, and the most it can cost. What it really costs is what each step spends, and you can watch that add up while it runs.'
     })
 };
 function SectionLabel({ children, help }) {
@@ -216,7 +218,7 @@ function SectionLabel({ children, help }) {
     });
 }
 export function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leave, initialAnswers = null }) {
-    var _ref;
+    var _ref, _aiFreeSitePrompt;
     var _modelChoice_options_options_find, _modelChoice_options;
     const { data: user } = useUser();
     const router = useRouter();
@@ -277,9 +279,19 @@ export function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leav
         uid
     ]);
     const answer = useCallback((patch)=>setAnswers((current)=>_extends({}, current, patch)), []);
-    // A Free start what is left cannot pay for is not started (AGL-3660): the
-    // dialog says so before anything spends, and the create door refuses it too.
-    const shortfall = freeTaste ? aiFreeSiteShortfall(freeCredits, answers.pages) : null;
+    // A Free start past what is left asks first (AGL-3722): it is admitted on
+    // its measured p90, and one past what is left starts only on "Build what
+    // fits" (pausing with Resume where the credits run out), or smaller as the
+    // home page alone. The create door asks the same, so a stale dialog meets
+    // the prompt there too (`serverPrompt`). Nothing at all left is a dead
+    // stop until the credits renew or the workspace upgrades.
+    const [serverPrompt, setServerPrompt] = useState(null);
+    // The door's prompt was for the pages it was asked with.
+    useEffect(()=>setServerPrompt(null), [
+        answers.pages
+    ]);
+    const prompt = freeTaste ? (_aiFreeSitePrompt = aiFreeSitePrompt(freeCredits, answers.pages)) != null ? _aiFreeSitePrompt : serverPrompt : null;
+    const noneLeft = freeTaste && freeCredits !== null && freeCredits.left <= 0;
     const refusal = aiSiteStartRefusal(answers, {
         freeTaste
     });
@@ -305,12 +317,21 @@ export function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leav
         loadModels
     ]);
     const pickedModel = freeTaste ? null : modelChoice.model;
-    const plan = useCallback(async ()=>{
-        if (!orgId || aiSiteStartRefusal(answers, {
+    const plan = useCallback(async (options = {})=>{
+        const asked = options.pages ? _extends({}, answers, {
+            pages: options.pages
+        }) : answers;
+        if (!orgId || aiSiteStartRefusal(asked, {
             freeTaste
-        }) || shortfall) return;
+        }) || noneLeft) return;
+        // Past what is left, only an explicit go-ahead starts it.
+        if (freeTaste && !options.creditsConfirmed && aiFreeSitePrompt(freeCredits, asked.pages)) return;
+        if (options.pages) answer({
+            pages: options.pages
+        });
         setBusy(true);
         setNotice(null);
+        setServerPrompt(null);
         try {
             var _ref;
             const response = await authorizedFetch(userRef.current, '/api/ai/jobs', {
@@ -322,19 +343,25 @@ export function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leav
                     orgId,
                     hostId,
                     kind: 'site',
-                    brief: aiSiteStartBrief(answers),
+                    brief: aiSiteStartBrief(asked),
                     // The guided start confirms its own plan (AGL-3594): the build
                     // follows the plan with no approval to make.
-                    inputs: _extends({}, aiSiteStartInputs(answers), {
+                    inputs: _extends({}, aiSiteStartInputs(asked), {
                         [AI_JOB_AUTO_CONFIRM_INPUT]: true
                     })
                 }, pickedModel ? {
                     model: pickedModel
+                } : {}, options.creditsConfirmed ? {
+                    creditsConfirmed: true
                 } : {}))
             });
             const payload = await response.json().catch(()=>null);
             if (!response.ok) {
                 var _ref1;
+                if (response.status === 409 && (payload == null ? void 0 : payload.code) === AI_CREDITS_CONFIRM_CODE && (payload == null ? void 0 : payload.credits)) {
+                    setServerPrompt(payload.credits);
+                    return;
+                }
                 const locked = parseLockdownRefusal(response.status, payload);
                 setNotice(locked ? lockdownRefusalText(locked) : String((_ref1 = payload == null ? void 0 : payload.error) != null ? _ref1 : 'The site could not be started. Try again.'));
                 return;
@@ -366,8 +393,10 @@ export function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leav
         orgId,
         hostId,
         answers,
+        answer,
         freeTaste,
-        shortfall,
+        freeCredits,
+        noneLeft,
         orgSlug,
         host,
         leave,
@@ -414,12 +443,19 @@ export function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leav
     };
     // The chosen model's cost against Auto's, as the model list states it.
     const modelMultiplier = pickedModel && ((_modelChoice_options = modelChoice.options) == null ? void 0 : (_modelChoice_options_options_find = _modelChoice_options.options.find((option)=>option.id === pickedModel)) == null ? void 0 : _modelChoice_options_options_find.multiplier) || 1;
-    const estimate = freeTaste ? aiFreeSiteCreditEstimate(answers.pages) : Math.round(aiSiteCreditEstimate(answers.pages, {
+    // What the start is likely to cost and at most (AGL-3722): "About 137
+    // credits (up to 282)", the measured figures scaled by the chosen model.
+    const scaled = (range)=>({
+            likely: Math.round(range.likely * modelMultiplier),
+            p90: Math.round(range.p90 * modelMultiplier),
+            ceiling: Math.round(range.ceiling * modelMultiplier)
+        });
+    const estimate = freeTaste ? aiFreeSiteCreditRange(answers.pages) : scaled(aiSiteCreditRange(answers.pages, {
         welcomeEmail: answers.welcomeEmail
-    }) * modelMultiplier);
+    }));
     // A Free start quotes what is LEFT (AGL-3660), shared across the owner's
     // Free workspaces — never the month's whole allowance as if none were spent.
-    const estimateText = freeTaste ? freeCredits ? `Up to about ${estimate.toLocaleString('en-US')} AI credits. You have ${freeCredits.left.toLocaleString('en-US')} of your ${freeCredits.total.toLocaleString('en-US')} free AI credits left this month, until ${aiFreeCreditsResetLabel(freeCredits.resetsOn)}` : `Up to about ${estimate.toLocaleString('en-US')} of the ${FREE_AI_TASTE_CREDITS_PER_MONTH} AI credits you get free each month` : `About ${estimate.toLocaleString('en-US')} credits, estimated`;
+    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`;
     const choosing = step === 'choose' && !started;
     return /*#__PURE__*/ _jsxs(Dialog, {
         open: true,
@@ -545,7 +581,7 @@ export function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leav
                                 severity: "info",
                                 children: notice
                             }),
-                            step === 'describe' && !started && shortfall && freeCredits && /*#__PURE__*/ _jsxs(Alert, {
+                            step === 'describe' && !started && noneLeft && freeCredits && /*#__PURE__*/ _jsx(Alert, {
                                 severity: "warning",
                                 action: orgSlug ? /*#__PURE__*/ _jsx(Button, {
                                     color: "inherit",
@@ -553,10 +589,20 @@ export function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leav
                                     href: aiCreditsBillingHref(orgSlug),
                                     children: 'Upgrade'
                                 }) : undefined,
-                                children: [
-                                    aiFreeSiteShortfallText(shortfall, freeCredits.resetsOn),
-                                    answers.pages > 1 && !aiFreeSiteShortfall(freeCredits, 1) ? ' Or choose 1 page, which what you have left covers.' : null
-                                ]
+                                children: aiFreeCreditsNoneLeftText(freeCredits.resetsOn)
+                            }),
+                            step === 'describe' && !started && !noneLeft && prompt && /*#__PURE__*/ _jsx(AiCreditsPromptNotice, {
+                                prompt: prompt,
+                                noun: "site",
+                                orgSlug: orgSlug,
+                                busy: busy,
+                                onBuildWhatFits: ()=>void plan({
+                                        creditsConfirmed: true
+                                    }),
+                                onSmaller: ()=>void plan({
+                                        creditsConfirmed: true,
+                                        pages: 1
+                                    })
                             }),
                             choosing ? /*#__PURE__*/ _jsxs(Box, {
                                 sx: {
@@ -820,8 +866,8 @@ export function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leav
                     /*#__PURE__*/ _jsx(Button, {
                         variant: "contained",
                         size: "large",
-                        disabled: busy || Boolean(refusal) || Boolean(shortfall),
-                        onClick: plan,
+                        disabled: busy || Boolean(refusal) || Boolean(prompt) || noneLeft,
+                        onClick: ()=>void plan(),
                         startIcon: /*#__PURE__*/ _jsx(MdiIcon, {
                             path: mdiCreation.path
                         }),

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  mdiAccount,\n  mdiBookOpenPageVariant,\n  mdiBriefcaseOutline,\n  mdiCalendarHeart,\n  mdiCamera,\n  mdiClockOutline,\n  mdiContentCut,\n  mdiCreation,\n  mdiDumbbell,\n  mdiHandHeart,\n  mdiHeartPulse,\n  mdiHomeCity,\n  mdiMusic,\n  mdiPaletteOutline,\n  mdiRocketLaunch,\n  mdiScaleBalance,\n  mdiSchool,\n  mdiShopping,\n  mdiSilverwareForkKnife,\n  mdiViewGridOutline,\n  mdiWrench,\n  mdiYoga,\n  mdiPageLayoutHeaderFooter,\n} from '@aglyn/shared-data-mdi'\nimport { pluginDocsHelp } from '@aglyn/aglyn/app-utils/docs-help'\nimport { HelpTip, MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { OptionCardGrid } from '@aglyn/shared-ui-jsx/components/option-card-grid.component'\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  DialogContentText,\n  DialogTitle,\n  IconButton,\n  MenuItem,\n  Stack,\n  Step,\n  StepLabel,\n  Stepper,\n  TextField,\n  Toolbar,\n  Typography,\n} from '@mui/material'\nimport { alpha, type Theme } from '@mui/material/styles'\nimport { useRouter } from 'next/navigation'\nimport {\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type ReactNode,\n  type SyntheticEvent,\n} 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  aiFreeCreditsResetLabel,\n  aiFreeSiteCreditEstimate,\n  aiFreeSiteShortfall,\n  aiFreeSiteShortfallText,\n  aiSiteCreditEstimate,\n  type AiFreeCreditsLeft,\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_TYPES,\n  aiSiteStartBrief,\n  aiSiteStartKind,\n  aiSiteStartInputs,\n  aiSiteStartRefusal,\n  type AiSiteStartAnswers,\n} from '../model/ai-site-start'\nimport type { AiJobSummary } from '../model/ai-jobs.types'\nimport { AI_SITE_KINDS } from '../model/ai-site-kinds'\n\n/** The icon each kind of site's card shows. */\nconst AI_SITE_KIND_ICONS: Record<string, string> = {\n  business: mdiBriefcaseOutline.path,\n  trades: mdiWrench.path,\n  professional: mdiScaleBalance.path,\n  wellness: mdiHeartPulse.path,\n  restaurant: mdiSilverwareForkKnife.path,\n  store: mdiShopping.path,\n  portfolio: mdiViewGridOutline.path,\n  studio: mdiPaletteOutline.path,\n  photography: mdiCamera.path,\n  blog: mdiBookOpenPageVariant.path,\n  events: mdiCalendarHeart.path,\n  fitness: mdiDumbbell.path,\n  yoga: mdiYoga.path,\n  beauty: mdiContentCut.path,\n  realestate: mdiHomeCity.path,\n  education: mdiSchool.path,\n  nonprofit: mdiHandHeart.path,\n  music: mdiMusic.path,\n  personal: mdiAccount.path,\n  landing: mdiRocketLaunch.path,\n  'coming-soon': mdiClockOutline.path,\n}\nimport { AiJobFollow } from './ai-job-follow.component'\nimport { AiModelSelector } from './ai-model-selector.component'\nimport { useAiModelChoice } from './use-ai-model-choice'\nimport { aiCreditsBillingHref, 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 * Escape and the close control are DISMISSALS, though, and Skip is a choice\n * (AGL-3660, 2026-10-08). Once anything is typed or picked, a dismissal asks\n * \"Leave without your answers?\" first, focused on Keep editing, so a stray\n * Escape — the second press after closing the model menu was the one in\n * production — can never trade a brief for the starter. Escape that reached\n * the dialog from a portal it does not contain (a menu, a select's list) is\n * that popup's, and the dialog ignores it.\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 builds and publishes for you ──────────────────────────────────────\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. The\n * guided start confirms its own plan (AGL-3594), so the build follows with no\n * approval to make, and the site is published, indexable, when it is done.\n * The person edits or unpublishes it afterwards.\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. */\n/**\n * Each part of the guided start links its own section of the Start with AI\n * guide (AGL-3660), so a `?` says what that one group of answers changes.\n */\nconst START_HELP = {\n  choose: pluginDocsHelp('aiStart', {\n    anchor: '#how-do-you-want-to-start',\n    excerpt:\n      '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.',\n  }),\n  business: pluginDocsHelp('aiStart', {\n    anchor: '#your-business',\n    excerpt:\n      'What kind of site it is picks its style and pages; who it is for is who every page and the contact form are written for.',\n  }),\n  style: pluginDocsHelp('aiSiteLooks', {\n    anchor: '#choose-a-style',\n    excerpt:\n      'The style decides the look — theme, colors, fonts, buttons — and which pages the site usually has. Every site gets its own variation.',\n  }),\n  details: pluginDocsHelp('aiStart', {\n    anchor: '#details',\n    excerpt:\n      'Where contact form messages go, how many pages to write, and on paid plans whether to draft a welcome email. All can be changed later.',\n  }),\n  estimate: pluginDocsHelp('aiCredits', {\n    anchor: '#before-a-job-starts',\n    excerpt:\n      'The most this start can cost. What it really costs is what each step spends, and you can watch that add up while it runs.',\n  }),\n}\n\nfunction SectionLabel({ children, help }: { children: ReactNode; help?: ReturnType<typeof pluginDocsHelp> }) {\n  return (\n    <Stack direction=\"row\" spacing={0.5} sx={{ alignItems: 'center' }}>\n      <Typography variant=\"overline\" color=\"text.secondary\" component=\"h2\" sx={{ display: 'block' }}>\n        {children}\n      </Typography>\n      {help ? <HelpTip {...help} /> : null}\n    </Stack>\n  )\n}\n\n/**\n * The guided start, as the `hostFirstRun` zone draws it, or reopened on a\n * failed start's own answers (AGL-3596): `initialAnswers` opens it on the\n * questions, filled in, for the person to adjust and start a fresh job.\n */\nexport type AiSiteStartCardProps = ConsoleHostFirstRunZoneProps & {\n  initialAnswers?: AiSiteStartAnswers | null\n}\n\nexport function AiSiteStartCard({\n  hostId,\n  orgId,\n  orgSlug,\n  host,\n  startBlank,\n  leave,\n  initialAnswers = null,\n}: AiSiteStartCardProps) {\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  // Read once: a start reopened on its answers stays one while it is open.\n  const reopened = useRef(initialAnswers !== null)\n  const [step, setStep] = useState<Step>(initialAnswers ? 'describe' : 'choose')\n  const [answers, setAnswers] = useState<AiSiteStartAnswers>(initialAnswers ?? 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  // What the Free workspace has left this month (AGL-3660), as the same read\n  // the create door refuses on: the less of its own band and its owner's\n  // allowance across their Free workspaces. `null` when the route said none.\n  const [freeCredits, setFreeCredits] = useState<AiFreeCreditsLeft | null>(null)\n  // \"Leave without your answers?\" (AGL-3660): a dismissal with a brief typed.\n  const [confirmingLeave, setConfirmingLeave] = useState(false)\n  // The dialog's own root, to tell its Escape from a nested popup's.\n  const dialogRef = useRef<HTMLDivElement | null>(null)\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            const credits = payload?.freeCredits as AiFreeCreditsLeft | undefined\n            if (credits && Number.isFinite(credits.left)) setFreeCredits(credits)\n            // A reopened start keeps the pages it asked for, within the band.\n            setAnswers((current) => ({\n              ...current,\n              pages: reopened.current ? Math.min(current.pages, AI_SITE_FREE_PAGES.max) : AI_SITE_FREE_PAGES.max,\n              welcomeEmail: false,\n            }))\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  // A Free start what is left cannot pay for is not started (AGL-3660): the\n  // dialog says so before anything spends, and the create door refuses it too.\n  const shortfall = freeTaste ? aiFreeSiteShortfall(freeCredits, answers.pages) : null\n  const refusal = aiSiteStartRefusal(answers, { freeTaste })\n  const band = aiSitePagesBand(freeTaste)\n  // On a paid plan the person picks the model that builds the site (AGL-3660),\n  // Auto by default, from the models their plan allows; every step of the job\n  // runs on it. A Free workspace builds on the default and is offered none.\n  const modelChoice = useAiModelChoice({ orgId, hostId, surface: 'jobs', kind: 'job.page' })\n  // A pick remembered from before needs its cost to estimate by; Auto does not,\n  // and the list is otherwise read when the picker opens.\n  const { load: loadModels, model: rememberedModel } = modelChoice\n  useEffect(() => {\n    if (!freeTaste && step === 'describe' && rememberedModel) loadModels()\n  }, [freeTaste, step, rememberedModel, loadModels])\n  const pickedModel = freeTaste ? null : modelChoice.model\n\n  const plan = useCallback(async () => {\n    if (!orgId || aiSiteStartRefusal(answers, { freeTaste }) || shortfall) 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          ...(pickedModel ? { model: pickedModel } : {}),\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, shortfall, orgSlug, host, leave, router, pickedModel])\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  // Anything the person typed or picked, which a dismissal must not discard\n  // silently (AGL-3660). After a job starts there is nothing left to lose.\n  const drafted =\n    !started &&\n    Boolean(answers.siteType.trim() || answers.audience.trim() || answers.kind !== null)\n  // Escape and the close control: a dismissal, never a choice. Escape that\n  // bubbled here through React from a portal outside this dialog's own DOM is\n  // a nested menu's, already handled there, and is not this dialog's to act on.\n  const dismiss = (event?: SyntheticEvent | object, reason?: string) => {\n    if (reason === 'escapeKeyDown') {\n      const target = (event as SyntheticEvent | undefined)?.target\n      const root = dialogRef.current\n      if (root && target instanceof Node && !root.contains(target)) return\n    }\n    if (drafted) setConfirmingLeave(true)\n    else exit()\n  }\n  const leaveDraft = () => {\n    setConfirmingLeave(false)\n    exit()\n  }\n\n  // The chosen model's cost against Auto's, as the model list states it.\n  const modelMultiplier =\n    (pickedModel && modelChoice.options?.options.find((option) => option.id === pickedModel)?.multiplier) || 1\n  const estimate = freeTaste\n    ? aiFreeSiteCreditEstimate(answers.pages)\n    : Math.round(\n        aiSiteCreditEstimate(answers.pages, {\n          welcomeEmail: answers.welcomeEmail,\n        }) * modelMultiplier,\n      )\n  // A Free start quotes what is LEFT (AGL-3660), shared across the owner's\n  // Free workspaces — never the month's whole allowance as if none were spent.\n  const estimateText = freeTaste\n    ? freeCredits\n      ? `Up to about ${estimate.toLocaleString('en-US')} AI credits. You have ${freeCredits.left.toLocaleString('en-US')} of your ${freeCredits.total.toLocaleString('en-US')} free AI credits left this month, until ${aiFreeCreditsResetLabel(freeCredits.resetsOn)}`\n      : `Up to about ${estimate.toLocaleString('en-US')} of the ${FREE_AI_TASTE_CREDITS_PER_MONTH} AI credits you get free 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      ref={dialogRef}\n      onClose={dismiss}\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={() => dismiss()}\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 ? <HelpTip sx={{ float: 'right' }} {...START_HELP.choose} /> : null}\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            {step === 'describe' && !started && shortfall && freeCredits && (\n              <Alert\n                severity=\"warning\"\n                action={\n                  orgSlug ? (\n                    <Button color=\"inherit\" size=\"small\" href={aiCreditsBillingHref(orgSlug)}>\n                      {'Upgrade'}\n                    </Button>\n                  ) : undefined\n                }\n              >\n                {aiFreeSiteShortfallText(shortfall, freeCredits.resetsOn)}\n                {answers.pages > 1 && !aiFreeSiteShortfall(freeCredits, 1)\n                  ? ' Or choose 1 page, which what you have left covers.'\n                  : null}\n              </Alert>\n            )}\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. It is then built and published for you, with ' +\n                    'nothing to approve. You can edit or unpublish it afterwards.'\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 help={START_HELP.business}>{'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=\"Style\">\n                  <SectionLabel help={START_HELP.style}>{'Style'}</SectionLabel>\n                  <Typography variant=\"body2\" color=\"text.secondary\">\n                    {answers.kind\n                      ? 'This decides how your site looks and which pages it usually has.'\n                      : 'Picked from your answer above. Choose another to change how your site looks and which pages it usually has.'}\n                  </Typography>\n                  <OptionCardGrid\n                    label=\"Style of site\"\n                    options={AI_SITE_KINDS.map((kind) => ({\n                      id: kind.id,\n                      title: kind.label,\n                      description: kind.blurb,\n                      icon: AI_SITE_KIND_ICONS[kind.id],\n                    }))}\n                    value={aiSiteStartKind(answers).id}\n                    onChange={(kind) => answer({ kind })}\n                  />\n                </Stack>\n                <Stack spacing={2} component=\"section\" aria-label=\"Details\">\n                  <SectionLabel help={START_HELP.details}>{'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            <HelpTip {...START_HELP.estimate} ariaLabel=\"How the estimate works\" />\n          </Stack>\n          {refusal && (\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {refusal}\n            </Typography>\n          )}\n          {!freeTaste && <AiModelSelector choice={modelChoice} disabled={busy} />}\n          <Button onClick={() => setStep('choose')}>{'Back'}</Button>\n          <Button\n            variant=\"contained\"\n            size=\"large\"\n            disabled={busy || Boolean(refusal) || Boolean(shortfall)}\n            onClick={plan}\n            startIcon={<MdiIcon path={mdiCreation.path} />}\n          >\n            {busy ? 'Starting…' : 'Plan my site'}\n          </Button>\n        </DialogActions>\n      )}\n      <Dialog\n        open={confirmingLeave}\n        onClose={() => setConfirmingLeave(false)}\n        aria-labelledby={`${TITLE_ID}-leave`}\n        aria-describedby={`${TITLE_ID}-leave-text`}\n        maxWidth=\"xs\"\n      >\n        <DialogTitle id={`${TITLE_ID}-leave`}>{'Leave without your answers?'}</DialogTitle>\n        <DialogContent>\n          <DialogContentText id={`${TITLE_ID}-leave-text`}>\n            {'What you typed is not saved. Leaving starts your site from the starter site instead.'}\n          </DialogContentText>\n        </DialogContent>\n        <DialogActions>\n          <Button color=\"inherit\" onClick={leaveDraft}>\n            {'Leave and start blank'}\n          </Button>\n          <Button variant=\"contained\" autoFocus onClick={() => setConfirmingLeave(false)}>\n            {'Keep editing'}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </Dialog>\n  )\n}\n\nexport default AiSiteStartCard\n"],"names":["lockdownRefusalText","parseLockdownRefusal","PLATFORM_BRAND_NAME","trackEvent","ICON_VARIANT_CLOSE","mdiAccount","mdiBookOpenPageVariant","mdiBriefcaseOutline","mdiCalendarHeart","mdiCamera","mdiClockOutline","mdiContentCut","mdiCreation","mdiDumbbell","mdiHandHeart","mdiHeartPulse","mdiHomeCity","mdiMusic","mdiPaletteOutline","mdiRocketLaunch","mdiScaleBalance","mdiSchool","mdiShopping","mdiSilverwareForkKnife","mdiViewGridOutline","mdiWrench","mdiYoga","mdiPageLayoutHeaderFooter","pluginDocsHelp","HelpTip","MdiIcon","OptionCardGrid","authorizedFetch","useUser","Alert","AppBar","Box","Button","Card","CardActionArea","Chip","CircularProgress","Container","Dialog","DialogActions","DialogContent","DialogContentText","DialogTitle","IconButton","MenuItem","Stack","Step","StepLabel","Stepper","TextField","Toolbar","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","aiFreeCreditsResetLabel","aiFreeSiteCreditEstimate","aiFreeSiteShortfall","aiFreeSiteShortfallText","aiSiteCreditEstimate","aiSitePagesBand","FREE_AI_TASTE_CREDITS_PER_MONTH","AI_SITE_START_ANSWERS","AI_SITE_START_TYPES","aiSiteStartBrief","aiSiteStartKind","aiSiteStartInputs","aiSiteStartRefusal","AI_SITE_KINDS","AI_SITE_KIND_ICONS","business","path","trades","professional","wellness","restaurant","store","portfolio","studio","photography","blog","events","fitness","yoga","beauty","realestate","education","nonprofit","music","personal","landing","AiJobFollow","AiModelSelector","useAiModelChoice","aiCreditsBillingHref","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","data-icon","component","START_HELP","choose","anchor","excerpt","style","details","estimate","SectionLabel","help","direction","AiSiteStartCard","hostId","orgId","orgSlug","host","startBlank","leave","initialAnswers","modelChoice","data","user","router","userRef","current","uid","verdict","setVerdict","reopened","step","setStep","answers","setAnswers","setBusy","startingStarter","setStartingStarter","notice","setNotice","started","setStarted","freeTaste","setFreeTaste","freeCredits","setFreeCredits","confirmingLeave","setConfirmingLeave","dialogRef","active","response","encodeURIComponent","payload","ok","json","catch","credits","Number","isFinite","left","pages","Math","min","max","welcomeEmail","status","answer","patch","shortfall","refusal","band","surface","kind","load","loadModels","model","rememberedModel","pickedModel","plan","method","headers","body","JSON","stringify","brief","inputs","locked","String","error","created","job","href","push","chooseStarter","choice","chooseAi","exit","drafted","Boolean","siteType","trim","audience","dismiss","event","reason","target","root","Node","contains","leaveDraft","modelMultiplier","options","find","option","multiplier","round","estimateText","toLocaleString","total","resetsOn","choosing","open","fullScreen","ref","onClose","slotProps","paper","elevation","position","enableColorOnDark","borderBottom","gap","edge","noWrap","textOverflow","flex","px","maxWidth","disableGutters","py","activeStep","mx","map","label","float","severity","action","gridTemplateColumns","intro","onOpenJobs","fullWidth","required","placeholder","value","onChange","helperText","flexWrap","type","blurb","select","submissions","Array","from","length","_","index","count","rowGap","columnGap","borderTop","mr","minWidth","ariaLabel","startIcon","autoFocus"],"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  mdiAccount,\n  mdiBookOpenPageVariant,\n  mdiBriefcaseOutline,\n  mdiCalendarHeart,\n  mdiCamera,\n  mdiClockOutline,\n  mdiContentCut,\n  mdiCreation,\n  mdiDumbbell,\n  mdiHandHeart,\n  mdiHeartPulse,\n  mdiHomeCity,\n  mdiMusic,\n  mdiPaletteOutline,\n  mdiRocketLaunch,\n  mdiScaleBalance,\n  mdiSchool,\n  mdiShopping,\n  mdiSilverwareForkKnife,\n  mdiViewGridOutline,\n  mdiWrench,\n  mdiYoga,\n  mdiPageLayoutHeaderFooter,\n} from '@aglyn/shared-data-mdi'\nimport { pluginDocsHelp } from '@aglyn/aglyn/app-utils/docs-help'\nimport { HelpTip, MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { OptionCardGrid } from '@aglyn/shared-ui-jsx/components/option-card-grid.component'\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  DialogContentText,\n  DialogTitle,\n  IconButton,\n  MenuItem,\n  Stack,\n  Step,\n  StepLabel,\n  Stepper,\n  TextField,\n  Toolbar,\n  Typography,\n} from '@mui/material'\nimport { alpha, type Theme } from '@mui/material/styles'\nimport { useRouter } from 'next/navigation'\nimport {\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type ReactNode,\n  type SyntheticEvent,\n} 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  aiFreeCreditsNoneLeftText,\n  aiFreeCreditsResetLabel,\n  aiFreeSiteCreditRange,\n  aiFreeSitePrompt,\n  aiSiteCreditRange,\n  type AiFreeCreditsLeft,\n  aiSitePagesBand,\n  type AiSiteSubmissions,\n} from '../model/ai-site-job'\nimport { FREE_AI_TASTE_CREDITS_PER_MONTH } from '../plan-entitlements'\nimport {\n  AI_CREDITS_CONFIRM_CODE,\n  aiCreditRangeText,\n  type AiCreditRange,\n  type AiCreditsPrompt,\n} from '../model/ai-credit-estimate'\nimport { AiCreditsPromptNotice } from './ai-credits-prompt.component'\nimport {\n  AI_SITE_START_ANSWERS,\n  AI_SITE_START_TYPES,\n  aiSiteStartBrief,\n  aiSiteStartKind,\n  aiSiteStartInputs,\n  aiSiteStartRefusal,\n  type AiSiteStartAnswers,\n} from '../model/ai-site-start'\nimport type { AiJobSummary } from '../model/ai-jobs.types'\nimport { AI_SITE_KINDS } from '../model/ai-site-kinds'\n\n/** The icon each kind of site's card shows. */\nconst AI_SITE_KIND_ICONS: Record<string, string> = {\n  business: mdiBriefcaseOutline.path,\n  trades: mdiWrench.path,\n  professional: mdiScaleBalance.path,\n  wellness: mdiHeartPulse.path,\n  restaurant: mdiSilverwareForkKnife.path,\n  store: mdiShopping.path,\n  portfolio: mdiViewGridOutline.path,\n  studio: mdiPaletteOutline.path,\n  photography: mdiCamera.path,\n  blog: mdiBookOpenPageVariant.path,\n  events: mdiCalendarHeart.path,\n  fitness: mdiDumbbell.path,\n  yoga: mdiYoga.path,\n  beauty: mdiContentCut.path,\n  realestate: mdiHomeCity.path,\n  education: mdiSchool.path,\n  nonprofit: mdiHandHeart.path,\n  music: mdiMusic.path,\n  personal: mdiAccount.path,\n  landing: mdiRocketLaunch.path,\n  'coming-soon': mdiClockOutline.path,\n}\nimport { AiJobFollow } from './ai-job-follow.component'\nimport { AiModelSelector } from './ai-model-selector.component'\nimport { useAiModelChoice } from './use-ai-model-choice'\nimport { aiCreditsBillingHref, 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 * Escape and the close control are DISMISSALS, though, and Skip is a choice\n * (AGL-3660, 2026-10-08). Once anything is typed or picked, a dismissal asks\n * \"Leave without your answers?\" first, focused on Keep editing, so a stray\n * Escape — the second press after closing the model menu was the one in\n * production — can never trade a brief for the starter. Escape that reached\n * the dialog from a portal it does not contain (a menu, a select's list) is\n * that popup's, and the dialog ignores it.\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 builds and publishes for you ──────────────────────────────────────\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. The\n * guided start confirms its own plan (AGL-3594), so the build follows with no\n * approval to make, and the site is published, indexable, when it is done.\n * The person edits or unpublishes it afterwards.\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. */\n/**\n * Each part of the guided start links its own section of the Start with AI\n * guide (AGL-3660), so a `?` says what that one group of answers changes.\n */\nconst START_HELP = {\n  choose: pluginDocsHelp('aiStart', {\n    anchor: '#how-do-you-want-to-start',\n    excerpt:\n      '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.',\n  }),\n  business: pluginDocsHelp('aiStart', {\n    anchor: '#your-business',\n    excerpt:\n      'What kind of site it is picks its style and pages; who it is for is who every page and the contact form are written for.',\n  }),\n  style: pluginDocsHelp('aiSiteLooks', {\n    anchor: '#choose-a-style',\n    excerpt:\n      'The style decides the look — theme, colors, fonts, buttons — and which pages the site usually has. Every site gets its own variation.',\n  }),\n  details: pluginDocsHelp('aiStart', {\n    anchor: '#details',\n    excerpt:\n      'Where contact form messages go, how many pages to write, and on paid plans whether to draft a welcome email. All can be changed later.',\n  }),\n  estimate: pluginDocsHelp('aiCredits', {\n    anchor: '#before-a-job-starts',\n    excerpt:\n      'About what a start like this costs, measured on real builds, and the most it can cost. What it really costs is what each step spends, and you can watch that add up while it runs.',\n  }),\n}\n\nfunction SectionLabel({ children, help }: { children: ReactNode; help?: ReturnType<typeof pluginDocsHelp> }) {\n  return (\n    <Stack direction=\"row\" spacing={0.5} sx={{ alignItems: 'center' }}>\n      <Typography variant=\"overline\" color=\"text.secondary\" component=\"h2\" sx={{ display: 'block' }}>\n        {children}\n      </Typography>\n      {help ? <HelpTip {...help} /> : null}\n    </Stack>\n  )\n}\n\n/**\n * The guided start, as the `hostFirstRun` zone draws it, or reopened on a\n * failed start's own answers (AGL-3596): `initialAnswers` opens it on the\n * questions, filled in, for the person to adjust and start a fresh job.\n */\nexport type AiSiteStartCardProps = ConsoleHostFirstRunZoneProps & {\n  initialAnswers?: AiSiteStartAnswers | null\n}\n\nexport function AiSiteStartCard({\n  hostId,\n  orgId,\n  orgSlug,\n  host,\n  startBlank,\n  leave,\n  initialAnswers = null,\n}: AiSiteStartCardProps) {\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  // Read once: a start reopened on its answers stays one while it is open.\n  const reopened = useRef(initialAnswers !== null)\n  const [step, setStep] = useState<Step>(initialAnswers ? 'describe' : 'choose')\n  const [answers, setAnswers] = useState<AiSiteStartAnswers>(initialAnswers ?? 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  // What the Free workspace has left this month (AGL-3660), as the same read\n  // the create door refuses on: the less of its own band and its owner's\n  // allowance across their Free workspaces. `null` when the route said none.\n  const [freeCredits, setFreeCredits] = useState<AiFreeCreditsLeft | null>(null)\n  // \"Leave without your answers?\" (AGL-3660): a dismissal with a brief typed.\n  const [confirmingLeave, setConfirmingLeave] = useState(false)\n  // The dialog's own root, to tell its Escape from a nested popup's.\n  const dialogRef = useRef<HTMLDivElement | null>(null)\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            const credits = payload?.freeCredits as AiFreeCreditsLeft | undefined\n            if (credits && Number.isFinite(credits.left)) setFreeCredits(credits)\n            // A reopened start keeps the pages it asked for, within the band.\n            setAnswers((current) => ({\n              ...current,\n              pages: reopened.current ? Math.min(current.pages, AI_SITE_FREE_PAGES.max) : AI_SITE_FREE_PAGES.max,\n              welcomeEmail: false,\n            }))\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  // A Free start past what is left asks first (AGL-3722): it is admitted on\n  // its measured p90, and one past what is left starts only on \"Build what\n  // fits\" (pausing with Resume where the credits run out), or smaller as the\n  // home page alone. The create door asks the same, so a stale dialog meets\n  // the prompt there too (`serverPrompt`). Nothing at all left is a dead\n  // stop until the credits renew or the workspace upgrades.\n  const [serverPrompt, setServerPrompt] = useState<AiCreditsPrompt | null>(null)\n  // The door's prompt was for the pages it was asked with.\n  useEffect(() => setServerPrompt(null), [answers.pages])\n  const prompt = freeTaste ? (aiFreeSitePrompt(freeCredits, answers.pages) ?? serverPrompt) : null\n  const noneLeft = freeTaste && freeCredits !== null && freeCredits.left <= 0\n  const refusal = aiSiteStartRefusal(answers, { freeTaste })\n  const band = aiSitePagesBand(freeTaste)\n  // On a paid plan the person picks the model that builds the site (AGL-3660),\n  // Auto by default, from the models their plan allows; every step of the job\n  // runs on it. A Free workspace builds on the default and is offered none.\n  const modelChoice = useAiModelChoice({ orgId, hostId, surface: 'jobs', kind: 'job.page' })\n  // A pick remembered from before needs its cost to estimate by; Auto does not,\n  // and the list is otherwise read when the picker opens.\n  const { load: loadModels, model: rememberedModel } = modelChoice\n  useEffect(() => {\n    if (!freeTaste && step === 'describe' && rememberedModel) loadModels()\n  }, [freeTaste, step, rememberedModel, loadModels])\n  const pickedModel = freeTaste ? null : modelChoice.model\n\n  const plan = useCallback(async (options: { creditsConfirmed?: boolean; pages?: number } = {}) => {\n    const asked = options.pages ? { ...answers, pages: options.pages } : answers\n    if (!orgId || aiSiteStartRefusal(asked, { freeTaste }) || noneLeft) return\n    // Past what is left, only an explicit go-ahead starts it.\n    if (freeTaste && !options.creditsConfirmed && aiFreeSitePrompt(freeCredits, asked.pages)) return\n    if (options.pages) answer({ pages: options.pages })\n    setBusy(true)\n    setNotice(null)\n    setServerPrompt(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(asked),\n          // The guided start confirms its own plan (AGL-3594): the build\n          // follows the plan with no approval to make.\n          inputs: { ...aiSiteStartInputs(asked), [AI_JOB_AUTO_CONFIRM_INPUT]: true },\n          ...(pickedModel ? { model: pickedModel } : {}),\n          ...(options.creditsConfirmed ? { creditsConfirmed: true } : {}),\n        }),\n      })\n      const payload = await response.json().catch(() => null)\n      if (!response.ok) {\n        if (response.status === 409 && payload?.code === AI_CREDITS_CONFIRM_CODE && payload?.credits) {\n          setServerPrompt(payload.credits as AiCreditsPrompt)\n          return\n        }\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, answer, freeTaste, freeCredits, noneLeft, orgSlug, host, leave, router, pickedModel])\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  // Anything the person typed or picked, which a dismissal must not discard\n  // silently (AGL-3660). After a job starts there is nothing left to lose.\n  const drafted =\n    !started &&\n    Boolean(answers.siteType.trim() || answers.audience.trim() || answers.kind !== null)\n  // Escape and the close control: a dismissal, never a choice. Escape that\n  // bubbled here through React from a portal outside this dialog's own DOM is\n  // a nested menu's, already handled there, and is not this dialog's to act on.\n  const dismiss = (event?: SyntheticEvent | object, reason?: string) => {\n    if (reason === 'escapeKeyDown') {\n      const target = (event as SyntheticEvent | undefined)?.target\n      const root = dialogRef.current\n      if (root && target instanceof Node && !root.contains(target)) return\n    }\n    if (drafted) setConfirmingLeave(true)\n    else exit()\n  }\n  const leaveDraft = () => {\n    setConfirmingLeave(false)\n    exit()\n  }\n\n  // The chosen model's cost against Auto's, as the model list states it.\n  const modelMultiplier =\n    (pickedModel && modelChoice.options?.options.find((option) => option.id === pickedModel)?.multiplier) || 1\n  // What the start is likely to cost and at most (AGL-3722): \"About 137\n  // credits (up to 282)\", the measured figures scaled by the chosen model.\n  const scaled = (range: AiCreditRange): AiCreditRange => ({\n    likely: Math.round(range.likely * modelMultiplier),\n    p90: Math.round(range.p90 * modelMultiplier),\n    ceiling: Math.round(range.ceiling * modelMultiplier),\n  })\n  const estimate = freeTaste\n    ? aiFreeSiteCreditRange(answers.pages)\n    : scaled(aiSiteCreditRange(answers.pages, { welcomeEmail: answers.welcomeEmail }))\n  // A Free start quotes what is LEFT (AGL-3660), shared across the owner's\n  // Free workspaces — never the month's whole allowance as if none were spent.\n  const estimateText = freeTaste\n    ? freeCredits\n      ? `${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)}`\n      : `${aiCreditRangeText(estimate)}, of the ${FREE_AI_TASTE_CREDITS_PER_MONTH} AI credits you get free each month`\n    : `${aiCreditRangeText(estimate)}, estimated`\n\n  const choosing = step === 'choose' && !started\n\n  return (\n    <Dialog\n      open\n      fullScreen\n      ref={dialogRef}\n      onClose={dismiss}\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={() => dismiss()}\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 ? <HelpTip sx={{ float: 'right' }} {...START_HELP.choose} /> : null}\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            {step === 'describe' && !started && noneLeft && freeCredits && (\n              <Alert\n                severity=\"warning\"\n                action={\n                  orgSlug ? (\n                    <Button color=\"inherit\" size=\"small\" href={aiCreditsBillingHref(orgSlug)}>\n                      {'Upgrade'}\n                    </Button>\n                  ) : undefined\n                }\n              >\n                {aiFreeCreditsNoneLeftText(freeCredits.resetsOn)}\n              </Alert>\n            )}\n            {step === 'describe' && !started && !noneLeft && prompt && (\n              <AiCreditsPromptNotice\n                prompt={prompt}\n                noun=\"site\"\n                orgSlug={orgSlug}\n                busy={busy}\n                onBuildWhatFits={() => void plan({ creditsConfirmed: true })}\n                onSmaller={() => void plan({ creditsConfirmed: true, pages: 1 })}\n              />\n            )}\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. It is then built and published for you, with ' +\n                    'nothing to approve. You can edit or unpublish it afterwards.'\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 help={START_HELP.business}>{'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=\"Style\">\n                  <SectionLabel help={START_HELP.style}>{'Style'}</SectionLabel>\n                  <Typography variant=\"body2\" color=\"text.secondary\">\n                    {answers.kind\n                      ? 'This decides how your site looks and which pages it usually has.'\n                      : 'Picked from your answer above. Choose another to change how your site looks and which pages it usually has.'}\n                  </Typography>\n                  <OptionCardGrid\n                    label=\"Style of site\"\n                    options={AI_SITE_KINDS.map((kind) => ({\n                      id: kind.id,\n                      title: kind.label,\n                      description: kind.blurb,\n                      icon: AI_SITE_KIND_ICONS[kind.id],\n                    }))}\n                    value={aiSiteStartKind(answers).id}\n                    onChange={(kind) => answer({ kind })}\n                  />\n                </Stack>\n                <Stack spacing={2} component=\"section\" aria-label=\"Details\">\n                  <SectionLabel help={START_HELP.details}>{'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            <HelpTip {...START_HELP.estimate} ariaLabel=\"How the estimate works\" />\n          </Stack>\n          {refusal && (\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {refusal}\n            </Typography>\n          )}\n          {!freeTaste && <AiModelSelector choice={modelChoice} disabled={busy} />}\n          <Button onClick={() => setStep('choose')}>{'Back'}</Button>\n          <Button\n            variant=\"contained\"\n            size=\"large\"\n            disabled={busy || Boolean(refusal) || Boolean(prompt) || noneLeft}\n            onClick={() => void plan()}\n            startIcon={<MdiIcon path={mdiCreation.path} />}\n          >\n            {busy ? 'Starting…' : 'Plan my site'}\n          </Button>\n        </DialogActions>\n      )}\n      <Dialog\n        open={confirmingLeave}\n        onClose={() => setConfirmingLeave(false)}\n        aria-labelledby={`${TITLE_ID}-leave`}\n        aria-describedby={`${TITLE_ID}-leave-text`}\n        maxWidth=\"xs\"\n      >\n        <DialogTitle id={`${TITLE_ID}-leave`}>{'Leave without your answers?'}</DialogTitle>\n        <DialogContent>\n          <DialogContentText id={`${TITLE_ID}-leave-text`}>\n            {'What you typed is not saved. Leaving starts your site from the starter site instead.'}\n          </DialogContentText>\n        </DialogContent>\n        <DialogActions>\n          <Button color=\"inherit\" onClick={leaveDraft}>\n            {'Leave and start blank'}\n          </Button>\n          <Button variant=\"contained\" autoFocus onClick={() => setConfirmingLeave(false)}>\n            {'Keep editing'}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </Dialog>\n  )\n}\n\nexport default AiSiteStartCard\n"],"names":["lockdownRefusalText","parseLockdownRefusal","PLATFORM_BRAND_NAME","trackEvent","ICON_VARIANT_CLOSE","mdiAccount","mdiBookOpenPageVariant","mdiBriefcaseOutline","mdiCalendarHeart","mdiCamera","mdiClockOutline","mdiContentCut","mdiCreation","mdiDumbbell","mdiHandHeart","mdiHeartPulse","mdiHomeCity","mdiMusic","mdiPaletteOutline","mdiRocketLaunch","mdiScaleBalance","mdiSchool","mdiShopping","mdiSilverwareForkKnife","mdiViewGridOutline","mdiWrench","mdiYoga","mdiPageLayoutHeaderFooter","pluginDocsHelp","HelpTip","MdiIcon","OptionCardGrid","authorizedFetch","useUser","Alert","AppBar","Box","Button","Card","CardActionArea","Chip","CircularProgress","Container","Dialog","DialogActions","DialogContent","DialogContentText","DialogTitle","IconButton","MenuItem","Stack","Step","StepLabel","Stepper","TextField","Toolbar","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","aiFreeCreditsNoneLeftText","aiFreeCreditsResetLabel","aiFreeSiteCreditRange","aiFreeSitePrompt","aiSiteCreditRange","aiSitePagesBand","FREE_AI_TASTE_CREDITS_PER_MONTH","AI_CREDITS_CONFIRM_CODE","aiCreditRangeText","AiCreditsPromptNotice","AI_SITE_START_ANSWERS","AI_SITE_START_TYPES","aiSiteStartBrief","aiSiteStartKind","aiSiteStartInputs","aiSiteStartRefusal","AI_SITE_KINDS","AI_SITE_KIND_ICONS","business","path","trades","professional","wellness","restaurant","store","portfolio","studio","photography","blog","events","fitness","yoga","beauty","realestate","education","nonprofit","music","personal","landing","AiJobFollow","AiModelSelector","useAiModelChoice","aiCreditsBillingHref","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","data-icon","component","START_HELP","choose","anchor","excerpt","style","details","estimate","SectionLabel","help","direction","AiSiteStartCard","hostId","orgId","orgSlug","host","startBlank","leave","initialAnswers","modelChoice","data","user","router","userRef","current","uid","verdict","setVerdict","reopened","step","setStep","answers","setAnswers","setBusy","startingStarter","setStartingStarter","notice","setNotice","started","setStarted","freeTaste","setFreeTaste","freeCredits","setFreeCredits","confirmingLeave","setConfirmingLeave","dialogRef","active","response","encodeURIComponent","payload","ok","json","catch","credits","Number","isFinite","left","pages","Math","min","max","welcomeEmail","status","answer","patch","serverPrompt","setServerPrompt","prompt","noneLeft","refusal","band","surface","kind","load","loadModels","model","rememberedModel","pickedModel","plan","options","asked","creditsConfirmed","method","headers","body","JSON","stringify","brief","inputs","code","locked","String","error","created","job","href","push","chooseStarter","choice","chooseAi","exit","drafted","Boolean","siteType","trim","audience","dismiss","event","reason","target","root","Node","contains","leaveDraft","modelMultiplier","find","option","multiplier","scaled","range","likely","round","p90","ceiling","estimateText","toLocaleString","total","resetsOn","choosing","open","fullScreen","ref","onClose","slotProps","paper","elevation","position","enableColorOnDark","borderBottom","gap","edge","noWrap","textOverflow","flex","px","maxWidth","disableGutters","py","activeStep","mx","map","label","float","severity","action","noun","onBuildWhatFits","onSmaller","gridTemplateColumns","intro","onOpenJobs","fullWidth","required","placeholder","value","onChange","helperText","flexWrap","type","blurb","select","submissions","Array","from","length","_","index","count","rowGap","columnGap","borderTop","mr","minWidth","ariaLabel","startIcon","autoFocus"],"mappings":"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"}

package/src/lib/components/ai-usage-strip.component.d.ts

@@ -5,9 +5,26 @@ export interface AiUsageStripProps {
     /** For the link to who can raise an allotment; the link is omitted without it. */
     orgSlug?: string | null;
 }
-/** The line about the reader's own month, in the words the strip uses. */
+/**
+ * What a Free reader has left this month (AGL-3722): the less of their own
+ * allowance — 300 credits a month across every Free workspace they hold, net
+ * of give-backs — and this workspace's band. The same two walls the credits
+ * prompt reads, so the strip and the prompt say one number. `null` off the
+ * Free plan.
+ */
+export declare function aiUsageStripFreeLeft(meter: AiUsageMeterWire): number | null;
+/**
+ * The line about the reader's own month, in the words the strip uses. On the
+ * Free plan it is what is LEFT (`aiUsageStripFreeLeft`), the figure the
+ * credits prompt quotes, and the second line says which two meters it is
+ * the less of (AGL-3722).
+ */
 export declare function aiUsageStripMineLabel(meter: AiUsageMeterWire): string;
-/** The line about the workspace's pool. */
+/**
+ * The line about the workspace's pool. On the Free plan both meters a Free
+ * step is held to, each used of its limit and each for this month: the
+ * person's across their Free workspaces, and this workspace's (AGL-3722).
+ */
 export declare function aiUsageStripPoolLabel(meter: AiUsageMeterWire): string;
 /**
  * THE USAGE STRIP (AGL-2942): the reader's AI credits while they use AI —

package/src/lib/components/ai-usage-strip.component.js

@@ -26,15 +26,44 @@ const credits = (value)=>value.toLocaleString();
     anchor: '#usage-strip',
     excerpt: 'Your credits this month against your allotment, the workspace pool, and what your last request cost. It warns from 80%.'
 });
-/** The line about the reader's own month, in the words the strip uses. */ export function aiUsageStripMineLabel(meter) {
+/**
+ * What a Free reader has left this month (AGL-3722): the less of their own
+ * allowance — 300 credits a month across every Free workspace they hold, net
+ * of give-backs — and this workspace's band. The same two walls the credits
+ * prompt reads, so the strip and the prompt say one number. `null` off the
+ * Free plan.
+ */ export function aiUsageStripFreeLeft(meter) {
+    const { mine, pool } = meter;
+    if (!mine.free || mine.limit === null) return null;
+    const balances = [
+        mine.limit - mine.used,
+        ...pool.limit === null ? [] : [
+            pool.limit - pool.used
+        ]
+    ];
+    return Math.max(0, Math.min(...balances));
+}
+/**
+ * The line about the reader's own month, in the words the strip uses. On the
+ * Free plan it is what is LEFT (`aiUsageStripFreeLeft`), the figure the
+ * credits prompt quotes, and the second line says which two meters it is
+ * the less of (AGL-3722).
+ */ export function aiUsageStripMineLabel(meter) {
     const { mine } = meter;
+    const freeLeft = aiUsageStripFreeLeft(meter);
+    if (freeLeft !== null) return `You have ${credits(freeLeft)} free AI credits left this month`;
     if (mine.limit === null) return `You: ${credits(mine.used)} credits this month`;
     const who = mine.scope === 'host' ? 'This site' : mine.scope === 'collab' ? 'You, on this site' : 'You';
     return `${who}: ${credits(mine.used)} of ${credits(mine.limit)} credits this month`;
 }
-/** The line about the workspace's pool. */ export function aiUsageStripPoolLabel(meter) {
-    const { pool } = meter;
-    return pool.limit === null ? `Workspace: ${credits(pool.used)} credits` : `Workspace: ${credits(pool.used)} of ${credits(pool.limit)} credits`;
+/**
+ * The line about the workspace's pool. On the Free plan both meters a Free
+ * step is held to, each used of its limit and each for this month: the
+ * person's across their Free workspaces, and this workspace's (AGL-3722).
+ */ export function aiUsageStripPoolLabel(meter) {
+    const { mine, pool } = meter;
+    const of = (used, limit)=>`${credits(used)}${limit === null ? '' : ` of ${credits(limit)}`}`;
+    return mine.free ? `Used: you ${of(mine.used, mine.limit)} across your Free workspaces · this workspace ${of(pool.used, pool.limit)}` : `Workspace: ${of(pool.used, pool.limit)} credits`;
 }
 /**
  * THE USAGE STRIP (AGL-2942): the reader's AI credits while they use AI —
@@ -51,15 +80,17 @@ const credits = (value)=>value.toLocaleString();
     if (!meter) return null;
     const { mine, pool } = meter;
     const bound = mine.limit !== null;
-    const used = bound ? mine.used : pool.used;
+    const freeLeft = aiUsageStripFreeLeft(meter);
+    // On the Free plan the bar is what is used of the wall nearest to running out (AGL-3722).
+    const used = freeLeft !== null && mine.limit !== null ? mine.limit - freeLeft : bound ? mine.used : pool.used;
     const limit = bound ? mine.limit : pool.limit;
     const pct = limit ? Math.min(100, Math.round(used / limit * 100)) : null;
     const tone = meter.state === 'capped' ? 'error' : meter.state === 'warn' ? 'warning' : 'primary';
-    const allotmentReached = bound && mine.mode === 'hard' && mine.limit !== null && mine.used >= mine.limit;
+    const allotmentReached = freeLeft !== null ? freeLeft <= 0 : bound && mine.mode === 'hard' && mine.limit !== null && mine.used >= mine.limit;
     const raiseHref = orgSlug && mine.scope !== 'collab' ? `${buildRoute(Route.MANAGE_BILLING_USAGE, {
         orgSlug
     })}#ai-allotments` : null;
-    const whose = !bound ? 'the workspace’s credits' : mine.scope === 'host' ? 'this site’s AI allotment' : 'your AI allotment';
+    const whose = !bound ? 'the workspace’s credits' : mine.free ? 'your free AI credits' : mine.scope === 'host' ? 'this site’s AI allotment' : 'your AI allotment';
     return /*#__PURE__*/ _jsxs(Box, {
         role: "status",
         "aria-live": "polite",
@@ -134,8 +165,8 @@ const credits = (value)=>value.toLocaleString();
                 color: "error",
                 component: "div",
                 children: [
-                    allotmentReached ? mine.scope === 'collab' ? 'Your AI allotment on this site is used for the month. The site’s admin, or an organization admin, can raise it.' : mine.scope === 'host' ? 'This site’s AI allotment is used for the month. An organization admin can raise it' : 'Your AI allotment is used for the month. An organization admin can raise it' : 'That request was stopped by a limit on this workspace.',
-                    allotmentReached && raiseHref ? /*#__PURE__*/ _jsxs(_Fragment, {
+                    allotmentReached && mine.free ? 'Your free AI credits for this month are used. They renew on the 1st.' : allotmentReached ? mine.scope === 'collab' ? 'Your AI allotment on this site is used for the month. The site’s admin, or an organization admin, can raise it.' : mine.scope === 'host' ? 'This site’s AI allotment is used for the month. An organization admin can raise it' : 'Your AI allotment is used for the month. An organization admin can raise it' : 'That request was stopped by a limit on this workspace.',
+                    allotmentReached && mine.free ? null : allotmentReached && raiseHref ? /*#__PURE__*/ _jsxs(_Fragment, {
                         children: [
                             ' under ',
                             /*#__PURE__*/ _jsx(AppLink, {