@aglyn/plugins-ai 1.0.0-beta.229 → 1.0.0-beta.230

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} from '@aglyn/shared-data-mdi'\nimport { AppLink, MdiIcon } from '@aglyn/shared-ui-jsx'\nimport type { MaybeTokenSource } from '@aglyn/shared-util-http/authorized-token'\nimport { useUser } from '@aglyn/tenant-feature-instance'\nimport {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  Alert,\n  Box,\n  Button,\n  Card,\n  CircularProgress,\n  Container,\n  LinearProgress,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport { type ReactNode, useCallback, useEffect, useRef, useState } from 'react'\nimport {\n  aiJobPageCopy,\n  aiSiteBuildCreditsLine,\n  aiSiteBuildPhase,\n  aiSiteBuildRows,\n  type AiSiteBuildRowState,\n} from '../model/ai-site-build-progress'\nimport { 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 { aiSiteBuildDoneLinks } from './ai-job-links'\nimport { resumeAiJobRequest } from './ai-job-requests'\nimport { useAiJobSite } from './ai-job-site'\nimport { AiSiteStarterFallback } from './ai-site-starter-fallback.component'\n\n/**\n * \"Building your site\" (AGL-3594): one job's page, at `/ai-jobs/{jobId}`\n * under its site — where the guided start sends a person the moment they\n * plan a site, and where a notification about that job opens.\n *\n * A guided site start confirms its own plan (`autoConfirm`), so there is no\n * approval to make here: the page says what is happening, step by step, live\n * from the job's events route; shows what is being built; and, when the job\n * ends, leads with the next thing to do — the live site and the pages to\n * edit, or, where it stopped, the plain sentence for why and what to do\n * about it. It is linkable and survives a reload, because it reads the job by\n * the id in its own address under the site's own route.\n *\n * Every wait ends (AGL-3596): a site that cannot be read, a job the route\n * does not know, a route that fails, and a first state that never arrives\n * each end on a sentence instead of a spinner.\n *\n * Mounted by `AiJobsPage`, the plugin's unlisted `/ai-jobs` route: no tab on\n * the site's strip, an address under it.\n */\n\n/** How long the job's first state may take before the page says it could not be loaded. */\nexport const AI_JOB_FIRST_STATE_TIMEOUT_MS = 20_000\n\n/**\n * One job, followed by id: its latest summary; `null` while the first state\n * is out; `'missing'` when the route says there is no such job for this\n * reader; `'error'` when the route failed or no state arrived in time.\n */\nexport type AiJobByIdState = AiJobSummary | 'missing' | 'error' | null\n\n/** Follows one job by id. `retry` follows it again after a `'missing'` or `'error'`. */\nexport function useAiJobById(\n  user: MaybeTokenSource,\n  orgId: string | null,\n  jobId: string | null,\n): [AiJobByIdState, (job: AiJobSummary) => void, () => void] {\n  const userRef = useRef(user)\n  userRef.current = user\n  const [job, setJob] = useState<AiJobByIdState>(null)\n  const [attempt, setAttempt] = useState(0)\n  const status = job && typeof job === 'object' ? job.status : null\n  // 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: 'Stopped' },\n}\n\nfunction RowIcon({ state }: { state: AiSiteBuildRowState }) {\n  if (state === 'active') {\n    return <CircularProgress size={20} aria-label=\"In progress\" />\n  }\n  const icon = ROW_ICON[state]\n  return (\n    <Box component=\"span\" role=\"img\" aria-label={icon.label} sx={{ color: icon.color, display: 'inline-flex', fontSize: (theme) => theme.spacing(2.5) }}>\n      <MdiIcon path={icon.path} aria-hidden />\n    </Box>\n  )\n}\n\n/** The page's frame: the site's name over the heading and its sentence. */\nfunction Frame({\n  siteName,\n  heading,\n  lede,\n  children,\n}: {\n  siteName?: string\n  heading: string\n  lede?: string\n  children?: ReactNode\n}) {\n  return (\n    <Container maxWidth=\"sm\" sx={{ py: { xs: 3, sm: 5 }, px: { xs: 2, sm: 3 } }}>\n      <Stack spacing={4}>\n        <Stack spacing={1}>\n          {siteName ? (\n            <Typography variant=\"overline\" color=\"text.secondary\">\n              {siteName}\n            </Typography>\n          ) : null}\n          <Typography variant=\"h4\" component=\"h1\">\n            {heading}\n          </Typography>\n          {lede ? (\n            <Typography variant=\"body1\" color=\"text.secondary\">\n              {lede}\n            </Typography>\n          ) : null}\n        </Stack>\n        {children}\n      </Stack>\n    </Container>\n  )\n}\n\nexport function AiSiteBuildPage({ hostId, segments, basePath }: ConsolePluginPageProps) {\n  const { data: user } = useUser()\n  const jobId = segments?.[0] ? decodeURIComponent(String(segments[0])) : null\n  const orgSlug = (basePath ?? '').split('/')[1] ?? ''\n  // `/{orgSlug}/hosts/{subdomain}/ai-jobs`: the site's subdomain, which a console URL names it by.\n  const hostSubdomain = (basePath ?? '').split('/')[3] || null\n  const site = useAiJobSite(hostId)\n  const orgId = site.status === 'ready' ? site.orgId : null\n  const siteName = site.status === 'ready' ? site.name : undefined\n\n  const [job, setJob, retry] = useAiJobById(user, orgId, jobId)\n  const [busy, setBusy] = useState(false)\n  const [notice, setNotice] = useState<string | null>(null)\n  // A failed guided start's Try again reopens its questions, filled in (AGL-3596);\n  // `?retry=1` — what the AI jobs drawer links — opens them on arrival.\n  const [retrying, setRetrying] = useState(\n    () => typeof window !== 'undefined' && new URLSearchParams(window.location.search).get('retry') === '1',\n  )\n  const tryAgain = useCallback(async () => {\n    if (!orgId || !job || typeof job !== 'object') return\n    setBusy(true)\n    setNotice(null)\n    const decision = await resumeAiJobRequest(user, orgId, job)\n    if (decision.job) setJob(decision.job)\n    if (decision.error) setNotice(decision.error)\n    setBusy(false)\n  }, [orgId, job, user, setJob])\n\n  const ready = job && typeof job === 'object' ? job : null\n  const copy = ready ? aiJobPageCopy(ready, PLATFORM_BRAND_NAME) : null\n  // The shell's header names the job's page as the page does, and its trail\n  // walks back to the site's AI jobs.\n  const record = <PageHeaderRecord title={copy?.heading} />\n\n  if (site.status === 'error') {\n    return (\n      <Frame heading=\"This site could not be read\">\n        <Alert severity=\"warning\">\n          {'The site this job belongs to could not be loaded. Check your connection and reload the page.'}\n        </Alert>\n      </Frame>\n    )\n  }\n  if (job === 'missing') {\n    return (\n      <Frame siteName={siteName} heading=\"This job could not be found\">\n        <Alert severity=\"info\">{'It may belong to another workspace, or it may have expired.'}</Alert>\n        {basePath ? (\n          <Box>\n            <Button variant=\"outlined\" component={AppLink} href={basePath}>\n              {'See this site’s AI jobs'}\n            </Button>\n          </Box>\n        ) : null}\n      </Frame>\n    )\n  }\n  if (job === 'error') {\n    return (\n      <Frame siteName={siteName} heading=\"This job could not be loaded\">\n        <Alert\n          severity=\"warning\"\n          action={\n            <Button color=\"inherit\" size=\"small\" onClick={retry}>\n              {'Try again'}\n            </Button>\n          }\n        >\n          {'Something went wrong reading it. It may still be running: try again in a moment.'}\n        </Alert>\n      </Frame>\n    )\n  }\n  if (!ready || !copy) {\n    return (\n      <Frame siteName={siteName} heading=\"Building your site\">\n        <Stack sx={{ alignItems: 'center', py: 4 }}>\n          <CircularProgress aria-label=\"Loading the job\" />\n        </Stack>\n      </Frame>\n    )\n  }\n\n  const phase = aiSiteBuildPhase(ready)\n  const rows = aiSiteBuildRows(ready)\n  const credits = aiSiteBuildCreditsLine(ready)\n  const links = phase === 'done' ? aiSiteBuildDoneLinks(ready, orgSlug) : { view: null, pages: null }\n  const sitePublish = ready.kind === 'site' && phase === 'done' ? (ready.sitePublish ?? null) : null\n  const liveUrl = sitePublish && sitePublish.published.length > 0 ? sitePublish.liveUrl : null\n  const retryRefusal = ready.review?.retryRefusal\n  const canRetry = phase === 'stopped' && ready.review?.reason === 'doctrine'\n  // 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\n  return (\n    <Frame siteName={siteName} heading={copy.heading} lede={copy.lede}>\n      {record}\n      {notice && <Alert severity=\"warning\">{notice}</Alert>}\n      <Card variant=\"outlined\" sx={{ borderRadius: 2 }}>\n        {phase === 'working' && <LinearProgress aria-label=\"Building\" />}\n        <Box component=\"ol\" aria-label=\"Progress\" sx={{ listStyle: 'none', m: 0, p: { xs: 2, sm: 3 } }}>\n          <Stack spacing={2}>\n            {rows.map((row) => (\n              <Stack component=\"li\" key={row.id} direction=\"row\" spacing={2} sx={{ alignItems: 'center' }}>\n                <Box sx={{ width: (theme) => theme.spacing(3), display: 'flex', justifyContent: 'center' }}>\n                  <RowIcon state={row.state} />\n                </Box>\n                <Typography\n                  variant=\"body1\"\n                  color={row.state === 'waiting' ? 'text.secondary' : 'text.primary'}\n                >\n                  {row.label}\n                </Typography>\n              </Stack>\n            ))}\n          </Stack>\n        </Box>\n      </Card>\n      {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      {sitePublish && sitePublish.drafts.length > 0 && (\n        // The pages the publish left as drafts, each with its plain reason;\n        // Edit your pages is where they are fixed and published.\n        <Alert severity=\"warning\">\n          <Typography variant=\"body2\" sx={{ mb: 1 }}>\n            {sitePublish.drafts.length === 1 ? 'This page stayed a draft:' : 'These pages stayed drafts:'}\n          </Typography>\n          <Box component=\"ul\" sx={{ m: 0, pl: 2.5 }}>\n            {sitePublish.drafts.map((draft) => (\n              <li key={draft.id}>\n                <Typography variant=\"body2\">{`${draft.label}: ${draft.reason}`}</Typography>\n              </li>\n            ))}\n          </Box>\n          <Typography variant=\"body2\" sx={{ mt: 1 }}>\n            {'Open Edit your pages to fix and publish them.'}\n          </Typography>\n        </Alert>\n      )}\n      {phase === 'done' && (\n        <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2}>\n          {liveUrl ? (\n            // The live site, in a tab of its own: the console stays where it is.\n            <Button\n              variant=\"contained\"\n              size=\"large\"\n              component=\"a\"\n              href={liveUrl}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              {'View your site'}\n            </Button>\n          ) : links.view ? (\n            <Button variant=\"contained\" size=\"large\" component={AppLink} href={links.view}>\n              {'View your site'}\n            </Button>\n          ) : null}\n          {links.pages && (\n            <Button variant=\"outlined\" size=\"large\" component={AppLink} href={links.pages}>\n              {'Edit your pages'}\n            </Button>\n          )}\n        </Stack>\n      )}\n      {(phase === 'stopped' || phase === 'failed' || phase === 'canceled') && (\n        <Stack spacing={1}>\n          {retryRefusal && (\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {retryRefusal}\n            </Typography>\n          )}\n          <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2} sx={{ alignItems: { sm: 'center' } }}>\n            {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 variant=\"outlined\" disableGutters sx={{ borderRadius: 2, '&::before': { display: 'none' } }}>\n          <AccordionSummary expandIcon={<MdiIcon path={mdiChevronDown.path} />}>\n            <Typography variant=\"subtitle1\">{'What we’re building'}</Typography>\n          </AccordionSummary>\n          <AccordionDetails>\n            <Stack component=\"ul\" spacing={1.5} sx={{ m: 0, pl: 2.5 }}>\n              {ready.plan.screens.map((screen, index) => (\n                <Box component=\"li\" key={`${screen.slug}-${index}`}>\n                  <Typography variant=\"body1\">{`${screen.title} — ${screen.slug}`}</Typography>\n                  {screen.sections.length > 0 && (\n                    <Typography variant=\"body2\" color=\"text.secondary\">\n                      {screen.sections.map((section) => section.name).join(', ')}\n                    </Typography>\n                  )}\n                </Box>\n              ))}\n            </Stack>\n          </AccordionDetails>\n        </Accordion>\n      )}\n    </Frame>\n  )\n}\n\nexport default AiSiteBuildPage\n"],"names":["PLATFORM_BRAND_NAME","PageHeaderRecord","mdiAlertCircle","mdiCheckCircle","mdiChevronDown","mdiClockOutline","AppLink","MdiIcon","useUser","Accordion","AccordionDetails","AccordionSummary","Alert","Box","Button","Card","CircularProgress","Container","LinearProgress","Stack","Typography","useCallback","useEffect","useRef","useState","aiJobPageCopy","aiSiteBuildCreditsLine","aiSiteBuildPhase","aiSiteBuildRows","aiJobRefundCopy","aiSiteStarterFallbackOffered","aiSiteStartAnswersFromInputs","AiSiteStartCard","AI_JOB_TERMINAL_STATUSES","followAiJobEvents","aiSiteBuildDoneLinks","resumeAiJobRequest","useAiJobSite","AiSiteStarterFallback","AI_JOB_FIRST_STATE_TIMEOUT_MS","useAiJobById","user","orgId","jobId","userRef","current","job","setJob","attempt","setAttempt","status","moving","includes","undefined","controller","AbortController","heard","timer","setTimeout","signal","next","then","end","aborted","unheard","clearTimeout","abort","retry","count","ROW_ICON","done","path","color","label","waiting","failed","RowIcon","state","size","aria-label","icon","component","role","sx","display","fontSize","theme","spacing","aria-hidden","Frame","siteName","heading","lede","children","maxWidth","py","xs","sm","px","variant","AiSiteBuildPage","hostId","segments","basePath","ready","data","decodeURIComponent","String","orgSlug","split","hostSubdomain","site","name","busy","setBusy","notice","setNotice","retrying","setRetrying","window","URLSearchParams","location","search","get","tryAgain","decision","error","copy","record","title","severity","href","action","onClick","alignItems","phase","rows","credits","links","view","pages","sitePublish","kind","liveUrl","published","length","retryRefusal","review","canRetry","reason","restartAnswers","siteInputs","refund","borderRadius","listStyle","m","p","map","row","direction","width","justifyContent","id","refundedCredits","host","initialAnswers","startBlank","leave","drafts","mb","pl","draft","li","mt","target","rel","disabled","Boolean","plan","screens","disableGutters","expandIcon","screen","index","slug","sections","section","join"],"mappings":"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"}
+{"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} from '@aglyn/shared-data-mdi'\nimport { AppLink, MdiIcon } from '@aglyn/shared-ui-jsx'\nimport type { MaybeTokenSource } from '@aglyn/shared-util-http/authorized-token'\nimport { useUser } from '@aglyn/tenant-feature-instance'\nimport {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  Alert,\n  Box,\n  Button,\n  Card,\n  CircularProgress,\n  Container,\n  LinearProgress,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport { type ReactNode, useCallback, useEffect, useRef, useState } from 'react'\nimport {\n  aiJobPageCopy,\n  aiSiteBuildCreditsLine,\n  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 { aiSiteBuildDoneLinks } from './ai-job-links'\nimport { AiJobPlan } from './ai-job-plan.component'\nimport { aiBuildCanRetry } from '../model/ai-build-progress'\nimport { resumeAiJobRequest } from './ai-job-requests'\nimport { useAiJobSite } from './ai-job-site'\nimport { AiSiteStarterFallback } from './ai-site-starter-fallback.component'\n\n/**\n * \"Building your site\" (AGL-3594): one job's page, at `/ai-jobs/{jobId}`\n * under its site — where the guided start sends a person the moment they\n * plan a site, and where a notification about that job opens.\n *\n * A guided site start confirms its own plan (`autoConfirm`), so there is no\n * approval to make here: the page says what is happening, step by step, live\n * from the job's events route; shows what is being built; and, when the job\n * ends, leads with the next thing to do — the live site and the pages to\n * edit, or, where it stopped, the plain sentence for why and what to do\n * about it. It is linkable and survives a reload, because it reads the job by\n * the id in its own address under the site's own route.\n *\n * Every wait ends (AGL-3596): a site that cannot be read, a job the route\n * does not know, a route that fails, and a first state that never arrives\n * each end on a sentence instead of a spinner.\n *\n * Mounted by `AiJobsPage`, the plugin's unlisted `/ai-jobs` route: no tab on\n * the site's strip, an address under it.\n */\n\n/** How long the job's first state may take before the page says it could not be loaded. */\nexport const AI_JOB_FIRST_STATE_TIMEOUT_MS = 20_000\n\n/**\n * One job, followed by id: its latest summary; `null` while the first state\n * is out; `'missing'` when the route says there is no such job for this\n * reader; `'error'` when the route failed or no state arrived in time.\n */\nexport type AiJobByIdState = AiJobSummary | 'missing' | 'error' | null\n\n/** Follows one job by id. `retry` follows it again after a `'missing'` or `'error'`. */\nexport function useAiJobById(\n  user: MaybeTokenSource,\n  orgId: string | null,\n  jobId: string | null,\n): [AiJobByIdState, (job: AiJobSummary) => void, () => void] {\n  const userRef = useRef(user)\n  userRef.current = user\n  const [job, setJob] = useState<AiJobByIdState>(null)\n  const [attempt, setAttempt] = useState(0)\n  const status = job && typeof job === 'object' ? job.status : null\n  // Followed until the job ENDS (AGL-3596), not until it first stops: a guided\n  // start parks on its plan for the instant it takes to confirm it, and a page\n  // that stopped following there showed that park — the plan's 13 credits and\n  // \"the plan is ready\" — after the job had built, spent and failed.\n  const moving = status === null || !AI_JOB_TERMINAL_STATUSES.includes(status)\n  useEffect(() => {\n    if (!orgId || !jobId || !moving) return undefined\n    const controller = new AbortController()\n    let heard = false\n    const timer = setTimeout(() => {\n      if (!heard) setJob((current) => current ?? 'error')\n    }, AI_JOB_FIRST_STATE_TIMEOUT_MS)\n    void followAiJobEvents(() => userRef.current, orgId, jobId, controller.signal, (next) => {\n      heard = true\n      setJob(next)\n    }).then((end) => {\n      if (heard || controller.signal.aborted) return\n      const unheard: AiJobByIdState = end === 'not-found' ? 'missing' : 'error'\n      setJob((current) => (current && typeof current === 'object' ? current : unheard))\n    })\n    return () => {\n      clearTimeout(timer)\n      controller.abort()\n    }\n  }, [orgId, jobId, moving, attempt])\n  const retry = useCallback(() => {\n    setJob(null)\n    setAttempt((count) => count + 1)\n  }, [])\n  return [job, setJob, retry]\n}\n\nconst ROW_ICON: Readonly<Record<Exclude<AiSiteBuildRowState, 'active'>, { path: string; color: string; label: string }>> = {\n  done: { path: mdiCheckCircle.path, color: 'success.main', label: 'Done' },\n  waiting: { path: mdiClockOutline.path, color: 'text.disabled', label: 'Waiting' },\n  failed: { path: mdiAlertCircle.path, color: 'error.main', label: 'Stopped' },\n  skipped: { path: mdiMinusCircleOutline.path, color: 'text.disabled', label: 'Not built' },\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  heading: string\n  lede?: string\n  children?: ReactNode\n}) {\n  return (\n    <Container maxWidth=\"sm\" sx={{ py: { xs: 3, sm: 5 }, px: { xs: 2, sm: 3 } }}>\n      <Stack spacing={4}>\n        <Stack spacing={1}>\n          {siteName ? (\n            <Typography variant=\"overline\" color=\"text.secondary\">\n              {siteName}\n            </Typography>\n          ) : null}\n          <Typography variant=\"h4\" component=\"h1\">\n            {heading}\n          </Typography>\n          {lede ? (\n            <Typography variant=\"body1\" color=\"text.secondary\">\n              {lede}\n            </Typography>\n          ) : null}\n        </Stack>\n        {children}\n      </Stack>\n    </Container>\n  )\n}\n\nexport function AiSiteBuildPage({ hostId, segments, basePath }: ConsolePluginPageProps) {\n  const { data: user } = useUser()\n  const jobId = segments?.[0] ? decodeURIComponent(String(segments[0])) : null\n  const orgSlug = (basePath ?? '').split('/')[1] ?? ''\n  // `/{orgSlug}/hosts/{subdomain}/ai-jobs`: the site's subdomain, which a console URL names it by.\n  const hostSubdomain = (basePath ?? '').split('/')[3] || null\n  const site = useAiJobSite(hostId)\n  const orgId = site.status === 'ready' ? site.orgId : null\n  const siteName = site.status === 'ready' ? site.name : undefined\n\n  const [job, setJob, retry] = useAiJobById(user, orgId, jobId)\n  const [busy, setBusy] = useState(false)\n  const [notice, setNotice] = useState<string | null>(null)\n  // A failed guided start's Try again reopens its questions, filled in (AGL-3596);\n  // `?retry=1` — what the AI jobs drawer links — opens them on arrival.\n  const [retrying, setRetrying] = useState(\n    () => typeof window !== 'undefined' && new URLSearchParams(window.location.search).get('retry') === '1',\n  )\n  const tryAgain = useCallback(async () => {\n    if (!orgId || !job || typeof job !== 'object') return\n    setBusy(true)\n    setNotice(null)\n    // A finished build tries again only what failed (AGL-3616).\n    const decision = await resumeAiJobRequest(\n      user,\n      orgId,\n      job,\n      aiBuildCanRetry(job) ? { retry: 'failed-items' } : {},\n    )\n    if (decision.job) setJob(decision.job)\n    if (decision.error) setNotice(decision.error)\n    setBusy(false)\n  }, [orgId, job, user, setJob])\n  const confirmPlan = useCallback(\n    async (target: AiJobSummary, options: { publish?: boolean } = {}) => {\n      if (!orgId) return\n      setBusy(true)\n      setNotice(null)\n      const decision = await resumeAiJobRequest(user, orgId, target, options)\n      if (decision.job) setJob(decision.job)\n      if (decision.error) setNotice(decision.error)\n      setBusy(false)\n    },\n    [orgId, user, setJob],\n  )\n\n  const ready = job && typeof job === 'object' ? job : null\n  const copy = ready ? aiJobPageCopy(ready, PLATFORM_BRAND_NAME) : null\n  // The active row's running time, read before any early return (a hook).\n  const liveRow =\n    ready && aiSiteBuildPhase(ready) === 'working'\n      ? (aiSiteBuildRows(ready).find((row) => row.state === 'active') ?? null)\n      : null\n  const elapsed = useElapsed(liveRow ? `${ready?.id}:${liveRow.id}` : null, liveRow?.startedAt)\n  // The shell's header names the job's page as the page does, and its trail\n  // walks back to the site's AI jobs.\n  const record = <PageHeaderRecord title={copy?.heading} />\n\n  if (site.status === 'error') {\n    return (\n      <Frame heading=\"This site could not be read\">\n        <Alert severity=\"warning\">\n          {'The site this job belongs to could not be loaded. Check your connection and reload the page.'}\n        </Alert>\n      </Frame>\n    )\n  }\n  if (job === 'missing') {\n    return (\n      <Frame siteName={siteName} heading=\"This job could not be found\">\n        <Alert severity=\"info\">{'It may belong to another workspace, or it may have expired.'}</Alert>\n        {basePath ? (\n          <Box>\n            <Button variant=\"outlined\" component={AppLink} href={basePath}>\n              {'See this site’s AI jobs'}\n            </Button>\n          </Box>\n        ) : null}\n      </Frame>\n    )\n  }\n  if (job === 'error') {\n    return (\n      <Frame siteName={siteName} heading=\"This job could not be loaded\">\n        <Alert\n          severity=\"warning\"\n          action={\n            <Button color=\"inherit\" size=\"small\" onClick={retry}>\n              {'Try again'}\n            </Button>\n          }\n        >\n          {'Something went wrong reading it. It may still be running: try again in a moment.'}\n        </Alert>\n      </Frame>\n    )\n  }\n  if (!ready || !copy) {\n    return (\n      <Frame siteName={siteName} heading=\"Building your site\">\n        <Stack sx={{ alignItems: 'center', py: 4 }}>\n          <CircularProgress aria-label=\"Loading the job\" />\n        </Stack>\n      </Frame>\n    )\n  }\n\n  const phase = aiSiteBuildPhase(ready)\n  const rows = aiSiteBuildRows(ready)\n  const fraction = aiSiteBuildFraction(rows)\n  const activeRow = phase === 'working' ? (rows.find((row) => row.state === 'active') ?? null) : null\n  const credits = aiSiteBuildCreditsLine(ready)\n  const links = phase === 'done' ? aiSiteBuildDoneLinks(ready, orgSlug) : { view: null, pages: null }\n  const sitePublish = ready.kind === 'site' && phase === 'done' ? (ready.sitePublish ?? null) : null\n  const liveUrl = sitePublish && sitePublish.published.length > 0 ? sitePublish.liveUrl : null\n  const retryRefusal = ready.review?.retryRefusal\n  const buildRetry = aiBuildCanRetry(ready)\n  const canRetry = (phase === 'stopped' && ready.review?.reason === 'doctrine') || buildRetry\n  const buildPlanWaiting = ready.kind === 'build' && phase === 'stopped' && ready.review?.reason === 'plan'\n  // A guided start that ended without building its site starts over from its\n  // own answers, as a fresh job: the questions reopen filled in.\n  const restartAnswers =\n    ready.kind === 'site' && (phase === 'failed' || phase === 'canceled')\n      ? aiSiteStartAnswersFromInputs(ready.siteInputs)\n      : null\n  const refund = phase === 'failed' || phase === 'stopped' || phase === 'canceled' ? aiJobRefundCopy(ready) : null\n\n  return (\n    <Frame siteName={siteName} heading={copy.heading} lede={copy.lede}>\n      {record}\n      {notice && <Alert severity=\"warning\">{notice}</Alert>}\n      <Card variant=\"outlined\" sx={{ borderRadius: 2 }}>\n        {phase === 'working' &&\n          (fraction !== null ? (\n            <LinearProgress\n              variant=\"determinate\"\n              value={Math.round(fraction * 100)}\n              aria-label={`Building: ${rows.filter((row) => row.state === 'done').length} of ${rows.length} steps done`}\n            />\n          ) : (\n            <LinearProgress aria-label=\"Building\" />\n          ))}\n        <Box component=\"ol\" aria-label=\"Progress\" sx={{ listStyle: 'none', m: 0, p: { xs: 2, sm: 3 } }}>\n          <Stack spacing={2}>\n            {rows.map((row) => (\n              <Stack component=\"li\" key={row.id} direction=\"row\" spacing={2} sx={{ alignItems: 'flex-start' }}>\n                <Box sx={{ width: (theme) => theme.spacing(3), display: 'flex', justifyContent: 'center' }}>\n                  <RowIcon state={row.state} />\n                </Box>\n                <Box sx={{ flex: 1, minWidth: 0 }}>\n                  <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'baseline', justifyContent: 'space-between' }}>\n                    <Typography\n                      variant=\"body1\"\n                      color={row.state === 'waiting' || row.state === 'skipped' ? 'text.secondary' : 'text.primary'}\n                    >\n                      {row.label}\n                    </Typography>\n                    {row.id === activeRow?.id && elapsed ? (\n                      <Typography variant=\"body2\" color=\"text.secondary\" sx={{ fontVariantNumeric: 'tabular-nums' }}>\n                        {elapsed}\n                      </Typography>\n                    ) : typeof row.credits === 'number' && row.credits > 0 ? (\n                      <Typography variant=\"body2\" color=\"text.secondary\" sx={{ whiteSpace: 'nowrap' }}>\n                        {`${row.credits} ${row.credits === 1 ? 'credit' : 'credits'}`}\n                      </Typography>\n                    ) : null}\n                  </Stack>\n                  {row.id === activeRow?.id && row.hint ? (\n                    <Typography variant=\"body2\" color=\"text.secondary\">\n                      {row.hint}\n                    </Typography>\n                  ) : null}\n                  {row.sections?.length && (row.state === 'active' || row.state === 'done') ? (\n                    <Typography variant=\"body2\" color=\"text.secondary\">\n                      {`${row.state === 'active' ? 'Writing' : 'Wrote'}: ${row.sections.join(', ')}`}\n                    </Typography>\n                  ) : null}\n                  {/* A build item's failure, note or refund (AGL-3616). */}\n                  {row.detail ? (\n                    <Typography variant=\"body2\" color=\"text.secondary\">\n                      {row.detail}\n                    </Typography>\n                  ) : null}\n                </Box>\n              </Stack>\n            ))}\n          </Stack>\n        </Box>\n      </Card>\n      {refund && (ready.refundedCredits ?? 0) > 0 ? (\n        <Alert severity=\"info\">{refund}</Alert>\n      ) : credits ? (\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {credits}\n        </Typography>\n      ) : null}\n      {retrying && restartAnswers && hostId ? (\n        <AiSiteStartCard\n          hostId={hostId}\n          orgId={orgId ?? undefined}\n          orgSlug={orgSlug}\n          host={hostSubdomain}\n          initialAnswers={restartAnswers}\n          startBlank={() => setRetrying(false)}\n          leave={() => setRetrying(false)}\n        />\n      ) : null}\n      {buildPlanWaiting ? (\n        // A build's plan, confirmed here as in the chat (AGL-3616).\n        <AiJobPlan job={ready} busy={busy} onResume={(target, options) => void confirmPlan(target, options)} />\n      ) : null}\n      {sitePublish && sitePublish.drafts.length > 0 && (\n        // The pages the publish left as drafts, each with its plain reason;\n        // Edit your pages is where they are fixed and published.\n        <Alert severity=\"warning\">\n          <Typography variant=\"body2\" sx={{ mb: 1 }}>\n            {sitePublish.drafts.length === 1 ? 'This page stayed a draft:' : 'These pages stayed drafts:'}\n          </Typography>\n          <Box component=\"ul\" sx={{ m: 0, pl: 2.5 }}>\n            {sitePublish.drafts.map((draft) => (\n              <li key={draft.id}>\n                <Typography variant=\"body2\">{`${draft.label}: ${draft.reason}`}</Typography>\n              </li>\n            ))}\n          </Box>\n          <Typography variant=\"body2\" sx={{ mt: 1 }}>\n            {'Open Edit your pages to fix and publish them.'}\n          </Typography>\n        </Alert>\n      )}\n      {phase === 'done' && buildRetry && (\n        <Box>\n          <Button variant=\"outlined\" disabled={busy} onClick={() => void tryAgain()}>\n            {'Try again what failed'}\n          </Button>\n        </Box>\n      )}\n      {phase === 'done' && (\n        <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2}>\n          {liveUrl ? (\n            // The live site, in a tab of its own: the console stays where it is.\n            <Button\n              variant=\"contained\"\n              size=\"large\"\n              component=\"a\"\n              href={liveUrl}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              {'View your site'}\n            </Button>\n          ) : links.view ? (\n            <Button variant=\"contained\" size=\"large\" component={AppLink} href={links.view}>\n              {'View your site'}\n            </Button>\n          ) : null}\n          {links.pages && (\n            <Button variant=\"outlined\" size=\"large\" component={AppLink} href={links.pages}>\n              {'Edit your pages'}\n            </Button>\n          )}\n        </Stack>\n      )}\n      {(phase === 'stopped' || phase === 'failed' || phase === 'canceled') && (\n        <Stack spacing={1}>\n          {retryRefusal && (\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {retryRefusal}\n            </Typography>\n          )}\n          <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2} sx={{ alignItems: { sm: 'center' } }}>\n            {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","AppLink","MdiIcon","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","aiSiteBuildDoneLinks","AiJobPlan","aiBuildCanRetry","resumeAiJobRequest","useAiJobSite","AiSiteStarterFallback","AI_JOB_FIRST_STATE_TIMEOUT_MS","useAiJobById","user","orgId","jobId","userRef","current","job","setJob","attempt","setAttempt","status","moving","includes","undefined","controller","AbortController","heard","timer","setTimeout","signal","next","then","end","aborted","unheard","clearTimeout","abort","retry","count","ROW_ICON","done","path","color","label","waiting","failed","skipped","RowIcon","state","size","aria-label","icon","component","role","sx","display","fontSize","theme","spacing","aria-hidden","useElapsed","key","startedAt","now","setNow","Date","seen","at","setInterval","clearInterval","started","parse","NaN","from","Number","isFinite","Math","min","seconds","max","floor","String","padStart","Frame","siteName","heading","lede","children","maxWidth","py","xs","sm","px","variant","AiSiteBuildPage","hostId","segments","basePath","rows","ready","data","decodeURIComponent","orgSlug","split","hostSubdomain","site","name","busy","setBusy","notice","setNotice","retrying","setRetrying","window","URLSearchParams","location","search","get","tryAgain","decision","error","confirmPlan","target","options","copy","liveRow","find","row","elapsed","id","record","title","severity","href","action","onClick","alignItems","phase","fraction","activeRow","credits","links","view","pages","sitePublish","kind","liveUrl","published","length","retryRefusal","review","buildRetry","canRetry","reason","buildPlanWaiting","restartAnswers","siteInputs","refund","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","drafts","mb","pl","draft","li","mt","disabled","rel","Boolean","plan","screens","defaultExpanded","disableGutters","expandIcon","screen","index","slug","section"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GAED;;AAEA,SAASA,mBAAmB,QAAQ,eAAc;AAClD,SAASC,gBAAgB,QAAQ,oDAAmD;AAEpF,SACEC,cAAc,EACdC,cAAc,EACdC,cAAc,EACdC,eAAe,EACfC,qBAAqB,QAChB,yBAAwB;AAC/B,SAASC,OAAO,EAAEC,OAAO,QAAQ,uBAAsB;AAEvD,SAASC,OAAO,QAAQ,iCAAgC;AACxD,SACEC,SAAS,EACTC,gBAAgB,EAChBC,gBAAgB,EAChBC,KAAK,EACLC,GAAG,EACHC,MAAM,EACNC,IAAI,EACJC,gBAAgB,EAChBC,SAAS,EACTC,cAAc,EACdC,KAAK,EACLC,UAAU,QACL,gBAAe;AACtB,SAAyBC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAChF,SACEC,aAAa,EACbC,sBAAsB,EACtBC,mBAAmB,EACnBC,gBAAgB,EAChBC,eAAe,QAEV,qCAAiC;AACxC,SAASC,eAAe,EAAEC,4BAA4B,QAAQ,kCAA8B;AAC5F,SAASC,4BAA4B,QAAQ,4BAAwB;AACrE,SAASC,eAAe,QAAQ,oCAAgC;AAChE,SAASC,wBAAwB,QAA2B,4BAAwB;AACpF,SAASC,iBAAiB,QAAQ,qBAAiB;AACnD,SAASC,oBAAoB,QAAQ,oBAAgB;AACrD,SAASC,SAAS,QAAQ,6BAAyB;AACnD,SAASC,eAAe,QAAQ,gCAA4B;AAC5D,SAASC,kBAAkB,QAAQ,uBAAmB;AACtD,SAASC,YAAY,QAAQ,mBAAe;AAC5C,SAASC,qBAAqB,QAAQ,0CAAsC;AAE5E;;;;;;;;;;;;;;;;;;;CAmBC,GAED,yFAAyF,GACzF,OAAO,MAAMC,gCAAgC,MAAM;AASnD,sFAAsF,GACtF,OAAO,SAASC,aACdC,IAAsB,EACtBC,KAAoB,EACpBC,KAAoB;IAEpB,MAAMC,UAAUxB,OAAOqB;IACvBG,QAAQC,OAAO,GAAGJ;IAClB,MAAM,CAACK,KAAKC,OAAO,GAAG1B,SAAyB;IAC/C,MAAM,CAAC2B,SAASC,WAAW,GAAG5B,SAAS;IACvC,MAAM6B,SAASJ,OAAO,OAAOA,QAAQ,WAAWA,IAAII,MAAM,GAAG;IAC7D,6EAA6E;IAC7E,6EAA6E;IAC7E,4EAA4E;IAC5E,mEAAmE;IACnE,MAAMC,SAASD,WAAW,QAAQ,CAACnB,yBAAyBqB,QAAQ,CAACF;IACrE/B,UAAU;QACR,IAAI,CAACuB,SAAS,CAACC,SAAS,CAACQ,QAAQ,OAAOE;QACxC,MAAMC,aAAa,IAAIC;QACvB,IAAIC,QAAQ;QACZ,MAAMC,QAAQC,WAAW;YACvB,IAAI,CAACF,OAAOT,OAAO,CAACF,UAAYA,kBAAAA,UAAW;QAC7C,GAAGN;QACH,KAAKP,kBAAkB,IAAMY,QAAQC,OAAO,EAAEH,OAAOC,OAAOW,WAAWK,MAAM,EAAE,CAACC;YAC9EJ,QAAQ;YACRT,OAAOa;QACT,GAAGC,IAAI,CAAC,CAACC;YACP,IAAIN,SAASF,WAAWK,MAAM,CAACI,OAAO,EAAE;YACxC,MAAMC,UAA0BF,QAAQ,cAAc,YAAY;YAClEf,OAAO,CAACF,UAAaA,WAAW,OAAOA,YAAY,WAAWA,UAAUmB;QAC1E;QACA,OAAO;YACLC,aAAaR;YACbH,WAAWY,KAAK;QAClB;IACF,GAAG;QAACxB;QAAOC;QAAOQ;QAAQH;KAAQ;IAClC,MAAMmB,QAAQjD,YAAY;QACxB6B,OAAO;QACPE,WAAW,CAACmB,QAAUA,QAAQ;IAChC,GAAG,EAAE;IACL,OAAO;QAACtB;QAAKC;QAAQoB;KAAM;AAC7B;AAEA,MAAME,WAAqH;IACzHC,MAAM;QAAEC,MAAMxE,eAAewE,IAAI;QAAEC,OAAO;QAAgBC,OAAO;IAAO;IACxEC,SAAS;QAAEH,MAAMtE,gBAAgBsE,IAAI;QAAEC,OAAO;QAAiBC,OAAO;IAAU;IAChFE,QAAQ;QAAEJ,MAAMzE,eAAeyE,IAAI;QAAEC,OAAO;QAAcC,OAAO;IAAU;IAC3EG,SAAS;QAAEL,MAAMrE,sBAAsBqE,IAAI;QAAEC,OAAO;QAAiBC,OAAO;IAAY;AAC1F;AAEA,SAASI,QAAQ,EAAEC,KAAK,EAAkC;IACxD,IAAIA,UAAU,UAAU;QACtB,qBAAO,KAACjE;YAAiBkE,MAAM;YAAIC,cAAW;;IAChD;IACA,MAAMC,OAAOZ,QAAQ,CAACS,MAAM;IAC5B,qBACE,KAACpE;QAAIwE,WAAU;QAAOC,MAAK;QAAMH,cAAYC,KAAKR,KAAK;QAAEW,IAAI;YAAEZ,OAAOS,KAAKT,KAAK;YAAEa,SAAS;YAAeC,UAAU,CAACC,QAAUA,MAAMC,OAAO,CAAC;QAAK;kBAChJ,cAAA,KAACpF;YAAQmE,MAAMU,KAAKV,IAAI;YAAEkB,aAAW;;;AAG3C;AAEA,yEAAyE,GACzE,sGAAsG,GACtG,SAASC,WAAWC,GAAkB,EAAEC,SAAoC;IAC1E,MAAM,CAACC,KAAKC,OAAO,GAAGzE,SAAS,IAAM0E,KAAKF,GAAG;IAC7C,MAAMG,OAAO5E,OAA2C;QAAEuE,KAAK;QAAMM,IAAIF,KAAKF,GAAG;IAAG;IACpF,IAAIG,KAAKnD,OAAO,CAAC8C,GAAG,KAAKA,KAAKK,KAAKnD,OAAO,GAAG;QAAE8C;QAAKM,IAAIF,KAAKF,GAAG;IAAG;IACnE1E,UAAU;QACR,IAAI,CAACwE,KAAK;QACV,MAAMlC,QAAQyC,YAAY,IAAMJ,OAAOC,KAAKF,GAAG,KAAK;QACpD,OAAO,IAAMM,cAAc1C;IAC7B,GAAG;QAACkC;KAAI;IACR,IAAI,CAACA,KAAK,OAAO;IACjB,MAAMS,UAAUR,YAAYG,KAAKM,KAAK,CAACT,aAAaU;IACpD,MAAMC,OAAOC,OAAOC,QAAQ,CAACL,WAAWM,KAAKC,GAAG,CAACP,SAASJ,KAAKnD,OAAO,CAACoD,EAAE,IAAID,KAAKnD,OAAO,CAACoD,EAAE;IAC5F,MAAMW,UAAUF,KAAKG,GAAG,CAAC,GAAGH,KAAKI,KAAK,CAAC,AAACjB,CAAAA,MAAMU,IAAG,IAAK;IACtD,OAAO,GAAGG,KAAKI,KAAK,CAACF,UAAU,IAAI,CAAC,EAAEG,OAAOH,UAAU,IAAII,QAAQ,CAAC,GAAG,MAAM;AAC/E;AAEA,SAASC,MAAM,EACbC,QAAQ,EACRC,OAAO,EACPC,IAAI,EACJC,QAAQ,EAMT;IACC,qBACE,KAACvG;QAAUwG,UAAS;QAAKlC,IAAI;YAAEmC,IAAI;gBAAEC,IAAI;gBAAGC,IAAI;YAAE;YAAGC,IAAI;gBAAEF,IAAI;gBAAGC,IAAI;YAAE;QAAE;kBACxE,cAAA,MAACzG;YAAMwE,SAAS;;8BACd,MAACxE;oBAAMwE,SAAS;;wBACb0B,yBACC,KAACjG;4BAAW0G,SAAQ;4BAAWnD,OAAM;sCAClC0C;6BAED;sCACJ,KAACjG;4BAAW0G,SAAQ;4BAAKzC,WAAU;sCAChCiC;;wBAEFC,qBACC,KAACnG;4BAAW0G,SAAQ;4BAAQnD,OAAM;sCAC/B4C;6BAED;;;gBAELC;;;;AAIT;AAEA,OAAO,SAASO,gBAAgB,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,QAAQ,EAA0B;QAGpE,SAgDTrG,uBA2DkCsG,YAGwBC,oBA4EjDA;QA1EKA,eAEoBA,gBACiCA;IArH1E,MAAM,EAAEC,MAAMzF,IAAI,EAAE,GAAGpC;IACvB,MAAMsC,QAAQmF,CAAAA,4BAAAA,QAAU,CAAC,EAAE,IAAGK,mBAAmBpB,OAAOe,QAAQ,CAAC,EAAE,KAAK;IACxE,MAAMM,WAAU,UAAA,CAACL,mBAAAA,WAAY,IAAIM,KAAK,CAAC,IAAI,CAAC,EAAE,YAA9B,UAAkC;IAClD,iGAAiG;IACjG,MAAMC,gBAAgB,CAACP,mBAAAA,WAAY,IAAIM,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI;IACxD,MAAME,OAAOlG,aAAawF;IAC1B,MAAMnF,QAAQ6F,KAAKrF,MAAM,KAAK,UAAUqF,KAAK7F,KAAK,GAAG;IACrD,MAAMwE,WAAWqB,KAAKrF,MAAM,KAAK,UAAUqF,KAAKC,IAAI,GAAGnF;IAEvD,MAAM,CAACP,KAAKC,QAAQoB,MAAM,GAAG3B,aAAaC,MAAMC,OAAOC;IACvD,MAAM,CAAC8F,MAAMC,QAAQ,GAAGrH,SAAS;IACjC,MAAM,CAACsH,QAAQC,UAAU,GAAGvH,SAAwB;IACpD,iFAAiF;IACjF,sEAAsE;IACtE,MAAM,CAACwH,UAAUC,YAAY,GAAGzH,SAC9B,IAAM,OAAO0H,WAAW,eAAe,IAAIC,gBAAgBD,OAAOE,QAAQ,CAACC,MAAM,EAAEC,GAAG,CAAC,aAAa;IAEtG,MAAMC,WAAWlI,YAAY;QAC3B,IAAI,CAACwB,SAAS,CAACI,OAAO,OAAOA,QAAQ,UAAU;QAC/C4F,QAAQ;QACRE,UAAU;QACV,4DAA4D;QAC5D,MAAMS,WAAW,MAAMjH,mBACrBK,MACAC,OACAI,KACAX,gBAAgBW,OAAO;YAAEqB,OAAO;QAAe,IAAI,CAAC;QAEtD,IAAIkF,SAASvG,GAAG,EAAEC,OAAOsG,SAASvG,GAAG;QACrC,IAAIuG,SAASC,KAAK,EAAEV,UAAUS,SAASC,KAAK;QAC5CZ,QAAQ;IACV,GAAG;QAAChG;QAAOI;QAAKL;QAAMM;KAAO;IAC7B,MAAMwG,cAAcrI,YAClB,OAAOsI,QAAsBC,UAAiC,CAAC,CAAC;QAC9D,IAAI,CAAC/G,OAAO;QACZgG,QAAQ;QACRE,UAAU;QACV,MAAMS,WAAW,MAAMjH,mBAAmBK,MAAMC,OAAO8G,QAAQC;QAC/D,IAAIJ,SAASvG,GAAG,EAAEC,OAAOsG,SAASvG,GAAG;QACrC,IAAIuG,SAASC,KAAK,EAAEV,UAAUS,SAASC,KAAK;QAC5CZ,QAAQ;IACV,GACA;QAAChG;QAAOD;QAAMM;KAAO;IAGvB,MAAMkF,QAAQnF,OAAO,OAAOA,QAAQ,WAAWA,MAAM;IACrD,MAAM4G,OAAOzB,QAAQ3G,cAAc2G,OAAOrI,uBAAuB;IACjE,wEAAwE;IACxE,MAAM+J,UACJ1B,SAASxG,iBAAiBwG,WAAW,aAChCvG,wBAAAA,gBAAgBuG,OAAO2B,IAAI,CAAC,CAACC,MAAQA,IAAI/E,KAAK,KAAK,qBAAnDpD,wBAAgE,OACjE;IACN,MAAMoI,UAAUpE,WAAWiE,UAAU,GAAG1B,yBAAAA,MAAO8B,EAAE,CAAC,CAAC,EAAEJ,QAAQI,EAAE,EAAE,GAAG,MAAMJ,2BAAAA,QAAS/D,SAAS;IAC5F,0EAA0E;IAC1E,oCAAoC;IACpC,MAAMoE,uBAAS,KAACnK;QAAiBoK,KAAK,EAAEP,wBAAAA,KAAMvC,OAAO;;IAErD,IAAIoB,KAAKrF,MAAM,KAAK,SAAS;QAC3B,qBACE,KAAC+D;YAAME,SAAQ;sBACb,cAAA,KAAC1G;gBAAMyJ,UAAS;0BACb;;;IAIT;IACA,IAAIpH,QAAQ,WAAW;QACrB,qBACE,MAACmE;YAAMC,UAAUA;YAAUC,SAAQ;;8BACjC,KAAC1G;oBAAMyJ,UAAS;8BAAQ;;gBACvBnC,yBACC,KAACrH;8BACC,cAAA,KAACC;wBAAOgH,SAAQ;wBAAWzC,WAAW/E;wBAASgK,MAAMpC;kCAClD;;qBAGH;;;IAGV;IACA,IAAIjF,QAAQ,SAAS;QACnB,qBACE,KAACmE;YAAMC,UAAUA;YAAUC,SAAQ;sBACjC,cAAA,KAAC1G;gBACCyJ,UAAS;gBACTE,sBACE,KAACzJ;oBAAO6D,OAAM;oBAAUO,MAAK;oBAAQsF,SAASlG;8BAC3C;;0BAIJ;;;IAIT;IACA,IAAI,CAAC8D,SAAS,CAACyB,MAAM;QACnB,qBACE,KAACzC;YAAMC,UAAUA;YAAUC,SAAQ;sBACjC,cAAA,KAACnG;gBAAMoE,IAAI;oBAAEkF,YAAY;oBAAU/C,IAAI;gBAAE;0BACvC,cAAA,KAAC1G;oBAAiBmE,cAAW;;;;IAIrC;IAEA,MAAMuF,QAAQ9I,iBAAiBwG;IAC/B,MAAMD,OAAOtG,gBAAgBuG;IAC7B,MAAMuC,WAAWhJ,oBAAoBwG;IACrC,MAAMyC,YAAYF,UAAU,aAAavC,aAAAA,KAAK4B,IAAI,CAAC,CAACC,MAAQA,IAAI/E,KAAK,KAAK,qBAAjCkD,aAA8C,OAAQ;IAC/F,MAAM0C,UAAUnJ,uBAAuB0G;IACvC,MAAM0C,QAAQJ,UAAU,SAAStI,qBAAqBgG,OAAOG,WAAW;QAAEwC,MAAM;QAAMC,OAAO;IAAK;IAClG,MAAMC,cAAc7C,MAAM8C,IAAI,KAAK,UAAUR,UAAU,UAAUtC,qBAAAA,MAAM6C,WAAW,YAAjB7C,qBAAqB,OAAQ;IAC9F,MAAM+C,UAAUF,eAAeA,YAAYG,SAAS,CAACC,MAAM,GAAG,IAAIJ,YAAYE,OAAO,GAAG;IACxF,MAAMG,gBAAelD,gBAAAA,MAAMmD,MAAM,qBAAZnD,cAAckD,YAAY;IAC/C,MAAME,aAAalJ,gBAAgB8F;IACnC,MAAMqD,WAAW,AAACf,UAAU,aAAatC,EAAAA,iBAAAA,MAAMmD,MAAM,qBAAZnD,eAAcsD,MAAM,MAAK,cAAeF;IACjF,MAAMG,mBAAmBvD,MAAM8C,IAAI,KAAK,WAAWR,UAAU,aAAatC,EAAAA,iBAAAA,MAAMmD,MAAM,qBAAZnD,eAAcsD,MAAM,MAAK;IACnG,2EAA2E;IAC3E,+DAA+D;IAC/D,MAAME,iBACJxD,MAAM8C,IAAI,KAAK,UAAWR,CAAAA,UAAU,YAAYA,UAAU,UAAS,IAC/D1I,6BAA6BoG,MAAMyD,UAAU,IAC7C;IACN,MAAMC,SAASpB,UAAU,YAAYA,UAAU,aAAaA,UAAU,aAAa5I,gBAAgBsG,SAAS;IAE5G,qBACE,MAAChB;QAAMC,UAAUA;QAAUC,SAASuC,KAAKvC,OAAO;QAAEC,MAAMsC,KAAKtC,IAAI;;YAC9D4C;YACArB,wBAAU,KAAClI;gBAAMyJ,UAAS;0BAAWvB;;0BACtC,MAAC/H;gBAAK+G,SAAQ;gBAAWvC,IAAI;oBAAEwG,cAAc;gBAAE;;oBAC5CrB,UAAU,aACRC,CAAAA,aAAa,qBACZ,KAACzJ;wBACC4G,SAAQ;wBACRkE,OAAOnF,KAAKoF,KAAK,CAACtB,WAAW;wBAC7BxF,cAAY,CAAC,UAAU,EAAEgD,KAAK+D,MAAM,CAAC,CAAClC,MAAQA,IAAI/E,KAAK,KAAK,QAAQoG,MAAM,CAAC,IAAI,EAAElD,KAAKkD,MAAM,CAAC,WAAW,CAAC;uCAG3G,KAACnK;wBAAeiE,cAAW;sBAC7B;kCACF,KAACtE;wBAAIwE,WAAU;wBAAKF,cAAW;wBAAWI,IAAI;4BAAE4G,WAAW;4BAAQC,GAAG;4BAAGC,GAAG;gCAAE1E,IAAI;gCAAGC,IAAI;4BAAE;wBAAE;kCAC3F,cAAA,KAACzG;4BAAMwE,SAAS;sCACbwC,KAAKmE,GAAG,CAAC,CAACtC;oCA4BJA;qDA3BL,MAAC7I;oCAAMkE,WAAU;oCAAkBkH,WAAU;oCAAM5G,SAAS;oCAAGJ,IAAI;wCAAEkF,YAAY;oCAAa;;sDAC5F,KAAC5J;4CAAI0E,IAAI;gDAAEiH,OAAO,CAAC9G,QAAUA,MAAMC,OAAO,CAAC;gDAAIH,SAAS;gDAAQiH,gBAAgB;4CAAS;sDACvF,cAAA,KAACzH;gDAAQC,OAAO+E,IAAI/E,KAAK;;;sDAE3B,MAACpE;4CAAI0E,IAAI;gDAAEmH,MAAM;gDAAGC,UAAU;4CAAE;;8DAC9B,MAACxL;oDAAMoL,WAAU;oDAAM5G,SAAS;oDAAGJ,IAAI;wDAAEkF,YAAY;wDAAYgC,gBAAgB;oDAAgB;;sEAC/F,KAACrL;4DACC0G,SAAQ;4DACRnD,OAAOqF,IAAI/E,KAAK,KAAK,aAAa+E,IAAI/E,KAAK,KAAK,YAAY,mBAAmB;sEAE9E+E,IAAIpF,KAAK;;wDAEXoF,IAAIE,EAAE,MAAKU,6BAAAA,UAAWV,EAAE,KAAID,wBAC3B,KAAC7I;4DAAW0G,SAAQ;4DAAQnD,OAAM;4DAAiBY,IAAI;gEAAEqH,oBAAoB;4DAAe;sEACzF3C;6DAED,OAAOD,IAAIa,OAAO,KAAK,YAAYb,IAAIa,OAAO,GAAG,kBACnD,KAACzJ;4DAAW0G,SAAQ;4DAAQnD,OAAM;4DAAiBY,IAAI;gEAAEsH,YAAY;4DAAS;sEAC3E,GAAG7C,IAAIa,OAAO,CAAC,CAAC,EAAEb,IAAIa,OAAO,KAAK,IAAI,WAAW,WAAW;6DAE7D;;;gDAELb,IAAIE,EAAE,MAAKU,6BAAAA,UAAWV,EAAE,KAAIF,IAAI8C,IAAI,iBACnC,KAAC1L;oDAAW0G,SAAQ;oDAAQnD,OAAM;8DAC/BqF,IAAI8C,IAAI;qDAET;gDACH9C,EAAAA,gBAAAA,IAAI+C,QAAQ,qBAAZ/C,cAAcqB,MAAM,KAAKrB,CAAAA,IAAI/E,KAAK,KAAK,YAAY+E,IAAI/E,KAAK,KAAK,MAAK,kBACrE,KAAC7D;oDAAW0G,SAAQ;oDAAQnD,OAAM;8DAC/B,GAAGqF,IAAI/E,KAAK,KAAK,WAAW,YAAY,QAAQ,EAAE,EAAE+E,IAAI+C,QAAQ,CAACC,IAAI,CAAC,OAAO;qDAE9E;gDAEHhD,IAAIiD,MAAM,iBACT,KAAC7L;oDAAW0G,SAAQ;oDAAQnD,OAAM;8DAC/BqF,IAAIiD,MAAM;qDAEX;;;;mCArCmBjD,IAAIE,EAAE;;;;;;YA4CxC4B,UAAU,EAAC1D,yBAAAA,MAAM8E,eAAe,YAArB9E,yBAAyB,KAAK,kBACxC,KAACxH;gBAAMyJ,UAAS;0BAAQyB;iBACtBjB,wBACF,KAACzJ;gBAAW0G,SAAQ;gBAAQnD,OAAM;0BAC/BkG;iBAED;YACH7B,YAAY4C,kBAAkB5D,uBAC7B,KAAC/F;gBACC+F,QAAQA;gBACRnF,KAAK,EAAEA,gBAAAA,QAASW;gBAChB+E,SAASA;gBACT4E,MAAM1E;gBACN2E,gBAAgBxB;gBAChByB,YAAY,IAAMpE,YAAY;gBAC9BqE,OAAO,IAAMrE,YAAY;iBAEzB;YACH0C,mBACC,4DAA4D;0BAC5D,KAACtJ;gBAAUY,KAAKmF;gBAAOQ,MAAMA;gBAAM2E,UAAU,CAAC5D,QAAQC,UAAY,KAAKF,YAAYC,QAAQC;iBACzF;YACHqB,eAAeA,YAAYuC,MAAM,CAACnC,MAAM,GAAG,KAC1C,oEAAoE;YACpE,yDAAyD;0BACzD,MAACzK;gBAAMyJ,UAAS;;kCACd,KAACjJ;wBAAW0G,SAAQ;wBAAQvC,IAAI;4BAAEkI,IAAI;wBAAE;kCACrCxC,YAAYuC,MAAM,CAACnC,MAAM,KAAK,IAAI,8BAA8B;;kCAEnE,KAACxK;wBAAIwE,WAAU;wBAAKE,IAAI;4BAAE6G,GAAG;4BAAGsB,IAAI;wBAAI;kCACrCzC,YAAYuC,MAAM,CAAClB,GAAG,CAAC,CAACqB,sBACvB,KAACC;0CACC,cAAA,KAACxM;oCAAW0G,SAAQ;8CAAS,GAAG6F,MAAM/I,KAAK,CAAC,EAAE,EAAE+I,MAAMjC,MAAM,EAAE;;+BADvDiC,MAAMzD,EAAE;;kCAKrB,KAAC9I;wBAAW0G,SAAQ;wBAAQvC,IAAI;4BAAEsI,IAAI;wBAAE;kCACrC;;;;YAINnD,UAAU,UAAUc,4BACnB,KAAC3K;0BACC,cAAA,KAACC;oBAAOgH,SAAQ;oBAAWgG,UAAUlF;oBAAM4B,SAAS,IAAM,KAAKjB;8BAC5D;;;YAINmB,UAAU,wBACT,MAACvJ;gBAAMoL,WAAW;oBAAE5E,IAAI;oBAAUC,IAAI;gBAAM;gBAAGjC,SAAS;;oBACrDwF,UACC,qEAAqE;kCACrE,KAACrK;wBACCgH,SAAQ;wBACR5C,MAAK;wBACLG,WAAU;wBACViF,MAAMa;wBACNxB,QAAO;wBACPoE,KAAI;kCAEH;yBAEDjD,MAAMC,IAAI,iBACZ,KAACjK;wBAAOgH,SAAQ;wBAAY5C,MAAK;wBAAQG,WAAW/E;wBAASgK,MAAMQ,MAAMC,IAAI;kCAC1E;yBAED;oBACHD,MAAME,KAAK,kBACV,KAAClK;wBAAOgH,SAAQ;wBAAW5C,MAAK;wBAAQG,WAAW/E;wBAASgK,MAAMQ,MAAME,KAAK;kCAC1E;;;;YAKPN,CAAAA,UAAU,aAAaA,UAAU,YAAYA,UAAU,UAAS,mBAChE,MAACvJ;gBAAMwE,SAAS;;oBACb2F,8BACC,KAAClK;wBAAW0G,SAAQ;wBAAQnD,OAAM;kCAC/B2G;;kCAGL,MAACnK;wBAAMoL,WAAW;4BAAE5E,IAAI;4BAAUC,IAAI;wBAAM;wBAAGjC,SAAS;wBAAGJ,IAAI;4BAAEkF,YAAY;gCAAE7C,IAAI;4BAAS;wBAAE;;4BAC3FgE,kBAAkB5D,wBACjB,KAAClH;gCAAOgH,SAAQ;gCAAY0C,SAAS,IAAMvB,YAAY;0CACpD;;4BAGJwC,0BACC,KAAC3K;gCACCgH,SAAQ;gCACRgG,UAAUlF,QAAQoF,QAAQ1C;gCAC1Bd,SAAS,IAAM,KAAKjB;0CAEnB;;4BAGJxH,6BAA6BqG,UAAUxF,qBAAO,KAACH;gCAAsBQ,KAAKmF;gCAAOxF,MAAMA;iCAAW;;;;;YAIxGwF,MAAM6F,IAAI,IAAI7F,MAAM6F,IAAI,CAACC,OAAO,CAAC7C,MAAM,GAAG,mBACzC,MAAC5K;gBACC,sFAAsF;gBACtF0N,iBAAiBzD,UAAU;gBAC3B5C,SAAQ;gBACRsG,cAAc;gBACd7I,IAAI;oBAAEwG,cAAc;oBAAG,aAAa;wBAAEvG,SAAS;oBAAO;gBAAE;;kCAExD,KAAC7E;wBAAiB0N,0BAAY,KAAC9N;4BAAQmE,MAAMvE,eAAeuE,IAAI;;kCAC9D,cAAA,KAACtD;4BAAW0G,SAAQ;sCAAa;;;kCAEnC,KAACpH;kCACC,cAAA,KAACS;4BAAMkE,WAAU;4BAAKM,SAAS;4BAAKJ,IAAI;gCAAE6G,GAAG;gCAAGsB,IAAI;4BAAI;sCACrDtF,MAAM6F,IAAI,CAACC,OAAO,CAAC5B,GAAG,CAAC,CAACgC,QAAQC,sBAC/B,MAAC1N;oCAAIwE,WAAU;;sDACb,KAACjE;4CAAW0G,SAAQ;sDAAS,GAAGwG,OAAOlE,KAAK,CAAC,GAAG,EAAEkE,OAAOE,IAAI,EAAE;;wCAC9DF,OAAOvB,QAAQ,CAAC1B,MAAM,GAAG,mBACxB,KAACjK;4CAAW0G,SAAQ;4CAAQnD,OAAM;sDAC/B2J,OAAOvB,QAAQ,CAACT,GAAG,CAAC,CAACmC,UAAYA,QAAQ9F,IAAI,EAAEqE,IAAI,CAAC;;;mCAJlC,GAAGsB,OAAOE,IAAI,CAAC,CAAC,EAAED,OAAO;;;;;;;AAelE;AAEA,eAAexG,gBAAe"}

package/src/lib/components/ai-upsell-dialog.component.d.ts

@@ -0,0 +1,53 @@
+import type { ConsoleWidgetUpgrade } from '@aglyn/aglyn/plugin-manager/feature-plugins';
+import { type ReactNode } from 'react';
+import type { AiBriefKind } from './ai-brief-dialog.component';
+/**
+ * "Create with AI" on a plan that could buy the AI add-on and has not
+ * (AGL-3601). The shell mounts the entry with `entitled={false}` only where
+ * the add-on is sold to this workspace, and the jobs route has said the plan
+ * is the one thing missing; the entry then keeps its place on the page and
+ * opens this instead of the brief, so the reader sees where the add-on is used.
+ */
+/**
+ * What a "Create with AI" or "Ask AI" entry makes: the brief kinds, an
+ * automation, products, a function or variable, an overlay, and an answer
+ * about the figures on a page.
+ */
+export type AiUpsellKind = AiBriefKind | 'workflow' | 'product' | 'logic' | 'overlay' | 'funnel' | 'insight';
+/** What one entry's dialog says. */
+export interface AiUpsellCopy {
+    title: string;
+    does: string;
+    /** The entry's own label, which the button reads and the offer names; "Create with AI" when absent. */
+    label?: string;
+}
+/** The label every "Create with AI" entry reads. */
+export declare const AI_UPSELL_CREATE_LABEL = "Create with AI";
+/** What the dialog says one entry would do here. */
+export declare const AI_UPSELL_COPY: Readonly<Record<AiUpsellKind, AiUpsellCopy>>;
+/** The label an entry's button reads. */
+export declare function aiUpsellLabel(kind: AiUpsellKind): string;
+/**
+ * The sentence that says where the feature comes from, and who can add it.
+ * `feature` is what the entry is called: "Create with AI" unless it is an ask.
+ */
+export declare function aiUpsellOffer(canManageBilling: boolean, feature?: string): string;
+export interface AiUpsellDialogProps {
+    kind: AiUpsellKind;
+    open: boolean;
+    onClose: () => void;
+    upgrade: ConsoleWidgetUpgrade;
+}
+export declare function AiUpsellDialog({ kind, open, onClose, upgrade }: AiUpsellDialogProps): import("react").JSX.Element;
+/**
+ * The entry itself on a plan without the add-on: the same button, label and
+ * icon as the entitled entry, opening {@link AiUpsellDialog}. Every entry that
+ * draws it renders from the shell's client-side gates alone and asks the
+ * server nothing until it is used (AGL-3601).
+ */
+export declare function AiUpsellButton({ kind, upgrade, label, }: {
+    kind: AiUpsellKind;
+    upgrade: ConsoleWidgetUpgrade;
+    /** The entitled entry's own label, when it is not the kind's. */
+    label?: string;
+}): ReactNode;

package/src/lib/components/ai-upsell-dialog.component.js

@@ -0,0 +1,177 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { aiAddonName } from "@aglyn/aglyn";
+import { trackEvent } from "@aglyn/aglyn/app-utils/analytics-events";
+import { mdiCreation } from "@aglyn/shared-data-mdi";
+import { MdiIcon } from "@aglyn/shared-ui-jsx";
+import { Button, Dialog, DialogActions, DialogContent, DialogTitle, Stack, Typography } from "@mui/material";
+import { useEffect, useState } from "react";
+/** The label every "Create with AI" entry reads. */ export const AI_UPSELL_CREATE_LABEL = 'Create with AI';
+/** What the dialog says one entry would do here. */ export const AI_UPSELL_COPY = {
+    page: {
+        title: 'Create a page with AI',
+        does: 'Describe the page you need and AI plans it from your brief, using your theme and ' + 'what the site already has. You confirm the plan, and the page is built as an ' + 'unpublished draft.'
+    },
+    template: {
+        title: 'Create a page template with AI',
+        does: 'Describe what each page should show and AI plans the template, filling what ' + 'changes from page to page from each record. You confirm the plan, and the template ' + 'is built as a draft in your library.'
+    },
+    layout: {
+        title: 'Create a layout with AI',
+        does: 'Describe what the layout should hold and AI plans it, linking your pages and placing ' + 'your navigation or menu component when the site has one. You confirm the plan, and ' + 'the layout is built as a draft no page uses until you assign it.'
+    },
+    form: {
+        title: 'Create a form with AI',
+        does: 'Describe what the form is for and AI plans its fields, its marketing consent and ' + 'where each submission goes. You confirm the plan, and the form is built as a draft.'
+    },
+    component: {
+        title: 'Create a reusable component with AI',
+        does: 'Describe what the component should show and AI plans it, making what each page can ' + 'change into its properties. You confirm the plan, and the component is built as a ' + 'draft.'
+    },
+    workflow: {
+        title: 'Create an automation with AI',
+        does: 'Describe what should happen, and when, and AI drafts the automation from the ' + 'triggers and steps your plan includes. It is saved switched off for you to review.'
+    },
+    email: {
+        title: 'Create an email with AI',
+        does: 'Describe the email you need and AI plans a design from the email blocks, with three ' + 'subject lines and three preheaders to choose between. You confirm the plan, and the ' + 'design is built as a draft that is sent to nobody.'
+    },
+    campaign: {
+        title: 'Create a campaign with AI',
+        does: 'Describe what the campaign is for and AI writes its email design and a draft campaign ' + 'that would send it. Nothing is sent or scheduled, and the campaign is aimed at nobody ' + 'until you pick its lists.'
+    },
+    product: {
+        title: 'Create products with AI',
+        does: 'Describe what the store sells and AI proposes up to twelve products. You review them ' + 'before any is created, and each is created as a draft that is not on your storefront ' + 'until you price it and activate it.'
+    },
+    logic: {
+        title: 'Create a function or variable with AI',
+        does: 'Describe what it should work out or hold and AI drafts the function or variable. It ' + 'opens unsaved in the editor for you to check and save.'
+    },
+    overlay: {
+        title: 'Create an overlay with AI',
+        does: 'Describe the announcement bar or popup you want and AI writes its copy within the ' + 'overlay’s limits. It is saved switched off, for you to check and turn on.'
+    },
+    funnel: {
+        title: 'Create a funnel with AI',
+        does: 'Describe the journey you want to measure and AI proposes its steps from the site’s ' + 'real pages, forms and products. It opens in the funnel editor for you to check and save.'
+    },
+    insight: {
+        title: 'Ask AI about these numbers',
+        label: 'Ask a question',
+        does: 'Ask a question about the figures on this page and AI answers from them, every answer ' + 'traced to the figures it is built from. It reads; it changes nothing.'
+    }
+};
+/** The label an entry's button reads. */ export function aiUpsellLabel(kind) {
+    var _AI_UPSELL_COPY_kind_label;
+    return (_AI_UPSELL_COPY_kind_label = AI_UPSELL_COPY[kind].label) != null ? _AI_UPSELL_COPY_kind_label : AI_UPSELL_CREATE_LABEL;
+}
+/**
+ * The sentence that says where the feature comes from, and who can add it.
+ * `feature` is what the entry is called: "Create with AI" unless it is an ask.
+ */ export function aiUpsellOffer(canManageBilling, feature = AI_UPSELL_CREATE_LABEL) {
+    const addon = aiAddonName();
+    return canManageBilling ? `${feature} comes with the ${addon} add-on, which you can add to this ` + 'workspace from Billing.' : `${feature} comes with the ${addon} add-on. Ask a workspace owner or admin ` + 'to add it from Billing.';
+}
+export function AiUpsellDialog({ kind, open, onClose, upgrade }) {
+    const copy = AI_UPSELL_COPY[kind];
+    const { canManageBilling, billingHref } = upgrade;
+    // Counted once per opening: the denominator the click is a rate against.
+    useEffect(()=>{
+        if (open) trackEvent('ai_upsell_shown', {
+            kind,
+            can_manage: canManageBilling
+        });
+    }, [
+        open,
+        kind,
+        canManageBilling
+    ]);
+    return /*#__PURE__*/ _jsxs(Dialog, {
+        open: open,
+        onClose: onClose,
+        fullWidth: true,
+        maxWidth: "xs",
+        children: [
+            /*#__PURE__*/ _jsx(DialogTitle, {
+                children: copy.title
+            }),
+            /*#__PURE__*/ _jsx(DialogContent, {
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 2,
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            children: copy.does
+                        }),
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            children: aiUpsellOffer(canManageBilling, kind === 'insight' ? copy.title : AI_UPSELL_CREATE_LABEL)
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsxs(DialogActions, {
+                children: [
+                    /*#__PURE__*/ _jsx(Button, {
+                        onClick: onClose,
+                        children: canManageBilling ? 'Not now' : 'Close'
+                    }),
+                    canManageBilling ? /*#__PURE__*/ _jsx(Button, {
+                        variant: "contained",
+                        href: billingHref,
+                        onClick: ()=>trackEvent('ai_upsell_clicked', {
+                                kind
+                            }),
+                        children: `Add ${aiAddonName()}`
+                    }) : null
+                ]
+            })
+        ]
+    });
+}
+/**
+ * The entry itself on a plan without the add-on: the same button, label and
+ * icon as the entitled entry, opening {@link AiUpsellDialog}. Every entry that
+ * draws it renders from the shell's client-side gates alone and asks the
+ * server nothing until it is used (AGL-3601).
+ */ export function AiUpsellButton({ kind, upgrade, label }) {
+    const [open, setOpen] = useState(false);
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(Button, {
+                size: "small",
+                variant: "outlined",
+                startIcon: /*#__PURE__*/ _jsx(MdiIcon, {
+                    path: mdiCreation.path
+                }),
+                onClick: ()=>setOpen(true),
+                children: label != null ? label : aiUpsellLabel(kind)
+            }),
+            /*#__PURE__*/ _jsx(AiUpsellDialog, {
+                kind: kind,
+                open: open,
+                onClose: ()=>setOpen(false),
+                upgrade: upgrade
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=ai-upsell-dialog.component.js.map

package/src/lib/components/ai-upsell-dialog.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-upsell-dialog.component.tsx"],"sourcesContent":["'use client'\n\n/**\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\nimport { aiAddonName } from '@aglyn/aglyn'\nimport { trackEvent } from '@aglyn/aglyn/app-utils/analytics-events'\nimport type { ConsoleWidgetUpgrade } from '@aglyn/aglyn/plugin-manager/feature-plugins'\nimport { mdiCreation } from '@aglyn/shared-data-mdi'\nimport { MdiIcon } from '@aglyn/shared-ui-jsx'\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport { useEffect, useState, type ReactNode } from 'react'\nimport type { AiBriefKind } from './ai-brief-dialog.component'\n\n/**\n * \"Create with AI\" on a plan that could buy the AI add-on and has not\n * (AGL-3601). The shell mounts the entry with `entitled={false}` only where\n * the add-on is sold to this workspace, and the jobs route has said the plan\n * is the one thing missing; the entry then keeps its place on the page and\n * opens this instead of the brief, so the reader sees where the add-on is used.\n */\n\n/**\n * What a \"Create with AI\" or \"Ask AI\" entry makes: the brief kinds, an\n * automation, products, a function or variable, an overlay, and an answer\n * about the figures on a page.\n */\nexport type AiUpsellKind =\n  | AiBriefKind\n  | 'workflow'\n  | 'product'\n  | 'logic'\n  | 'overlay'\n  | 'funnel'\n  | 'insight'\n\n/** What one entry's dialog says. */\nexport interface AiUpsellCopy {\n  title: string\n  does: string\n  /** The entry's own label, which the button reads and the offer names; \"Create with AI\" when absent. */\n  label?: string\n}\n\n/** The label every \"Create with AI\" entry reads. */\nexport const AI_UPSELL_CREATE_LABEL = 'Create with AI'\n\n/** What the dialog says one entry would do here. */\nexport const AI_UPSELL_COPY: Readonly<Record<AiUpsellKind, AiUpsellCopy>> = {\n  page: {\n    title: 'Create a page with AI',\n    does:\n      'Describe the page you need and AI plans it from your brief, using your theme and ' +\n      'what the site already has. You confirm the plan, and the page is built as an ' +\n      'unpublished draft.',\n  },\n  template: {\n    title: 'Create a page template with AI',\n    does:\n      'Describe what each page should show and AI plans the template, filling what ' +\n      'changes from page to page from each record. You confirm the plan, and the template ' +\n      'is built as a draft in your library.',\n  },\n  layout: {\n    title: 'Create a layout with AI',\n    does:\n      'Describe what the layout should hold and AI plans it, linking your pages and placing ' +\n      'your navigation or menu component when the site has one. You confirm the plan, and ' +\n      'the layout is built as a draft no page uses until you assign it.',\n  },\n  form: {\n    title: 'Create a form with AI',\n    does:\n      'Describe what the form is for and AI plans its fields, its marketing consent and ' +\n      'where each submission goes. You confirm the plan, and the form is built as a draft.',\n  },\n  component: {\n    title: 'Create a reusable component with AI',\n    does:\n      'Describe what the component should show and AI plans it, making what each page can ' +\n      'change into its properties. You confirm the plan, and the component is built as a ' +\n      'draft.',\n  },\n  workflow: {\n    title: 'Create an automation with AI',\n    does:\n      'Describe what should happen, and when, and AI drafts the automation from the ' +\n      'triggers and steps your plan includes. It is saved switched off for you to review.',\n  },\n  email: {\n    title: 'Create an email with AI',\n    does:\n      'Describe the email you need and AI plans a design from the email blocks, with three ' +\n      'subject lines and three preheaders to choose between. You confirm the plan, and the ' +\n      'design is built as a draft that is sent to nobody.',\n  },\n  campaign: {\n    title: 'Create a campaign with AI',\n    does:\n      'Describe what the campaign is for and AI writes its email design and a draft campaign ' +\n      'that would send it. Nothing is sent or scheduled, and the campaign is aimed at nobody ' +\n      'until you pick its lists.',\n  },\n  product: {\n    title: 'Create products with AI',\n    does:\n      'Describe what the store sells and AI proposes up to twelve products. You review them ' +\n      'before any is created, and each is created as a draft that is not on your storefront ' +\n      'until you price it and activate it.',\n  },\n  logic: {\n    title: 'Create a function or variable with AI',\n    does:\n      'Describe what it should work out or hold and AI drafts the function or variable. It ' +\n      'opens unsaved in the editor for you to check and save.',\n  },\n  overlay: {\n    title: 'Create an overlay with AI',\n    does:\n      'Describe the announcement bar or popup you want and AI writes its copy within the ' +\n      'overlay’s limits. It is saved switched off, for you to check and turn on.',\n  },\n  funnel: {\n    title: 'Create a funnel with AI',\n    does:\n      'Describe the journey you want to measure and AI proposes its steps from the site’s ' +\n      'real pages, forms and products. It opens in the funnel editor for you to check and save.',\n  },\n  insight: {\n    title: 'Ask AI about these numbers',\n    label: 'Ask a question',\n    does:\n      'Ask a question about the figures on this page and AI answers from them, every answer ' +\n      'traced to the figures it is built from. It reads; it changes nothing.',\n  },\n}\n\n/** The label an entry's button reads. */\nexport function aiUpsellLabel(kind: AiUpsellKind): string {\n  return AI_UPSELL_COPY[kind].label ?? AI_UPSELL_CREATE_LABEL\n}\n\n/**\n * The sentence that says where the feature comes from, and who can add it.\n * `feature` is what the entry is called: \"Create with AI\" unless it is an ask.\n */\nexport function aiUpsellOffer(canManageBilling: boolean, feature = AI_UPSELL_CREATE_LABEL): string {\n  const addon = aiAddonName()\n  return canManageBilling\n    ? `${feature} comes with the ${addon} add-on, which you can add to this ` +\n        'workspace from Billing.'\n    : `${feature} comes with the ${addon} add-on. Ask a workspace owner or admin ` +\n        'to add it from Billing.'\n}\n\nexport interface AiUpsellDialogProps {\n  kind: AiUpsellKind\n  open: boolean\n  onClose: () => void\n  upgrade: ConsoleWidgetUpgrade\n}\n\nexport function AiUpsellDialog({ kind, open, onClose, upgrade }: AiUpsellDialogProps) {\n  const copy = AI_UPSELL_COPY[kind]\n  const { canManageBilling, billingHref } = upgrade\n\n  // Counted once per opening: the denominator the click is a rate against.\n  useEffect(() => {\n    if (open) trackEvent('ai_upsell_shown', { kind, can_manage: canManageBilling })\n  }, [open, kind, canManageBilling])\n\n  return (\n    <Dialog open={open} onClose={onClose} fullWidth maxWidth=\"xs\">\n      <DialogTitle>{copy.title}</DialogTitle>\n      <DialogContent>\n        <Stack spacing={2}>\n          <Typography variant=\"body2\">{copy.does}</Typography>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {aiUpsellOffer(canManageBilling, kind === 'insight' ? copy.title : AI_UPSELL_CREATE_LABEL)}\n          </Typography>\n        </Stack>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={onClose}>{canManageBilling ? 'Not now' : 'Close'}</Button>\n        {canManageBilling ? (\n          <Button\n            variant=\"contained\"\n            href={billingHref}\n            onClick={() => trackEvent('ai_upsell_clicked', { kind })}\n          >\n            {`Add ${aiAddonName()}`}\n          </Button>\n        ) : null}\n      </DialogActions>\n    </Dialog>\n  )\n}\n\n/**\n * The entry itself on a plan without the add-on: the same button, label and\n * icon as the entitled entry, opening {@link AiUpsellDialog}. Every entry that\n * draws it renders from the shell's client-side gates alone and asks the\n * server nothing until it is used (AGL-3601).\n */\nexport function AiUpsellButton({\n  kind,\n  upgrade,\n  label,\n}: {\n  kind: AiUpsellKind\n  upgrade: ConsoleWidgetUpgrade\n  /** The entitled entry's own label, when it is not the kind's. */\n  label?: string\n}): ReactNode {\n  const [open, setOpen] = useState(false)\n  return (\n    <>\n      <Button\n        size=\"small\"\n        variant=\"outlined\"\n        startIcon={<MdiIcon path={mdiCreation.path} />}\n        onClick={() => setOpen(true)}\n      >\n        {label ?? aiUpsellLabel(kind)}\n      </Button>\n      <AiUpsellDialog kind={kind} open={open} onClose={() => setOpen(false)} upgrade={upgrade} />\n    </>\n  )\n}\n"],"names":["aiAddonName","trackEvent","mdiCreation","MdiIcon","Button","Dialog","DialogActions","DialogContent","DialogTitle","Stack","Typography","useEffect","useState","AI_UPSELL_CREATE_LABEL","AI_UPSELL_COPY","page","title","does","template","layout","form","component","workflow","email","campaign","product","logic","overlay","funnel","insight","label","aiUpsellLabel","kind","aiUpsellOffer","canManageBilling","feature","addon","AiUpsellDialog","open","onClose","upgrade","copy","billingHref","can_manage","fullWidth","maxWidth","spacing","variant","color","onClick","href","AiUpsellButton","setOpen","size","startIcon","path"],"mappings":"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"}

package/src/lib/components/assist-build-card.component.d.ts

@@ -0,0 +1,42 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { MaybeTokenSource } from '@aglyn/shared-util-http/authorized-token';
+import { type AiJobSummary } from '../model/ai-jobs.types';
+import type { AssistBuildProposal } from '../model/assist-build';
+/**
+ * The one card a build proposed in the chat becomes (AGL-3616): while its
+ * job plans, a line saying so; then the job's own plan card, with its one
+ * price and Confirm — the same `AiJobPlan` the AI jobs drawer shows, so
+ * confirming here and there is one door; then where the build stands, item
+ * by item, with AI jobs a click away. The job itself is started by the
+ * panel, once, when the turn that proposed it ends; this card only follows
+ * it, so re-rendering a stored thread never starts a second build.
+ */
+export interface AssistBuildCardProps {
+    proposal: AssistBuildProposal;
+    /** The job the proposal started, as last seen; `null` while it is being created. */
+    job: AiJobSummary | null;
+    /** Why the job could not be created or confirmed, when it could not. */
+    notice: string | null;
+    orgId: string;
+    user: MaybeTokenSource;
+    staff?: boolean;
+    /** The job as it moved, for the thread to keep. */
+    onJob: (job: AiJobSummary) => void;
+    onNotice: (notice: string | null) => void;
+}
+export declare function AssistBuildCard({ proposal, job, notice, orgId, user, staff, onJob, onNotice, }: AssistBuildCardProps): JSX.Element;