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

package/src/lib/components/ai-job-plan.component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-job-plan.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\nimport {\n  AI_BUILD_PLAN_CREATION_NOUNS,\n  AI_BUILD_PLAN_EMBED_HOST_NAMES,\n  isAiPlanNewRef,\n  type AiBuildPlanEmbed,\n} from '../model/ai-build-plan'\nimport type { AiJobReview, AiJobSummary } from '../model/ai-jobs.types'\nimport { aiBuildSmaller, aiJobCreditRange } from '../model/ai-build-job'\nimport { aiCreditRangeText, aiCreditsPromptFor } from '../model/ai-credit-estimate'\nimport { aiFreeCreditsResetLabel } from '../model/ai-site-job'\nimport { AiCreditsPromptNotice } from './ai-credits-prompt.component'\nimport type { AiJobResumeOptions } from './ai-job-requests'\nimport { aiBuildOpNoun } from '../model/ai-build-progress'\nimport { aiJobConfirmingOwnPlan } from '../model/ai-job-activity'\nimport { aiSiteStarterFallbackOffered } from '../model/ai-job-failure-copy'\nimport { AiSiteStarterFallback } from './ai-site-starter-fallback.component'\nimport { Box, Button, Checkbox, Collapse, FormControlLabel, Stack, Typography } from '@mui/material'\nimport { useState } from 'react'\n\n/**\n * A job's plan and what it waits for (AGL-2935), inside the AI jobs drawer\n * and the dialog that started the job (AGL-3593): what the job reuses from\n * the site, what it creates and why, the screens it builds — and, while the\n * job waits for a person, the one button that confirms the plan or tries a\n * refused step again. Both send the same request (`resumeAiJobRequest`);\n * this renders.\n */\nexport interface AiJobPlanProps {\n  job: AiJobSummary\n  /**\n   * Confirms the plan, or tries the refused step again. A build whose request\n   * asked to publish confirms with `publish` when its box is ticked (AGL-3616).\n   */\n  onResume: (job: AiJobSummary, options?: AiJobResumeOptions) => void\n  /** A resume for this job is in flight. */\n  busy?: boolean\n  /**\n   * The viewer is staff (AGL-3078), who can open where a refused answer broke\n   * its rules and the outline of those parts, to tell a shape the rules should\n   * allow from an answer that ignored its re-ask. A member reads the findings.\n   */\n  staff?: boolean\n  /**\n   * The signed-in user, for \"Use the starter site instead\" on a guided start\n   * that did not work out (AGL-3594); the action is drawn only when given.\n   */\n  user?: Parameters<typeof AiSiteStarterFallback>[0]['user']\n  /** The workspace's path slug, for the Upgrade a Free build past what is left offers (AGL-3722). */\n  orgSlug?: string | null\n}\n\n/**\n * Where a refused answer broke its rules, and the outline of those parts, as\n * lines staff read (AGL-3078): each finding with the nodes or plan entries it\n * names, then each outlined node indented by its depth, with its element, a\n * Grid's layout as written, and the names of what it sets and holds.\n */\nexport function aiJobReviewDetails(review: AiJobReview | null): string[] {\n  if (review?.reason !== 'doctrine') return []\n  const lines = review.findings.flatMap((finding) => {\n    const where = finding.nodeIds?.length\n      ? `nodes ${finding.nodeIds.join(', ')}`\n      : finding.paths?.length\n        ? `at ${finding.paths.join(', ')}`\n        : null\n    return where ? [`${finding.rule === null ? '' : `Rule ${finding.rule} `}${finding.code}: ${where}`] : []\n  })\n  for (const node of review.outline ?? []) {\n    lines.push(\n      [\n        `${'  '.repeat(node.depth)}${node.id} ${node.componentId}`,\n        ...Object.entries(node.grid ?? {}).map(([name, value]) => `${name}=${JSON.stringify(value)}`),\n        ...(node.props.length ? [`props ${node.props.join(', ')}`] : []),\n        ...(node.sx?.length ? [`sx ${node.sx.join(', ')}`] : []),\n        ...(node.children.length ? [`holds ${node.children.join(', ')}`] : []),\n      ].join(' · '),\n    )\n  }\n  return lines\n}\n\n/**\n * A third-party player the plan lists, with what it costs the page, read\n * before the member confirms it (rule 16, AGL-3433). The cost is the\n * platform's sentence, never the model's: the player is framed lazily, so its\n * host's code loads when a visitor reaches it, whether or not they press play.\n */\nexport function aiPlanEmbedLine(\n  embed: AiBuildPlanEmbed,\n  named: (ref: string) => string,\n): string {\n  const host = AI_BUILD_PLAN_EMBED_HOST_NAMES[embed.host]\n  const where = isAiPlanNewRef(embed.where) ? `the component ${named(embed.where)}` : embed.where\n  const link = embed.url ? ` playing ${embed.url}` : ', its link left for you to paste'\n  return `Embeds a ${host} player on ${where}${link}, as you asked (“${embed.asked}”). It loads ${host}’s own code when a visitor reaches it, whether or not they press play.`\n}\n\nexport function AiJobPlan({\n  job,\n  onResume,\n  busy = false,\n  staff = false,\n  user,\n  orgSlug,\n}: AiJobPlanProps): JSX.Element | null {\n  const [detailsOpen, setDetailsOpen] = useState(false)\n  // Unticked until the person ticks it: a build publishes only when its\n  // request asked AND they confirm it here (AGL-3616).\n  const [publish, setPublish] = useState(false)\n  const { plan, review } = job\n  if (!plan && !review) return null\n  const details = staff ? aiJobReviewDetails(review) : []\n  /** A reference as a person reads it: the record's name, or what the plan creates. */\n  const named = (ref: string | null): string =>\n    !ref\n      ? ''\n      : isAiPlanNewRef(ref)\n        ? ref.slice('new:'.length)\n        : (plan?.labels[ref] ?? ref)\n  // A plan the machine is confirming itself is not one to confirm (AGL-3596).\n  const waiting = job.status === 'needs_review' && review !== null && !aiJobConfirmingOwnPlan(job)\n  // The guard rail (AGL-2911): what the plan is estimated to cost is read\n  // before it is confirmed, not after it has been spent. An estimate, and\n  // said to be one: what it is likely to cost — what builds like it measured\n  // — and its ceiling, every pass at its reserve (AGL-3722). A page job\n  // counts the creations it builds before its page (AGL-3031).\n  const range = plan && waiting && review.reason === 'plan' ? aiJobCreditRange(job.kind, plan) : null\n  // A Free build past what is left asks first (AGL-3722): build what fits,\n  // the home page first, or upgrade — never a refusal with no way on.\n  const freeCredits = review?.freeCredits ?? null\n  const prompt =\n    plan && range && job.kind === 'build' ? aiCreditsPromptFor(range, freeCredits, aiBuildSmaller(plan)) : null\n  const offersPublish = job.kind === 'build' && job.publishAsked === true && waiting && review.reason === 'plan'\n  const publishing = offersPublish && publish ? { publish: true } : {}\n  return (\n    <Box sx={{ mt: 1 }}>\n      {plan && (\n        <Stack spacing={0.5} role=\"list\" aria-label=\"Plan\">\n          <Typography variant=\"caption\" color=\"text.secondary\">\n            {plan.status === 'confirmed' ? 'Confirmed plan' : 'Proposed plan'}\n          </Typography>\n          {plan.reuse.map((entry, index) => (\n            <Typography key={`reuse-${index}`} variant=\"body2\" role=\"listitem\">\n              Reuses the {entry.kind === 'screen' ? 'page' : entry.kind} {named(entry.id)} — {entry.purpose}\n            </Typography>\n          ))}\n          {plan.create.map((entry, index) => (\n            <Typography key={`create-${index}`} variant=\"body2\" role=\"listitem\">\n              Creates the {AI_BUILD_PLAN_CREATION_NOUNS[entry.kind].noun} {entry.name}\n              {entry.duplicateOf\n                ? `, from a copy of ${named(entry.duplicateOf)}`\n                : ''}{' '}\n              — {entry.why}\n            </Typography>\n          ))}\n          {plan.screens.map((screen, index) => (\n            <Typography key={`screen-${index}`} variant=\"body2\" role=\"listitem\">\n              {screen.record\n                ? `Builds the record template ${screen.title}, a page per record of ${named(screen.record.dataset)} at /${screen.record.base}/…`\n                : `Builds the page ${screen.title} at ${screen.slug}`}\n              {screen.duplicateOf\n                ? `, from a copy of ${named(screen.duplicateOf)}`\n                : ''}\n              {screen.layout ? ` in ${named(screen.layout)}` : ''}\n              {screen.sections.length\n                ? `: ${screen.sections.map((section) => section.name).join(', ')}`\n                : ''}\n            </Typography>\n          ))}\n          {(plan.items ?? []).map((item) => (\n            <Typography key={`item-${item.slot}`} variant=\"body2\" role=\"listitem\">\n              {`Makes the ${aiBuildOpNoun(item.op).toLowerCase()} ${item.name}`}\n              {item.why ? ` — ${item.why}` : ''}\n            </Typography>\n          ))}\n          {(plan.embeds ?? []).map((embed, index) => (\n            <Typography key={`embed-${index}`} variant=\"body2\" role=\"listitem\">\n              {aiPlanEmbedLine(embed, named)}\n            </Typography>\n          ))}\n        </Stack>\n      )}\n      {/*\n        A review written for the member (AGL-3594) carries the checks' own\n        sentence as `detail`: its findings are then staff reading too, and the\n        member reads the job's one sentence alone.\n      */}\n      {staff && review?.detail && (\n        <Typography variant=\"caption\" color=\"text.secondary\" component=\"div\" sx={{ mt: 0.5 }}>\n          {review.detail}\n        </Typography>\n      )}\n      {review?.reason === 'doctrine' && review.findings.length > 0 && (staff || !review.detail) && (\n        <Box\n          component=\"ul\"\n          sx={{ my: 0.5, pl: 2.5 }}\n          aria-label=\"Building rules broken\"\n        >\n          {review.findings.map((finding, index) => (\n            <Typography\n              key={`finding-${index}`}\n              component=\"li\"\n              variant=\"caption\"\n            >\n              {finding.message}\n            </Typography>\n          ))}\n        </Box>\n      )}\n      {details.length > 0 && (\n        <Box sx={{ mt: 0.5 }}>\n          <Button\n            size=\"small\"\n            aria-expanded={detailsOpen}\n            onClick={() => setDetailsOpen((prior) => !prior)}\n          >\n            {detailsOpen ? 'Hide what was refused' : 'Show what was refused'}\n          </Button>\n          <Collapse in={detailsOpen} unmountOnExit>\n            <Typography\n              variant=\"caption\"\n              component=\"pre\"\n              aria-label=\"What was refused\"\n              sx={{ m: 0, fontFamily: 'monospace', whiteSpace: 'pre', overflowX: 'auto' }}\n            >\n              {details.join('\\n')}\n            </Typography>\n          </Collapse>\n        </Box>\n      )}\n      {range && range.ceiling > 0 && (\n        <Typography\n          variant=\"caption\"\n          color=\"text.secondary\"\n          sx={{ display: 'block', mt: 1 }}\n        >\n          {`Estimated cost: ${aiCreditRangeText(range)}. What it costs is what its steps spend.`}\n          {freeCredits && !prompt\n            ? ` You have ${freeCredits.left.toLocaleString('en-US')} of your free AI credits left this month, until ${aiFreeCreditsResetLabel(freeCredits.resetsOn)}.`\n            : ''}\n        </Typography>\n      )}\n      {waiting && review.retryRefusal && review.reason !== 'plan' && (\n        <Typography variant=\"caption\" color=\"text.secondary\" component=\"div\" sx={{ mt: 1 }}>\n          {review.retryRefusal}\n        </Typography>\n      )}\n      {offersPublish && (\n        <FormControlLabel\n          sx={{ display: 'flex', mt: 1 }}\n          control={<Checkbox size=\"small\" checked={publish} onChange={(event) => setPublish(event.target.checked)} />}\n          label={<Typography variant=\"body2\">{'Publish the new pages when they are built'}</Typography>}\n        />\n      )}\n      {waiting && prompt && (\n        <AiCreditsPromptNotice\n          prompt={prompt}\n          noun=\"build\"\n          orgSlug={orgSlug}\n          busy={busy}\n          onBuildWhatFits={() => onResume(job, { ...publishing, creditsConfirmed: true })}\n          onSmaller={() => onResume(job, { ...publishing, creditsConfirmed: true, reduce: 'first-page' })}\n        />\n      )}\n      {waiting && !prompt && (\n        <Button\n          size=\"small\"\n          variant=\"contained\"\n          // Disabled with its reason above when the Free allowance left\n          // cannot pay for another try (AGL-3594).\n          disabled={busy || (review.reason !== 'plan' && Boolean(review.retryRefusal))}\n          onClick={() => onResume(job, offersPublish && publish ? publishing : undefined)}\n          sx={{ mt: 1 }}\n        >\n          {review.reason === 'plan' ? 'Confirm plan' : 'Try again'}\n        </Button>\n      )}\n      {/* A guided start that did not work out can take the starter instead (AGL-3594). */}\n      {waiting && user && aiSiteStarterFallbackOffered(job) && <AiSiteStarterFallback job={job} user={user} />}\n    </Box>\n  )\n}\n\nexport default AiJobPlan\n"],"names":["AI_BUILD_PLAN_CREATION_NOUNS","AI_BUILD_PLAN_EMBED_HOST_NAMES","isAiPlanNewRef","aiBuildSmaller","aiJobCreditRange","aiCreditRangeText","aiCreditsPromptFor","aiFreeCreditsResetLabel","AiCreditsPromptNotice","aiBuildOpNoun","aiJobConfirmingOwnPlan","aiSiteStarterFallbackOffered","AiSiteStarterFallback","Box","Button","Checkbox","Collapse","FormControlLabel","Stack","Typography","useState","aiJobReviewDetails","review","reason","lines","findings","flatMap","finding","where","nodeIds","length","join","paths","rule","code","node","outline","push","repeat","depth","id","componentId","Object","entries","grid","map","name","value","JSON","stringify","props","sx","children","aiPlanEmbedLine","embed","named","host","link","url","asked","AiJobPlan","job","onResume","busy","staff","user","orgSlug","plan","detailsOpen","setDetailsOpen","publish","setPublish","details","ref","slice","labels","waiting","status","range","kind","freeCredits","prompt","offersPublish","publishAsked","publishing","mt","spacing","role","aria-label","variant","color","reuse","entry","index","purpose","create","noun","duplicateOf","why","screens","screen","record","title","dataset","base","slug","layout","sections","section","items","item","op","toLowerCase","slot","embeds","detail","component","my","pl","message","size","aria-expanded","onClick","prior","in","unmountOnExit","m","fontFamily","whiteSpace","overflowX","ceiling","display","left","toLocaleString","resetsOn","retryRefusal","control","checked","onChange","event","target","label","onBuildWhatFits","creditsConfirmed","onSmaller","reduce","disabled","Boolean","undefined"],"mappings":";;AAAA;;;;;;;;;;;;;;;CAeC,GAED,SACEA,4BAA4B,EAC5BC,8BAA8B,EAC9BC,cAAc,QAET,4BAAwB;AAE/B,SAASC,cAAc,EAAEC,gBAAgB,QAAQ,2BAAuB;AACxE,SAASC,iBAAiB,EAAEC,kBAAkB,QAAQ,iCAA6B;AACnF,SAASC,uBAAuB,QAAQ,0BAAsB;AAC9D,SAASC,qBAAqB,QAAQ,mCAA+B;AAErE,SAASC,aAAa,QAAQ,gCAA4B;AAC1D,SAASC,sBAAsB,QAAQ,8BAA0B;AACjE,SAASC,4BAA4B,QAAQ,kCAA8B;AAC3E,SAASC,qBAAqB,QAAQ,0CAAsC;AAC5E,SAASC,GAAG,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,gBAAgB,EAAEC,KAAK,EAAEC,UAAU,QAAQ,gBAAe;AACpG,SAASC,QAAQ,QAAQ,QAAO;AAkChC;;;;;CAKC,GACD,OAAO,SAASC,mBAAmBC,MAA0B;QAUxCA;IATnB,IAAIA,CAAAA,0BAAAA,OAAQC,MAAM,MAAK,YAAY,OAAO,EAAE;IAC5C,MAAMC,QAAQF,OAAOG,QAAQ,CAACC,OAAO,CAAC,CAACC;YACvBA,kBAEVA;QAFJ,MAAMC,QAAQD,EAAAA,mBAAAA,QAAQE,OAAO,qBAAfF,iBAAiBG,MAAM,IACjC,CAAC,MAAM,EAAEH,QAAQE,OAAO,CAACE,IAAI,CAAC,OAAO,GACrCJ,EAAAA,iBAAAA,QAAQK,KAAK,qBAAbL,eAAeG,MAAM,IACnB,CAAC,GAAG,EAAEH,QAAQK,KAAK,CAACD,IAAI,CAAC,OAAO,GAChC;QACN,OAAOH,QAAQ;YAAC,GAAGD,QAAQM,IAAI,KAAK,OAAO,KAAK,CAAC,KAAK,EAAEN,QAAQM,IAAI,CAAC,CAAC,CAAC,GAAGN,QAAQO,IAAI,CAAC,EAAE,EAAEN,OAAO;SAAC,GAAG,EAAE;IAC1G;IACA,KAAK,MAAMO,SAAQb,kBAAAA,OAAOc,OAAO,YAAdd,kBAAkB,EAAE,CAAE;YAIjBa;YAEdA;QALRX,MAAMa,IAAI,CACR;YACE,GAAG,KAAKC,MAAM,CAACH,KAAKI,KAAK,IAAIJ,KAAKK,EAAE,CAAC,CAAC,EAAEL,KAAKM,WAAW,EAAE;eACvDC,OAAOC,OAAO,EAACR,aAAAA,KAAKS,IAAI,YAATT,aAAa,CAAC,GAAGU,GAAG,CAAC,CAAC,CAACC,MAAMC,MAAM,GAAK,GAAGD,KAAK,CAAC,EAAEE,KAAKC,SAAS,CAACF,QAAQ;eACxFZ,KAAKe,KAAK,CAACpB,MAAM,GAAG;gBAAC,CAAC,MAAM,EAAEK,KAAKe,KAAK,CAACnB,IAAI,CAAC,OAAO;aAAC,GAAG,EAAE;eAC3DI,EAAAA,WAAAA,KAAKgB,EAAE,qBAAPhB,SAASL,MAAM,IAAG;gBAAC,CAAC,GAAG,EAAEK,KAAKgB,EAAE,CAACpB,IAAI,CAAC,OAAO;aAAC,GAAG,EAAE;eACnDI,KAAKiB,QAAQ,CAACtB,MAAM,GAAG;gBAAC,CAAC,MAAM,EAAEK,KAAKiB,QAAQ,CAACrB,IAAI,CAAC,OAAO;aAAC,GAAG,EAAE;SACtE,CAACA,IAAI,CAAC;IAEX;IACA,OAAOP;AACT;AAEA;;;;;CAKC,GACD,OAAO,SAAS6B,gBACdC,KAAuB,EACvBC,KAA8B;IAE9B,MAAMC,OAAOvD,8BAA8B,CAACqD,MAAME,IAAI,CAAC;IACvD,MAAM5B,QAAQ1B,eAAeoD,MAAM1B,KAAK,IAAI,CAAC,cAAc,EAAE2B,MAAMD,MAAM1B,KAAK,GAAG,GAAG0B,MAAM1B,KAAK;IAC/F,MAAM6B,OAAOH,MAAMI,GAAG,GAAG,CAAC,SAAS,EAAEJ,MAAMI,GAAG,EAAE,GAAG;IACnD,OAAO,CAAC,SAAS,EAAEF,KAAK,WAAW,EAAE5B,QAAQ6B,KAAK,iBAAiB,EAAEH,MAAMK,KAAK,CAAC,aAAa,EAAEH,KAAK,sEAAsE,CAAC;AAC9K;AAEA,OAAO,SAASI,UAAU,EACxBC,GAAG,EACHC,QAAQ,EACRC,OAAO,KAAK,EACZC,QAAQ,KAAK,EACbC,IAAI,EACJC,OAAO,EACQ;cAiELC,aAMAA;IAtEV,MAAM,CAACC,aAAaC,eAAe,GAAGjD,SAAS;IAC/C,sEAAsE;IACtE,qDAAqD;IACrD,MAAM,CAACkD,SAASC,WAAW,GAAGnD,SAAS;IACvC,MAAM,EAAE+C,IAAI,EAAE7C,MAAM,EAAE,GAAGuC;IACzB,IAAI,CAACM,QAAQ,CAAC7C,QAAQ,OAAO;IAC7B,MAAMkD,UAAUR,QAAQ3C,mBAAmBC,UAAU,EAAE;IACvD,mFAAmF,GACnF,MAAMiC,QAAQ,CAACkB;;eACb,CAACA,MACG,KACAvE,eAAeuE,OACbA,IAAIC,KAAK,CAAC,OAAO5C,MAAM,YACtBqC,wBAAAA,KAAMQ,MAAM,CAACF,IAAI,mBAAIA;;IAC9B,4EAA4E;IAC5E,MAAMG,UAAUf,IAAIgB,MAAM,KAAK,kBAAkBvD,WAAW,QAAQ,CAACZ,uBAAuBmD;IAC5F,wEAAwE;IACxE,wEAAwE;IACxE,2EAA2E;IAC3E,sEAAsE;IACtE,6DAA6D;IAC7D,MAAMiB,QAAQX,QAAQS,WAAWtD,OAAOC,MAAM,KAAK,SAASnB,iBAAiByD,IAAIkB,IAAI,EAAEZ,QAAQ;IAC/F,yEAAyE;IACzE,oEAAoE;IACpE,MAAMa,sBAAc1D,0BAAAA,OAAQ0D,WAAW,mBAAI;IAC3C,MAAMC,SACJd,QAAQW,SAASjB,IAAIkB,IAAI,KAAK,UAAUzE,mBAAmBwE,OAAOE,aAAa7E,eAAegE,SAAS;IACzG,MAAMe,gBAAgBrB,IAAIkB,IAAI,KAAK,WAAWlB,IAAIsB,YAAY,KAAK,QAAQP,WAAWtD,OAAOC,MAAM,KAAK;IACxG,MAAM6D,aAAaF,iBAAiBZ,UAAU;QAAEA,SAAS;IAAK,IAAI,CAAC;IACnE,qBACE,MAACzD;QAAIsC,IAAI;YAAEkC,IAAI;QAAE;;YACdlB,sBACC,MAACjD;gBAAMoE,SAAS;gBAAKC,MAAK;gBAAOC,cAAW;;kCAC1C,KAACrE;wBAAWsE,SAAQ;wBAAUC,OAAM;kCACjCvB,KAAKU,MAAM,KAAK,cAAc,mBAAmB;;oBAEnDV,KAAKwB,KAAK,CAAC9C,GAAG,CAAC,CAAC+C,OAAOC,sBACtB,MAAC1E;4BAAkCsE,SAAQ;4BAAQF,MAAK;;gCAAW;gCACrDK,MAAMb,IAAI,KAAK,WAAW,SAASa,MAAMb,IAAI;gCAAC;gCAAExB,MAAMqC,MAAMpD,EAAE;gCAAE;gCAAIoD,MAAME,OAAO;;2BAD9E,CAAC,MAAM,EAAED,OAAO;oBAIlC1B,KAAK4B,MAAM,CAAClD,GAAG,CAAC,CAAC+C,OAAOC,sBACvB,MAAC1E;4BAAmCsE,SAAQ;4BAAQF,MAAK;;gCAAW;gCACrDvF,4BAA4B,CAAC4F,MAAMb,IAAI,CAAC,CAACiB,IAAI;gCAAC;gCAAEJ,MAAM9C,IAAI;gCACtE8C,MAAMK,WAAW,GACd,CAAC,iBAAiB,EAAE1C,MAAMqC,MAAMK,WAAW,GAAG,GAC9C;gCAAI;gCAAI;gCACTL,MAAMM,GAAG;;2BALG,CAAC,OAAO,EAAEL,OAAO;oBAQnC1B,KAAKgC,OAAO,CAACtD,GAAG,CAAC,CAACuD,QAAQP,sBACzB,MAAC1E;4BAAmCsE,SAAQ;4BAAQF,MAAK;;gCACtDa,OAAOC,MAAM,GACV,CAAC,2BAA2B,EAAED,OAAOE,KAAK,CAAC,uBAAuB,EAAE/C,MAAM6C,OAAOC,MAAM,CAACE,OAAO,EAAE,KAAK,EAAEH,OAAOC,MAAM,CAACG,IAAI,CAAC,EAAE,CAAC,GAC9H,CAAC,gBAAgB,EAAEJ,OAAOE,KAAK,CAAC,IAAI,EAAEF,OAAOK,IAAI,EAAE;gCACtDL,OAAOH,WAAW,GACf,CAAC,iBAAiB,EAAE1C,MAAM6C,OAAOH,WAAW,GAAG,GAC/C;gCACHG,OAAOM,MAAM,GAAG,CAAC,IAAI,EAAEnD,MAAM6C,OAAOM,MAAM,GAAG,GAAG;gCAChDN,OAAOO,QAAQ,CAAC7E,MAAM,GACnB,CAAC,EAAE,EAAEsE,OAAOO,QAAQ,CAAC9D,GAAG,CAAC,CAAC+D,UAAYA,QAAQ9D,IAAI,EAAEf,IAAI,CAAC,OAAO,GAChE;;2BAVW,CAAC,OAAO,EAAE8D,OAAO;oBAanC,EAAC1B,cAAAA,KAAK0C,KAAK,YAAV1C,cAAc,EAAE,EAAEtB,GAAG,CAAC,CAACiE,qBACvB,MAAC3F;4BAAqCsE,SAAQ;4BAAQF,MAAK;;gCACxD,CAAC,UAAU,EAAE9E,cAAcqG,KAAKC,EAAE,EAAEC,WAAW,GAAG,CAAC,EAAEF,KAAKhE,IAAI,EAAE;gCAChEgE,KAAKZ,GAAG,GAAG,CAAC,GAAG,EAAEY,KAAKZ,GAAG,EAAE,GAAG;;2BAFhB,CAAC,KAAK,EAAEY,KAAKG,IAAI,EAAE;oBAKrC,EAAC9C,eAAAA,KAAK+C,MAAM,YAAX/C,eAAe,EAAE,EAAEtB,GAAG,CAAC,CAACS,OAAOuC,sBAC/B,KAAC1E;4BAAkCsE,SAAQ;4BAAQF,MAAK;sCACrDlC,gBAAgBC,OAAOC;2BADT,CAAC,MAAM,EAAEsC,OAAO;;;YAWtC7B,UAAS1C,0BAAAA,OAAQ6F,MAAM,mBACtB,KAAChG;gBAAWsE,SAAQ;gBAAUC,OAAM;gBAAiB0B,WAAU;gBAAMjE,IAAI;oBAAEkC,IAAI;gBAAI;0BAChF/D,OAAO6F,MAAM;;YAGjB7F,CAAAA,0BAAAA,OAAQC,MAAM,MAAK,cAAcD,OAAOG,QAAQ,CAACK,MAAM,GAAG,KAAMkC,CAAAA,SAAS,CAAC1C,OAAO6F,MAAM,AAAD,mBACrF,KAACtG;gBACCuG,WAAU;gBACVjE,IAAI;oBAAEkE,IAAI;oBAAKC,IAAI;gBAAI;gBACvB9B,cAAW;0BAEVlE,OAAOG,QAAQ,CAACoB,GAAG,CAAC,CAAClB,SAASkE,sBAC7B,KAAC1E;wBAECiG,WAAU;wBACV3B,SAAQ;kCAEP9D,QAAQ4F,OAAO;uBAJX,CAAC,QAAQ,EAAE1B,OAAO;;YAS9BrB,QAAQ1C,MAAM,GAAG,mBAChB,MAACjB;gBAAIsC,IAAI;oBAAEkC,IAAI;gBAAI;;kCACjB,KAACvE;wBACC0G,MAAK;wBACLC,iBAAerD;wBACfsD,SAAS,IAAMrD,eAAe,CAACsD,QAAU,CAACA;kCAEzCvD,cAAc,0BAA0B;;kCAE3C,KAACpD;wBAAS4G,IAAIxD;wBAAayD,aAAa;kCACtC,cAAA,KAAC1G;4BACCsE,SAAQ;4BACR2B,WAAU;4BACV5B,cAAW;4BACXrC,IAAI;gCAAE2E,GAAG;gCAAGC,YAAY;gCAAaC,YAAY;gCAAOC,WAAW;4BAAO;sCAEzEzD,QAAQzC,IAAI,CAAC;;;;;YAKrB+C,SAASA,MAAMoD,OAAO,GAAG,mBACxB,MAAC/G;gBACCsE,SAAQ;gBACRC,OAAM;gBACNvC,IAAI;oBAAEgF,SAAS;oBAAS9C,IAAI;gBAAE;;oBAE7B,CAAC,gBAAgB,EAAEhF,kBAAkByE,OAAO,wCAAwC,CAAC;oBACrFE,eAAe,CAACC,SACb,CAAC,UAAU,EAAED,YAAYoD,IAAI,CAACC,cAAc,CAAC,SAAS,gDAAgD,EAAE9H,wBAAwByE,YAAYsD,QAAQ,EAAE,CAAC,CAAC,GACxJ;;;YAGP1D,WAAWtD,OAAOiH,YAAY,IAAIjH,OAAOC,MAAM,KAAK,wBACnD,KAACJ;gBAAWsE,SAAQ;gBAAUC,OAAM;gBAAiB0B,WAAU;gBAAMjE,IAAI;oBAAEkC,IAAI;gBAAE;0BAC9E/D,OAAOiH,YAAY;;YAGvBrD,+BACC,KAACjE;gBACCkC,IAAI;oBAAEgF,SAAS;oBAAQ9C,IAAI;gBAAE;gBAC7BmD,uBAAS,KAACzH;oBAASyG,MAAK;oBAAQiB,SAASnE;oBAASoE,UAAU,CAACC,QAAUpE,WAAWoE,MAAMC,MAAM,CAACH,OAAO;;gBACtGI,qBAAO,KAAC1H;oBAAWsE,SAAQ;8BAAS;;;YAGvCb,WAAWK,wBACV,KAACzE;gBACCyE,QAAQA;gBACRe,MAAK;gBACL9B,SAASA;gBACTH,MAAMA;gBACN+E,iBAAiB,IAAMhF,SAASD,KAAK,aAAKuB;wBAAY2D,kBAAkB;;gBACxEC,WAAW,IAAMlF,SAASD,KAAK,aAAKuB;wBAAY2D,kBAAkB;wBAAME,QAAQ;;;YAGnFrE,WAAW,CAACK,wBACX,KAACnE;gBACC0G,MAAK;gBACL/B,SAAQ;gBACR,8DAA8D;gBAC9D,yCAAyC;gBACzCyD,UAAUnF,QAASzC,OAAOC,MAAM,KAAK,UAAU4H,QAAQ7H,OAAOiH,YAAY;gBAC1Eb,SAAS,IAAM5D,SAASD,KAAKqB,iBAAiBZ,UAAUc,aAAagE;gBACrEjG,IAAI;oBAAEkC,IAAI;gBAAE;0BAEX/D,OAAOC,MAAM,KAAK,SAAS,iBAAiB;;YAIhDqD,WAAWX,QAAQtD,6BAA6BkD,sBAAQ,KAACjD;gBAAsBiD,KAAKA;gBAAKI,MAAMA;;;;AAGtG;AAEA,eAAeL,UAAS"}
+{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-job-plan.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\nimport {\n  AI_BUILD_PLAN_CREATION_NOUNS,\n  AI_BUILD_PLAN_EMBED_HOST_NAMES,\n  isAiPlanNewRef,\n  type AiBuildPlanEmbed,\n} from '../model/ai-build-plan'\nimport type { AiJobReview, AiJobSummary } from '../model/ai-jobs.types'\nimport { aiBuildFreePageCapNote, aiBuildSmaller, aiJobCreditRange } from '../model/ai-build-job'\nimport { aiCreditRangeText, aiCreditsPromptFor } from '../model/ai-credit-estimate'\nimport { aiFreeCreditsResetLabel } from '../model/ai-site-job'\nimport { AiCreditsPromptNotice } from './ai-credits-prompt.component'\nimport type { AiJobResumeOptions } from './ai-job-requests'\nimport { aiBuildOpNoun } from '../model/ai-build-progress'\nimport { aiJobConfirmingOwnPlan } from '../model/ai-job-activity'\nimport { aiSiteStarterFallbackOffered } from '../model/ai-job-failure-copy'\nimport { AiSiteStarterFallback } from './ai-site-starter-fallback.component'\nimport { Box, Button, Checkbox, Collapse, FormControlLabel, Stack, Typography } from '@mui/material'\nimport { useState } from 'react'\n\n/**\n * A job's plan and what it waits for (AGL-2935), inside the AI jobs drawer\n * and the dialog that started the job (AGL-3593): what the job reuses from\n * the site, what it creates and why, the screens it builds — and, while the\n * job waits for a person, the one button that confirms the plan or tries a\n * refused step again. Both send the same request (`resumeAiJobRequest`);\n * this renders.\n */\nexport interface AiJobPlanProps {\n  job: AiJobSummary\n  /**\n   * Confirms the plan, or tries the refused step again. A build whose request\n   * asked to publish confirms with `publish` when its box is ticked (AGL-3616).\n   */\n  onResume: (job: AiJobSummary, options?: AiJobResumeOptions) => void\n  /** A resume for this job is in flight. */\n  busy?: boolean\n  /**\n   * The viewer is staff (AGL-3078), who can open where a refused answer broke\n   * its rules and the outline of those parts, to tell a shape the rules should\n   * allow from an answer that ignored its re-ask. A member reads the findings.\n   */\n  staff?: boolean\n  /**\n   * The signed-in user, for \"Use the starter site instead\" on a guided start\n   * that did not work out (AGL-3594); the action is drawn only when given.\n   */\n  user?: Parameters<typeof AiSiteStarterFallback>[0]['user']\n  /** The workspace's path slug, for the Upgrade a Free build past what is left offers (AGL-3722). */\n  orgSlug?: string | null\n}\n\n/**\n * Where a refused answer broke its rules, and the outline of those parts, as\n * lines staff read (AGL-3078): each finding with the nodes or plan entries it\n * names, then each outlined node indented by its depth, with its element, a\n * Grid's layout as written, and the names of what it sets and holds.\n */\nexport function aiJobReviewDetails(review: AiJobReview | null): string[] {\n  if (review?.reason !== 'doctrine') return []\n  const lines = review.findings.flatMap((finding) => {\n    const where = finding.nodeIds?.length\n      ? `nodes ${finding.nodeIds.join(', ')}`\n      : finding.paths?.length\n        ? `at ${finding.paths.join(', ')}`\n        : null\n    return where ? [`${finding.rule === null ? '' : `Rule ${finding.rule} `}${finding.code}: ${where}`] : []\n  })\n  for (const node of review.outline ?? []) {\n    lines.push(\n      [\n        `${'  '.repeat(node.depth)}${node.id} ${node.componentId}`,\n        ...Object.entries(node.grid ?? {}).map(([name, value]) => `${name}=${JSON.stringify(value)}`),\n        ...(node.props.length ? [`props ${node.props.join(', ')}`] : []),\n        ...(node.sx?.length ? [`sx ${node.sx.join(', ')}`] : []),\n        ...(node.children.length ? [`holds ${node.children.join(', ')}`] : []),\n      ].join(' · '),\n    )\n  }\n  return lines\n}\n\n/**\n * A third-party player the plan lists, with what it costs the page, read\n * before the member confirms it (rule 16, AGL-3433). The cost is the\n * platform's sentence, never the model's: the player is framed lazily, so its\n * host's code loads when a visitor reaches it, whether or not they press play.\n */\nexport function aiPlanEmbedLine(\n  embed: AiBuildPlanEmbed,\n  named: (ref: string) => string,\n): string {\n  const host = AI_BUILD_PLAN_EMBED_HOST_NAMES[embed.host]\n  const where = isAiPlanNewRef(embed.where) ? `the component ${named(embed.where)}` : embed.where\n  const link = embed.url ? ` playing ${embed.url}` : ', its link left for you to paste'\n  return `Embeds a ${host} player on ${where}${link}, as you asked (“${embed.asked}”). It loads ${host}’s own code when a visitor reaches it, whether or not they press play.`\n}\n\nexport function AiJobPlan({\n  job,\n  onResume,\n  busy = false,\n  staff = false,\n  user,\n  orgSlug,\n}: AiJobPlanProps): JSX.Element | null {\n  const [detailsOpen, setDetailsOpen] = useState(false)\n  // Unticked until the person ticks it: a build publishes only when its\n  // request asked AND they confirm it here (AGL-3616).\n  const [publish, setPublish] = useState(false)\n  const { plan, review } = job\n  if (!plan && !review) return null\n  const details = staff ? aiJobReviewDetails(review) : []\n  /** A reference as a person reads it: the record's name, or what the plan creates. */\n  const named = (ref: string | null): string =>\n    !ref\n      ? ''\n      : isAiPlanNewRef(ref)\n        ? ref.slice('new:'.length)\n        : (plan?.labels[ref] ?? ref)\n  // A plan the machine is confirming itself is not one to confirm (AGL-3596).\n  const waiting = job.status === 'needs_review' && review !== null && !aiJobConfirmingOwnPlan(job)\n  // The guard rail (AGL-2911): what the plan is estimated to cost is read\n  // before it is confirmed, not after it has been spent. An estimate, and\n  // said to be one: what it is likely to cost — what builds like it measured\n  // — and its ceiling, every pass at its reserve (AGL-3722). A page job\n  // counts the creations it builds before its page (AGL-3031).\n  const range = plan && waiting && review.reason === 'plan' ? aiJobCreditRange(job.kind, plan) : null\n  // A Free build past what is left asks first (AGL-3722): build what fits,\n  // the home page first, or upgrade — never a refusal with no way on.\n  const freeCredits = review?.freeCredits ?? null\n  const prompt =\n    plan && range && job.kind === 'build' ? aiCreditsPromptFor(range, freeCredits, aiBuildSmaller(plan)) : null\n  // A Free build at its page cap says so (AGL-3722): pages past it were left for a later request.\n  const pageCapNote =\n    plan && waiting && review.reason === 'plan' && job.kind === 'build'\n      ? aiBuildFreePageCapNote(plan, Boolean(freeCredits))\n      : null\n  const offersPublish = job.kind === 'build' && job.publishAsked === true && waiting && review.reason === 'plan'\n  const publishing = offersPublish && publish ? { publish: true } : {}\n  return (\n    <Box sx={{ mt: 1 }}>\n      {plan && (\n        <Stack spacing={0.5} role=\"list\" aria-label=\"Plan\">\n          <Typography variant=\"caption\" color=\"text.secondary\">\n            {plan.status === 'confirmed' ? 'Confirmed plan' : 'Proposed plan'}\n          </Typography>\n          {plan.reuse.map((entry, index) => (\n            <Typography key={`reuse-${index}`} variant=\"body2\" role=\"listitem\">\n              Reuses the {entry.kind === 'screen' ? 'page' : entry.kind} {named(entry.id)} — {entry.purpose}\n            </Typography>\n          ))}\n          {plan.create.map((entry, index) => (\n            <Typography key={`create-${index}`} variant=\"body2\" role=\"listitem\">\n              Creates the {AI_BUILD_PLAN_CREATION_NOUNS[entry.kind].noun} {entry.name}\n              {entry.duplicateOf\n                ? `, from a copy of ${named(entry.duplicateOf)}`\n                : ''}{' '}\n              — {entry.why}\n            </Typography>\n          ))}\n          {plan.screens.map((screen, index) => (\n            <Typography key={`screen-${index}`} variant=\"body2\" role=\"listitem\">\n              {screen.record\n                ? `Builds the record template ${screen.title}, a page per record of ${named(screen.record.dataset)} at /${screen.record.base}/…`\n                : `Builds the page ${screen.title} at ${screen.slug}`}\n              {screen.duplicateOf\n                ? `, from a copy of ${named(screen.duplicateOf)}`\n                : ''}\n              {screen.layout ? ` in ${named(screen.layout)}` : ''}\n              {screen.sections.length\n                ? `: ${screen.sections.map((section) => section.name).join(', ')}`\n                : ''}\n            </Typography>\n          ))}\n          {(plan.items ?? []).map((item) => (\n            <Typography key={`item-${item.slot}`} variant=\"body2\" role=\"listitem\">\n              {`Makes the ${aiBuildOpNoun(item.op).toLowerCase()} ${item.name}`}\n              {item.why ? ` — ${item.why}` : ''}\n            </Typography>\n          ))}\n          {(plan.embeds ?? []).map((embed, index) => (\n            <Typography key={`embed-${index}`} variant=\"body2\" role=\"listitem\">\n              {aiPlanEmbedLine(embed, named)}\n            </Typography>\n          ))}\n        </Stack>\n      )}\n      {/*\n        A review written for the member (AGL-3594) carries the checks' own\n        sentence as `detail`: its findings are then staff reading too, and the\n        member reads the job's one sentence alone.\n      */}\n      {staff && review?.detail && (\n        <Typography variant=\"caption\" color=\"text.secondary\" component=\"div\" sx={{ mt: 0.5 }}>\n          {review.detail}\n        </Typography>\n      )}\n      {review?.reason === 'doctrine' && review.findings.length > 0 && (staff || !review.detail) && (\n        <Box\n          component=\"ul\"\n          sx={{ my: 0.5, pl: 2.5 }}\n          aria-label=\"Building rules broken\"\n        >\n          {review.findings.map((finding, index) => (\n            <Typography\n              key={`finding-${index}`}\n              component=\"li\"\n              variant=\"caption\"\n            >\n              {finding.message}\n            </Typography>\n          ))}\n        </Box>\n      )}\n      {details.length > 0 && (\n        <Box sx={{ mt: 0.5 }}>\n          <Button\n            size=\"small\"\n            aria-expanded={detailsOpen}\n            onClick={() => setDetailsOpen((prior) => !prior)}\n          >\n            {detailsOpen ? 'Hide what was refused' : 'Show what was refused'}\n          </Button>\n          <Collapse in={detailsOpen} unmountOnExit>\n            <Typography\n              variant=\"caption\"\n              component=\"pre\"\n              aria-label=\"What was refused\"\n              sx={{ m: 0, fontFamily: 'monospace', whiteSpace: 'pre', overflowX: 'auto' }}\n            >\n              {details.join('\\n')}\n            </Typography>\n          </Collapse>\n        </Box>\n      )}\n      {range && range.ceiling > 0 && (\n        <Typography\n          variant=\"caption\"\n          color=\"text.secondary\"\n          sx={{ display: 'block', mt: 1 }}\n        >\n          {`Estimated cost: ${aiCreditRangeText(range)}. What it costs is what its steps spend.`}\n          {freeCredits && !prompt\n            ? ` You have ${freeCredits.left.toLocaleString('en-US')} of your free AI credits left this month, until ${aiFreeCreditsResetLabel(freeCredits.resetsOn)}.`\n            : ''}\n        </Typography>\n      )}\n      {pageCapNote && (\n        <Typography variant=\"caption\" color=\"text.secondary\" sx={{ display: 'block', mt: 0.5 }}>\n          {pageCapNote}\n        </Typography>\n      )}\n      {waiting && review.retryRefusal && review.reason !== 'plan' && (\n        <Typography variant=\"caption\" color=\"text.secondary\" component=\"div\" sx={{ mt: 1 }}>\n          {review.retryRefusal}\n        </Typography>\n      )}\n      {offersPublish && (\n        <FormControlLabel\n          sx={{ display: 'flex', mt: 1 }}\n          control={<Checkbox size=\"small\" checked={publish} onChange={(event) => setPublish(event.target.checked)} />}\n          label={<Typography variant=\"body2\">{'Publish the new pages when they are built'}</Typography>}\n        />\n      )}\n      {waiting && prompt && (\n        <AiCreditsPromptNotice\n          prompt={prompt}\n          noun=\"build\"\n          orgSlug={orgSlug}\n          busy={busy}\n          onBuildWhatFits={() => onResume(job, { ...publishing, creditsConfirmed: true })}\n          onSmaller={() => onResume(job, { ...publishing, creditsConfirmed: true, reduce: 'first-page' })}\n        />\n      )}\n      {waiting && !prompt && (\n        <Button\n          size=\"small\"\n          variant=\"contained\"\n          // Disabled with its reason above when the Free allowance left\n          // cannot pay for another try (AGL-3594).\n          disabled={busy || (review.reason !== 'plan' && Boolean(review.retryRefusal))}\n          onClick={() => onResume(job, offersPublish && publish ? publishing : undefined)}\n          sx={{ mt: 1 }}\n        >\n          {review.reason === 'plan' ? 'Confirm plan' : 'Try again'}\n        </Button>\n      )}\n      {/* A guided start that did not work out can take the starter instead (AGL-3594). */}\n      {waiting && user && aiSiteStarterFallbackOffered(job) && <AiSiteStarterFallback job={job} user={user} />}\n    </Box>\n  )\n}\n\nexport default AiJobPlan\n"],"names":["AI_BUILD_PLAN_CREATION_NOUNS","AI_BUILD_PLAN_EMBED_HOST_NAMES","isAiPlanNewRef","aiBuildFreePageCapNote","aiBuildSmaller","aiJobCreditRange","aiCreditRangeText","aiCreditsPromptFor","aiFreeCreditsResetLabel","AiCreditsPromptNotice","aiBuildOpNoun","aiJobConfirmingOwnPlan","aiSiteStarterFallbackOffered","AiSiteStarterFallback","Box","Button","Checkbox","Collapse","FormControlLabel","Stack","Typography","useState","aiJobReviewDetails","review","reason","lines","findings","flatMap","finding","where","nodeIds","length","join","paths","rule","code","node","outline","push","repeat","depth","id","componentId","Object","entries","grid","map","name","value","JSON","stringify","props","sx","children","aiPlanEmbedLine","embed","named","host","link","url","asked","AiJobPlan","job","onResume","busy","staff","user","orgSlug","plan","detailsOpen","setDetailsOpen","publish","setPublish","details","ref","slice","labels","waiting","status","range","kind","freeCredits","prompt","pageCapNote","Boolean","offersPublish","publishAsked","publishing","mt","spacing","role","aria-label","variant","color","reuse","entry","index","purpose","create","noun","duplicateOf","why","screens","screen","record","title","dataset","base","slug","layout","sections","section","items","item","op","toLowerCase","slot","embeds","detail","component","my","pl","message","size","aria-expanded","onClick","prior","in","unmountOnExit","m","fontFamily","whiteSpace","overflowX","ceiling","display","left","toLocaleString","resetsOn","retryRefusal","control","checked","onChange","event","target","label","onBuildWhatFits","creditsConfirmed","onSmaller","reduce","disabled","undefined"],"mappings":"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"}

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

@@ -17,11 +17,14 @@
 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 { mdiDotsVertical } from "@aglyn/shared-data-mdi";
+import { AppLink, MdiIcon } 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 { Alert, Box, Button, Card, Chip, CircularProgress, Container, IconButton, List, ListItem, ListItemButton, ListItemText, Menu, MenuItem, Stack, Typography } from "@mui/material";
 import { useCallback, useEffect, useRef, useState } from "react";
+import { aiJobCancelBlockedReason } from "../model/ai-job-cancel-copy.js";
+import { useAiJobCancel } from "./ai-job-cancel.component.js";
 import { AI_JOB_PHASE_LABELS, aiJobKindNoun, aiJobPhase } from "../model/ai-job-activity.js";
 import { AI_JOB_KINDS } from "../model/ai-jobs.types.js";
 import { publishAiJob } from "./ai-jobs-store.js";
@@ -100,7 +103,7 @@ async function readSiteJobs(user, orgId, hostId, signal) {
     }
 }
 export function AiJobsListPage({ hostId, basePath }) {
-    var _ref;
+    var _ref, _ref1;
     const { data: user } = useUser();
     const userRef = useRef(user);
     userRef.current = user;
@@ -145,6 +148,19 @@ export function AiJobsListPage({ hostId, basePath }) {
         attempt
     ]);
     const retry = useCallback(()=>setAttempt((count)=>count + 1), []);
+    // A row's menu (AGL-3616): open the job, or cancel it after the confirm.
+    const [menu, setMenu] = useState(null);
+    const patchJob = useCallback((next)=>{
+        setList((current)=>current.status === 'ready' ? {
+                status: 'ready',
+                jobs: current.jobs.map((job)=>job.id === next.id ? next : job)
+            } : current);
+    }, []);
+    const canceling = useAiJobCancel({
+        user,
+        orgId,
+        onJob: patchJob
+    });
     const siteName = site.status === 'ready' ? site.name : '';
     const state = site.status === 'error' ? {
         status: 'error',
@@ -231,88 +247,141 @@ export function AiJobsListPage({ hostId, basePath }) {
                             })
                         ]
                     })
