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

package/src/lib/components/ai-jobs-list-page.component.d.ts

@@ -0,0 +1,23 @@
+import type { ConsolePluginPageProps } from '@aglyn/aglyn/plugin-manager/feature-plugins';
+import type { AiJobSummary } from '../model/ai-jobs.types';
+/**
+ * A site's AI jobs (AGL-3596), at `/ai-jobs` under the site: every job that
+ * worked on this site, newest first, each linking to its own page.
+ *
+ * Read through the jobs route, never Firestore, so the membership, flag and
+ * plan rungs that answer every other jobs read answer this one. The site is
+ * a query on the route (`hostId`), not a filter of the workspace's list.
+ *
+ * Every wait ends: the site's read and the list's each settle on content,
+ * the empty state, or a sentence with Try again.
+ */
+/** The most jobs the page lists; the newest, which is what a person comes for. */
+export declare const AI_JOBS_PAGE_LIMIT = 50;
+/** How long the list may take before the page says it could not be loaded. */
+export declare const AI_JOBS_LIST_TIMEOUT_MS = 20000;
+/** What a job cost the person: what it spent, less what we refunded. */
+export declare function aiJobNetCredits(job: Pick<AiJobSummary, 'creditsSpent' | 'refundedCredits'>): number;
+/** The kind as a row names it: `Site`, `Page`, `AI job`. */
+export declare function aiJobKindLabel(kind: AiJobSummary['kind']): string;
+export declare function AiJobsListPage({ hostId, basePath }: ConsolePluginPageProps): import("react").JSX.Element;
+export default AiJobsListPage;

package/src/lib/components/ai-jobs-list-page.component.js

