@aglyn/plugins-ai 1.0.0-beta.228 → 1.0.0-beta.229
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +17 -17
- package/src/lib/components/ai-jobs-list-page.component.js +12 -1
- package/src/lib/components/ai-jobs-list-page.component.js.map +1 -1
- package/src/lib/components/ai-site-build-page.component.d.ts +1 -1
- package/src/lib/components/ai-site-build-page.component.js +38 -5
- package/src/lib/components/ai-site-build-page.component.js.map +1 -1
- package/src/lib/components/ai-site-start-card.component.d.ts +10 -1
- package/src/lib/components/ai-site-start-card.component.js +7 -4
- package/src/lib/components/ai-site-start-card.component.js.map +1 -1
- package/src/lib/components/assist-jobs-drawer.component.d.ts +11 -0
- package/src/lib/components/assist-jobs-drawer.component.js +37 -1
- package/src/lib/components/assist-jobs-drawer.component.js.map +1 -1
- package/src/lib/jobs/ai-job-layout-site-pages.d.ts +70 -0
- package/src/lib/jobs/ai-job-layout-site-pages.js +216 -0
- package/src/lib/jobs/ai-job-layout-site-pages.js.map +1 -0
- package/src/lib/jobs/ai-job-layout-step.d.ts +2 -2
- package/src/lib/jobs/ai-job-layout-step.js +19 -1
- package/src/lib/jobs/ai-job-layout-step.js.map +1 -1
- package/src/lib/jobs/ai-job-site-step.js +7 -0
- package/src/lib/jobs/ai-job-site-step.js.map +1 -1
- package/src/lib/jobs/ai-jobs.d.ts +10 -0
- package/src/lib/jobs/ai-jobs.js +121 -51
- package/src/lib/jobs/ai-jobs.js.map +1 -1
- package/src/lib/model/ai-job-failure-copy.d.ts +20 -1
- package/src/lib/model/ai-job-failure-copy.js +28 -1
- package/src/lib/model/ai-job-failure-copy.js.map +1 -1
- package/src/lib/model/ai-job-notice.d.ts +3 -0
- package/src/lib/model/ai-job-notice.js +11 -2
- package/src/lib/model/ai-job-notice.js.map +1 -1
- package/src/lib/model/ai-jobs.types.d.ts +7 -0
- package/src/lib/model/ai-jobs.types.js.map +1 -1
- package/src/lib/model/ai-site-build-progress.d.ts +8 -0
- package/src/lib/model/ai-site-build-progress.js +66 -12
- package/src/lib/model/ai-site-build-progress.js.map +1 -1
- package/src/lib/model/ai-site-start-seo.d.ts +16 -0
- package/src/lib/model/ai-site-start-seo.js +54 -4
- package/src/lib/model/ai-site-start-seo.js.map +1 -1
- package/src/lib/model/ai-site-start.d.ts +14 -0
- package/src/lib/model/ai-site-start.js +43 -0
- package/src/lib/model/ai-site-start.js.map +1 -1
- package/src/lib/runtime/ai-doctrine.d.ts +6 -0
- package/src/lib/runtime/ai-doctrine.js +5 -1
- package/src/lib/runtime/ai-doctrine.js.map +1 -1
- package/src/lib/usage/assist-job-refund.d.ts +3 -2
- package/src/lib/usage/assist-job-refund.js +2 -1
- package/src/lib/usage/assist-job-refund.js.map +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aglyn/plugins-ai",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
3
|
+
"version": "1.0.0-beta.229",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"homepage": "https://aglyn.com",
|
|
6
6
|
"repository": {
|
|
@@ -25,22 +25,22 @@
|
|
|
25
25
|
"./package.json": "./package.json"
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@aglyn/aglyn": "1.0.0-beta.
|
|
29
|
-
"@aglyn/shared-data-enums": "1.0.0-beta.
|
|
30
|
-
"@aglyn/shared-data-mdi": "1.0.0-beta.
|
|
31
|
-
"@aglyn/shared-data-types": "1.0.0-beta.
|
|
32
|
-
"@aglyn/shared-ui-email-campaigns": "1.0.0-beta.
|
|
33
|
-
"@aglyn/shared-ui-jsx": "1.0.0-beta.
|
|
34
|
-
"@aglyn/shared-ui-snackstack": "1.0.0-beta.
|
|
35
|
-
"@aglyn/shared-ui-theme": "1.0.0-beta.
|
|
36
|
-
"@aglyn/shared-util-email": "1.0.0-beta.
|
|
37
|
-
"@aglyn/shared-util-errors": "1.0.0-beta.
|
|
38
|
-
"@aglyn/shared-util-http": "1.0.0-beta.
|
|
39
|
-
"@aglyn/shared-util-timestamp": "1.0.0-beta.
|
|
40
|
-
"@aglyn/shared-util-tools": "1.0.0-beta.
|
|
41
|
-
"@aglyn/tenant-data-admin": "1.0.0-beta.
|
|
42
|
-
"@aglyn/tenant-feature-instance": "1.0.0-beta.
|
|
43
|
-
"@aglyn/tenant-runtime": "1.0.0-beta.
|
|
28
|
+
"@aglyn/aglyn": "1.0.0-beta.229",
|
|
29
|
+
"@aglyn/shared-data-enums": "1.0.0-beta.229",
|
|
30
|
+
"@aglyn/shared-data-mdi": "1.0.0-beta.229",
|
|
31
|
+
"@aglyn/shared-data-types": "1.0.0-beta.229",
|
|
32
|
+
"@aglyn/shared-ui-email-campaigns": "1.0.0-beta.229",
|
|
33
|
+
"@aglyn/shared-ui-jsx": "1.0.0-beta.229",
|
|
34
|
+
"@aglyn/shared-ui-snackstack": "1.0.0-beta.229",
|
|
35
|
+
"@aglyn/shared-ui-theme": "1.0.0-beta.229",
|
|
36
|
+
"@aglyn/shared-util-email": "1.0.0-beta.229",
|
|
37
|
+
"@aglyn/shared-util-errors": "1.0.0-beta.229",
|
|
38
|
+
"@aglyn/shared-util-http": "1.0.0-beta.229",
|
|
39
|
+
"@aglyn/shared-util-timestamp": "1.0.0-beta.229",
|
|
40
|
+
"@aglyn/shared-util-tools": "1.0.0-beta.229",
|
|
41
|
+
"@aglyn/tenant-data-admin": "1.0.0-beta.229",
|
|
42
|
+
"@aglyn/tenant-feature-instance": "1.0.0-beta.229",
|
|
43
|
+
"@aglyn/tenant-runtime": "1.0.0-beta.229",
|
|
44
44
|
"@swc/helpers": "0.5.23"
|
|
45
45
|
},
|
|
46
46
|
"peerDependencies": {
|
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
*/ 'use client';
|
|
17
17
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
18
18
|
import { PLATFORM_BRAND_NAME } from "@aglyn/aglyn";
|
|
19
|
+
import { aiJobRefundCopy } from "../model/ai-job-failure-copy.js";
|
|
19
20
|
import { AppLink } from "@aglyn/shared-ui-jsx";
|
|
20
21
|
import { authorizedFetch } from "@aglyn/shared-util-http/authorized-token";
|
|
21
22
|
import { useUser } from "@aglyn/tenant-feature-instance";
|
|
@@ -228,6 +229,7 @@ export function AiJobsListPage({ hostId, basePath }) {
|
|
|
228
229
|
children: state.jobs.map((job, index)=>{
|
|
229
230
|
const phase = aiJobPhase(job);
|
|
230
231
|
const credits = aiJobNetCredits(job);
|
|
232
|
+
const refund = aiJobRefundCopy(job);
|
|
231
233
|
const brief = job.brief.length > BRIEF_PREVIEW_CHARS ? `${job.brief.slice(0, BRIEF_PREVIEW_CHARS)}…` : job.brief;
|
|
232
234
|
const created = new Date(job.createdAt);
|
|
233
235
|
return /*#__PURE__*/ _jsxs(ListItemButton, {
|
|
@@ -283,7 +285,16 @@ export function AiJobsListPage({ hostId, basePath }) {
|
|
|
283
285
|
wordBreak: 'break-word'
|
|
284
286
|
},
|
|
285
287
|
children: brief
|
|
286
|
-
})
|
|
288
|
+
}),
|
|
289
|
+
refund ? /*#__PURE__*/ _jsx(Typography, {
|
|
290
|
+
variant: "caption",
|
|
291
|
+
color: "text.secondary",
|
|
292
|
+
component: "div",
|
|
293
|
+
sx: {
|
|
294
|
+
mt: 0.5
|
|
295
|
+
},
|
|
296
|
+
children: refund
|
|
297
|
+
}) : null
|
|
287
298
|
]
|
|
288
299
|
}, job.id);
|
|
289
300
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-jobs-list-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'use client'\n\nimport { PLATFORM_BRAND_NAME } from '@aglyn/aglyn'\nimport type { ConsolePluginPageProps } from '@aglyn/aglyn/plugin-manager/feature-plugins'\nimport { AppLink } from '@aglyn/shared-ui-jsx'\nimport { authorizedFetch, type MaybeTokenSource } from '@aglyn/shared-util-http/authorized-token'\nimport { useUser } from '@aglyn/tenant-feature-instance'\nimport {\n Alert,\n Box,\n Button,\n Card,\n Chip,\n CircularProgress,\n Container,\n List,\n ListItemButton,\n Stack,\n Typography,\n} from '@mui/material'\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { AI_JOB_PHASE_LABELS, aiJobKindNoun, aiJobPhase, type AiJobPhase } from '../model/ai-job-activity'\nimport type { AiJobSummary } from '../model/ai-jobs.types'\nimport { publishAiJob } from './ai-jobs-store'\nimport { useAiJobSite } from './ai-job-site'\n\n/**\n * A site's AI jobs (AGL-3596), at `/ai-jobs` under the site: every job that\n * worked on this site, newest first, each linking to its own page.\n *\n * Read through the jobs route, never Firestore, so the membership, flag and\n * plan rungs that answer every other jobs read answer this one. The site is\n * a query on the route (`hostId`), not a filter of the workspace's list.\n *\n * Every wait ends: the site's read and the list's each settle on content,\n * the empty state, or a sentence with Try again.\n */\n\n/** The most jobs the page lists; the newest, which is what a person comes for. */\nexport const AI_JOBS_PAGE_LIMIT = 50\n\n/** How long the list may take before the page says it could not be loaded. */\nexport const AI_JOBS_LIST_TIMEOUT_MS = 20_000\n\n/** How much of a brief a row shows. */\nconst BRIEF_PREVIEW_CHARS = 120\n\n/** A row's chip, colored as the AI jobs drawer colors it. */\nconst PHASE_COLOR: Record<AiJobPhase, 'default' | 'primary' | 'success' | 'error' | 'warning'> = {\n queued: 'default',\n planning: 'primary',\n 'plan-ready': 'warning',\n building: 'primary',\n attention: 'warning',\n done: 'success',\n failed: 'error',\n canceled: 'default',\n}\n\nconst WHEN = new Intl.DateTimeFormat('en-US', { dateStyle: 'medium', timeStyle: 'short' })\n\n/** What a job cost the person: what it spent, less what we refunded. */\nexport function aiJobNetCredits(job: Pick<AiJobSummary, 'creditsSpent' | 'refundedCredits'>): number {\n return Math.max(0, (job.creditsSpent ?? 0) - (job.refundedCredits ?? 0))\n}\n\n/** The kind as a row names it: `Site`, `Page`, `AI job`. */\nexport function aiJobKindLabel(kind: AiJobSummary['kind']): string {\n const noun = aiJobKindNoun(kind)\n return noun === 'AI job' ? noun : noun.charAt(0).toUpperCase() + noun.slice(1)\n}\n\ntype ListState =\n | { status: 'loading' }\n | { status: 'ready'; jobs: AiJobSummary[] }\n | { status: 'error'; message: string }\n\nconst LOAD_ERROR = 'This site’s AI jobs could not be loaded. Try again in a moment.'\n\nasync function readSiteJobs(\n user: MaybeTokenSource,\n orgId: string,\n hostId: string,\n signal: AbortSignal,\n): Promise<ListState> {\n try {\n const response = await authorizedFetch(\n user,\n `/api/ai/jobs?orgId=${encodeURIComponent(orgId)}&hostId=${encodeURIComponent(hostId)}&limit=${AI_JOBS_PAGE_LIMIT}`,\n { signal },\n )\n const payload = (await response.json().catch(() => null)) as { jobs?: AiJobSummary[]; error?: string } | null\n if (!response.ok) return { status: 'error', message: String(payload?.error ?? LOAD_ERROR) }\n const jobs = payload?.jobs ?? []\n // A job the top-bar indicator still counts that has settled since leaves it.\n for (const job of jobs) publishAiJob(job)\n return { status: 'ready', jobs }\n } catch {\n return { status: 'error', message: LOAD_ERROR }\n }\n}\n\nexport function AiJobsListPage({ hostId, basePath }: ConsolePluginPageProps) {\n const { data: user } = useUser()\n const userRef = useRef<MaybeTokenSource>(user)\n userRef.current = user\n const site = useAiJobSite(hostId)\n const orgId = site.status === 'ready' ? site.orgId : null\n const [list, setList] = useState<ListState>({ status: 'loading' })\n const [attempt, setAttempt] = useState(0)\n const uid = user?.uid ?? null\n\n useEffect(() => {\n if (!orgId || !hostId || !uid) return undefined\n const controller = new AbortController()\n let settled = false\n setList({ status: 'loading' })\n const timer = setTimeout(() => {\n if (settled) return\n settled = true\n controller.abort()\n setList({ status: 'error', message: LOAD_ERROR })\n }, AI_JOBS_LIST_TIMEOUT_MS)\n void readSiteJobs(userRef.current, orgId, hostId, controller.signal).then((next) => {\n if (settled) return\n settled = true\n clearTimeout(timer)\n setList(next)\n })\n return () => {\n settled = true\n clearTimeout(timer)\n controller.abort()\n }\n }, [orgId, hostId, uid, attempt])\n\n const retry = useCallback(() => setAttempt((count) => count + 1), [])\n\n const siteName = site.status === 'ready' ? site.name : ''\n const state: ListState =\n site.status === 'error'\n ? { status: 'error', message: 'This site could not be read. Check your connection and reload the page.' }\n : list\n\n return (\n <Container maxWidth=\"md\" sx={{ py: { xs: 3, sm: 5 }, px: { xs: 2, sm: 3 } }}>\n <Stack spacing={3}>\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 {'AI jobs'}\n </Typography>\n <Typography variant=\"body1\" color=\"text.secondary\">\n {`What ${PLATFORM_BRAND_NAME} AI has done and is doing on this site, newest first.`}\n </Typography>\n </Stack>\n {state.status === 'loading' ? (\n <Stack sx={{ alignItems: 'center', py: 4 }}>\n <CircularProgress aria-label=\"Loading AI jobs\" />\n </Stack>\n ) : state.status === 'error' ? (\n <Alert\n severity=\"warning\"\n action={\n site.status === 'error' ? undefined : (\n <Button color=\"inherit\" size=\"small\" onClick={retry}>\n {'Try again'}\n </Button>\n )\n }\n >\n {state.message}\n </Alert>\n ) : state.jobs.length === 0 ? (\n <Card variant=\"outlined\" sx={{ borderRadius: 2, p: { xs: 2, sm: 3 } }}>\n <Stack spacing={1}>\n <Typography variant=\"h6\" component=\"h2\">\n {'No AI jobs on this site yet'}\n </Typography>\n <Typography variant=\"body1\" color=\"text.secondary\">\n {`An AI job is ${PLATFORM_BRAND_NAME} AI building something for this site from a short ` +\n 'description you write: a page, a page template, a layout, a form or a reusable component. ' +\n 'Each one gets a page here that shows its progress and what it built.'}\n </Typography>\n <Typography variant=\"body1\" color=\"text.secondary\">\n {'To start one, choose Create with AI on this site’s Pages, Templates, Layouts, Forms or ' +\n 'Components page. A new site can also be built with AI when it is created.'}\n </Typography>\n </Stack>\n </Card>\n ) : (\n <Card variant=\"outlined\" sx={{ borderRadius: 2 }}>\n <List disablePadding aria-label=\"AI jobs\">\n {state.jobs.map((job, index) => {\n const phase = aiJobPhase(job)\n const credits = aiJobNetCredits(job)\n const brief =\n job.brief.length > BRIEF_PREVIEW_CHARS ? `${job.brief.slice(0, BRIEF_PREVIEW_CHARS)}…` : job.brief\n const created = new Date(job.createdAt)\n return (\n <ListItemButton\n key={job.id}\n component={AppLink}\n href={`${basePath ?? ''}/${encodeURIComponent(job.id)}`}\n divider={index < state.jobs.length - 1}\n sx={{ display: 'block', py: 1.5 }}\n >\n <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center', flexWrap: 'wrap', rowGap: 0.5 }}>\n <Chip size=\"small\" variant=\"outlined\" label={aiJobKindLabel(job.kind)} />\n <Chip size=\"small\" color={PHASE_COLOR[phase]} label={AI_JOB_PHASE_LABELS[phase]} />\n <Box sx={{ flexGrow: 1 }} />\n <Typography variant=\"caption\" color=\"text.secondary\">\n {credits > 0 ? `${credits.toLocaleString('en-US')} credits · ` : ''}\n {Number.isNaN(created.getTime()) ? null : (\n <time dateTime={job.createdAt}>{WHEN.format(created)}</time>\n )}\n </Typography>\n </Stack>\n <Typography variant=\"body2\" sx={{ mt: 0.75, wordBreak: 'break-word' }}>\n {brief}\n </Typography>\n </ListItemButton>\n )\n })}\n </List>\n </Card>\n )}\n {state.status === 'ready' && state.jobs.length >= AI_JOBS_PAGE_LIMIT ? (\n <Typography variant=\"body2\" color=\"text.secondary\">\n {`Showing the ${AI_JOBS_PAGE_LIMIT} most recent jobs.`}\n </Typography>\n ) : null}\n </Stack>\n </Container>\n )\n}\n\nexport default AiJobsListPage\n"],"names":["PLATFORM_BRAND_NAME","AppLink","authorizedFetch","useUser","Alert","Box","Button","Card","Chip","CircularProgress","Container","List","ListItemButton","Stack","Typography","useCallback","useEffect","useRef","useState","AI_JOB_PHASE_LABELS","aiJobKindNoun","aiJobPhase","publishAiJob","useAiJobSite","AI_JOBS_PAGE_LIMIT","AI_JOBS_LIST_TIMEOUT_MS","BRIEF_PREVIEW_CHARS","PHASE_COLOR","queued","planning","building","attention","done","failed","canceled","WHEN","Intl","DateTimeFormat","dateStyle","timeStyle","aiJobNetCredits","job","Math","max","creditsSpent","refundedCredits","aiJobKindLabel","kind","noun","charAt","toUpperCase","slice","LOAD_ERROR","readSiteJobs","user","orgId","hostId","signal","response","encodeURIComponent","payload","json","catch","ok","status","message","String","error","jobs","AiJobsListPage","basePath","data","userRef","current","site","list","setList","attempt","setAttempt","uid","undefined","controller","AbortController","settled","timer","setTimeout","abort","then","next","clearTimeout","retry","count","siteName","name","state","maxWidth","sx","py","xs","sm","px","spacing","variant","color","component","alignItems","aria-label","severity","action","size","onClick","length","borderRadius","p","disablePadding","map","index","phase","credits","brief","created","Date","createdAt","href","id","divider","display","direction","flexWrap","rowGap","label","flexGrow","toLocaleString","Number","isNaN","getTime","time","dateTime","format","mt","wordBreak"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-jobs-list-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'use client'\n\nimport { PLATFORM_BRAND_NAME } from '@aglyn/aglyn'\nimport type { ConsolePluginPageProps } from '@aglyn/aglyn/plugin-manager/feature-plugins'\nimport { aiJobRefundCopy } from '../model/ai-job-failure-copy'\nimport { AppLink } from '@aglyn/shared-ui-jsx'\nimport { authorizedFetch, type MaybeTokenSource } from '@aglyn/shared-util-http/authorized-token'\nimport { useUser } from '@aglyn/tenant-feature-instance'\nimport {\n Alert,\n Box,\n Button,\n Card,\n Chip,\n CircularProgress,\n Container,\n List,\n ListItemButton,\n Stack,\n Typography,\n} from '@mui/material'\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { AI_JOB_PHASE_LABELS, aiJobKindNoun, aiJobPhase, type AiJobPhase } from '../model/ai-job-activity'\nimport type { AiJobSummary } from '../model/ai-jobs.types'\nimport { publishAiJob } from './ai-jobs-store'\nimport { useAiJobSite } from './ai-job-site'\n\n/**\n * A site's AI jobs (AGL-3596), at `/ai-jobs` under the site: every job that\n * worked on this site, newest first, each linking to its own page.\n *\n * Read through the jobs route, never Firestore, so the membership, flag and\n * plan rungs that answer every other jobs read answer this one. The site is\n * a query on the route (`hostId`), not a filter of the workspace's list.\n *\n * Every wait ends: the site's read and the list's each settle on content,\n * the empty state, or a sentence with Try again.\n */\n\n/** The most jobs the page lists; the newest, which is what a person comes for. */\nexport const AI_JOBS_PAGE_LIMIT = 50\n\n/** How long the list may take before the page says it could not be loaded. */\nexport const AI_JOBS_LIST_TIMEOUT_MS = 20_000\n\n/** How much of a brief a row shows. */\nconst BRIEF_PREVIEW_CHARS = 120\n\n/** A row's chip, colored as the AI jobs drawer colors it. */\nconst PHASE_COLOR: Record<AiJobPhase, 'default' | 'primary' | 'success' | 'error' | 'warning'> = {\n queued: 'default',\n planning: 'primary',\n 'plan-ready': 'warning',\n building: 'primary',\n attention: 'warning',\n done: 'success',\n failed: 'error',\n canceled: 'default',\n}\n\nconst WHEN = new Intl.DateTimeFormat('en-US', { dateStyle: 'medium', timeStyle: 'short' })\n\n/** What a job cost the person: what it spent, less what we refunded. */\nexport function aiJobNetCredits(job: Pick<AiJobSummary, 'creditsSpent' | 'refundedCredits'>): number {\n return Math.max(0, (job.creditsSpent ?? 0) - (job.refundedCredits ?? 0))\n}\n\n/** The kind as a row names it: `Site`, `Page`, `AI job`. */\nexport function aiJobKindLabel(kind: AiJobSummary['kind']): string {\n const noun = aiJobKindNoun(kind)\n return noun === 'AI job' ? noun : noun.charAt(0).toUpperCase() + noun.slice(1)\n}\n\ntype ListState =\n | { status: 'loading' }\n | { status: 'ready'; jobs: AiJobSummary[] }\n | { status: 'error'; message: string }\n\nconst LOAD_ERROR = 'This site’s AI jobs could not be loaded. Try again in a moment.'\n\nasync function readSiteJobs(\n user: MaybeTokenSource,\n orgId: string,\n hostId: string,\n signal: AbortSignal,\n): Promise<ListState> {\n try {\n const response = await authorizedFetch(\n user,\n `/api/ai/jobs?orgId=${encodeURIComponent(orgId)}&hostId=${encodeURIComponent(hostId)}&limit=${AI_JOBS_PAGE_LIMIT}`,\n { signal },\n )\n const payload = (await response.json().catch(() => null)) as { jobs?: AiJobSummary[]; error?: string } | null\n if (!response.ok) return { status: 'error', message: String(payload?.error ?? LOAD_ERROR) }\n const jobs = payload?.jobs ?? []\n // A job the top-bar indicator still counts that has settled since leaves it.\n for (const job of jobs) publishAiJob(job)\n return { status: 'ready', jobs }\n } catch {\n return { status: 'error', message: LOAD_ERROR }\n }\n}\n\nexport function AiJobsListPage({ hostId, basePath }: ConsolePluginPageProps) {\n const { data: user } = useUser()\n const userRef = useRef<MaybeTokenSource>(user)\n userRef.current = user\n const site = useAiJobSite(hostId)\n const orgId = site.status === 'ready' ? site.orgId : null\n const [list, setList] = useState<ListState>({ status: 'loading' })\n const [attempt, setAttempt] = useState(0)\n const uid = user?.uid ?? null\n\n useEffect(() => {\n if (!orgId || !hostId || !uid) return undefined\n const controller = new AbortController()\n let settled = false\n setList({ status: 'loading' })\n const timer = setTimeout(() => {\n if (settled) return\n settled = true\n controller.abort()\n setList({ status: 'error', message: LOAD_ERROR })\n }, AI_JOBS_LIST_TIMEOUT_MS)\n void readSiteJobs(userRef.current, orgId, hostId, controller.signal).then((next) => {\n if (settled) return\n settled = true\n clearTimeout(timer)\n setList(next)\n })\n return () => {\n settled = true\n clearTimeout(timer)\n controller.abort()\n }\n }, [orgId, hostId, uid, attempt])\n\n const retry = useCallback(() => setAttempt((count) => count + 1), [])\n\n const siteName = site.status === 'ready' ? site.name : ''\n const state: ListState =\n site.status === 'error'\n ? { status: 'error', message: 'This site could not be read. Check your connection and reload the page.' }\n : list\n\n return (\n <Container maxWidth=\"md\" sx={{ py: { xs: 3, sm: 5 }, px: { xs: 2, sm: 3 } }}>\n <Stack spacing={3}>\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 {'AI jobs'}\n </Typography>\n <Typography variant=\"body1\" color=\"text.secondary\">\n {`What ${PLATFORM_BRAND_NAME} AI has done and is doing on this site, newest first.`}\n </Typography>\n </Stack>\n {state.status === 'loading' ? (\n <Stack sx={{ alignItems: 'center', py: 4 }}>\n <CircularProgress aria-label=\"Loading AI jobs\" />\n </Stack>\n ) : state.status === 'error' ? (\n <Alert\n severity=\"warning\"\n action={\n site.status === 'error' ? undefined : (\n <Button color=\"inherit\" size=\"small\" onClick={retry}>\n {'Try again'}\n </Button>\n )\n }\n >\n {state.message}\n </Alert>\n ) : state.jobs.length === 0 ? (\n <Card variant=\"outlined\" sx={{ borderRadius: 2, p: { xs: 2, sm: 3 } }}>\n <Stack spacing={1}>\n <Typography variant=\"h6\" component=\"h2\">\n {'No AI jobs on this site yet'}\n </Typography>\n <Typography variant=\"body1\" color=\"text.secondary\">\n {`An AI job is ${PLATFORM_BRAND_NAME} AI building something for this site from a short ` +\n 'description you write: a page, a page template, a layout, a form or a reusable component. ' +\n 'Each one gets a page here that shows its progress and what it built.'}\n </Typography>\n <Typography variant=\"body1\" color=\"text.secondary\">\n {'To start one, choose Create with AI on this site’s Pages, Templates, Layouts, Forms or ' +\n 'Components page. A new site can also be built with AI when it is created.'}\n </Typography>\n </Stack>\n </Card>\n ) : (\n <Card variant=\"outlined\" sx={{ borderRadius: 2 }}>\n <List disablePadding aria-label=\"AI jobs\">\n {state.jobs.map((job, index) => {\n const phase = aiJobPhase(job)\n const credits = aiJobNetCredits(job)\n const refund = aiJobRefundCopy(job)\n const brief =\n job.brief.length > BRIEF_PREVIEW_CHARS ? `${job.brief.slice(0, BRIEF_PREVIEW_CHARS)}…` : job.brief\n const created = new Date(job.createdAt)\n return (\n <ListItemButton\n key={job.id}\n component={AppLink}\n href={`${basePath ?? ''}/${encodeURIComponent(job.id)}`}\n divider={index < state.jobs.length - 1}\n sx={{ display: 'block', py: 1.5 }}\n >\n <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center', flexWrap: 'wrap', rowGap: 0.5 }}>\n <Chip size=\"small\" variant=\"outlined\" label={aiJobKindLabel(job.kind)} />\n <Chip size=\"small\" color={PHASE_COLOR[phase]} label={AI_JOB_PHASE_LABELS[phase]} />\n <Box sx={{ flexGrow: 1 }} />\n <Typography variant=\"caption\" color=\"text.secondary\">\n {credits > 0 ? `${credits.toLocaleString('en-US')} credits · ` : ''}\n {Number.isNaN(created.getTime()) ? null : (\n <time dateTime={job.createdAt}>{WHEN.format(created)}</time>\n )}\n </Typography>\n </Stack>\n <Typography variant=\"body2\" sx={{ mt: 0.75, wordBreak: 'break-word' }}>\n {brief}\n </Typography>\n {/* What became of its credits, from the job's recorded give-back (AGL-3596). */}\n {refund ? (\n <Typography variant=\"caption\" color=\"text.secondary\" component=\"div\" sx={{ mt: 0.5 }}>\n {refund}\n </Typography>\n ) : null}\n </ListItemButton>\n )\n })}\n </List>\n </Card>\n )}\n {state.status === 'ready' && state.jobs.length >= AI_JOBS_PAGE_LIMIT ? (\n <Typography variant=\"body2\" color=\"text.secondary\">\n {`Showing the ${AI_JOBS_PAGE_LIMIT} most recent jobs.`}\n </Typography>\n ) : null}\n </Stack>\n </Container>\n )\n}\n\nexport default AiJobsListPage\n"],"names":["PLATFORM_BRAND_NAME","aiJobRefundCopy","AppLink","authorizedFetch","useUser","Alert","Box","Button","Card","Chip","CircularProgress","Container","List","ListItemButton","Stack","Typography","useCallback","useEffect","useRef","useState","AI_JOB_PHASE_LABELS","aiJobKindNoun","aiJobPhase","publishAiJob","useAiJobSite","AI_JOBS_PAGE_LIMIT","AI_JOBS_LIST_TIMEOUT_MS","BRIEF_PREVIEW_CHARS","PHASE_COLOR","queued","planning","building","attention","done","failed","canceled","WHEN","Intl","DateTimeFormat","dateStyle","timeStyle","aiJobNetCredits","job","Math","max","creditsSpent","refundedCredits","aiJobKindLabel","kind","noun","charAt","toUpperCase","slice","LOAD_ERROR","readSiteJobs","user","orgId","hostId","signal","response","encodeURIComponent","payload","json","catch","ok","status","message","String","error","jobs","AiJobsListPage","basePath","data","userRef","current","site","list","setList","attempt","setAttempt","uid","undefined","controller","AbortController","settled","timer","setTimeout","abort","then","next","clearTimeout","retry","count","siteName","name","state","maxWidth","sx","py","xs","sm","px","spacing","variant","color","component","alignItems","aria-label","severity","action","size","onClick","length","borderRadius","p","disablePadding","map","index","phase","credits","refund","brief","created","Date","createdAt","href","id","divider","display","direction","flexWrap","rowGap","label","flexGrow","toLocaleString","Number","isNaN","getTime","time","dateTime","format","mt","wordBreak"],"mappings":"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"}
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
*/
|
|
17
17
|
import type { ConsolePluginPageProps } from '@aglyn/aglyn/plugin-manager/feature-plugins';
|
|
18
18
|
import type { MaybeTokenSource } from '@aglyn/shared-util-http/authorized-token';
|
|
19
|
-
import type
|
|
19
|
+
import { type AiJobSummary } from '../model/ai-jobs.types';
|
|
20
20
|
/**
|
|
21
21
|
* "Building your site" (AGL-3594): one job's page, at `/ai-jobs/{jobId}`
|
|
22
22
|
* under its site — where the guided start sends a person the moment they
|
|
@@ -23,7 +23,10 @@ import { useUser } from "@aglyn/tenant-feature-instance";
|
|
|
23
23
|
import { Accordion, AccordionDetails, AccordionSummary, Alert, Box, Button, Card, CircularProgress, Container, LinearProgress, Stack, Typography } from "@mui/material";
|
|
24
24
|
import { useCallback, useEffect, useRef, useState } from "react";
|
|
25
25
|
import { aiJobPageCopy, aiSiteBuildCreditsLine, aiSiteBuildPhase, aiSiteBuildRows } from "../model/ai-site-build-progress.js";
|
|
26
|
-
import { aiSiteStarterFallbackOffered } from "../model/ai-job-failure-copy.js";
|
|
26
|
+
import { aiJobRefundCopy, aiSiteStarterFallbackOffered } from "../model/ai-job-failure-copy.js";
|
|
27
|
+
import { aiSiteStartAnswersFromInputs } from "../model/ai-site-start.js";
|
|
28
|
+
import { AiSiteStartCard } from "./ai-site-start-card.component.js";
|
|
29
|
+
import { AI_JOB_TERMINAL_STATUSES } from "../model/ai-jobs.types.js";
|
|
27
30
|
import { followAiJobEvents } from "./ai-job-events.js";
|
|
28
31
|
import { aiSiteBuildDoneLinks } from "./ai-job-links.js";
|
|
29
32
|
import { resumeAiJobRequest } from "./ai-job-requests.js";
|
|
@@ -55,7 +58,11 @@ import { AiSiteStarterFallback } from "./ai-site-starter-fallback.component.js";
|
|
|
55
58
|
const [job, setJob] = useState(null);
|
|
56
59
|
const [attempt, setAttempt] = useState(0);
|
|
57
60
|
const status = job && typeof job === 'object' ? job.status : null;
|
|
58
|
-
|
|
61
|
+
// Followed until the job ENDS (AGL-3596), not until it first stops: a guided
|
|
62
|
+
// start parks on its plan for the instant it takes to confirm it, and a page
|
|
63
|
+
// that stopped following there showed that park — the plan's 13 credits and
|
|
64
|
+
// "the plan is ready" — after the job had built, spent and failed.
|
|
65
|
+
const moving = status === null || !AI_JOB_TERMINAL_STATUSES.includes(status);
|
|
59
66
|
useEffect(()=>{
|
|
60
67
|
if (!orgId || !jobId || !moving) return undefined;
|
|
61
68
|
const controller = new AbortController();
|
|
@@ -173,17 +180,22 @@ function RowIcon({ state }) {
|
|
|
173
180
|
});
|
|
174
181
|
}
|
|
175
182
|
export function AiSiteBuildPage({ hostId, segments, basePath }) {
|
|
176
|
-
var _split_, _ready_sitePublish;
|
|
183
|
+
var _split_, _ready_sitePublish, _ready_refundedCredits;
|
|
177
184
|
var _ready_review, _ready_review1;
|
|
178
185
|
const { data: user } = useUser();
|
|
179
186
|
const jobId = (segments == null ? void 0 : segments[0]) ? decodeURIComponent(String(segments[0])) : null;
|
|
180
187
|
const orgSlug = (_split_ = (basePath != null ? basePath : '').split('/')[1]) != null ? _split_ : '';
|
|
188
|
+
// `/{orgSlug}/hosts/{subdomain}/ai-jobs`: the site's subdomain, which a console URL names it by.
|
|
189
|
+
const hostSubdomain = (basePath != null ? basePath : '').split('/')[3] || null;
|
|
181
190
|
const site = useAiJobSite(hostId);
|
|
182
191
|
const orgId = site.status === 'ready' ? site.orgId : null;
|
|
183
192
|
const siteName = site.status === 'ready' ? site.name : undefined;
|
|
184
193
|
const [job, setJob, retry] = useAiJobById(user, orgId, jobId);
|
|
185
194
|
const [busy, setBusy] = useState(false);
|
|
186
195
|
const [notice, setNotice] = useState(null);
|
|
196
|
+
// A failed guided start's Try again reopens its questions, filled in (AGL-3596);
|
|
197
|
+
// `?retry=1` — what the AI jobs drawer links — opens them on arrival.
|
|
198
|
+
const [retrying, setRetrying] = useState(()=>typeof window !== 'undefined' && new URLSearchParams(window.location.search).get('retry') === '1');
|
|
187
199
|
const tryAgain = useCallback(async ()=>{
|
|
188
200
|
if (!orgId || !job || typeof job !== 'object') return;
|
|
189
201
|
setBusy(true);
|
|
@@ -276,6 +288,10 @@ export function AiSiteBuildPage({ hostId, segments, basePath }) {
|
|
|
276
288
|
const liveUrl = sitePublish && sitePublish.published.length > 0 ? sitePublish.liveUrl : null;
|
|
277
289
|
const retryRefusal = (_ready_review = ready.review) == null ? void 0 : _ready_review.retryRefusal;
|
|
278
290
|
const canRetry = phase === 'stopped' && ((_ready_review1 = ready.review) == null ? void 0 : _ready_review1.reason) === 'doctrine';
|
|
291
|
+
// A guided start that ended without building its site starts over from its
|
|
292
|
+
// own answers, as a fresh job: the questions reopen filled in.
|
|
293
|
+
const restartAnswers = ready.kind === 'site' && (phase === 'failed' || phase === 'canceled') ? aiSiteStartAnswersFromInputs(ready.siteInputs) : null;
|
|
294
|
+
const refund = phase === 'failed' || phase === 'stopped' || phase === 'canceled' ? aiJobRefundCopy(ready) : null;
|
|
279
295
|
return /*#__PURE__*/ _jsxs(Frame, {
|
|
280
296
|
siteName: siteName,
|
|
281
297
|
heading: copy.heading,
|
|
@@ -337,11 +353,23 @@ export function AiSiteBuildPage({ hostId, segments, basePath }) {
|
|
|
337
353
|
})
|
|
338
354
|
]
|
|
339
355
|
}),
|
|
340
|
-
|
|
356
|
+
refund && ((_ready_refundedCredits = ready.refundedCredits) != null ? _ready_refundedCredits : 0) > 0 ? /*#__PURE__*/ _jsx(Alert, {
|
|
357
|
+
severity: "info",
|
|
358
|
+
children: refund
|
|
359
|
+
}) : credits ? /*#__PURE__*/ _jsx(Typography, {
|
|
341
360
|
variant: "body2",
|
|
342
361
|
color: "text.secondary",
|
|
343
362
|
children: credits
|
|
344
|
-
}),
|
|
363
|
+
}) : null,
|
|
364
|
+
retrying && restartAnswers && hostId ? /*#__PURE__*/ _jsx(AiSiteStartCard, {
|
|
365
|
+
hostId: hostId,
|
|
366
|
+
orgId: orgId != null ? orgId : undefined,
|
|
367
|
+
orgSlug: orgSlug,
|
|
368
|
+
host: hostSubdomain,
|
|
369
|
+
initialAnswers: restartAnswers,
|
|
370
|
+
startBlank: ()=>setRetrying(false),
|
|
371
|
+
leave: ()=>setRetrying(false)
|
|
372
|
+
}) : null,
|
|
345
373
|
sitePublish && sitePublish.drafts.length > 0 && // The pages the publish left as drafts, each with its plain reason;
|
|
346
374
|
// Edit your pages is where they are fixed and published.
|
|
347
375
|
/*#__PURE__*/ _jsxs(Alert, {
|
|
@@ -428,6 +456,11 @@ export function AiSiteBuildPage({ hostId, segments, basePath }) {
|
|
|
428
456
|
}
|
|
429
457
|
},
|
|
430
458
|
children: [
|
|
459
|
+
restartAnswers && hostId && /*#__PURE__*/ _jsx(Button, {
|
|
460
|
+
variant: "contained",
|
|
461
|
+
onClick: ()=>setRetrying(true),
|
|
462
|
+
children: 'Try again'
|
|
463
|
+
}),
|
|
431
464
|
canRetry && /*#__PURE__*/ _jsx(Button, {
|
|
432
465
|
variant: "contained",
|
|
433
466
|
disabled: busy || Boolean(retryRefusal),
|
|
@@ -1 +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 { aiSiteStarterFallbackOffered } from '../model/ai-job-failure-copy'\nimport type { AiJobSummary } from '../model/ai-jobs.types'\nimport { followAiJobEvents } from './ai-job-events'\nimport { aiSiteBuildDoneLinks } from './ai-job-links'\nimport { resumeAiJobRequest } from './ai-job-requests'\nimport { useAiJobSite } from './ai-job-site'\nimport { AiSiteStarterFallback } from './ai-site-starter-fallback.component'\n\n/**\n * \"Building your site\" (AGL-3594): one job's page, at `/ai-jobs/{jobId}`\n * under its site — where the guided start sends a person the moment they\n * plan a site, and where a notification about that job opens.\n *\n * A guided site start confirms its own plan (`autoConfirm`), so there is no\n * approval to make here: the page says what is happening, step by step, live\n * from the job's events route; shows what is being built; and, when the job\n * ends, leads with the next thing to do — the live site and the pages to\n * edit, or, where it stopped, the plain sentence for why and what to do\n * about it. It is linkable and survives a reload, because it reads the job by\n * the id in its own address under the site's own route.\n *\n * Every wait ends (AGL-3596): a site that cannot be read, a job the route\n * does not know, a route that fails, and a first state that never arrives\n * each end on a sentence instead of a spinner.\n *\n * Mounted by `AiJobsPage`, the plugin's unlisted `/ai-jobs` route: no tab on\n * the site's strip, an address under it.\n */\n\n/** How long the job's first state may take before the page says it could not be loaded. */\nexport const AI_JOB_FIRST_STATE_TIMEOUT_MS = 20_000\n\n/**\n * One job, followed by id: its latest summary; `null` while the first state\n * is out; `'missing'` when the route says there is no such job for this\n * reader; `'error'` when the route failed or no state arrived in time.\n */\nexport type AiJobByIdState = AiJobSummary | 'missing' | 'error' | null\n\n/** Follows one job by id. `retry` follows it again after a `'missing'` or `'error'`. */\nexport function useAiJobById(\n user: MaybeTokenSource,\n orgId: string | null,\n jobId: string | null,\n): [AiJobByIdState, (job: AiJobSummary) => void, () => void] {\n const userRef = useRef(user)\n userRef.current = user\n const [job, setJob] = useState<AiJobByIdState>(null)\n const [attempt, setAttempt] = useState(0)\n const status = job && typeof job === 'object' ? job.status : null\n const moving = status === null || status === 'queued' || status === 'running'\n useEffect(() => {\n if (!orgId || !jobId || !moving) return undefined\n const controller = new AbortController()\n let heard = false\n const timer = setTimeout(() => {\n if (!heard) setJob((current) => current ?? 'error')\n }, AI_JOB_FIRST_STATE_TIMEOUT_MS)\n void followAiJobEvents(() => userRef.current, orgId, jobId, controller.signal, (next) => {\n heard = true\n setJob(next)\n }).then((end) => {\n if (heard || controller.signal.aborted) return\n const unheard: AiJobByIdState = end === 'not-found' ? 'missing' : 'error'\n setJob((current) => (current && typeof current === 'object' ? current : unheard))\n })\n return () => {\n clearTimeout(timer)\n controller.abort()\n }\n }, [orgId, jobId, moving, attempt])\n const retry = useCallback(() => {\n setJob(null)\n setAttempt((count) => count + 1)\n }, [])\n return [job, setJob, retry]\n}\n\nconst ROW_ICON: Readonly<Record<Exclude<AiSiteBuildRowState, 'active'>, { path: string; color: string; label: string }>> = {\n done: { path: mdiCheckCircle.path, color: 'success.main', label: 'Done' },\n waiting: { path: mdiClockOutline.path, color: 'text.disabled', label: 'Waiting' },\n failed: { path: mdiAlertCircle.path, color: 'error.main', label: 'Stopped' },\n}\n\nfunction RowIcon({ state }: { state: AiSiteBuildRowState }) {\n if (state === 'active') {\n return <CircularProgress size={20} aria-label=\"In progress\" />\n }\n const icon = ROW_ICON[state]\n return (\n <Box component=\"span\" role=\"img\" aria-label={icon.label} sx={{ color: icon.color, display: 'inline-flex', fontSize: (theme) => theme.spacing(2.5) }}>\n <MdiIcon path={icon.path} aria-hidden />\n </Box>\n )\n}\n\n/** The page's frame: the site's name over the heading and its sentence. */\nfunction Frame({\n siteName,\n heading,\n lede,\n children,\n}: {\n siteName?: string\n heading: string\n lede?: string\n children?: ReactNode\n}) {\n return (\n <Container maxWidth=\"sm\" sx={{ py: { xs: 3, sm: 5 }, px: { xs: 2, sm: 3 } }}>\n <Stack spacing={4}>\n <Stack spacing={1}>\n {siteName ? (\n <Typography variant=\"overline\" color=\"text.secondary\">\n {siteName}\n </Typography>\n ) : null}\n <Typography variant=\"h4\" component=\"h1\">\n {heading}\n </Typography>\n {lede ? (\n <Typography variant=\"body1\" color=\"text.secondary\">\n {lede}\n </Typography>\n ) : null}\n </Stack>\n {children}\n </Stack>\n </Container>\n )\n}\n\nexport function AiSiteBuildPage({ hostId, segments, basePath }: ConsolePluginPageProps) {\n const { data: user } = useUser()\n const jobId = segments?.[0] ? decodeURIComponent(String(segments[0])) : null\n const orgSlug = (basePath ?? '').split('/')[1] ?? ''\n const site = useAiJobSite(hostId)\n const orgId = site.status === 'ready' ? site.orgId : null\n const siteName = site.status === 'ready' ? site.name : undefined\n\n const [job, setJob, retry] = useAiJobById(user, orgId, jobId)\n const [busy, setBusy] = useState(false)\n const [notice, setNotice] = useState<string | null>(null)\n const tryAgain = useCallback(async () => {\n if (!orgId || !job || typeof job !== 'object') return\n setBusy(true)\n setNotice(null)\n const decision = await resumeAiJobRequest(user, orgId, job)\n if (decision.job) setJob(decision.job)\n if (decision.error) setNotice(decision.error)\n setBusy(false)\n }, [orgId, job, user, setJob])\n\n const ready = job && typeof job === 'object' ? job : null\n const copy = ready ? aiJobPageCopy(ready, PLATFORM_BRAND_NAME) : null\n // The shell's header names the job's page as the page does, and its trail\n // walks back to the site's AI jobs.\n const record = <PageHeaderRecord title={copy?.heading} />\n\n if (site.status === 'error') {\n return (\n <Frame heading=\"This site could not be read\">\n <Alert severity=\"warning\">\n {'The site this job belongs to could not be loaded. Check your connection and reload the page.'}\n </Alert>\n </Frame>\n )\n }\n if (job === 'missing') {\n return (\n <Frame siteName={siteName} heading=\"This job could not be found\">\n <Alert severity=\"info\">{'It may belong to another workspace, or it may have expired.'}</Alert>\n {basePath ? (\n <Box>\n <Button variant=\"outlined\" component={AppLink} href={basePath}>\n {'See this site’s AI jobs'}\n </Button>\n </Box>\n ) : null}\n </Frame>\n )\n }\n if (job === 'error') {\n return (\n <Frame siteName={siteName} heading=\"This job could not be loaded\">\n <Alert\n severity=\"warning\"\n action={\n <Button color=\"inherit\" size=\"small\" onClick={retry}>\n {'Try again'}\n </Button>\n }\n >\n {'Something went wrong reading it. It may still be running: try again in a moment.'}\n </Alert>\n </Frame>\n )\n }\n if (!ready || !copy) {\n return (\n <Frame siteName={siteName} heading=\"Building your site\">\n <Stack sx={{ alignItems: 'center', py: 4 }}>\n <CircularProgress aria-label=\"Loading the job\" />\n </Stack>\n </Frame>\n )\n }\n\n const phase = aiSiteBuildPhase(ready)\n const rows = aiSiteBuildRows(ready)\n const credits = aiSiteBuildCreditsLine(ready)\n const links = phase === 'done' ? aiSiteBuildDoneLinks(ready, orgSlug) : { view: null, pages: null }\n const sitePublish = ready.kind === 'site' && phase === 'done' ? (ready.sitePublish ?? null) : null\n const liveUrl = sitePublish && sitePublish.published.length > 0 ? sitePublish.liveUrl : null\n const retryRefusal = ready.review?.retryRefusal\n const canRetry = phase === 'stopped' && ready.review?.reason === 'doctrine'\n\n return (\n <Frame siteName={siteName} heading={copy.heading} lede={copy.lede}>\n {record}\n {notice && <Alert severity=\"warning\">{notice}</Alert>}\n <Card variant=\"outlined\" sx={{ borderRadius: 2 }}>\n {phase === 'working' && <LinearProgress aria-label=\"Building\" />}\n <Box component=\"ol\" aria-label=\"Progress\" sx={{ listStyle: 'none', m: 0, p: { xs: 2, sm: 3 } }}>\n <Stack spacing={2}>\n {rows.map((row) => (\n <Stack component=\"li\" key={row.id} direction=\"row\" spacing={2} sx={{ alignItems: 'center' }}>\n <Box sx={{ width: (theme) => theme.spacing(3), display: 'flex', justifyContent: 'center' }}>\n <RowIcon state={row.state} />\n </Box>\n <Typography\n variant=\"body1\"\n color={row.state === 'waiting' ? 'text.secondary' : 'text.primary'}\n >\n {row.label}\n </Typography>\n </Stack>\n ))}\n </Stack>\n </Box>\n </Card>\n {credits && (\n <Typography variant=\"body2\" color=\"text.secondary\">\n {credits}\n </Typography>\n )}\n {sitePublish && sitePublish.drafts.length > 0 && (\n // The pages the publish left as drafts, each with its plain reason;\n // Edit your pages is where they are fixed and published.\n <Alert severity=\"warning\">\n <Typography variant=\"body2\" sx={{ mb: 1 }}>\n {sitePublish.drafts.length === 1 ? 'This page stayed a draft:' : 'These pages stayed drafts:'}\n </Typography>\n <Box component=\"ul\" sx={{ m: 0, pl: 2.5 }}>\n {sitePublish.drafts.map((draft) => (\n <li key={draft.id}>\n <Typography variant=\"body2\">{`${draft.label}: ${draft.reason}`}</Typography>\n </li>\n ))}\n </Box>\n <Typography variant=\"body2\" sx={{ mt: 1 }}>\n {'Open Edit your pages to fix and publish them.'}\n </Typography>\n </Alert>\n )}\n {phase === 'done' && (\n <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2}>\n {liveUrl ? (\n // The live site, in a tab of its own: the console stays where it is.\n <Button\n variant=\"contained\"\n size=\"large\"\n component=\"a\"\n href={liveUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n {'View your site'}\n </Button>\n ) : links.view ? (\n <Button variant=\"contained\" size=\"large\" component={AppLink} href={links.view}>\n {'View your site'}\n </Button>\n ) : null}\n {links.pages && (\n <Button variant=\"outlined\" size=\"large\" component={AppLink} href={links.pages}>\n {'Edit your pages'}\n </Button>\n )}\n </Stack>\n )}\n {(phase === 'stopped' || phase === 'failed' || phase === 'canceled') && (\n <Stack spacing={1}>\n {retryRefusal && (\n <Typography variant=\"body2\" color=\"text.secondary\">\n {retryRefusal}\n </Typography>\n )}\n <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2} sx={{ alignItems: { sm: 'center' } }}>\n {canRetry && (\n <Button\n variant=\"contained\"\n disabled={busy || Boolean(retryRefusal)}\n onClick={() => void tryAgain()}\n >\n {'Try again'}\n </Button>\n )}\n {aiSiteStarterFallbackOffered(ready) && user ? <AiSiteStarterFallback job={ready} user={user} /> : null}\n </Stack>\n </Stack>\n )}\n {ready.plan && ready.plan.screens.length > 0 && (\n <Accordion variant=\"outlined\" disableGutters sx={{ borderRadius: 2, '&::before': { display: 'none' } }}>\n <AccordionSummary expandIcon={<MdiIcon path={mdiChevronDown.path} />}>\n <Typography variant=\"subtitle1\">{'What we’re building'}</Typography>\n </AccordionSummary>\n <AccordionDetails>\n <Stack component=\"ul\" spacing={1.5} sx={{ m: 0, pl: 2.5 }}>\n {ready.plan.screens.map((screen, index) => (\n <Box component=\"li\" key={`${screen.slug}-${index}`}>\n <Typography variant=\"body1\">{`${screen.title} — ${screen.slug}`}</Typography>\n {screen.sections.length > 0 && (\n <Typography variant=\"body2\" color=\"text.secondary\">\n {screen.sections.map((section) => section.name).join(', ')}\n </Typography>\n )}\n </Box>\n ))}\n </Stack>\n </AccordionDetails>\n </Accordion>\n )}\n </Frame>\n )\n}\n\nexport default AiSiteBuildPage\n"],"names":["PLATFORM_BRAND_NAME","PageHeaderRecord","mdiAlertCircle","mdiCheckCircle","mdiChevronDown","mdiClockOutline","AppLink","MdiIcon","useUser","Accordion","AccordionDetails","AccordionSummary","Alert","Box","Button","Card","CircularProgress","Container","LinearProgress","Stack","Typography","useCallback","useEffect","useRef","useState","aiJobPageCopy","aiSiteBuildCreditsLine","aiSiteBuildPhase","aiSiteBuildRows","aiSiteStarterFallbackOffered","followAiJobEvents","aiSiteBuildDoneLinks","resumeAiJobRequest","useAiJobSite","AiSiteStarterFallback","AI_JOB_FIRST_STATE_TIMEOUT_MS","useAiJobById","user","orgId","jobId","userRef","current","job","setJob","attempt","setAttempt","status","moving","undefined","controller","AbortController","heard","timer","setTimeout","signal","next","then","end","aborted","unheard","clearTimeout","abort","retry","count","ROW_ICON","done","path","color","label","waiting","failed","RowIcon","state","size","aria-label","icon","component","role","sx","display","fontSize","theme","spacing","aria-hidden","Frame","siteName","heading","lede","children","maxWidth","py","xs","sm","px","variant","AiSiteBuildPage","hostId","segments","basePath","ready","data","decodeURIComponent","String","orgSlug","split","site","name","busy","setBusy","notice","setNotice","tryAgain","decision","error","copy","record","title","severity","href","action","onClick","alignItems","phase","rows","credits","links","view","pages","sitePublish","kind","liveUrl","published","length","retryRefusal","review","canRetry","reason","borderRadius","listStyle","m","p","map","row","direction","width","justifyContent","id","drafts","mb","pl","draft","li","mt","target","rel","disabled","Boolean","plan","screens","disableGutters","expandIcon","screen","index","slug","sections","section","join"],"mappings":"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"}
|
|
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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"}
|
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
* limitations under the License.
|
|
16
16
|
*/
|
|
17
17
|
import type { ConsoleHostFirstRunZoneProps } from '@aglyn/aglyn/plugin-manager/feature-plugins';
|
|
18
|
+
import { type AiSiteStartAnswers } from '../model/ai-site-start';
|
|
18
19
|
/**
|
|
19
20
|
* The takeover's surface, for its paper, its bar and its footer alike: the
|
|
20
21
|
* console page's own background (AGL-3596). The paper sits at elevation 0,
|
|
@@ -23,5 +24,13 @@ import type { ConsoleHostFirstRunZoneProps } from '@aglyn/aglyn/plugin-manager/f
|
|
|
23
24
|
export declare const AI_SITE_START_SURFACE_SX: {
|
|
24
25
|
readonly bgcolor: "background.default";
|
|
25
26
|
};
|
|
26
|
-
|
|
27
|
+
/**
|
|
28
|
+
* The guided start, as the `hostFirstRun` zone draws it, or reopened on a
|
|
29
|
+
* failed start's own answers (AGL-3596): `initialAnswers` opens it on the
|
|
30
|
+
* questions, filled in, for the person to adjust and start a fresh job.
|
|
31
|
+
*/
|
|
32
|
+
export type AiSiteStartCardProps = ConsoleHostFirstRunZoneProps & {
|
|
33
|
+
initialAnswers?: AiSiteStartAnswers | null;
|
|
34
|
+
};
|
|
35
|
+
export declare function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leave, initialAnswers, }: AiSiteStartCardProps): import("react").JSX.Element;
|
|
27
36
|
export default AiSiteStartCard;
|
|
@@ -152,7 +152,7 @@ import { publishAiJob } from "./ai-jobs-store.js";
|
|
|
152
152
|
children: children
|
|
153
153
|
});
|
|
154
154
|
}
|
|
155
|
-
export function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leave }) {
|
|
155
|
+
export function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leave, initialAnswers = null }) {
|
|
156
156
|
var _ref;
|
|
157
157
|
const { data: user } = useUser();
|
|
158
158
|
const router = useRouter();
|
|
@@ -162,8 +162,10 @@ export function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leav
|
|
|
162
162
|
userRef.current = user;
|
|
163
163
|
const uid = (_ref = user == null ? void 0 : user.uid) != null ? _ref : null;
|
|
164
164
|
const [verdict, setVerdict] = useState('checking');
|
|
165
|
-
|
|
166
|
-
const
|
|
165
|
+
// Read once: a start reopened on its answers stays one while it is open.
|
|
166
|
+
const reopened = useRef(initialAnswers !== null);
|
|
167
|
+
const [step, setStep] = useState(initialAnswers ? 'describe' : 'choose');
|
|
168
|
+
const [answers, setAnswers] = useState(initialAnswers != null ? initialAnswers : AI_SITE_START_ANSWERS);
|
|
167
169
|
const [busy, setBusy] = useState(false);
|
|
168
170
|
// The starter card's own busy state while `startBlank` runs (AGL-3594).
|
|
169
171
|
const [startingStarter, setStartingStarter] = useState(false);
|
|
@@ -181,8 +183,9 @@ export function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leav
|
|
|
181
183
|
if (active) {
|
|
182
184
|
if ((payload == null ? void 0 : payload.freeTaste) === true) {
|
|
183
185
|
setFreeTaste(true);
|
|
186
|
+
// A reopened start keeps the pages it asked for, within the band.
|
|
184
187
|
setAnswers((current)=>_extends({}, current, {
|
|
185
|
-
pages: AI_SITE_FREE_PAGES.max,
|
|
188
|
+
pages: reopened.current ? Math.min(current.pages, AI_SITE_FREE_PAGES.max) : AI_SITE_FREE_PAGES.max,
|
|
186
189
|
welcomeEmail: false
|
|
187
190
|
}));
|
|
188
191
|
}
|