-                }) : /*#__PURE__*/ _jsx(Card, {
+                }) : /*#__PURE__*/ _jsxs(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,
-                                        useFlexGap: true,
+                    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__*/ _jsx(ListItem, {
+                                    disablePadding: true,
+                                    divider: index < state.jobs.length - 1,
+                                    secondaryAction: /*#__PURE__*/ _jsx(IconButton, {
+                                        edge: "end",
+                                        "aria-label": `Actions for this ${aiJobKindLabel(job.kind).toLowerCase()} job`,
+                                        "aria-haspopup": "menu",
+                                        onClick: (event)=>setMenu({
+                                                anchor: event.currentTarget,
+                                                job
+                                            }),
+                                        children: /*#__PURE__*/ _jsx(MdiIcon, {
+                                            path: mdiDotsVertical.path,
+                                            fontSize: "small"
+                                        })
+                                    }),
+                                    children: /*#__PURE__*/ _jsxs(ListItemButton, {
+                                        component: AppLink,
+                                        href: `${basePath != null ? basePath : ''}/${encodeURIComponent(job.id)}`,
                                         sx: {
-                                            alignItems: 'center',
-                                            flexWrap: 'wrap',
-                                            rowGap: 0.5
+                                            display: 'block',
+                                            py: 1.5,
+                                            pr: 7
                                         },
                                         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__*/ _jsxs(Stack, {
+                                                direction: "row",
+                                                spacing: 1,
+                                                useFlexGap: true,
+                                                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(Box, {
+                                            /*#__PURE__*/ _jsx(Typography, {
+                                                variant: "body2",
                                                 sx: {
-                                                    flexGrow: 1
-                                                }
+                                                    mt: 0.75,
+                                                    wordBreak: 'break-word'
+                                                },
+                                                children: brief
                                             }),
-                                            /*#__PURE__*/ _jsxs(Typography, {
+                                            refund ? /*#__PURE__*/ _jsx(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)
-                                                    })
-                                                ]
-                                            })
+                                                component: "div",
+                                                sx: {
+                                                    mt: 0.5
+                                                },
+                                                children: refund
+                                            }) : null
                                         ]
-                                    }),
-                                    /*#__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);
-                        })
-                    })
+                                    })
+                                }, job.id);
+                            })
+                        }),
+                        /*#__PURE__*/ _jsxs(Menu, {
+                            anchorEl: (_ref1 = menu == null ? void 0 : menu.anchor) != null ? _ref1 : null,
+                            open: menu !== null,
+                            onClose: ()=>setMenu(null),
+                            children: [
+                                menu ? /*#__PURE__*/ _jsx(MenuItem, {
+                                    component: AppLink,
+                                    href: `${basePath != null ? basePath : ''}/${encodeURIComponent(menu.job.id)}`,
+                                    onClick: ()=>setMenu(null),
+                                    children: 'Open job'
+                                }) : null,
+                                menu ? /*#__PURE__*/ _jsx(MenuItem, {
+                                    disabled: Boolean(aiJobCancelBlockedReason(menu.job)),
+                                    onClick: ()=>{
+                                        const job = menu.job;
+                                        setMenu(null);
+                                        canceling.ask(job);
+                                    },
+                                    children: /*#__PURE__*/ _jsx(ListItemText, {
+                                        primary: "Cancel job",
+                                        secondary: aiJobCancelBlockedReason(menu.job),
+                                        slotProps: {
+                                            secondary: {
+                                                sx: {
+                                                    whiteSpace: 'normal',
+                                                    maxWidth: 260
+                                                }
+                                            }
+                                        }
+                                    })
+                                }) : null
+                            ]
+                        }),
+                        canceling.dialog
+                    ]
                 }),
                 state.status === 'ready' && state.jobs.length >= AI_JOBS_PAGE_LIMIT ? /*#__PURE__*/ _jsx(Typography, {
                     variant: "body2",

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

@@ -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 { 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 { AI_JOB_KINDS, 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\n/**\n * Every kind a row can name, in the kinds registry's order: the labels the\n * rows' chips read, so the empty state never falls behind a new kind.\n */\nexport function aiJobKindLabels(): string[] {\n  const labels = AI_JOB_KINDS.map(aiJobKindLabel).filter((label) => label !== 'AI job')\n  return [...new Set(labels)]\n}\n\n/** `A, B and C`. */\nfunction listOf(items: readonly string[]): string {\n  return items.length < 2 ? items.join('') : `${items.slice(0, -1).join(', ')} and ${items[items.length - 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 making something for this site from a short ` +\n                  `description you write. Each job is one of these kinds: ${listOf(aiJobKindLabels())}. ` +\n                  'Each one gets a page here that shows its progress and what it made.'}\n              </Typography>\n              <Typography variant=\"body1\" color=\"text.secondary\">\n                {'To start one, choose Create with AI on any list that offers it, such as this site’s ' +\n                  'Pages or Forms. 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} useFlexGap 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","AI_JOB_KINDS","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","aiJobKindLabels","labels","map","filter","label","Set","listOf","items","length","join","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","borderRadius","p","disablePadding","index","phase","credits","refund","brief","created","Date","createdAt","href","id","divider","display","direction","useFlexGap","flexWrap","rowGap","flexGrow","toLocaleString","Number","isNaN","getTime","time","dateTime","format","mt","wordBreak"],"mappings":"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"}
+{"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 { mdiDotsVertical } from '@aglyn/shared-data-mdi'\nimport { AppLink, MdiIcon } 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  IconButton,\n  List,\n  ListItem,\n  ListItemButton,\n  ListItemText,\n  Menu,\n  MenuItem,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { aiJobCancelBlockedReason } from '../model/ai-job-cancel-copy'\nimport { useAiJobCancel } from './ai-job-cancel.component'\nimport { AI_JOB_PHASE_LABELS, aiJobKindNoun, aiJobPhase, type AiJobPhase } from '../model/ai-job-activity'\nimport { AI_JOB_KINDS, 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\n/**\n * Every kind a row can name, in the kinds registry's order: the labels the\n * rows' chips read, so the empty state never falls behind a new kind.\n */\nexport function aiJobKindLabels(): string[] {\n  const labels = AI_JOB_KINDS.map(aiJobKindLabel).filter((label) => label !== 'AI job')\n  return [...new Set(labels)]\n}\n\n/** `A, B and C`. */\nfunction listOf(items: readonly string[]): string {\n  return items.length < 2 ? items.join('') : `${items.slice(0, -1).join(', ')} and ${items[items.length - 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  // A row's menu (AGL-3616): open the job, or cancel it after the confirm.\n  const [menu, setMenu] = useState<{ anchor: HTMLElement; job: AiJobSummary } | null>(null)\n  const patchJob = useCallback((next: AiJobSummary) => {\n    setList((current) =>\n      current.status === 'ready'\n        ? { status: 'ready', jobs: current.jobs.map((job) => (job.id === next.id ? next : job)) }\n        : current,\n    )\n  }, [])\n  const canceling = useAiJobCancel({ user, orgId, onJob: patchJob })\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 making something for this site from a short ` +\n                  `description you write. Each job is one of these kinds: ${listOf(aiJobKindLabels())}. ` +\n                  'Each one gets a page here that shows its progress and what it made.'}\n              </Typography>\n              <Typography variant=\"body1\" color=\"text.secondary\">\n                {'To start one, choose Create with AI on any list that offers it, such as this site’s ' +\n                  'Pages or Forms. 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                  <ListItem\n                    key={job.id}\n                    disablePadding\n                    divider={index < state.jobs.length - 1}\n                    secondaryAction={\n                      <IconButton\n                        edge=\"end\"\n                        aria-label={`Actions for this ${aiJobKindLabel(job.kind).toLowerCase()} job`}\n                        aria-haspopup=\"menu\"\n                        onClick={(event) => setMenu({ anchor: event.currentTarget, job })}\n                      >\n                        <MdiIcon path={mdiDotsVertical.path} fontSize=\"small\" />\n                      </IconButton>\n                    }\n                  >\n                    <ListItemButton\n                      component={AppLink}\n                      href={`${basePath ?? ''}/${encodeURIComponent(job.id)}`}\n                      sx={{ display: 'block', py: 1.5, pr: 7 }}\n                    >\n                      <Stack direction=\"row\" spacing={1} useFlexGap 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                  </ListItem>\n                )\n              })}\n            </List>\n            <Menu anchorEl={menu?.anchor ?? null} open={menu !== null} onClose={() => setMenu(null)}>\n              {menu ? (\n                <MenuItem component={AppLink} href={`${basePath ?? ''}/${encodeURIComponent(menu.job.id)}`} onClick={() => setMenu(null)}>\n                  {'Open job'}\n                </MenuItem>\n              ) : null}\n              {menu ? (\n                <MenuItem\n                  disabled={Boolean(aiJobCancelBlockedReason(menu.job))}\n                  onClick={() => {\n                    const job = menu.job\n                    setMenu(null)\n                    canceling.ask(job)\n                  }}\n                >\n                  <ListItemText\n                    primary=\"Cancel job\"\n                    secondary={aiJobCancelBlockedReason(menu.job)}\n                    slotProps={{ secondary: { sx: { whiteSpace: 'normal', maxWidth: 260 } } }}\n                  />\n                </MenuItem>\n              ) : null}\n            </Menu>\n            {canceling.dialog}\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","mdiDotsVertical","AppLink","MdiIcon","authorizedFetch","useUser","Alert","Box","Button","Card","Chip","CircularProgress","Container","IconButton","List","ListItem","ListItemButton","ListItemText","Menu","MenuItem","Stack","Typography","useCallback","useEffect","useRef","useState","aiJobCancelBlockedReason","useAiJobCancel","AI_JOB_PHASE_LABELS","aiJobKindNoun","aiJobPhase","AI_JOB_KINDS","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","aiJobKindLabels","labels","map","filter","label","Set","listOf","items","length","join","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","menu","setMenu","patchJob","id","canceling","onJob","siteName","name","state","maxWidth","sx","py","xs","sm","px","spacing","variant","color","component","alignItems","aria-label","severity","action","size","onClick","borderRadius","p","disablePadding","index","phase","credits","refund","brief","created","Date","createdAt","divider","secondaryAction","edge","toLowerCase","aria-haspopup","event","anchor","currentTarget","path","fontSize","href","display","pr","direction","useFlexGap","flexWrap","rowGap","flexGrow","toLocaleString","Number","isNaN","getTime","time","dateTime","format","mt","wordBreak","anchorEl","open","onClose","disabled","Boolean","ask","primary","secondary","slotProps","whiteSpace","dialog"],"mappings":"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"}

package/src/lib/components/ai-jobs-store.d.ts

@@ -1,4 +1,5 @@
 import { type TokenSource } from '@aglyn/shared-util-http/authorized-token';
+import type { AiFreeCreditsLeft } from '../model/ai-site-job';
 import { type AiJobsActivity } from '../model/ai-job-activity';
 import { type AiJobSummary } from '../model/ai-jobs.types';
 /**
@@ -58,6 +59,17 @@ export declare function useAiJobsOpenRequest(): AiJobsOpenRequest;
 export { AI_JOB_LINK_PARAM } from '../model/ai-job-notice';
 /** How often a list with something in it is read again, while the tab is in view. */
 export declare const AI_JOBS_ACTIVE_POLL_MS = 15000;
+/**
+ * Who hears of a read as it starts and what a Free workspace has left when it
+ * lands (AGL-3722): the usage strip's store follows the jobs list this way
+ * rather than by import, so this module stays out of the strip's chunk.
+ */
+export interface AiJobsReadWatcher {
+    start: (uid: string, orgId: string) => void;
+    done: (uid: string, orgId: string, credits: AiFreeCreditsLeft | undefined) => void;
+}
+/** Listen to the jobs list's reads; returns the way to stop. */
+export declare function watchAiJobsReads(watcher: AiJobsReadWatcher): () => void;
 /**
  * Hands a job's latest state to every surface counting this workspace's jobs:
  * a new job joins the list, a settled one leaves it. Keyed on the job's own

package/src/lib/components/ai-jobs-store.js

@@ -55,6 +55,13 @@ const readOpen = ()=>openRequest;
 /** The most unsettled jobs one read lists; a glance, not an archive. */ const ACTIVE_LIMIT = 20;
 const NONE = Object.freeze([]);
 const entries = new Map();
+const readWatchers = new Set();
+/** Listen to the jobs list's reads; returns the way to stop. */ export function watchAiJobsReads(watcher) {
+    readWatchers.add(watcher);
+    return ()=>{
+        readWatchers.delete(watcher);
+    };
+}
 const keyOf = (uid, orgId)=>`${uid}\n${orgId}`;
 function emit(entry) {
     for (const listener of entry.listeners)listener();
@@ -77,6 +84,7 @@ function schedule(entry) {
 async function read(entry) {
     if (entry.inflight || entry.closed) return;
     entry.inflight = true;
+    for (const watcher of readWatchers)watcher.start(entry.uid, entry.orgId);
     try {
         var _ref;
         const response = await authorizedFetch(entry.user, `/api/ai/jobs?orgId=${encodeURIComponent(entry.orgId)}&status=active&limit=${ACTIVE_LIMIT}`);
@@ -90,6 +98,9 @@ async function read(entry) {
         }
         if (!response.ok) return;
         const payload = await response.json().catch(()=>null);
+        // The same read carries what a Free workspace has left, so the usage
+        // strip follows jobs that spend between chat messages (AGL-3722).
+        for (const watcher of readWatchers)watcher.done(entry.uid, entry.orgId, payload == null ? void 0 : payload.freeCredits);
         entry.jobs = Object.freeze(((_ref = payload == null ? void 0 : payload.jobs) != null ? _ref : []).filter((job)=>!isSettled(job)));
         emit(entry);
     } catch (unused) {
@@ -107,6 +118,7 @@ function entryFor(uid, orgId, user) {
             jobs: NONE,
             user,
             orgId,
+            uid,
             subscribers: 0,
             inflight: false,
             timer: null,
@@ -130,6 +142,8 @@ function entryFor(uid, orgId, user) {
         if (isSettled(job)) {
             if (index === -1) continue;
             next = entry.jobs.filter((known)=>known.id !== job.id);
+            // A job that just settled has just spent: read what is left (AGL-3722).
+            if (entry.subscribers > 0) void read(entry);
         } else if (index === -1) {
             next = [
                 job,
@@ -153,6 +167,7 @@ function entryFor(uid, orgId, user) {
     }
     entries.clear();
     openListeners.clear();
+    readWatchers.clear();
     openRequest = {
         seq: 0,
         jobId: null