@@ -0,0 +1,314 @@
+/**
+ * @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.
+ */ 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PLATFORM_BRAND_NAME } from "@aglyn/aglyn";
+import { aiJobRefundCopy } from "../model/ai-job-failure-copy.js";
+import { AppLink } from "@aglyn/shared-ui-jsx";
+import { authorizedFetch } from "@aglyn/shared-util-http/authorized-token";
+import { useUser } from "@aglyn/tenant-feature-instance";
+import { Alert, Box, Button, Card, Chip, CircularProgress, Container, List, ListItemButton, Stack, Typography } from "@mui/material";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { AI_JOB_PHASE_LABELS, aiJobKindNoun, aiJobPhase } from "../model/ai-job-activity.js";
+import { publishAiJob } from "./ai-jobs-store.js";
+import { useAiJobSite } from "./ai-job-site.js";
+/**
+ * A site's AI jobs (AGL-3596), at `/ai-jobs` under the site: every job that
+ * worked on this site, newest first, each linking to its own page.
+ *
+ * Read through the jobs route, never Firestore, so the membership, flag and
+ * plan rungs that answer every other jobs read answer this one. The site is
+ * a query on the route (`hostId`), not a filter of the workspace's list.
+ *
+ * Every wait ends: the site's read and the list's each settle on content,
+ * the empty state, or a sentence with Try again.
+ */ /** The most jobs the page lists; the newest, which is what a person comes for. */ export const AI_JOBS_PAGE_LIMIT = 50;
+/** How long the list may take before the page says it could not be loaded. */ export const AI_JOBS_LIST_TIMEOUT_MS = 20000;
+/** How much of a brief a row shows. */ const BRIEF_PREVIEW_CHARS = 120;
+/** A row's chip, colored as the AI jobs drawer colors it. */ const PHASE_COLOR = {
+    queued: 'default',
+    planning: 'primary',
+    'plan-ready': 'warning',
+    building: 'primary',
+    attention: 'warning',
+    done: 'success',
+    failed: 'error',
+    canceled: 'default'
+};
+const WHEN = new Intl.DateTimeFormat('en-US', {
+    dateStyle: 'medium',
+    timeStyle: 'short'
+});
+/** What a job cost the person: what it spent, less what we refunded. */ export function aiJobNetCredits(job) {
+    var _job_creditsSpent, _job_refundedCredits;
+    return Math.max(0, ((_job_creditsSpent = job.creditsSpent) != null ? _job_creditsSpent : 0) - ((_job_refundedCredits = job.refundedCredits) != null ? _job_refundedCredits : 0));
+}
+/** The kind as a row names it: `Site`, `Page`, `AI job`. */ export function aiJobKindLabel(kind) {
+    const noun = aiJobKindNoun(kind);
+    return noun === 'AI job' ? noun : noun.charAt(0).toUpperCase() + noun.slice(1);
+}
+const LOAD_ERROR = 'This site’s AI jobs could not be loaded. Try again in a moment.';
+async function readSiteJobs(user, orgId, hostId, signal) {
+    try {
+        var _ref, _ref1;
+        const response = await authorizedFetch(user, `/api/ai/jobs?orgId=${encodeURIComponent(orgId)}&hostId=${encodeURIComponent(hostId)}&limit=${AI_JOBS_PAGE_LIMIT}`, {
+            signal
+        });
+        const payload = await response.json().catch(()=>null);
+        if (!response.ok) return {
+            status: 'error',
+            message: String((_ref = payload == null ? void 0 : payload.error) != null ? _ref : LOAD_ERROR)
+        };
+        const jobs = (_ref1 = payload == null ? void 0 : payload.jobs) != null ? _ref1 : [];
+        // A job the top-bar indicator still counts that has settled since leaves it.
+        for (const job of jobs)publishAiJob(job);
+        return {
+            status: 'ready',
+            jobs
+        };
+    } catch (unused) {
+        return {
+            status: 'error',
+            message: LOAD_ERROR
+        };
+    }
+}
+export function AiJobsListPage({ hostId, basePath }) {
+    var _ref;
+    const { data: user } = useUser();
+    const userRef = useRef(user);
+    userRef.current = user;
+    const site = useAiJobSite(hostId);
+    const orgId = site.status === 'ready' ? site.orgId : null;
+    const [list, setList] = useState({
+        status: 'loading'
+    });
+    const [attempt, setAttempt] = useState(0);
+    const uid = (_ref = user == null ? void 0 : user.uid) != null ? _ref : null;
+    useEffect(()=>{
+        if (!orgId || !hostId || !uid) return undefined;
+        const controller = new AbortController();
+        let settled = false;
+        setList({
+            status: 'loading'
+        });
+        const timer = setTimeout(()=>{
+            if (settled) return;
+            settled = true;
+            controller.abort();
+            setList({
+                status: 'error',
+                message: LOAD_ERROR
+            });
+        }, AI_JOBS_LIST_TIMEOUT_MS);
+        void readSiteJobs(userRef.current, orgId, hostId, controller.signal).then((next)=>{
+            if (settled) return;
+            settled = true;
+            clearTimeout(timer);
+            setList(next);
+        });
+        return ()=>{
+            settled = true;
+            clearTimeout(timer);
+            controller.abort();
+        };
+    }, [
+        orgId,
+        hostId,
+        uid,
+        attempt
+    ]);
+    const retry = useCallback(()=>setAttempt((count)=>count + 1), []);
+    const siteName = site.status === 'ready' ? site.name : '';
+    const state = site.status === 'error' ? {
+        status: 'error',
+        message: 'This site could not be read. Check your connection and reload the page.'
+    } : list;
+    return /*#__PURE__*/ _jsx(Container, {
+        maxWidth: "md",
+        sx: {
+            py: {
+                xs: 3,
+                sm: 5
+            },
+            px: {
+                xs: 2,
+                sm: 3
+            }
+        },
+        children: /*#__PURE__*/ _jsxs(Stack, {
+            spacing: 3,
+            children: [
+                /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 1,
+                    children: [
+                        siteName ? /*#__PURE__*/ _jsx(Typography, {
+                            variant: "overline",
+                            color: "text.secondary",
+                            children: siteName
+                        }) : null,
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "h4",
+                            component: "h1",
+                            children: 'AI jobs'
+                        }),
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body1",
+                            color: "text.secondary",
+                            children: `What ${PLATFORM_BRAND_NAME} AI has done and is doing on this site, newest first.`
+                        })
+                    ]
+                }),
+                state.status === 'loading' ? /*#__PURE__*/ _jsx(Stack, {
+                    sx: {
+                        alignItems: 'center',
+                        py: 4
+                    },
+                    children: /*#__PURE__*/ _jsx(CircularProgress, {
+                        "aria-label": "Loading AI jobs"
+                    })
+                }) : state.status === 'error' ? /*#__PURE__*/ _jsx(Alert, {
+                    severity: "warning",
+                    action: site.status === 'error' ? undefined : /*#__PURE__*/ _jsx(Button, {
+                        color: "inherit",
+                        size: "small",
+                        onClick: retry,
+                        children: 'Try again'
+                    }),
+                    children: state.message
+                }) : state.jobs.length === 0 ? /*#__PURE__*/ _jsx(Card, {
+                    variant: "outlined",
+                    sx: {
+                        borderRadius: 2,
+                        p: {
+                            xs: 2,
+                            sm: 3
+                        }
+                    },
+                    children: /*#__PURE__*/ _jsxs(Stack, {
+                        spacing: 1,
+                        children: [
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "h6",
+                                component: "h2",
+                                children: 'No AI jobs on this site yet'
+                            }),
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "body1",
+                                color: "text.secondary",
+                                children: `An AI job is ${PLATFORM_BRAND_NAME} AI building something for this site from a short ` + 'description you write: a page, a page template, a layout, a form or a reusable component. ' + 'Each one gets a page here that shows its progress and what it built.'
+                            }),
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "body1",
+                                color: "text.secondary",
+                                children: 'To start one, choose Create with AI on this site’s Pages, Templates, Layouts, Forms or ' + 'Components page. A new site can also be built with AI when it is created.'
+                            })
+                        ]
+                    })
+                }) : /*#__PURE__*/ _jsx(Card, {
+                    variant: "outlined",
+                    sx: {
+                        borderRadius: 2
+                    },
+                    children: /*#__PURE__*/ _jsx(List, {
+                        disablePadding: true,
+                        "aria-label": "AI jobs",
+                        children: state.jobs.map((job, index)=>{
+                            const phase = aiJobPhase(job);
+                            const credits = aiJobNetCredits(job);
+                            const refund = aiJobRefundCopy(job);
+                            const brief = job.brief.length > BRIEF_PREVIEW_CHARS ? `${job.brief.slice(0, BRIEF_PREVIEW_CHARS)}…` : job.brief;
+                            const created = new Date(job.createdAt);
+                            return /*#__PURE__*/ _jsxs(ListItemButton, {
+                                component: AppLink,
+                                href: `${basePath != null ? basePath : ''}/${encodeURIComponent(job.id)}`,
+                                divider: index < state.jobs.length - 1,
+                                sx: {
+                                    display: 'block',
+                                    py: 1.5
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsxs(Stack, {
+                                        direction: "row",
+                                        spacing: 1,
+                                        sx: {
+                                            alignItems: 'center',
+                                            flexWrap: 'wrap',
+                                            rowGap: 0.5
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Chip, {
+                                                size: "small",
+                                                variant: "outlined",
+                                                label: aiJobKindLabel(job.kind)
+                                            }),
+                                            /*#__PURE__*/ _jsx(Chip, {
+                                                size: "small",
+                                                color: PHASE_COLOR[phase],
+                                                label: AI_JOB_PHASE_LABELS[phase]
+                                            }),
+                                            /*#__PURE__*/ _jsx(Box, {
+                                                sx: {
+                                                    flexGrow: 1
+                                                }
+                                            }),
+                                            /*#__PURE__*/ _jsxs(Typography, {
+                                                variant: "caption",
+                                                color: "text.secondary",
+                                                children: [
+                                                    credits > 0 ? `${credits.toLocaleString('en-US')} credits · ` : '',
+                                                    Number.isNaN(created.getTime()) ? null : /*#__PURE__*/ _jsx("time", {
+                                                        dateTime: job.createdAt,
+                                                        children: WHEN.format(created)
+                                                    })
+                                                ]
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsx(Typography, {
+                                        variant: "body2",
+                                        sx: {
+                                            mt: 0.75,
+                                            wordBreak: 'break-word'
+                                        },
+                                        children: brief
+                                    }),
+                                    refund ? /*#__PURE__*/ _jsx(Typography, {
+                                        variant: "caption",
+                                        color: "text.secondary",
+                                        component: "div",
+                                        sx: {
+                                            mt: 0.5
+                                        },
+                                        children: refund
+                                    }) : null
+                                ]
+                            }, job.id);
+                        })
+                    })
+                }),
+                state.status === 'ready' && state.jobs.length >= AI_JOBS_PAGE_LIMIT ? /*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    color: "text.secondary",
+                    children: `Showing the ${AI_JOBS_PAGE_LIMIT} most recent jobs.`
+                }) : null
+            ]
+        })
+    });
+}
+export default AiJobsListPage;
+
+//# sourceMappingURL=ai-jobs-list-page.component.js.map

package/src/lib/components/ai-jobs-list-page.component.js.map

@@ -0,0 +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":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;AAEA,SAASA,mBAAmB,QAAQ,eAAc;AAElD,SAASC,eAAe,QAAQ,kCAA8B;AAC9D,SAASC,OAAO,QAAQ,uBAAsB;AAC9C,SAASC,eAAe,QAA+B,2CAA0C;AACjG,SAASC,OAAO,QAAQ,iCAAgC;AACxD,SACEC,KAAK,EACLC,GAAG,EACHC,MAAM,EACNC,IAAI,EACJC,IAAI,EACJC,gBAAgB,EAChBC,SAAS,EACTC,IAAI,EACJC,cAAc,EACdC,KAAK,EACLC,UAAU,QACL,gBAAe;AACtB,SAASC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAChE,SAASC,mBAAmB,EAAEC,aAAa,EAAEC,UAAU,QAAyB,8BAA0B;AAE1G,SAASC,YAAY,QAAQ,qBAAiB;AAC9C,SAASC,YAAY,QAAQ,mBAAe;AAE5C;;;;;;;;;;CAUC,GAED,gFAAgF,GAChF,OAAO,MAAMC,qBAAqB,GAAE;AAEpC,4EAA4E,GAC5E,OAAO,MAAMC,0BAA0B,MAAM;AAE7C,qCAAqC,GACrC,MAAMC,sBAAsB;AAE5B,2DAA2D,GAC3D,MAAMC,cAA2F;IAC/FC,QAAQ;IACRC,UAAU;IACV,cAAc;IACdC,UAAU;IACVC,WAAW;IACXC,MAAM;IACNC,QAAQ;IACRC,UAAU;AACZ;AAEA,MAAMC,OAAO,IAAIC,KAAKC,cAAc,CAAC,SAAS;IAAEC,WAAW;IAAUC,WAAW;AAAQ;AAExF,sEAAsE,GACtE,OAAO,SAASC,gBAAgBC,GAA2D;QACrEA,mBAA0BA;IAA9C,OAAOC,KAAKC,GAAG,CAAC,GAAG,EAACF,oBAAAA,IAAIG,YAAY,YAAhBH,oBAAoB,OAAMA,uBAAAA,IAAII,eAAe,YAAnBJ,uBAAuB;AACvE;AAEA,0DAA0D,GAC1D,OAAO,SAASK,eAAeC,IAA0B;IACvD,MAAMC,OAAO5B,cAAc2B;IAC3B,OAAOC,SAAS,WAAWA,OAAOA,KAAKC,MAAM,CAAC,GAAGC,WAAW,KAAKF,KAAKG,KAAK,CAAC;AAC9E;AAOA,MAAMC,aAAa;AAEnB,eAAeC,aACbC,IAAsB,EACtBC,KAAa,EACbC,MAAc,EACdC,MAAmB;IAEnB,IAAI;;QACF,MAAMC,WAAW,MAAMxD,gBACrBoD,MACA,CAAC,mBAAmB,EAAEK,mBAAmBJ,OAAO,QAAQ,EAAEI,mBAAmBH,QAAQ,OAAO,EAAEhC,oBAAoB,EAClH;YAAEiC;QAAO;QAEX,MAAMG,UAAW,MAAMF,SAASG,IAAI,GAAGC,KAAK,CAAC,IAAM;QACnD,IAAI,CAACJ,SAASK,EAAE,EAAE,OAAO;YAAEC,QAAQ;YAASC,SAASC,eAAON,2BAAAA,QAASO,KAAK,mBAAIf;QAAY;QAC1F,MAAMgB,gBAAOR,2BAAAA,QAASQ,IAAI,oBAAI,EAAE;QAChC,6EAA6E;QAC7E,KAAK,MAAM3B,OAAO2B,KAAM9C,aAAamB;QACrC,OAAO;YAAEuB,QAAQ;YAASI;QAAK;IACjC,EAAE,eAAM;QACN,OAAO;YAAEJ,QAAQ;YAASC,SAASb;QAAW;IAChD;AACF;AAEA,OAAO,SAASiB,eAAe,EAAEb,MAAM,EAAEc,QAAQ,EAA0B;;IACzE,MAAM,EAAEC,MAAMjB,IAAI,EAAE,GAAGnD;IACvB,MAAMqE,UAAUvD,OAAyBqC;IACzCkB,QAAQC,OAAO,GAAGnB;IAClB,MAAMoB,OAAOnD,aAAaiC;IAC1B,MAAMD,QAAQmB,KAAKV,MAAM,KAAK,UAAUU,KAAKnB,KAAK,GAAG;IACrD,MAAM,CAACoB,MAAMC,QAAQ,GAAG1D,SAAoB;QAAE8C,QAAQ;IAAU;IAChE,MAAM,CAACa,SAASC,WAAW,GAAG5D,SAAS;IACvC,MAAM6D,cAAMzB,wBAAAA,KAAMyB,GAAG,mBAAI;IAEzB/D,UAAU;QACR,IAAI,CAACuC,SAAS,CAACC,UAAU,CAACuB,KAAK,OAAOC;QACtC,MAAMC,aAAa,IAAIC;QACvB,IAAIC,UAAU;QACdP,QAAQ;YAAEZ,QAAQ;QAAU;QAC5B,MAAMoB,QAAQC,WAAW;YACvB,IAAIF,SAAS;YACbA,UAAU;YACVF,WAAWK,KAAK;YAChBV,QAAQ;gBAAEZ,QAAQ;gBAASC,SAASb;YAAW;QACjD,GAAG3B;QACH,KAAK4B,aAAamB,QAAQC,OAAO,EAAElB,OAAOC,QAAQyB,WAAWxB,MAAM,EAAE8B,IAAI,CAAC,CAACC;YACzE,IAAIL,SAAS;YACbA,UAAU;YACVM,aAAaL;YACbR,QAAQY;QACV;QACA,OAAO;YACLL,UAAU;YACVM,aAAaL;YACbH,WAAWK,KAAK;QAClB;IACF,GAAG;QAAC/B;QAAOC;QAAQuB;QAAKF;KAAQ;IAEhC,MAAMa,QAAQ3E,YAAY,IAAM+D,WAAW,CAACa,QAAUA,QAAQ,IAAI,EAAE;IAEpE,MAAMC,WAAWlB,KAAKV,MAAM,KAAK,UAAUU,KAAKmB,IAAI,GAAG;IACvD,MAAMC,QACJpB,KAAKV,MAAM,KAAK,UACZ;QAAEA,QAAQ;QAASC,SAAS;IAA0E,IACtGU;IAEN,qBACE,KAACjE;QAAUqF,UAAS;QAAKC,IAAI;YAAEC,IAAI;gBAAEC,IAAI;gBAAGC,IAAI;YAAE;YAAGC,IAAI;gBAAEF,IAAI;gBAAGC,IAAI;YAAE;QAAE;kBACxE,cAAA,MAACtF;YAAMwF,SAAS;;8BACd,MAACxF;oBAAMwF,SAAS;;wBACbT,yBACC,KAAC9E;4BAAWwF,SAAQ;4BAAWC,OAAM;sCAClCX;6BAED;sCACJ,KAAC9E;4BAAWwF,SAAQ;4BAAKE,WAAU;sCAChC;;sCAEH,KAAC1F;4BAAWwF,SAAQ;4BAAQC,OAAM;sCAC/B,CAAC,KAAK,EAAExG,oBAAoB,qDAAqD,CAAC;;;;gBAGtF+F,MAAM9B,MAAM,KAAK,0BAChB,KAACnD;oBAAMmF,IAAI;wBAAES,YAAY;wBAAUR,IAAI;oBAAE;8BACvC,cAAA,KAACxF;wBAAiBiG,cAAW;;qBAE7BZ,MAAM9B,MAAM,KAAK,wBACnB,KAAC5D;oBACCuG,UAAS;oBACTC,QACElC,KAAKV,MAAM,KAAK,UAAUgB,0BACxB,KAAC1E;wBAAOiG,OAAM;wBAAUM,MAAK;wBAAQC,SAASpB;kCAC3C;;8BAKNI,MAAM7B,OAAO;qBAEd6B,MAAM1B,IAAI,CAAC2C,MAAM,KAAK,kBACxB,KAACxG;oBAAK+F,SAAQ;oBAAWN,IAAI;wBAAEgB,cAAc;wBAAGC,GAAG;4BAAEf,IAAI;4BAAGC,IAAI;wBAAE;oBAAE;8BAClE,cAAA,MAACtF;wBAAMwF,SAAS;;0CACd,KAACvF;gCAAWwF,SAAQ;gCAAKE,WAAU;0CAChC;;0CAEH,KAAC1F;gCAAWwF,SAAQ;gCAAQC,OAAM;0CAC/B,CAAC,aAAa,EAAExG,oBAAoB,kDAAkD,CAAC,GACtF,+FACA;;0CAEJ,KAACe;gCAAWwF,SAAQ;gCAAQC,OAAM;0CAC/B,4FACC;;;;mCAKR,KAAChG;oBAAK+F,SAAQ;oBAAWN,IAAI;wBAAEgB,cAAc;oBAAE;8BAC7C,cAAA,KAACrG;wBAAKuG,cAAc;wBAACR,cAAW;kCAC7BZ,MAAM1B,IAAI,CAAC+C,GAAG,CAAC,CAAC1E,KAAK2E;4BACpB,MAAMC,QAAQhG,WAAWoB;4BACzB,MAAM6E,UAAU9E,gBAAgBC;4BAChC,MAAM8E,SAASvH,gBAAgByC;4BAC/B,MAAM+E,QACJ/E,IAAI+E,KAAK,CAACT,MAAM,GAAGrF,sBAAsB,GAAGe,IAAI+E,KAAK,CAACrE,KAAK,CAAC,GAAGzB,qBAAqB,CAAC,CAAC,GAAGe,IAAI+E,KAAK;4BACpG,MAAMC,UAAU,IAAIC,KAAKjF,IAAIkF,SAAS;4BACtC,qBACE,MAAC/G;gCAEC4F,WAAWvG;gCACX2H,MAAM,GAAGtD,mBAAAA,WAAY,GAAG,CAAC,EAAEX,mBAAmBlB,IAAIoF,EAAE,GAAG;gCACvDC,SAASV,QAAQtB,MAAM1B,IAAI,CAAC2C,MAAM,GAAG;gCACrCf,IAAI;oCAAE+B,SAAS;oCAAS9B,IAAI;gCAAI;;kDAEhC,MAACpF;wCAAMmH,WAAU;wCAAM3B,SAAS;wCAAGL,IAAI;4CAAES,YAAY;4CAAUwB,UAAU;4CAAQC,QAAQ;wCAAI;;0DAC3F,KAAC1H;gDAAKqG,MAAK;gDAAQP,SAAQ;gDAAW6B,OAAOrF,eAAeL,IAAIM,IAAI;;0DACpE,KAACvC;gDAAKqG,MAAK;gDAAQN,OAAO5E,WAAW,CAAC0F,MAAM;gDAAEc,OAAOhH,mBAAmB,CAACkG,MAAM;;0DAC/E,KAAChH;gDAAI2F,IAAI;oDAAEoC,UAAU;gDAAE;;0DACvB,MAACtH;gDAAWwF,SAAQ;gDAAUC,OAAM;;oDACjCe,UAAU,IAAI,GAAGA,QAAQe,cAAc,CAAC,SAAS,WAAW,CAAC,GAAG;oDAChEC,OAAOC,KAAK,CAACd,QAAQe,OAAO,MAAM,qBACjC,KAACC;wDAAKC,UAAUjG,IAAIkF,SAAS;kEAAGxF,KAAKwG,MAAM,CAAClB;;;;;;kDAIlD,KAAC3G;wCAAWwF,SAAQ;wCAAQN,IAAI;4CAAE4C,IAAI;4CAAMC,WAAW;wCAAa;kDACjErB;;oCAGFD,uBACC,KAACzG;wCAAWwF,SAAQ;wCAAUC,OAAM;wCAAiBC,WAAU;wCAAMR,IAAI;4CAAE4C,IAAI;wCAAI;kDAChFrB;yCAED;;+BAzBC9E,IAAIoF,EAAE;wBA4BjB;;;gBAIL/B,MAAM9B,MAAM,KAAK,WAAW8B,MAAM1B,IAAI,CAAC2C,MAAM,IAAIvF,mCAChD,KAACV;oBAAWwF,SAAQ;oBAAQC,OAAM;8BAC/B,CAAC,YAAY,EAAE/E,mBAAmB,kBAAkB,CAAC;qBAEtD;;;;AAIZ;AAEA,eAAe6C,eAAc"}

package/src/lib/components/ai-jobs-page.component.d.ts

@@ -0,0 +1,7 @@
+import type { ConsolePluginPageProps } from '@aglyn/aglyn/plugin-manager/feature-plugins';
+/**
+ * The AI plugin's `/ai-jobs` route under a site (AGL-3596): the bare address
+ * lists the site's jobs, and `/ai-jobs/{jobId}` is one job's page.
+ */
+export declare function AiJobsPage(props: ConsolePluginPageProps): import("react").JSX.Element;
+export default AiJobsPage;

package/src/lib/components/ai-jobs-page.component.js

@@ -0,0 +1,30 @@
+/**
+ * @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.
+ */ 'use client';
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AiJobsListPage } from "./ai-jobs-list-page.component.js";
+import { AiSiteBuildPage } from "./ai-site-build-page.component.js";
+/**
+ * The AI plugin's `/ai-jobs` route under a site (AGL-3596): the bare address
+ * lists the site's jobs, and `/ai-jobs/{jobId}` is one job's page.
+ */ export function AiJobsPage(props) {
+    var _props_segments;
+    return ((_props_segments = props.segments) == null ? void 0 : _props_segments[0]) ? /*#__PURE__*/ _jsx(AiSiteBuildPage, _extends({}, props)) : /*#__PURE__*/ _jsx(AiJobsListPage, _extends({}, props));
+}
+export default AiJobsPage;
+
+//# sourceMappingURL=ai-jobs-page.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-jobs-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 type { ConsolePluginPageProps } from '@aglyn/aglyn/plugin-manager/feature-plugins'\nimport { AiJobsListPage } from './ai-jobs-list-page.component'\nimport { AiSiteBuildPage } from './ai-site-build-page.component'\n\n/**\n * The AI plugin's `/ai-jobs` route under a site (AGL-3596): the bare address\n * lists the site's jobs, and `/ai-jobs/{jobId}` is one job's page.\n */\nexport function AiJobsPage(props: ConsolePluginPageProps) {\n  return props.segments?.[0] ? <AiSiteBuildPage {...props} /> : <AiJobsListPage {...props} />\n}\n\nexport default AiJobsPage\n"],"names":["AiJobsListPage","AiSiteBuildPage","AiJobsPage","props","segments"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;;AAGA,SAASA,cAAc,QAAQ,mCAA+B;AAC9D,SAASC,eAAe,QAAQ,oCAAgC;AAEhE;;;CAGC,GACD,OAAO,SAASC,WAAWC,KAA6B;QAC/CA;IAAP,OAAOA,EAAAA,kBAAAA,MAAMC,QAAQ,qBAAdD,eAAgB,CAAC,EAAE,kBAAG,KAACF,8BAAoBE,wBAAY,KAACH,6BAAmBG;AACpF;AAEA,eAAeD,WAAU"}

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

@@ -17,7 +17,7 @@
 import { type AiBriefDialogProps } from './ai-brief-dialog.component';
 /**
  * "Describe a page" (AGL-2907): the brief dialog both page entry points open,
- * the Screens page's "Describe it" and the Assist panel's AI jobs.
+ * the Screens page's "Create with AI" and the Assist panel's AI jobs.
  *
  * It is the shared brief dialog for a `page` job (AGL-3043): one text box and
  * an optional page type. The job plans first; the dialog then follows it and

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-page-brief-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 { AiBriefDialog, type AiBriefDialogProps } from './ai-brief-dialog.component'\n\n/**\n * \"Describe a page\" (AGL-2907): the brief dialog both page entry points open,\n * the Screens page's \"Describe it\" and the Assist panel's AI jobs.\n *\n * It is the shared brief dialog for a `page` job (AGL-3043): one text box and\n * an optional page type. The job plans first; the dialog then follows it and\n * offers its plan to confirm, as AI jobs does (AGL-3593). Nothing is built\n * until the member confirms.\n */\n\nexport type AiPageBriefDialogProps = Omit<AiBriefDialogProps, 'kind'>\n\nexport function AiPageBriefDialog(props: AiPageBriefDialogProps) {\n  return <AiBriefDialog {...props} kind=\"page\" />\n}\n\nexport default AiPageBriefDialog\n"],"names":["AiBriefDialog","AiPageBriefDialog","props","kind"],"mappings":"AAAA;;;AAEA;;;;;;;;;;;;;;;CAeC,GAED,SAASA,aAAa,QAAiC,iCAA6B;AAcpF,OAAO,SAASC,kBAAkBC,KAA6B;IAC7D,qBAAO,KAACF,4BAAkBE;QAAOC,MAAK;;AACxC;AAEA,eAAeF,kBAAiB"}
+{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-page-brief-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 { AiBriefDialog, type AiBriefDialogProps } from './ai-brief-dialog.component'\n\n/**\n * \"Describe a page\" (AGL-2907): the brief dialog both page entry points open,\n * the Screens page's \"Create with AI\" and the Assist panel's AI jobs.\n *\n * It is the shared brief dialog for a `page` job (AGL-3043): one text box and\n * an optional page type. The job plans first; the dialog then follows it and\n * offers its plan to confirm, as AI jobs does (AGL-3593). Nothing is built\n * until the member confirms.\n */\n\nexport type AiPageBriefDialogProps = Omit<AiBriefDialogProps, 'kind'>\n\nexport function AiPageBriefDialog(props: AiPageBriefDialogProps) {\n  return <AiBriefDialog {...props} kind=\"page\" />\n}\n\nexport default AiPageBriefDialog\n"],"names":["AiBriefDialog","AiPageBriefDialog","props","kind"],"mappings":"AAAA;;;AAEA;;;;;;;;;;;;;;;CAeC,GAED,SAASA,aAAa,QAAiC,iCAA6B;AAcpF,OAAO,SAASC,kBAAkBC,KAA6B;IAC7D,qBAAO,KAACF,4BAAkBE;QAAOC,MAAK;;AACxC;AAEA,eAAeF,kBAAiB"}

package/src/lib/components/ai-site-build-page.component.d.ts

@@ -16,8 +16,36 @@
  */
 import type { ConsolePluginPageProps } from '@aglyn/aglyn/plugin-manager/feature-plugins';
 import type { MaybeTokenSource } from '@aglyn/shared-util-http/authorized-token';
-import type { AiJobSummary } from '../model/ai-jobs.types';
-/** Follows one job by id: its latest summary, `null` while the first state is out, `'missing'` when the route had none. */
-export declare function useAiJobById(user: MaybeTokenSource, orgId: string | null, jobId: string | null): [AiJobSummary | 'missing' | null, (job: AiJobSummary) => void];
+import { type AiJobSummary } from '../model/ai-jobs.types';
+/**
+ * "Building your site" (AGL-3594): one job's page, at `/ai-jobs/{jobId}`
+ * under its site — where the guided start sends a person the moment they
+ * plan a site, and where a notification about that job opens.
+ *
+ * A guided site start confirms its own plan (`autoConfirm`), so there is no
+ * approval to make here: the page says what is happening, step by step, live
+ * from the job's events route; shows what is being built; and, when the job
+ * ends, leads with the next thing to do — the live site and the pages to
+ * edit, or, where it stopped, the plain sentence for why and what to do
+ * about it. It is linkable and survives a reload, because it reads the job by
+ * the id in its own address under the site's own route.
+ *
+ * Every wait ends (AGL-3596): a site that cannot be read, a job the route
+ * does not know, a route that fails, and a first state that never arrives
+ * each end on a sentence instead of a spinner.
+ *
+ * Mounted by `AiJobsPage`, the plugin's unlisted `/ai-jobs` route: no tab on
+ * the site's strip, an address under it.
+ */
+/** How long the job's first state may take before the page says it could not be loaded. */
+export declare const AI_JOB_FIRST_STATE_TIMEOUT_MS = 20000;
+/**
+ * One job, followed by id: its latest summary; `null` while the first state
+ * is out; `'missing'` when the route says there is no such job for this
+ * reader; `'error'` when the route failed or no state arrived in time.
+ */
+export type AiJobByIdState = AiJobSummary | 'missing' | 'error' | null;
+/** Follows one job by id. `retry` follows it again after a `'missing'` or `'error'`. */
+export declare function useAiJobById(user: MaybeTokenSource, orgId: string | null, jobId: string | null): [AiJobByIdState, (job: AiJobSummary) => void, () => void];
 export declare function AiSiteBuildPage({ hostId, segments, basePath }: ConsolePluginPageProps): import("react").JSX.Element;
 export default AiSiteBuildPage;