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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-site-build-page.component.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n'use client'\n\nimport { PLATFORM_BRAND_NAME } from '@aglyn/aglyn'\nimport { PageHeaderRecord } from '@aglyn/aglyn/app-utils/page-header-record-context'\nimport type { ConsolePluginPageProps } from '@aglyn/aglyn/plugin-manager/feature-plugins'\nimport {\n  mdiAlertCircle,\n  mdiCheckCircle,\n  mdiChevronDown,\n  mdiClockOutline,\n  mdiMinusCircleOutline,\n  mdiPauseCircle,\n} from '@aglyn/shared-data-mdi'\nimport { AppLink, MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { newTabLinkProps } from '@aglyn/shared-ui-jsx/utils/new-tab'\nimport {\n  SITE_LIVE_NOTICE_BODY,\n  SITE_LIVE_NOTICE_TITLE,\n  SiteLiveNotice,\n} from '@aglyn/shared-ui-jsx/components/site-live-notice.component'\nimport type { MaybeTokenSource } from '@aglyn/shared-util-http/authorized-token'\nimport { useUser } from '@aglyn/tenant-feature-instance'\nimport {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  Alert,\n  Box,\n  Button,\n  Card,\n  CircularProgress,\n  Container,\n  LinearProgress,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport { type ReactNode, useCallback, useEffect, useRef, useState } from 'react'\nimport {\n  aiJobPageCopy,\n  aiSiteBuildCreditsLine,\n  aiSiteBuildFraction,\n  aiSiteBuildPhase,\n  aiSiteBuildRows,\n  type AiSiteBuildRowState,\n} from '../model/ai-site-build-progress'\nimport { aiJobRefundCopy, aiSiteStarterFallbackOffered } from '../model/ai-job-failure-copy'\nimport { aiSiteStartAnswersFromInputs } from '../model/ai-site-start'\nimport { AiSiteStartCard } from './ai-site-start-card.component'\nimport { AI_JOB_TERMINAL_STATUSES, type AiJobSummary } from '../model/ai-jobs.types'\nimport { followAiJobEvents } from './ai-job-events'\nimport { aiCreditsBillingHref, aiSiteBuildDoneLinks } from './ai-job-links'\nimport { AiJobPlan } from './ai-job-plan.component'\nimport { aiBuildCanRetry, aiBuildRetryCreditRange } from '../model/ai-build-progress'\nimport { resumeAiJobRequest, type AiJobResumeOptions } from './ai-job-requests'\nimport { AiCreditsPromptNotice } from './ai-credits-prompt.component'\nimport { aiCreditRangeText, type AiCreditsPrompt } from '../model/ai-credit-estimate'\nimport { useAiJobSite } from './ai-job-site'\nimport { AiSiteStarterFallback } from './ai-site-starter-fallback.component'\n\n/**\n * \"Building your site\" (AGL-3594): one job's page, at `/ai-jobs/{jobId}`\n * under its site — where the guided start sends a person the moment they\n * plan a site, and where a notification about that job opens.\n *\n * A guided site start confirms its own plan (`autoConfirm`), so there is no\n * approval to make here: the page says what is happening, step by step, live\n * from the job's events route; shows what is being built; and, when the job\n * ends, leads with the next thing to do — the live site and the pages to\n * edit, or, where it stopped, the plain sentence for why and what to do\n * about it. It is linkable and survives a reload, because it reads the job by\n * the id in its own address under the site's own route.\n *\n * Every wait ends (AGL-3596): a site that cannot be read, a job the route\n * does not know, a route that fails, and a first state that never arrives\n * each end on a sentence instead of a spinner.\n *\n * Mounted by `AiJobsPage`, the plugin's unlisted `/ai-jobs` route: no tab on\n * the site's strip, an address under it.\n */\n\n/** How long the job's first state may take before the page says it could not be loaded. */\nexport const AI_JOB_FIRST_STATE_TIMEOUT_MS = 20_000\n\n/**\n * One job, followed by id: its latest summary; `null` while the first state\n * is out; `'missing'` when the route says there is no such job for this\n * reader; `'error'` when the route failed or no state arrived in time.\n */\nexport type AiJobByIdState = AiJobSummary | 'missing' | 'error' | null\n\n/** Follows one job by id. `retry` follows it again after a `'missing'` or `'error'`. */\nexport function useAiJobById(\n  user: MaybeTokenSource,\n  orgId: string | null,\n  jobId: string | null,\n): [AiJobByIdState, (job: AiJobSummary) => void, () => void] {\n  const userRef = useRef(user)\n  userRef.current = user\n  const [job, setJob] = useState<AiJobByIdState>(null)\n  const [attempt, setAttempt] = useState(0)\n  const status = job && typeof job === 'object' ? job.status : null\n  // Followed until the job ENDS (AGL-3596), not until it first stops: a guided\n  // start parks on its plan for the instant it takes to confirm it, and a page\n  // that stopped following there showed that park — the plan's 13 credits and\n  // \"the plan is ready\" — after the job had built, spent and failed.\n  const moving = status === null || !AI_JOB_TERMINAL_STATUSES.includes(status)\n  useEffect(() => {\n    if (!orgId || !jobId || !moving) return undefined\n    const controller = new AbortController()\n    let heard = false\n    const timer = setTimeout(() => {\n      if (!heard) setJob((current) => current ?? 'error')\n    }, AI_JOB_FIRST_STATE_TIMEOUT_MS)\n    void followAiJobEvents(() => userRef.current, orgId, jobId, controller.signal, (next) => {\n      heard = true\n      setJob(next)\n    }).then((end) => {\n      if (heard || controller.signal.aborted) return\n      const unheard: AiJobByIdState = end === 'not-found' ? 'missing' : 'error'\n      setJob((current) => (current && typeof current === 'object' ? current : unheard))\n    })\n    return () => {\n      clearTimeout(timer)\n      controller.abort()\n    }\n  }, [orgId, jobId, moving, attempt])\n  const retry = useCallback(() => {\n    setJob(null)\n    setAttempt((count) => count + 1)\n  }, [])\n  return [job, setJob, retry]\n}\n\nconst ROW_ICON: Readonly<Record<Exclude<AiSiteBuildRowState, 'active'>, { path: string; color: string; label: string }>> = {\n  done: { path: mdiCheckCircle.path, color: 'success.main', label: 'Done' },\n  waiting: { path: mdiClockOutline.path, color: 'text.disabled', label: 'Waiting' },\n  failed: { path: mdiAlertCircle.path, color: 'error.main', label: 'Couldn’t be built' },\n  skipped: { path: mdiMinusCircleOutline.path, color: 'text.disabled', label: 'Not built' },\n  // Paused by the meter (AGL-3660): no spinner — it is not running.\n  paused: { path: mdiPauseCircle.path, color: 'warning.main', label: 'Paused' },\n}\n\nfunction RowIcon({ state }: { state: AiSiteBuildRowState }) {\n  if (state === 'active') {\n    return <CircularProgress size={20} aria-label=\"In progress\" />\n  }\n  const icon = ROW_ICON[state]\n  return (\n    <Box component=\"span\" role=\"img\" aria-label={icon.label} sx={{ color: icon.color, display: 'inline-flex', fontSize: (theme) => theme.spacing(2.5) }}>\n      <MdiIcon path={icon.path} aria-hidden />\n    </Box>\n  )\n}\n\n/** The page's frame: the site's name over the heading and its sentence. */\n/** \"0:42\", \"3:05\": how long the active row has been running, from when it started or was first seen. */\nfunction useElapsed(key: string | null, startedAt: string | null | undefined): string | null {\n  const [now, setNow] = useState(() => Date.now())\n  const seen = useRef<{ key: string | null; at: number }>({ key: null, at: Date.now() })\n  if (seen.current.key !== key) seen.current = { key, at: Date.now() }\n  useEffect(() => {\n    if (!key) return\n    const timer = setInterval(() => setNow(Date.now()), 1000)\n    return () => clearInterval(timer)\n  }, [key])\n  if (!key) return null\n  const started = startedAt ? Date.parse(startedAt) : NaN\n  const from = Number.isFinite(started) ? Math.min(started, seen.current.at) : seen.current.at\n  const seconds = Math.max(0, Math.floor((now - from) / 1000))\n  return `${Math.floor(seconds / 60)}:${String(seconds % 60).padStart(2, '0')}`\n}\n\nfunction Frame({\n  siteName,\n  heading,\n  lede,\n  children,\n}: {\n  siteName?: string\n  /** Left out when the content leads with a heading of its own. */\n  heading?: string\n  lede?: string\n  children?: ReactNode\n}) {\n  return (\n    <Container maxWidth=\"sm\" sx={{ py: { xs: 3, sm: 5 }, px: { xs: 2, sm: 3 } }}>\n      <Stack spacing={4}>\n        <Stack spacing={1}>\n          {siteName ? (\n            <Typography variant=\"overline\" color=\"text.secondary\">\n              {siteName}\n            </Typography>\n          ) : null}\n          {heading ? (\n            <Typography variant=\"h4\" component=\"h1\">\n              {heading}\n            </Typography>\n          ) : null}\n          {lede ? (\n            <Typography variant=\"body1\" color=\"text.secondary\">\n              {lede}\n            </Typography>\n          ) : null}\n        </Stack>\n        {children}\n      </Stack>\n    </Container>\n  )\n}\n\nexport function AiSiteBuildPage({ hostId, segments, basePath }: ConsolePluginPageProps) {\n  const { data: user } = useUser()\n  const jobId = segments?.[0] ? decodeURIComponent(String(segments[0])) : null\n  const orgSlug = (basePath ?? '').split('/')[1] ?? ''\n  // `/{orgSlug}/hosts/{subdomain}/ai-jobs`: the site's subdomain, which a console URL names it by.\n  const hostSubdomain = (basePath ?? '').split('/')[3] || null\n  const site = useAiJobSite(hostId)\n  const orgId = site.status === 'ready' ? site.orgId : null\n  const siteName = site.status === 'ready' ? site.name : undefined\n\n  const [job, setJob, retry] = useAiJobById(user, orgId, jobId)\n  const [busy, setBusy] = useState(false)\n  const [notice, setNotice] = useState<string | null>(null)\n  // A failed guided start's Try again reopens its questions, filled in (AGL-3596);\n  // `?retry=1` — what the AI jobs drawer links — opens them on arrival.\n  const [retrying, setRetrying] = useState(\n    () => typeof window !== 'undefined' && new URLSearchParams(window.location.search).get('retry') === '1',\n  )\n  // A Free Try again past what is left (AGL-3722): its prompt, until chosen.\n  const [retryPrompt, setRetryPrompt] = useState<AiCreditsPrompt | null>(null)\n  const tryAgain = useCallback(\n    async (options: { creditsConfirmed?: boolean } = {}) => {\n      if (!orgId || !job || typeof job !== 'object') return\n      setBusy(true)\n      setNotice(null)\n      setRetryPrompt(null)\n      // A finished build tries again only what failed (AGL-3616).\n      const retry = aiBuildCanRetry(job)\n      const decision = await resumeAiJobRequest(user, orgId, job, retry ? { retry: 'failed-items', ...options } : {})\n      if (decision.job) setJob(decision.job)\n      if (decision.credits && retry) setRetryPrompt(decision.credits)\n      else if (decision.error) setNotice(decision.error)\n      setBusy(false)\n    },\n    [orgId, job, user, setJob],\n  )\n  const confirmPlan = useCallback(\n    async (target: AiJobSummary, options: AiJobResumeOptions = {}) => {\n      if (!orgId) return\n      setBusy(true)\n      setNotice(null)\n      const decision = await resumeAiJobRequest(user, orgId, target, options)\n      if (decision.job) setJob(decision.job)\n      // A plan past what is left draws its own prompt from the job (AGL-3722).\n      if (decision.error && !(decision.credits && target.status === 'needs_review')) setNotice(decision.error)\n      setBusy(false)\n    },\n    [orgId, user, setJob],\n  )\n\n  const ready = job && typeof job === 'object' ? job : null\n  const copy = ready ? aiJobPageCopy(ready, PLATFORM_BRAND_NAME) : null\n  // The active row's running time, read before any early return (a hook).\n  const liveRow =\n    ready && aiSiteBuildPhase(ready) === 'working'\n      ? (aiSiteBuildRows(ready).find((row) => row.state === 'active') ?? null)\n      : null\n  const elapsed = useElapsed(liveRow ? `${ready?.id}:${liveRow.id}` : null, liveRow?.startedAt)\n  // The shell's header names the job's page as the page does, and its trail\n  // walks back to the site's AI jobs.\n  const record = <PageHeaderRecord title={copy?.heading} />\n\n  if (site.status === 'error') {\n    return (\n      <Frame heading=\"This site could not be read\">\n        <Alert severity=\"warning\">\n          {'The site this job belongs to could not be loaded. Check your connection and reload the page.'}\n        </Alert>\n      </Frame>\n    )\n  }\n  if (job === 'missing') {\n    return (\n      <Frame siteName={siteName} heading=\"This job could not be found\">\n        <Alert severity=\"info\">{'It may belong to another workspace, or it may have expired.'}</Alert>\n        {basePath ? (\n          <Box>\n            <Button variant=\"outlined\" component={AppLink} href={basePath}>\n              {'See this site’s AI jobs'}\n            </Button>\n          </Box>\n        ) : null}\n      </Frame>\n    )\n  }\n  if (job === 'error') {\n    return (\n      <Frame siteName={siteName} heading=\"This job could not be loaded\">\n        <Alert\n          severity=\"warning\"\n          action={\n            <Button color=\"inherit\" size=\"small\" onClick={retry}>\n              {'Try again'}\n            </Button>\n          }\n        >\n          {'Something went wrong reading it. It may still be running: try again in a moment.'}\n        </Alert>\n      </Frame>\n    )\n  }\n  if (!ready || !copy) {\n    return (\n      <Frame siteName={siteName} heading=\"Building your site\">\n        <Stack sx={{ alignItems: 'center', py: 4 }}>\n          <CircularProgress aria-label=\"Loading the job\" />\n        </Stack>\n      </Frame>\n    )\n  }\n\n  const phase = aiSiteBuildPhase(ready)\n  const rows = aiSiteBuildRows(ready)\n  const fraction = aiSiteBuildFraction(rows)\n  const activeRow = phase === 'working' ? (rows.find((row) => row.state === 'active') ?? null) : null\n  const credits = aiSiteBuildCreditsLine(ready)\n  const links = phase === 'done' ? aiSiteBuildDoneLinks(ready, orgSlug) : { view: null, pages: null }\n  const sitePublish = ready.kind === 'site' && phase === 'done' ? (ready.sitePublish ?? null) : null\n  const liveUrl = sitePublish && sitePublish.published.length > 0 ? sitePublish.liveUrl : null\n  // Paused by the meter (AGL-3660): out of credits or at a cap, carried on by Resume.\n  const paused = ready.status === 'needs_input'\n  const retryRefusal = ready.review?.retryRefusal\n  const buildRetry = aiBuildCanRetry(ready)\n  const retryRange = buildRetry ? aiBuildRetryCreditRange(ready) : null\n  const canRetry = (phase === 'stopped' && ready.review?.reason === 'doctrine') || buildRetry\n  const buildPlanWaiting = ready.kind === 'build' && phase === 'stopped' && ready.review?.reason === 'plan'\n  // A guided start that ended without building its site starts over from its\n  // own answers, as a fresh job: the questions reopen filled in.\n  const restartAnswers =\n    ready.kind === 'site' && (phase === 'failed' || phase === 'canceled')\n      ? aiSiteStartAnswersFromInputs(ready.siteInputs)\n      : null\n  const refund = phase === 'failed' || phase === 'stopped' || phase === 'canceled' ? aiJobRefundCopy(ready) : null\n  // A whole site put live says so in the words every new site goes live in\n  // (AGL-3663); a partial build or a page left a draft keeps its own account.\n  const liveNotice =\n    liveUrl !== null &&\n    !sitePublish?.drafts.length &&\n    copy.heading === SITE_LIVE_NOTICE_TITLE &&\n    copy.lede === SITE_LIVE_NOTICE_BODY\n\n  return (\n    <Frame siteName={siteName} {...(liveNotice ? {} : { heading: copy.heading, lede: copy.lede })}>\n      {record}\n      {liveNotice && <SiteLiveNotice liveUrl={liveUrl} pagesHref={links.pages} headingComponent=\"h1\" />}\n      {notice && <Alert severity=\"warning\">{notice}</Alert>}\n      <Card variant=\"outlined\" sx={{ borderRadius: 2 }}>\n        {phase === 'working' &&\n          (fraction !== null ? (\n            <LinearProgress\n              variant=\"determinate\"\n              value={Math.round(fraction * 100)}\n              aria-label={`Building: ${rows.filter((row) => row.state === 'done').length} of ${rows.length} steps done`}\n            />\n          ) : (\n            <LinearProgress aria-label=\"Building\" />\n          ))}\n        <Box component=\"ol\" aria-label=\"Progress\" sx={{ listStyle: 'none', m: 0, p: { xs: 2, sm: 3 } }}>\n          <Stack spacing={2}>\n            {rows.map((row) => (\n              <Stack component=\"li\" key={row.id} direction=\"row\" spacing={2} sx={{ alignItems: 'flex-start' }}>\n                <Box sx={{ width: (theme) => theme.spacing(3), display: 'flex', justifyContent: 'center' }}>\n                  <RowIcon state={row.state} />\n                </Box>\n                <Box sx={{ flex: 1, minWidth: 0 }}>\n                  <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'baseline', justifyContent: 'space-between' }}>\n                    <Typography\n                      variant=\"body1\"\n                      color={row.state === 'waiting' || row.state === 'skipped' ? 'text.secondary' : 'text.primary'}\n                    >\n                      {row.label}\n                    </Typography>\n                    {row.id === activeRow?.id && elapsed ? (\n                      <Typography variant=\"body2\" color=\"text.secondary\" sx={{ fontVariantNumeric: 'tabular-nums' }}>\n                        {elapsed}\n                      </Typography>\n                    ) : typeof row.credits === 'number' && row.credits > 0 ? (\n                      <Typography variant=\"body2\" color=\"text.secondary\" sx={{ whiteSpace: 'nowrap' }}>\n                        {`${row.credits} ${row.credits === 1 ? 'credit' : 'credits'}`}\n                      </Typography>\n                    ) : null}\n                  </Stack>\n                  {row.id === activeRow?.id && row.hint ? (\n                    <Typography variant=\"body2\" color=\"text.secondary\">\n                      {row.hint}\n                    </Typography>\n                  ) : null}\n                  {row.sections?.length && (row.state === 'active' || row.state === 'done') ? (\n                    <Typography variant=\"body2\" color=\"text.secondary\">\n                      {`${row.state === 'active' ? 'Writing' : 'Wrote'}: ${row.sections.join(', ')}`}\n                    </Typography>\n                  ) : null}\n                  {/* A build item's failure, note or refund (AGL-3616). */}\n                  {row.detail ? (\n                    <Typography variant=\"body2\" color=\"text.secondary\">\n                      {row.detail}\n                    </Typography>\n                  ) : null}\n                </Box>\n              </Stack>\n            ))}\n          </Stack>\n        </Box>\n      </Card>\n      {refund && (ready.refundedCredits ?? 0) > 0 ? (\n        <Alert severity=\"info\">{refund}</Alert>\n      ) : credits ? (\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {credits}\n        </Typography>\n      ) : null}\n      {retrying && restartAnswers && hostId ? (\n        <AiSiteStartCard\n          hostId={hostId}\n          orgId={orgId ?? undefined}\n          orgSlug={orgSlug}\n          host={hostSubdomain}\n          initialAnswers={restartAnswers}\n          startBlank={() => setRetrying(false)}\n          leave={() => setRetrying(false)}\n        />\n      ) : null}\n      {buildPlanWaiting ? (\n        // A build's plan, confirmed here as in the chat (AGL-3616).\n        <AiJobPlan\n          job={ready}\n          busy={busy}\n          orgSlug={orgSlug}\n          onResume={(target, options) => void confirmPlan(target, options)}\n        />\n      ) : null}\n      {sitePublish && sitePublish.drafts.length > 0 && (\n        // The pages the publish left as drafts, each with its plain reason;\n        // Edit your pages is where they are fixed and published.\n        <Alert severity=\"warning\">\n          <Typography variant=\"body2\" sx={{ mb: 1 }}>\n            {sitePublish.drafts.length === 1 ? 'This page stayed a draft:' : 'These pages stayed drafts:'}\n          </Typography>\n          <Box component=\"ul\" sx={{ m: 0, pl: 2.5 }}>\n            {sitePublish.drafts.map((draft) => (\n              <li key={draft.id}>\n                <Typography variant=\"body2\">{`${draft.label}: ${draft.reason}`}</Typography>\n              </li>\n            ))}\n          </Box>\n          <Typography variant=\"body2\" sx={{ mt: 1 }}>\n            {'Open Edit your pages to fix and publish them.'}\n          </Typography>\n        </Alert>\n      )}\n      {phase === 'done' && buildRetry && (\n        <Box>\n          <Button variant=\"outlined\" disabled={busy} onClick={() => void tryAgain()}>\n            {retryRange ? `Try again what failed · ${aiCreditRangeText(retryRange)}` : 'Try again what failed'}\n          </Button>\n        </Box>\n      )}\n      {retryPrompt && (\n        <AiCreditsPromptNotice\n          prompt={retryPrompt}\n          noun={ready.kind === 'site' ? 'site' : 'build'}\n          orgSlug={orgSlug}\n          busy={busy}\n          onBuildWhatFits={() => void tryAgain({ creditsConfirmed: true })}\n        />\n      )}\n      {phase === 'done' && !liveNotice && (\n        <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2}>\n          {liveUrl ? (\n            // The live site, in a tab of its own: the console stays where it is.\n            <Button\n              variant=\"contained\"\n              size=\"large\"\n              component=\"a\"\n              href={liveUrl}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              {'View your site'}\n            </Button>\n          ) : links.view ? (\n            // The console's own view of the first page, but still a VIEW, so\n            // it opens beside this page like the live one above (AGL-3660).\n            <Button\n              variant=\"contained\"\n              size=\"large\"\n              component={AppLink}\n              href={links.view}\n              {...newTabLinkProps}\n            >\n              {'View your site'}\n            </Button>\n          ) : null}\n          {links.pages && (\n            <Button variant=\"outlined\" size=\"large\" component={AppLink} href={links.pages}>\n              {'Edit your pages'}\n            </Button>\n          )}\n        </Stack>\n      )}\n      {paused && (\n        // Paused by the meter (AGL-3660): the way to more credits — the\n        // workspace's own Billing page, where plans and the AI add-on are\n        // sold — and Resume, which carries on this same job from its paused\n        // step once credits are there again.\n        <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2} sx={{ alignItems: { sm: 'center' } }}>\n          <Button variant=\"contained\" disabled={busy} onClick={() => void confirmPlan(ready)}>\n            {busy ? 'Resuming…' : 'Resume'}\n          </Button>\n          {orgSlug ? (\n            <Button variant=\"outlined\" component={AppLink} href={aiCreditsBillingHref(orgSlug)}>\n              {'Get more AI credits'}\n            </Button>\n          ) : null}\n        </Stack>\n      )}\n      {!paused && (phase === 'stopped' || phase === 'failed' || phase === 'canceled') && (\n        <Stack spacing={1}>\n          {retryRefusal && (\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {retryRefusal}\n            </Typography>\n          )}\n          <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2} sx={{ alignItems: { sm: 'center' } }}>\n            {restartAnswers && hostId && (\n              <Button variant=\"contained\" onClick={() => setRetrying(true)}>\n                {'Try again'}\n              </Button>\n            )}\n            {canRetry && (\n              <Button\n                variant=\"contained\"\n                disabled={busy || Boolean(retryRefusal)}\n                onClick={() => void tryAgain()}\n              >\n                {'Try again'}\n              </Button>\n            )}\n            {aiSiteStarterFallbackOffered(ready) && user ? <AiSiteStarterFallback job={ready} user={user} /> : null}\n          </Stack>\n        </Stack>\n      )}\n      {ready.plan && ready.plan.screens.length > 0 && (\n        <Accordion\n          // Open while the site is built, so the plan is in view as each part of it is written.\n          defaultExpanded={phase === 'working'}\n          variant=\"outlined\"\n          disableGutters\n          sx={{ borderRadius: 2, '&::before': { display: 'none' } }}\n        >\n          <AccordionSummary expandIcon={<MdiIcon path={mdiChevronDown.path} />}>\n            <Typography variant=\"subtitle1\">{'What we’re building'}</Typography>\n          </AccordionSummary>\n          <AccordionDetails>\n            <Stack component=\"ul\" spacing={1.5} sx={{ m: 0, pl: 2.5 }}>\n              {ready.plan.screens.map((screen, index) => (\n                <Box component=\"li\" key={`${screen.slug}-${index}`}>\n                  <Typography variant=\"body1\">{`${screen.title} — ${screen.slug}`}</Typography>\n                  {screen.sections.length > 0 && (\n                    <Typography variant=\"body2\" color=\"text.secondary\">\n                      {screen.sections.map((section) => section.name).join(', ')}\n                    </Typography>\n                  )}\n                </Box>\n              ))}\n            </Stack>\n          </AccordionDetails>\n        </Accordion>\n      )}\n    </Frame>\n  )\n}\n\nexport default AiSiteBuildPage\n"],"names":["PLATFORM_BRAND_NAME","PageHeaderRecord","mdiAlertCircle","mdiCheckCircle","mdiChevronDown","mdiClockOutline","mdiMinusCircleOutline","mdiPauseCircle","AppLink","MdiIcon","newTabLinkProps","SITE_LIVE_NOTICE_BODY","SITE_LIVE_NOTICE_TITLE","SiteLiveNotice","useUser","Accordion","AccordionDetails","AccordionSummary","Alert","Box","Button","Card","CircularProgress","Container","LinearProgress","Stack","Typography","useCallback","useEffect","useRef","useState","aiJobPageCopy","aiSiteBuildCreditsLine","aiSiteBuildFraction","aiSiteBuildPhase","aiSiteBuildRows","aiJobRefundCopy","aiSiteStarterFallbackOffered","aiSiteStartAnswersFromInputs","AiSiteStartCard","AI_JOB_TERMINAL_STATUSES","followAiJobEvents","aiCreditsBillingHref","aiSiteBuildDoneLinks","AiJobPlan","aiBuildCanRetry","aiBuildRetryCreditRange","resumeAiJobRequest","AiCreditsPromptNotice","aiCreditRangeText","useAiJobSite","AiSiteStarterFallback","AI_JOB_FIRST_STATE_TIMEOUT_MS","useAiJobById","user","orgId","jobId","userRef","current","job","setJob","attempt","setAttempt","status","moving","includes","undefined","controller","AbortController","heard","timer","setTimeout","signal","next","then","end","aborted","unheard","clearTimeout","abort","retry","count","ROW_ICON","done","path","color","label","waiting","failed","skipped","paused","RowIcon","state","size","aria-label","icon","component","role","sx","display","fontSize","theme","spacing","aria-hidden","useElapsed","key","startedAt","now","setNow","Date","seen","at","setInterval","clearInterval","started","parse","NaN","from","Number","isFinite","Math","min","seconds","max","floor","String","padStart","Frame","siteName","heading","lede","children","maxWidth","py","xs","sm","px","variant","AiSiteBuildPage","hostId","segments","basePath","rows","ready","data","decodeURIComponent","orgSlug","split","hostSubdomain","site","name","busy","setBusy","notice","setNotice","retrying","setRetrying","window","URLSearchParams","location","search","get","retryPrompt","setRetryPrompt","tryAgain","options","decision","credits","error","confirmPlan","target","copy","liveRow","find","row","elapsed","id","record","title","severity","href","action","onClick","alignItems","phase","fraction","activeRow","links","view","pages","sitePublish","kind","liveUrl","published","length","retryRefusal","review","buildRetry","retryRange","canRetry","reason","buildPlanWaiting","restartAnswers","siteInputs","refund","liveNotice","drafts","pagesHref","headingComponent","borderRadius","value","round","filter","listStyle","m","p","map","direction","width","justifyContent","flex","minWidth","fontVariantNumeric","whiteSpace","hint","sections","join","detail","refundedCredits","host","initialAnswers","startBlank","leave","onResume","mb","pl","draft","li","mt","disabled","prompt","noun","onBuildWhatFits","creditsConfirmed","rel","Boolean","plan","screens","defaultExpanded","disableGutters","expandIcon","screen","index","slug","section"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-site-build-page.component.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n'use client'\n\nimport { PLATFORM_BRAND_NAME } from '@aglyn/aglyn'\nimport { PageHeaderRecord } from '@aglyn/aglyn/app-utils/page-header-record-context'\nimport type { ConsolePluginPageProps } from '@aglyn/aglyn/plugin-manager/feature-plugins'\nimport {\n  mdiAlertCircle,\n  mdiCheckCircle,\n  mdiChevronDown,\n  mdiClockOutline,\n  mdiMinusCircleOutline,\n  mdiPauseCircle,\n} from '@aglyn/shared-data-mdi'\nimport { AppLink, MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { newTabLinkProps } from '@aglyn/shared-ui-jsx/utils/new-tab'\nimport {\n  SITE_LIVE_NOTICE_BODY,\n  SITE_LIVE_NOTICE_TITLE,\n  SiteLiveNotice,\n} from '@aglyn/shared-ui-jsx/components/site-live-notice.component'\nimport type { MaybeTokenSource } from '@aglyn/shared-util-http/authorized-token'\nimport { useUser } from '@aglyn/tenant-feature-instance'\nimport {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  Alert,\n  Box,\n  Button,\n  Card,\n  CircularProgress,\n  Container,\n  LinearProgress,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport { type ReactNode, useCallback, useEffect, useRef, useState } from 'react'\nimport {\n  aiJobPageCopy,\n  aiSiteBuildCreditsLine,\n  aiSiteBuildFraction,\n  aiSiteBuildPhase,\n  aiSiteBuildRows,\n  type AiSiteBuildRowState,\n} from '../model/ai-site-build-progress'\nimport { aiJobRefundCopy, aiSiteStarterFallbackOffered } from '../model/ai-job-failure-copy'\nimport { aiSiteStartAnswersFromInputs } from '../model/ai-site-start'\nimport { AiSiteStartCard } from './ai-site-start-card.component'\nimport { AI_JOB_TERMINAL_STATUSES, type AiJobSummary } from '../model/ai-jobs.types'\nimport { followAiJobEvents } from './ai-job-events'\nimport { aiCreditsBillingHref, aiSiteBuildDoneLinks } from './ai-job-links'\nimport { AiJobPlan } from './ai-job-plan.component'\nimport { aiBuildCanRetry, aiBuildRetryCreditRange } from '../model/ai-build-progress'\nimport { resumeAiJobRequest, type AiJobResumeOptions } from './ai-job-requests'\nimport { AiCreditsPromptNotice } from './ai-credits-prompt.component'\nimport { aiCreditRangeText, type AiCreditsPrompt } from '../model/ai-credit-estimate'\nimport { useAiJobSite } from './ai-job-site'\nimport { AiSiteStarterFallback } from './ai-site-starter-fallback.component'\nimport { AiJobCancelButton } from './ai-job-cancel.component'\nimport { AI_JOB_CANCELING_COPY } from '../model/ai-job-cancel-copy'\n\n/**\n * \"Building your site\" (AGL-3594): one job's page, at `/ai-jobs/{jobId}`\n * under its site — where the guided start sends a person the moment they\n * plan a site, and where a notification about that job opens.\n *\n * A guided site start confirms its own plan (`autoConfirm`), so there is no\n * approval to make here: the page says what is happening, step by step, live\n * from the job's events route; shows what is being built; and, when the job\n * ends, leads with the next thing to do — the live site and the pages to\n * edit, or, where it stopped, the plain sentence for why and what to do\n * about it. It is linkable and survives a reload, because it reads the job by\n * the id in its own address under the site's own route.\n *\n * Every wait ends (AGL-3596): a site that cannot be read, a job the route\n * does not know, a route that fails, and a first state that never arrives\n * each end on a sentence instead of a spinner.\n *\n * Mounted by `AiJobsPage`, the plugin's unlisted `/ai-jobs` route: no tab on\n * the site's strip, an address under it.\n */\n\n/** How long the job's first state may take before the page says it could not be loaded. */\nexport const AI_JOB_FIRST_STATE_TIMEOUT_MS = 20_000\n\n/**\n * One job, followed by id: its latest summary; `null` while the first state\n * is out; `'missing'` when the route says there is no such job for this\n * reader; `'error'` when the route failed or no state arrived in time.\n */\nexport type AiJobByIdState = AiJobSummary | 'missing' | 'error' | null\n\n/** Follows one job by id. `retry` follows it again after a `'missing'` or `'error'`. */\nexport function useAiJobById(\n  user: MaybeTokenSource,\n  orgId: string | null,\n  jobId: string | null,\n): [AiJobByIdState, (job: AiJobSummary) => void, () => void] {\n  const userRef = useRef(user)\n  userRef.current = user\n  const [job, setJob] = useState<AiJobByIdState>(null)\n  const [attempt, setAttempt] = useState(0)\n  const status = job && typeof job === 'object' ? job.status : null\n  // Followed until the job ENDS (AGL-3596), not until it first stops: a guided\n  // start parks on its plan for the instant it takes to confirm it, and a page\n  // that stopped following there showed that park — the plan's 13 credits and\n  // \"the plan is ready\" — after the job had built, spent and failed.\n  const moving = status === null || !AI_JOB_TERMINAL_STATUSES.includes(status)\n  useEffect(() => {\n    if (!orgId || !jobId || !moving) return undefined\n    const controller = new AbortController()\n    let heard = false\n    const timer = setTimeout(() => {\n      if (!heard) setJob((current) => current ?? 'error')\n    }, AI_JOB_FIRST_STATE_TIMEOUT_MS)\n    void followAiJobEvents(() => userRef.current, orgId, jobId, controller.signal, (next) => {\n      heard = true\n      setJob(next)\n    }).then((end) => {\n      if (heard || controller.signal.aborted) return\n      const unheard: AiJobByIdState = end === 'not-found' ? 'missing' : 'error'\n      setJob((current) => (current && typeof current === 'object' ? current : unheard))\n    })\n    return () => {\n      clearTimeout(timer)\n      controller.abort()\n    }\n  }, [orgId, jobId, moving, attempt])\n  const retry = useCallback(() => {\n    setJob(null)\n    setAttempt((count) => count + 1)\n  }, [])\n  return [job, setJob, retry]\n}\n\nconst ROW_ICON: Readonly<Record<Exclude<AiSiteBuildRowState, 'active'>, { path: string; color: string; label: string }>> = {\n  done: { path: mdiCheckCircle.path, color: 'success.main', label: 'Done' },\n  waiting: { path: mdiClockOutline.path, color: 'text.disabled', label: 'Waiting' },\n  failed: { path: mdiAlertCircle.path, color: 'error.main', label: 'Couldn’t be built' },\n  skipped: { path: mdiMinusCircleOutline.path, color: 'text.disabled', label: 'Not built' },\n  // Paused by the meter (AGL-3660): no spinner — it is not running.\n  paused: { path: mdiPauseCircle.path, color: 'warning.main', label: 'Paused' },\n}\n\nfunction RowIcon({ state }: { state: AiSiteBuildRowState }) {\n  if (state === 'active') {\n    return <CircularProgress size={20} aria-label=\"In progress\" />\n  }\n  const icon = ROW_ICON[state]\n  return (\n    <Box component=\"span\" role=\"img\" aria-label={icon.label} sx={{ color: icon.color, display: 'inline-flex', fontSize: (theme) => theme.spacing(2.5) }}>\n      <MdiIcon path={icon.path} aria-hidden />\n    </Box>\n  )\n}\n\n/** The page's frame: the site's name over the heading and its sentence. */\n/** \"0:42\", \"3:05\": how long the active row has been running, from when it started or was first seen. */\nfunction useElapsed(key: string | null, startedAt: string | null | undefined): string | null {\n  const [now, setNow] = useState(() => Date.now())\n  const seen = useRef<{ key: string | null; at: number }>({ key: null, at: Date.now() })\n  if (seen.current.key !== key) seen.current = { key, at: Date.now() }\n  useEffect(() => {\n    if (!key) return\n    const timer = setInterval(() => setNow(Date.now()), 1000)\n    return () => clearInterval(timer)\n  }, [key])\n  if (!key) return null\n  const started = startedAt ? Date.parse(startedAt) : NaN\n  const from = Number.isFinite(started) ? Math.min(started, seen.current.at) : seen.current.at\n  const seconds = Math.max(0, Math.floor((now - from) / 1000))\n  return `${Math.floor(seconds / 60)}:${String(seconds % 60).padStart(2, '0')}`\n}\n\nfunction Frame({\n  siteName,\n  heading,\n  lede,\n  children,\n}: {\n  siteName?: string\n  /** Left out when the content leads with a heading of its own. */\n  heading?: string\n  lede?: string\n  children?: ReactNode\n}) {\n  return (\n    <Container maxWidth=\"sm\" sx={{ py: { xs: 3, sm: 5 }, px: { xs: 2, sm: 3 } }}>\n      <Stack spacing={4}>\n        <Stack spacing={1}>\n          {siteName ? (\n            <Typography variant=\"overline\" color=\"text.secondary\">\n              {siteName}\n            </Typography>\n          ) : null}\n          {heading ? (\n            <Typography variant=\"h4\" component=\"h1\">\n              {heading}\n            </Typography>\n          ) : null}\n          {lede ? (\n            <Typography variant=\"body1\" color=\"text.secondary\">\n              {lede}\n            </Typography>\n          ) : null}\n        </Stack>\n        {children}\n      </Stack>\n    </Container>\n  )\n}\n\nexport function AiSiteBuildPage({ hostId, segments, basePath }: ConsolePluginPageProps) {\n  const { data: user } = useUser()\n  const jobId = segments?.[0] ? decodeURIComponent(String(segments[0])) : null\n  const orgSlug = (basePath ?? '').split('/')[1] ?? ''\n  // `/{orgSlug}/hosts/{subdomain}/ai-jobs`: the site's subdomain, which a console URL names it by.\n  const hostSubdomain = (basePath ?? '').split('/')[3] || null\n  const site = useAiJobSite(hostId)\n  const orgId = site.status === 'ready' ? site.orgId : null\n  const siteName = site.status === 'ready' ? site.name : undefined\n\n  const [job, setJob, retry] = useAiJobById(user, orgId, jobId)\n  const [busy, setBusy] = useState(false)\n  const [notice, setNotice] = useState<string | null>(null)\n  // A failed guided start's Try again reopens its questions, filled in (AGL-3596);\n  // `?retry=1` — what the AI jobs drawer links — opens them on arrival.\n  const [retrying, setRetrying] = useState(\n    () => typeof window !== 'undefined' && new URLSearchParams(window.location.search).get('retry') === '1',\n  )\n  // A Free Try again past what is left (AGL-3722): its prompt, until chosen.\n  const [retryPrompt, setRetryPrompt] = useState<AiCreditsPrompt | null>(null)\n  const tryAgain = useCallback(\n    async (options: { creditsConfirmed?: boolean } = {}) => {\n      if (!orgId || !job || typeof job !== 'object') return\n      setBusy(true)\n      setNotice(null)\n      setRetryPrompt(null)\n      // A finished build tries again only what failed (AGL-3616).\n      const retry = aiBuildCanRetry(job)\n      const decision = await resumeAiJobRequest(user, orgId, job, retry ? { retry: 'failed-items', ...options } : {})\n      if (decision.job) setJob(decision.job)\n      if (decision.credits && retry) setRetryPrompt(decision.credits)\n      else if (decision.error) setNotice(decision.error)\n      setBusy(false)\n    },\n    [orgId, job, user, setJob],\n  )\n  const confirmPlan = useCallback(\n    async (target: AiJobSummary, options: AiJobResumeOptions = {}) => {\n      if (!orgId) return\n      setBusy(true)\n      setNotice(null)\n      const decision = await resumeAiJobRequest(user, orgId, target, options)\n      if (decision.job) setJob(decision.job)\n      // A plan past what is left draws its own prompt from the job (AGL-3722).\n      if (decision.error && !(decision.credits && target.status === 'needs_review')) setNotice(decision.error)\n      setBusy(false)\n    },\n    [orgId, user, setJob],\n  )\n\n  const ready = job && typeof job === 'object' ? job : null\n  const copy = ready ? aiJobPageCopy(ready, PLATFORM_BRAND_NAME) : null\n  // The active row's running time, read before any early return (a hook).\n  const liveRow =\n    ready && aiSiteBuildPhase(ready) === 'working'\n      ? (aiSiteBuildRows(ready).find((row) => row.state === 'active') ?? null)\n      : null\n  const elapsed = useElapsed(liveRow ? `${ready?.id}:${liveRow.id}` : null, liveRow?.startedAt)\n  // The shell's header names the job's page as the page does, and its trail\n  // walks back to the site's AI jobs.\n  const record = <PageHeaderRecord title={copy?.heading} />\n\n  if (site.status === 'error') {\n    return (\n      <Frame heading=\"This site could not be read\">\n        <Alert severity=\"warning\">\n          {'The site this job belongs to could not be loaded. Check your connection and reload the page.'}\n        </Alert>\n      </Frame>\n    )\n  }\n  if (job === 'missing') {\n    return (\n      <Frame siteName={siteName} heading=\"This job could not be found\">\n        <Alert severity=\"info\">{'It may belong to another workspace, or it may have expired.'}</Alert>\n        {basePath ? (\n          <Box>\n            <Button variant=\"outlined\" component={AppLink} href={basePath}>\n              {'See this site’s AI jobs'}\n            </Button>\n          </Box>\n        ) : null}\n      </Frame>\n    )\n  }\n  if (job === 'error') {\n    return (\n      <Frame siteName={siteName} heading=\"This job could not be loaded\">\n        <Alert\n          severity=\"warning\"\n          action={\n            <Button color=\"inherit\" size=\"small\" onClick={retry}>\n              {'Try again'}\n            </Button>\n          }\n        >\n          {'Something went wrong reading it. It may still be running: try again in a moment.'}\n        </Alert>\n      </Frame>\n    )\n  }\n  if (!ready || !copy) {\n    return (\n      <Frame siteName={siteName} heading=\"Building your site\">\n        <Stack sx={{ alignItems: 'center', py: 4 }}>\n          <CircularProgress aria-label=\"Loading the job\" />\n        </Stack>\n      </Frame>\n    )\n  }\n\n  const phase = aiSiteBuildPhase(ready)\n  const terminal = AI_JOB_TERMINAL_STATUSES.includes(ready.status)\n  const rows = aiSiteBuildRows(ready)\n  const fraction = aiSiteBuildFraction(rows)\n  const activeRow = phase === 'working' ? (rows.find((row) => row.state === 'active') ?? null) : null\n  const credits = aiSiteBuildCreditsLine(ready)\n  const links = phase === 'done' ? aiSiteBuildDoneLinks(ready, orgSlug) : { view: null, pages: null }\n  const sitePublish = ready.kind === 'site' && phase === 'done' ? (ready.sitePublish ?? null) : null\n  const liveUrl = sitePublish && sitePublish.published.length > 0 ? sitePublish.liveUrl : null\n  // Paused by the meter (AGL-3660): out of credits or at a cap, carried on by Resume.\n  const paused = ready.status === 'needs_input'\n  const retryRefusal = ready.review?.retryRefusal\n  const buildRetry = aiBuildCanRetry(ready)\n  const retryRange = buildRetry ? aiBuildRetryCreditRange(ready) : null\n  const canRetry = (phase === 'stopped' && ready.review?.reason === 'doctrine') || buildRetry\n  const buildPlanWaiting = ready.kind === 'build' && phase === 'stopped' && ready.review?.reason === 'plan'\n  // A guided start that ended without building its site starts over from its\n  // own answers, as a fresh job: the questions reopen filled in.\n  const restartAnswers =\n    ready.kind === 'site' && (phase === 'failed' || phase === 'canceled')\n      ? aiSiteStartAnswersFromInputs(ready.siteInputs)\n      : null\n  const refund = phase === 'failed' || phase === 'stopped' || phase === 'canceled' ? aiJobRefundCopy(ready) : null\n  // A whole site put live says so in the words every new site goes live in\n  // (AGL-3663); a partial build or a page left a draft keeps its own account.\n  const liveNotice =\n    liveUrl !== null &&\n    !sitePublish?.drafts.length &&\n    copy.heading === SITE_LIVE_NOTICE_TITLE &&\n    copy.lede === SITE_LIVE_NOTICE_BODY\n\n  return (\n    <Frame siteName={siteName} {...(liveNotice ? {} : { heading: copy.heading, lede: copy.lede })}>\n      {record}\n      {liveNotice && <SiteLiveNotice liveUrl={liveUrl} pagesHref={links.pages} headingComponent=\"h1\" />}\n      {notice && <Alert severity=\"warning\">{notice}</Alert>}\n      <Card variant=\"outlined\" sx={{ borderRadius: 2 }}>\n        {phase === 'working' &&\n          (fraction !== null ? (\n            <LinearProgress\n              variant=\"determinate\"\n              value={Math.round(fraction * 100)}\n              aria-label={`Building: ${rows.filter((row) => row.state === 'done').length} of ${rows.length} steps done`}\n            />\n          ) : (\n            <LinearProgress aria-label=\"Building\" />\n          ))}\n        <Box component=\"ol\" aria-label=\"Progress\" sx={{ listStyle: 'none', m: 0, p: { xs: 2, sm: 3 } }}>\n          <Stack spacing={2}>\n            {rows.map((row) => (\n              <Stack component=\"li\" key={row.id} direction=\"row\" spacing={2} sx={{ alignItems: 'flex-start' }}>\n                <Box sx={{ width: (theme) => theme.spacing(3), display: 'flex', justifyContent: 'center' }}>\n                  <RowIcon state={row.state} />\n                </Box>\n                <Box sx={{ flex: 1, minWidth: 0 }}>\n                  <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'baseline', justifyContent: 'space-between' }}>\n                    <Typography\n                      variant=\"body1\"\n                      color={row.state === 'waiting' || row.state === 'skipped' ? 'text.secondary' : 'text.primary'}\n                    >\n                      {row.label}\n                    </Typography>\n                    {row.id === activeRow?.id && elapsed ? (\n                      <Typography variant=\"body2\" color=\"text.secondary\" sx={{ fontVariantNumeric: 'tabular-nums' }}>\n                        {elapsed}\n                      </Typography>\n                    ) : typeof row.credits === 'number' && row.credits > 0 ? (\n                      <Typography variant=\"body2\" color=\"text.secondary\" sx={{ whiteSpace: 'nowrap' }}>\n                        {`${row.credits} ${row.credits === 1 ? 'credit' : 'credits'}`}\n                      </Typography>\n                    ) : null}\n                  </Stack>\n                  {row.id === activeRow?.id && row.hint ? (\n                    <Typography variant=\"body2\" color=\"text.secondary\">\n                      {row.hint}\n                    </Typography>\n                  ) : null}\n                  {row.sections?.length && (row.state === 'active' || row.state === 'done') ? (\n                    <Typography variant=\"body2\" color=\"text.secondary\">\n                      {`${row.state === 'active' ? 'Writing' : 'Wrote'}: ${row.sections.join(', ')}`}\n                    </Typography>\n                  ) : null}\n                  {/* A build item's failure, note or refund (AGL-3616). */}\n                  {row.detail ? (\n                    <Typography variant=\"body2\" color=\"text.secondary\">\n                      {row.detail}\n                    </Typography>\n                  ) : null}\n                </Box>\n              </Stack>\n            ))}\n          </Stack>\n        </Box>\n      </Card>\n      {refund && (ready.refundedCredits ?? 0) > 0 ? (\n        <Alert severity=\"info\">{refund}</Alert>\n      ) : credits ? (\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {credits}\n        </Typography>\n      ) : null}\n      {ready.cancelRequested && !terminal ? (\n        // Asked to cancel while a step is in flight (AGL-3616): it finishes\n        // or stops, and the page turns to \"canceled\" when it has.\n        <Alert severity=\"info\">{AI_JOB_CANCELING_COPY}</Alert>\n      ) : null}\n      {retrying && restartAnswers && hostId ? (\n        <AiSiteStartCard\n          hostId={hostId}\n          orgId={orgId ?? undefined}\n          orgSlug={orgSlug}\n          host={hostSubdomain}\n          initialAnswers={restartAnswers}\n          startBlank={() => setRetrying(false)}\n          leave={() => setRetrying(false)}\n        />\n      ) : null}\n      {buildPlanWaiting ? (\n        // A build's plan, confirmed here as in the chat (AGL-3616).\n        <AiJobPlan\n          job={ready}\n          busy={busy}\n          orgSlug={orgSlug}\n          onResume={(target, options) => void confirmPlan(target, options)}\n        />\n      ) : null}\n      {sitePublish && sitePublish.drafts.length > 0 && (\n        // The pages the publish left as drafts, each with its plain reason;\n        // Edit your pages is where they are fixed and published.\n        <Alert severity=\"warning\">\n          <Typography variant=\"body2\" sx={{ mb: 1 }}>\n            {sitePublish.drafts.length === 1 ? 'This page stayed a draft:' : 'These pages stayed drafts:'}\n          </Typography>\n          <Box component=\"ul\" sx={{ m: 0, pl: 2.5 }}>\n            {sitePublish.drafts.map((draft) => (\n              <li key={draft.id}>\n                <Typography variant=\"body2\">{`${draft.label}: ${draft.reason}`}</Typography>\n              </li>\n            ))}\n          </Box>\n          <Typography variant=\"body2\" sx={{ mt: 1 }}>\n            {'Open Edit your pages to fix and publish them.'}\n          </Typography>\n        </Alert>\n      )}\n      {phase === 'done' && buildRetry && (\n        <Box>\n          <Button variant=\"outlined\" disabled={busy} onClick={() => void tryAgain()}>\n            {retryRange ? `Try again what failed · ${aiCreditRangeText(retryRange)}` : 'Try again what failed'}\n          </Button>\n        </Box>\n      )}\n      {retryPrompt && (\n        <AiCreditsPromptNotice\n          prompt={retryPrompt}\n          noun={ready.kind === 'site' ? 'site' : 'build'}\n          orgSlug={orgSlug}\n          busy={busy}\n          onBuildWhatFits={() => void tryAgain({ creditsConfirmed: true })}\n        />\n      )}\n      {phase === 'done' && !liveNotice && (\n        <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2}>\n          {liveUrl ? (\n            // The live site, in a tab of its own: the console stays where it is.\n            <Button\n              variant=\"contained\"\n              size=\"large\"\n              component=\"a\"\n              href={liveUrl}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              {'View your site'}\n            </Button>\n          ) : links.view ? (\n            // The console's own view of the first page, but still a VIEW, so\n            // it opens beside this page like the live one above (AGL-3660).\n            <Button\n              variant=\"contained\"\n              size=\"large\"\n              component={AppLink}\n              href={links.view}\n              {...newTabLinkProps}\n            >\n              {'View your site'}\n            </Button>\n          ) : null}\n          {links.pages && (\n            <Button variant=\"outlined\" size=\"large\" component={AppLink} href={links.pages}>\n              {'Edit your pages'}\n            </Button>\n          )}\n        </Stack>\n      )}\n      {paused && (\n        // Paused by the meter (AGL-3660): the way to more credits — the\n        // workspace's own Billing page, where plans and the AI add-on are\n        // sold — and Resume, which carries on this same job from its paused\n        // step once credits are there again.\n        <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2} sx={{ alignItems: { sm: 'center' } }}>\n          <Button variant=\"contained\" disabled={busy} onClick={() => void confirmPlan(ready)}>\n            {busy ? 'Resuming…' : 'Resume'}\n          </Button>\n          {orgSlug ? (\n            <Button variant=\"outlined\" component={AppLink} href={aiCreditsBillingHref(orgSlug)}>\n              {'Get more AI credits'}\n            </Button>\n          ) : null}\n        </Stack>\n      )}\n      {!paused && (phase === 'stopped' || phase === 'failed' || phase === 'canceled') && (\n        <Stack spacing={1}>\n          {retryRefusal && (\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {retryRefusal}\n            </Typography>\n          )}\n          <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2} sx={{ alignItems: { sm: 'center' } }}>\n            {restartAnswers && hostId && (\n              // A fresh job from the same answers; a canceled one starts again.\n              <Button variant=\"contained\" onClick={() => setRetrying(true)}>\n                {phase === 'canceled' ? 'Start again' : 'Try again'}\n              </Button>\n            )}\n            {canRetry && (\n              <Button\n                variant=\"contained\"\n                disabled={busy || Boolean(retryRefusal)}\n                onClick={() => void tryAgain()}\n              >\n                {'Try again'}\n              </Button>\n            )}\n            {aiSiteStarterFallbackOffered(ready) && user ? <AiSiteStarterFallback job={ready} user={user} /> : null}\n          </Stack>\n        </Stack>\n      )}\n      {/* Cancel (AGL-3616): while the job can stop, and disabled with its reason once it cannot. */}\n      <Box>\n        <AiJobCancelButton\n          job={ready}\n          user={user}\n          orgId={orgId}\n          onJob={setJob}\n          variant={terminal ? 'text' : 'outlined'}\n          size={terminal ? 'small' : 'medium'}\n        />\n      </Box>\n      {ready.plan && ready.plan.screens.length > 0 && (\n        <Accordion\n          // Open while the site is built, so the plan is in view as each part of it is written.\n          defaultExpanded={phase === 'working'}\n          variant=\"outlined\"\n          disableGutters\n          sx={{ borderRadius: 2, '&::before': { display: 'none' } }}\n        >\n          <AccordionSummary expandIcon={<MdiIcon path={mdiChevronDown.path} />}>\n            <Typography variant=\"subtitle1\">{'What we’re building'}</Typography>\n          </AccordionSummary>\n          <AccordionDetails>\n            <Stack component=\"ul\" spacing={1.5} sx={{ m: 0, pl: 2.5 }}>\n              {ready.plan.screens.map((screen, index) => (\n                <Box component=\"li\" key={`${screen.slug}-${index}`}>\n                  <Typography variant=\"body1\">{`${screen.title} — ${screen.slug}`}</Typography>\n                  {screen.sections.length > 0 && (\n                    <Typography variant=\"body2\" color=\"text.secondary\">\n                      {screen.sections.map((section) => section.name).join(', ')}\n                    </Typography>\n                  )}\n                </Box>\n              ))}\n            </Stack>\n          </AccordionDetails>\n        </Accordion>\n      )}\n    </Frame>\n  )\n}\n\nexport default AiSiteBuildPage\n"],"names":["PLATFORM_BRAND_NAME","PageHeaderRecord","mdiAlertCircle","mdiCheckCircle","mdiChevronDown","mdiClockOutline","mdiMinusCircleOutline","mdiPauseCircle","AppLink","MdiIcon","newTabLinkProps","SITE_LIVE_NOTICE_BODY","SITE_LIVE_NOTICE_TITLE","SiteLiveNotice","useUser","Accordion","AccordionDetails","AccordionSummary","Alert","Box","Button","Card","CircularProgress","Container","LinearProgress","Stack","Typography","useCallback","useEffect","useRef","useState","aiJobPageCopy","aiSiteBuildCreditsLine","aiSiteBuildFraction","aiSiteBuildPhase","aiSiteBuildRows","aiJobRefundCopy","aiSiteStarterFallbackOffered","aiSiteStartAnswersFromInputs","AiSiteStartCard","AI_JOB_TERMINAL_STATUSES","followAiJobEvents","aiCreditsBillingHref","aiSiteBuildDoneLinks","AiJobPlan","aiBuildCanRetry","aiBuildRetryCreditRange","resumeAiJobRequest","AiCreditsPromptNotice","aiCreditRangeText","useAiJobSite","AiSiteStarterFallback","AiJobCancelButton","AI_JOB_CANCELING_COPY","AI_JOB_FIRST_STATE_TIMEOUT_MS","useAiJobById","user","orgId","jobId","userRef","current","job","setJob","attempt","setAttempt","status","moving","includes","undefined","controller","AbortController","heard","timer","setTimeout","signal","next","then","end","aborted","unheard","clearTimeout","abort","retry","count","ROW_ICON","done","path","color","label","waiting","failed","skipped","paused","RowIcon","state","size","aria-label","icon","component","role","sx","display","fontSize","theme","spacing","aria-hidden","useElapsed","key","startedAt","now","setNow","Date","seen","at","setInterval","clearInterval","started","parse","NaN","from","Number","isFinite","Math","min","seconds","max","floor","String","padStart","Frame","siteName","heading","lede","children","maxWidth","py","xs","sm","px","variant","AiSiteBuildPage","hostId","segments","basePath","rows","ready","data","decodeURIComponent","orgSlug","split","hostSubdomain","site","name","busy","setBusy","notice","setNotice","retrying","setRetrying","window","URLSearchParams","location","search","get","retryPrompt","setRetryPrompt","tryAgain","options","decision","credits","error","confirmPlan","target","copy","liveRow","find","row","elapsed","id","record","title","severity","href","action","onClick","alignItems","phase","terminal","fraction","activeRow","links","view","pages","sitePublish","kind","liveUrl","published","length","retryRefusal","review","buildRetry","retryRange","canRetry","reason","buildPlanWaiting","restartAnswers","siteInputs","refund","liveNotice","drafts","pagesHref","headingComponent","borderRadius","value","round","filter","listStyle","m","p","map","direction","width","justifyContent","flex","minWidth","fontVariantNumeric","whiteSpace","hint","sections","join","detail","refundedCredits","cancelRequested","host","initialAnswers","startBlank","leave","onResume","mb","pl","draft","li","mt","disabled","prompt","noun","onBuildWhatFits","creditsConfirmed","rel","Boolean","onJob","plan","screens","defaultExpanded","disableGutters","expandIcon","screen","index","slug","section"],"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, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-usage-strip.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'use client'\n\nimport { buildRoute, Route } from '@aglyn/aglyn/app-utils/console-routes'\nimport { pluginDocsHelp } from '@aglyn/aglyn/app-utils/docs-help'\nimport { AppLink, HelpTip } from '@aglyn/shared-ui-jsx'\nimport { Box, LinearProgress, Stack, Typography } from '@mui/material'\nimport type { AiUsageMeterWire } from '../usage/ai-usage-wire'\nimport { useAiUsageMeter } from './use-ai-usage-meter'\n\nexport interface AiUsageStripProps {\n  /** The workspace the strip speaks for; nothing renders without one. */\n  orgId?: string | null\n  /** For the link to who can raise an allotment; the link is omitted without it. */\n  orgSlug?: string | null\n}\n\nconst credits = (value: number): string => value.toLocaleString()\n\n/** The usage line's own section of the allotments guide (AGL-3660). */\nconst AI_USAGE_STRIP_HELP = pluginDocsHelp('aiAllotments', {\n  anchor: '#usage-strip',\n  excerpt:\n    'Your credits this month against your allotment, the workspace pool, and what your last request cost. It warns from 80%.',\n})\n\n/** The line about the reader's own month, in the words the strip uses. */\nexport function aiUsageStripMineLabel(meter: AiUsageMeterWire): string {\n  const { mine } = meter\n  if (mine.limit === null) return `You: ${credits(mine.used)} credits this month`\n  const who = mine.scope === 'host' ? 'This site' : mine.scope === 'collab' ? 'You, on this site' : 'You'\n  return `${who}: ${credits(mine.used)} of ${credits(mine.limit)} credits this month`\n}\n\n/** The line about the workspace's pool. */\nexport function aiUsageStripPoolLabel(meter: AiUsageMeterWire): string {\n  const { pool } = meter\n  return pool.limit === null\n    ? `Workspace: ${credits(pool.used)} credits`\n    : `Workspace: ${credits(pool.used)} of ${credits(pool.limit)} credits`\n}\n\n/**\n * THE USAGE STRIP (AGL-2942): the reader's AI credits while they use AI —\n * in the assistant panel and every generation dialog, with no dashboard to\n * visit and no read of its own.\n *\n * It shows the reader's month against the allotment that binds them (or\n * their month alone and the workspace's pool when none does), the pool, what\n * the last request cost, and the model that answered. From 80% it warns; at\n * a hard allotment it says who can raise it. It renders nothing until a door\n * has answered this reader in this workspace — see `use-ai-usage-meter.ts`.\n */\nexport function AiUsageStrip({ orgId, orgSlug }: AiUsageStripProps) {\n  const meter = useAiUsageMeter(orgId)\n  if (!meter) return null\n  const { mine, pool } = meter\n  const bound = mine.limit !== null\n  const used = bound ? mine.used : pool.used\n  const limit = bound ? mine.limit : pool.limit\n  const pct = limit ? Math.min(100, Math.round((used / limit) * 100)) : null\n  const tone = meter.state === 'capped' ? 'error' : meter.state === 'warn' ? 'warning' : 'primary'\n  const allotmentReached = bound && mine.mode === 'hard' && mine.limit !== null && mine.used >= mine.limit\n  const raiseHref =\n    orgSlug && mine.scope !== 'collab'\n      ? `${buildRoute(Route.MANAGE_BILLING_USAGE, { orgSlug })}#ai-allotments`\n      : null\n  const whose = !bound\n    ? 'the workspace’s credits'\n    : mine.scope === 'host'\n      ? 'this site’s AI allotment'\n      : 'your AI allotment'\n\n  return (\n    <Box\n      role=\"status\"\n      aria-live=\"polite\"\n      data-testid=\"ai-usage-strip\"\n      sx={{ px: 1, py: 0.75, borderRadius: 1, bgcolor: 'action.hover' }}\n    >\n      <Stack useFlexGap direction=\"row\" spacing={1} sx={{ alignItems: 'baseline', flexWrap: 'wrap' }}>\n        <Typography variant=\"caption\" sx={{ flexGrow: 1 }}>\n          {aiUsageStripMineLabel(meter)}\n        </Typography>\n        {meter.last !== null ? (\n          <Typography variant=\"caption\" color=\"text.secondary\">\n            {`Last request: ${credits(meter.last)} credits`}\n          </Typography>\n        ) : null}\n        <HelpTip sx={{ alignSelf: 'center' }} {...AI_USAGE_STRIP_HELP} />\n      </Stack>\n      {pct !== null ? (\n        <LinearProgress\n          variant=\"determinate\"\n          value={pct}\n          color={tone}\n          aria-label={`${pct}% of ${whose} used`}\n          sx={{ my: 0.5, height: 4, borderRadius: 2 }}\n        />\n      ) : null}\n      <Typography variant=\"caption\" color=\"text.secondary\" component=\"div\">\n        {aiUsageStripPoolLabel(meter)}\n        {bound ? '' : ' this month'}\n        {meter.model ? ` · ${meter.model.label}${meter.model.auto ? ' (Auto)' : ''}` : ''}\n      </Typography>\n      {meter.state === 'warn' ? (\n        <Typography variant=\"caption\" color=\"warning.main\" component=\"div\">\n          {`Past 80% of ${whose}.`}\n          {bound && mine.mode === 'soft' ? ' It is soft, so requests keep working.' : ''}\n        </Typography>\n      ) : null}\n      {meter.state === 'capped' ? (\n        <Typography variant=\"caption\" color=\"error\" component=\"div\">\n          {allotmentReached\n            ? mine.scope === 'collab'\n              ? 'Your AI allotment on this site is used for the month. The site’s admin, or an organization admin, can raise it.'\n              : mine.scope === 'host'\n                ? 'This site’s AI allotment is used for the month. An organization admin can raise it'\n                : 'Your AI allotment is used for the month. An organization admin can raise it'\n            : 'That request was stopped by a limit on this workspace.'}\n          {allotmentReached && raiseHref ? (\n            <>\n              {' under '}\n              <AppLink componentVariant=\"naked\" href={raiseHref}>\n                {'Billing → Usage'}\n              </AppLink>\n              {'.'}\n            </>\n          ) : allotmentReached && mine.scope !== 'collab' ? (\n            '.'\n          ) : null}\n        </Typography>\n      ) : null}\n    </Box>\n  )\n}\nAiUsageStrip.displayName = 'AiUsageStrip'\n\nexport default AiUsageStrip\n"],"names":["buildRoute","Route","pluginDocsHelp","AppLink","HelpTip","Box","LinearProgress","Stack","Typography","useAiUsageMeter","credits","value","toLocaleString","AI_USAGE_STRIP_HELP","anchor","excerpt","aiUsageStripMineLabel","meter","mine","limit","used","who","scope","aiUsageStripPoolLabel","pool","AiUsageStrip","orgId","orgSlug","bound","pct","Math","min","round","tone","state","allotmentReached","mode","raiseHref","MANAGE_BILLING_USAGE","whose","role","aria-live","data-testid","sx","px","py","borderRadius","bgcolor","useFlexGap","direction","spacing","alignItems","flexWrap","variant","flexGrow","last","color","alignSelf","aria-label","my","height","component","model","label","auto","componentVariant","href","displayName"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-usage-strip.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'use client'\n\nimport { buildRoute, Route } from '@aglyn/aglyn/app-utils/console-routes'\nimport { pluginDocsHelp } from '@aglyn/aglyn/app-utils/docs-help'\nimport { AppLink, HelpTip } from '@aglyn/shared-ui-jsx'\nimport { Box, LinearProgress, Stack, Typography } from '@mui/material'\nimport type { AiUsageMeterWire } from '../usage/ai-usage-wire'\nimport { useAiUsageMeter } from './use-ai-usage-meter'\n\nexport interface AiUsageStripProps {\n  /** The workspace the strip speaks for; nothing renders without one. */\n  orgId?: string | null\n  /** For the link to who can raise an allotment; the link is omitted without it. */\n  orgSlug?: string | null\n}\n\nconst credits = (value: number): string => value.toLocaleString()\n\n/** The usage line's own section of the allotments guide (AGL-3660). */\nconst AI_USAGE_STRIP_HELP = pluginDocsHelp('aiAllotments', {\n  anchor: '#usage-strip',\n  excerpt:\n    'Your credits this month against your allotment, the workspace pool, and what your last request cost. It warns from 80%.',\n})\n\n/**\n * What a Free reader has left this month (AGL-3722): the less of their own\n * allowance — 300 credits a month across every Free workspace they hold, net\n * of give-backs — and this workspace's band. The same two walls the credits\n * prompt reads, so the strip and the prompt say one number. `null` off the\n * Free plan.\n */\nexport function aiUsageStripFreeLeft(meter: AiUsageMeterWire): number | null {\n  const { mine, pool } = meter\n  if (!mine.free || mine.limit === null) return null\n  const balances = [mine.limit - mine.used, ...(pool.limit === null ? [] : [pool.limit - pool.used])]\n  return Math.max(0, Math.min(...balances))\n}\n\n/**\n * The line about the reader's own month, in the words the strip uses. On the\n * Free plan it is what is LEFT (`aiUsageStripFreeLeft`), the figure the\n * credits prompt quotes, and the second line says which two meters it is\n * the less of (AGL-3722).\n */\nexport function aiUsageStripMineLabel(meter: AiUsageMeterWire): string {\n  const { mine } = meter\n  const freeLeft = aiUsageStripFreeLeft(meter)\n  if (freeLeft !== null) return `You have ${credits(freeLeft)} free AI credits left this month`\n  if (mine.limit === null) return `You: ${credits(mine.used)} credits this month`\n  const who = mine.scope === 'host' ? 'This site' : mine.scope === 'collab' ? 'You, on this site' : 'You'\n  return `${who}: ${credits(mine.used)} of ${credits(mine.limit)} credits this month`\n}\n\n/**\n * The line about the workspace's pool. On the Free plan both meters a Free\n * step is held to, each used of its limit and each for this month: the\n * person's across their Free workspaces, and this workspace's (AGL-3722).\n */\nexport function aiUsageStripPoolLabel(meter: AiUsageMeterWire): string {\n  const { mine, pool } = meter\n  const of = (used: number, limit: number | null) => `${credits(used)}${limit === null ? '' : ` of ${credits(limit)}`}`\n  return mine.free\n    ? `Used: you ${of(mine.used, mine.limit)} across your Free workspaces · this workspace ${of(pool.used, pool.limit)}`\n    : `Workspace: ${of(pool.used, pool.limit)} credits`\n}\n\n/**\n * THE USAGE STRIP (AGL-2942): the reader's AI credits while they use AI —\n * in the assistant panel and every generation dialog, with no dashboard to\n * visit and no read of its own.\n *\n * It shows the reader's month against the allotment that binds them (or\n * their month alone and the workspace's pool when none does), the pool, what\n * the last request cost, and the model that answered. From 80% it warns; at\n * a hard allotment it says who can raise it. It renders nothing until a door\n * has answered this reader in this workspace — see `use-ai-usage-meter.ts`.\n */\nexport function AiUsageStrip({ orgId, orgSlug }: AiUsageStripProps) {\n  const meter = useAiUsageMeter(orgId)\n  if (!meter) return null\n  const { mine, pool } = meter\n  const bound = mine.limit !== null\n  const freeLeft = aiUsageStripFreeLeft(meter)\n  // On the Free plan the bar is what is used of the wall nearest to running out (AGL-3722).\n  const used = freeLeft !== null && mine.limit !== null ? mine.limit - freeLeft : bound ? mine.used : pool.used\n  const limit = bound ? mine.limit : pool.limit\n  const pct = limit ? Math.min(100, Math.round((used / limit) * 100)) : null\n  const tone = meter.state === 'capped' ? 'error' : meter.state === 'warn' ? 'warning' : 'primary'\n  const allotmentReached =\n    freeLeft !== null ? freeLeft <= 0 : bound && mine.mode === 'hard' && mine.limit !== null && mine.used >= mine.limit\n  const raiseHref =\n    orgSlug && mine.scope !== 'collab'\n      ? `${buildRoute(Route.MANAGE_BILLING_USAGE, { orgSlug })}#ai-allotments`\n      : null\n  const whose = !bound\n    ? 'the workspace’s credits'\n    : mine.free\n      ? 'your free AI credits'\n      : mine.scope === 'host'\n      ? 'this site’s AI allotment'\n      : 'your AI allotment'\n\n  return (\n    <Box\n      role=\"status\"\n      aria-live=\"polite\"\n      data-testid=\"ai-usage-strip\"\n      sx={{ px: 1, py: 0.75, borderRadius: 1, bgcolor: 'action.hover' }}\n    >\n      <Stack useFlexGap direction=\"row\" spacing={1} sx={{ alignItems: 'baseline', flexWrap: 'wrap' }}>\n        <Typography variant=\"caption\" sx={{ flexGrow: 1 }}>\n          {aiUsageStripMineLabel(meter)}\n        </Typography>\n        {meter.last !== null ? (\n          <Typography variant=\"caption\" color=\"text.secondary\">\n            {`Last request: ${credits(meter.last)} credits`}\n          </Typography>\n        ) : null}\n        <HelpTip sx={{ alignSelf: 'center' }} {...AI_USAGE_STRIP_HELP} />\n      </Stack>\n      {pct !== null ? (\n        <LinearProgress\n          variant=\"determinate\"\n          value={pct}\n          color={tone}\n          aria-label={`${pct}% of ${whose} used`}\n          sx={{ my: 0.5, height: 4, borderRadius: 2 }}\n        />\n      ) : null}\n      <Typography variant=\"caption\" color=\"text.secondary\" component=\"div\">\n        {aiUsageStripPoolLabel(meter)}\n        {bound ? '' : ' this month'}\n        {meter.model ? ` · ${meter.model.label}${meter.model.auto ? ' (Auto)' : ''}` : ''}\n      </Typography>\n      {meter.state === 'warn' ? (\n        <Typography variant=\"caption\" color=\"warning.main\" component=\"div\">\n          {`Past 80% of ${whose}.`}\n          {bound && mine.mode === 'soft' ? ' It is soft, so requests keep working.' : ''}\n        </Typography>\n      ) : null}\n      {meter.state === 'capped' ? (\n        <Typography variant=\"caption\" color=\"error\" component=\"div\">\n          {allotmentReached && mine.free\n            ? 'Your free AI credits for this month are used. They renew on the 1st.'\n            : allotmentReached\n            ? mine.scope === 'collab'\n              ? 'Your AI allotment on this site is used for the month. The site’s admin, or an organization admin, can raise it.'\n              : mine.scope === 'host'\n                ? 'This site’s AI allotment is used for the month. An organization admin can raise it'\n                : 'Your AI allotment is used for the month. An organization admin can raise it'\n            : 'That request was stopped by a limit on this workspace.'}\n          {allotmentReached && mine.free ? null : allotmentReached && raiseHref ? (\n            <>\n              {' under '}\n              <AppLink componentVariant=\"naked\" href={raiseHref}>\n                {'Billing → Usage'}\n              </AppLink>\n              {'.'}\n            </>\n          ) : allotmentReached && mine.scope !== 'collab' ? (\n            '.'\n          ) : null}\n        </Typography>\n      ) : null}\n    </Box>\n  )\n}\nAiUsageStrip.displayName = 'AiUsageStrip'\n\nexport default AiUsageStrip\n"],"names":["buildRoute","Route","pluginDocsHelp","AppLink","HelpTip","Box","LinearProgress","Stack","Typography","useAiUsageMeter","credits","value","toLocaleString","AI_USAGE_STRIP_HELP","anchor","excerpt","aiUsageStripFreeLeft","meter","mine","pool","free","limit","balances","used","Math","max","min","aiUsageStripMineLabel","freeLeft","who","scope","aiUsageStripPoolLabel","of","AiUsageStrip","orgId","orgSlug","bound","pct","round","tone","state","allotmentReached","mode","raiseHref","MANAGE_BILLING_USAGE","whose","role","aria-live","data-testid","sx","px","py","borderRadius","bgcolor","useFlexGap","direction","spacing","alignItems","flexWrap","variant","flexGrow","last","color","alignSelf","aria-label","my","height","component","model","label","auto","componentVariant","href","displayName"],"mappings":"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"}

package/src/lib/components/assist-jobs-drawer.component.js

@@ -26,7 +26,8 @@ import { authorizedFetch } from "@aglyn/shared-util-http/authorized-token";
 import { Box, Button, Chip, CircularProgress, Collapse, IconButton, Stack, Typography } from "@mui/material";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { AI_JOB_PHASE_LABELS, aiJobActivityCounts, aiJobPhase, aiJobsHeaderChips } from "../model/ai-job-activity.js";
-import { cancelAiJobRequest, resumeAiJobRequest } from "./ai-job-requests.js";
+import { resumeAiJobRequest } from "./ai-job-requests.js";
+import { useAiJobCancel } from "./ai-job-cancel.component.js";
 import { aiBuildCanRetry, aiBuildItemRows, aiBuildRetryCreditRange, aiSitePartialCopy } from "../model/ai-build-progress.js";
 import { aiCreditRangeText } from "../model/ai-credit-estimate.js";
 import { AiCreditsPromptNotice } from "./ai-credits-prompt.component.js";
@@ -312,20 +313,13 @@ export function AssistJobsDrawer({ orgId, org, orgReady, orgSlug, user, visible,
         user,
         patchJob
     ]);
-    // The same door the dialog that started the job cancels through (AGL-3593).
-    const cancel = useCallback(async (jobId)=>{
-        if (!orgId) return;
-        const { job, error } = await cancelAiJobRequest(user, orgId, jobId);
-        if (error) {
-            setNotice(error);
-            return;
-        }
-        if (job) patchJob(job);
-    }, [
-        orgId,
+    // The same door the dialog that started the job cancels through (AGL-3593),
+    // behind the one confirm every Cancel shows (AGL-3616).
+    const canceling = useAiJobCancel({
         user,
-        patchJob
-    ]);
+        orgId,
+        onJob: patchJob
+    });
     /** The job whose resume is in flight, so its button cannot send twice. */ const [resuming, setResuming] = useState(null);
     // A Free Try again past what is left (AGL-3722): its prompt, by job, until chosen.
     const [retryPrompt, setRetryPrompt] = useState(null);
@@ -449,6 +443,7 @@ export function AssistJobsDrawer({ orgId, org, orgReady, orgSlug, user, visible,
                         },
                         children: "No AI jobs yet."
                     }),
+                    canceling.dialog,
                     /*#__PURE__*/ _jsx(Stack, {
                         ref: listRef,
                         spacing: 1,
@@ -523,8 +518,9 @@ export function AssistJobsDrawer({ orgId, org, orgReady, orgSlug, user, visible,
                                             }),
                                             !terminal && /*#__PURE__*/ _jsx(Button, {
                                                 size: "small",
-                                                onClick: ()=>void cancel(job.id),
-                                                children: "Cancel"
+                                                disabled: Boolean(job.cancelRequested) || canceling.busyJobId === job.id,
+                                                onClick: ()=>canceling.ask(job),
+                                                children: job.cancelRequested ? 'Stopping…' : 'Cancel'
                                             })
                                         ]
                                     }),