npm - @aglyn/plugins-ai - Versions diffs - 1.0.0-beta.234 → 1.0.0-beta.235 - Mend

@aglyn/plugins-ai 1.0.0-beta.234 → 1.0.0-beta.235

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (137) hide show

package/src/lib/components/ai-overlay-cards.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-overlay-cards.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 { ConsoleWidgetEntitlementProps } from '@aglyn/aglyn/plugin-manager/feature-plugins'\nimport { pluginDocsHelp } from '@aglyn/aglyn/app-utils/docs-help'\nimport { mdiCreation } from '@aglyn/shared-data-mdi'\nimport { MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { useHostOrgId, useUser } from '@aglyn/tenant-feature-instance'\nimport {\n Alert,\n Box,\n Button,\n CircularProgress,\n Dialog,\n DialogActions,\n DialogContent,\n DialogTitle,\n Link,\n Stack,\n TextField,\n ToggleButton,\n ToggleButtonGroup,\n Typography,\n} from '@mui/material'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport type { AiJobSummary } from '../model/ai-jobs.types'\nimport {\n AI_OVERLAY_COPY_TASK,\n AI_OVERLAY_CURRENT_MAX_CHARS,\n aiOverlayLimitInputs,\n aiOverlayTriggersInput,\n readAiOverlayCopy,\n type AiOverlayCopyField,\n type AiOverlayCopyProposal,\n type AiOverlayKind,\n type AiOverlayTriggerRule,\n} from '../model/ai-overlay-copy'\nimport { AiUpsellButton } from './ai-upsell-dialog.component'\nimport { aiJobProblem, useAiJobRun } from './use-ai-job-run'\n\n/\n Overlays by AI in the console (AGL-3603): two widgets in the zones the\n * marketing plugin's overlays list hosts, each starting a `text` job asked for\n * overlay copy (`inputs.task: 'overlay'`).\n \n The overlay, its schedule, its targeting and its on-switch are the marketing\n * plugin's, and neither plugin imports the other: the props below restate the\n * halves of the zones' contracts these widgets read.\n \n ## Neither widget writes\n \n \"Write with AI\", in the overlay editor, fills the editor's fields unsaved;\n * the editor's Save is the write. \"Create with AI\", beside New bar and New\n * popup, hands the copy to the list's `createOverlayDraft`, which writes the\n * overlay switched off and opens it in the editor — a visitor sees nothing\n * until a person turns it on.\n /\n\nconst WRITE_FAILED_COPY = 'The copy could not be written. Try again.'\n\n/* The longest brief a person types here. /\nconst BRIEF_MAX_CHARS = 1_000\n\n/* The zone's rules, as the list hands them over. /\ninterface OverlayRules {\n limits: Readonly<Partial<Record<AiOverlayCopyField, number>>>\n triggers: readonly AiOverlayTriggerRule[]\n}\n\n/* What one proposal sets, as the zones' `proposeValues` and `createOverlayDraft` read it. /\nexport interface AiOverlayProposalValues {\n name?: string\n text?: string\n headline?: string\n body?: string\n ctaLabel?: string\n trigger?: string\n triggerValue?: number\n}\n\n/* The overlay editor's copy, as the `overlayEditor` zone hands it over. /\nexport interface AiOverlayEditorCopy {\n name: string\n text: string\n headline: string\n body: string\n ctaLabel: string\n ctaHref: string\n trigger: string\n triggerValue: number \| null\n}\n\n/* What the `overlayEditor` zone hands this widget. /\nexport interface AiOverlayEditorCardProps extends OverlayRules {\n hostId: string\n overlayId: string\n kind: AiOverlayKind\n copy: AiOverlayEditorCopy\n proposeValues: (proposal: AiOverlayProposalValues, key: string) => void\n}\n\n/* What the `hostOverlays` zone hands this widget. /\nexport interface AiCreateOverlayButtonProps extends OverlayRules, ConsoleWidgetEntitlementProps {\n hostId: string\n createOverlayDraft: (\n kind: AiOverlayKind,\n proposal: AiOverlayProposalValues,\n ) => Promise<{ ok: true; id: string } \| { ok: false; error: string }>\n}\n\n/* The proposal a finished overlay job carries. /\nexport function aiOverlayProposalOf(job: AiJobSummary \| null): AiOverlayCopyProposal \| null {\n if (job?.status !== 'done') return null\n for (const output of job.outputs) {\n const proposal = readAiOverlayCopy(output.proposal)\n if (proposal) return proposal\n }\n return null\n}\n\n/* A checked proposal as the values a zone's callback reads: only the fields it filled. /\nexport function aiOverlayProposalValues(proposal: AiOverlayCopyProposal): AiOverlayProposalValues {\n const values: AiOverlayProposalValues = {}\n if (proposal.name) values.name = proposal.name\n if (proposal.kind === 'bar') {\n if (proposal.text) values.text = proposal.text\n return values\n }\n if (proposal.headline) values.headline = proposal.headline\n if (proposal.body) values.body = proposal.body\n if (proposal.ctaLabel) values.ctaLabel = proposal.ctaLabel\n if (proposal.trigger) {\n values.trigger = proposal.trigger\n if (proposal.triggerValue !== null) values.triggerValue = proposal.triggerValue\n }\n return values\n}\n\n/* The editor's copy, as the job's `current` input reads it. /\nexport function aiOverlayCurrentCopy(kind: AiOverlayKind, copy: AiOverlayEditorCopy): string {\n const lines =\n kind === 'bar'\n ? [copy.text]\n : [copy.headline, copy.body, copy.ctaLabel ? `Button: ${copy.ctaLabel}` : '']\n return lines\n .map((line) => line.trim())\n .filter(Boolean)\n .join('\\n\\n')\n .slice(0, AI_OVERLAY_CURRENT_MAX_CHARS)\n}\n\n/* The job's inputs for one overlay. /\nexport function aiOverlayJobInputs(\n kind: AiOverlayKind,\n rules: OverlayRules,\n current: string,\n): Record<string, string> {\n const inputs: Record<string, string> = {\n task: AI_OVERLAY_COPY_TASK,\n overlayKind: kind,\n triggers: aiOverlayTriggersInput(rules.triggers),\n }\n for (const [key, value] of Object.entries(aiOverlayLimitInputs(rules.limits))) {\n inputs[key] = String(value)\n }\n if (current) inputs['current'] = current\n return inputs\n}\n\n/* How a proposed trigger reads, in the zone's own words. /\nfunction triggerText(\n proposal: AiOverlayCopyProposal,\n triggers: readonly AiOverlayTriggerRule[],\n): string \| null {\n if (!proposal.trigger) return null\n const rule = triggers.find((entry) => entry.id === proposal.trigger)\n const label = rule?.label ?? proposal.trigger\n if (proposal.triggerValue === null \|\| !rule?.unit) return label\n return `${label}: ${proposal.triggerValue}${rule.unit === 'percent' ? '%' : ' seconds'}`\n}\n\n/* One proposal, drawn the same way in both widgets. /\nexport function AiOverlayProposal({\n proposal,\n triggers,\n}: {\n proposal: AiOverlayCopyProposal\n triggers: readonly AiOverlayTriggerRule[]\n}) {\n const opens = proposal.kind === 'popup' ? triggerText(proposal, triggers) : null\n return (\n <Box\n sx={{ border: 1, borderColor: 'divider', borderRadius: 1, p: 1 }}\n aria-label=\"Proposed copy\"\n >\n <Stack spacing={0.5}>\n {proposal.name ? (\n <Typography variant=\"caption\" color=\"text.secondary\">\n {proposal.name}\n </Typography>\n ) : null}\n {proposal.kind === 'bar' ? (\n <Typography variant=\"body2\">{proposal.text}</Typography>\n ) : (\n <>\n {proposal.headline ? (\n <Typography variant=\"subtitle2\">{proposal.headline}</Typography>\n ) : null}\n <Typography variant=\"body2\" sx={{ whiteSpace: 'pre-line', wordBreak: 'break-word' }}>\n {proposal.body}\n </Typography>\n {proposal.ctaLabel ? (\n <Typography variant=\"body2\">{`Button: ${proposal.ctaLabel}`}</Typography>\n ) : null}\n {opens ? (\n <Typography variant=\"body2\" color=\"text.secondary\">\n {`Opens: ${opens}`}\n </Typography>\n ) : null}\n </>\n )}\n {proposal.rationale ? (\n <Typography variant=\"caption\" color=\"text.secondary\">\n {proposal.rationale}\n </Typography>\n ) : null}\n </Stack>\n </Box>\n )\n}\nAiOverlayProposal.displayName = 'AiOverlayProposal'\n\nconst overlayHelp = (anchor: '#write-overlay-copy' \| '#create-an-overlay', excerpt: string) =>\n pluginDocsHelp('aiMarketing', { anchor, excerpt })\n\n/\n \"Write with AI\", among the overlay editor's fields. It proposes the copy and,\n * for a popup, when it opens; it never proposes the link, the schedule, the\n * pages or the on-switch.\n /\nexport function AiOverlayEditorCard(props: AiOverlayEditorCardProps) {\n const { hostId, kind, copy, proposeValues, limits, triggers } = props\n const orgId = useHostOrgId(hostId) ?? undefined\n const { data: user } = useUser()\n const run = useAiJobRun(user, WRITE_FAILED_COPY)\n const [brief, setBrief] = useState('')\n const [applied, setApplied] = useState<string \| null>(null)\n const proposal = useMemo(() => aiOverlayProposalOf(run.job), [run.job])\n const problem =\n aiJobProblem(run.job, WRITE_FAILED_COPY) ??\n (run.job?.status === 'done' && !proposal ? WRITE_FAILED_COPY : null)\n\n\n const busy = run.starting \|\| run.running\n const current = aiOverlayCurrentCopy(kind, copy)\n const noun = kind === 'bar' ? 'bar' : 'popup'\n const help = overlayHelp('#write-overlay-copy', 'Writes the copy for this overlay from a brief, and for a popup when it opens. It fills the fields above unsaved; nothing is saved until you save the overlay.')\n const write = () => {\n if (!orgId \|\| !(brief.trim() \|\| current)) return\n setApplied(null)\n void run.start({\n orgId,\n hostId,\n kind: 'text',\n brief: brief.trim() \|\| `Improve the copy of this ${noun}.`,\n inputs: aiOverlayJobInputs(kind, { limits, triggers }, current),\n })\n }\n const apply = () => {\n if (!proposal \|\| !run.job) return\n proposeValues(aiOverlayProposalValues(proposal), run.job.id)\n setApplied(run.job.id)\n }\n\n return (\n <Box\n sx={{ border: 1, borderColor: 'divider', borderRadius: 1, p: 1.5 }}\n aria-label=\"Write with AI\"\n >\n <Stack spacing={1}>\n <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'baseline' }}>\n <Typography variant=\"subtitle2\" sx={{ flexGrow: 1 }}>\n {'Write with AI'}\n </Typography>\n <Link href={help.href} target=\"_blank\" rel=\"noopener\" variant=\"caption\" title={help.excerpt}>\n {'How it works'}\n </Link>\n </Stack>\n <TextField\n size=\"small\"\n multiline\n minRows={2}\n label={`What is this ${noun} for?`}\n placeholder={\n kind === 'bar'\n ? 'Free delivery on orders over [amount] this weekend'\n : 'Invite first-time visitors to book a free consultation'\n }\n helperText={\n current\n ? 'The copy above is sent with this, so it can be improved rather than replaced.'\n : 'Name the offer or the news, and who it is for.'\n }\n value={brief}\n onChange={(event) => setBrief(event.target.value.slice(0, BRIEF_MAX_CHARS))}\n disabled={busy}\n />\n <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n <Button\n size=\"small\"\n variant=\"outlined\"\n startIcon={<MdiIcon path={mdiCreation.path} />}\n disabled={busy \|\| !orgId \|\| !(brief.trim() \|\| current)}\n onClick={write}\n >\n {run.job && !busy ? 'Write it again' : 'Write with AI'}\n </Button>\n {busy ? <CircularProgress size={16} aria-label=\"Writing the copy\" /> : null}\n </Stack>\n {run.notice ? <Alert severity=\"warning\">{run.notice}</Alert> : null}\n {problem ? (\n <Alert severity={run.job?.status === 'failed' ? 'error' : 'warning'}>{problem}</Alert>\n ) : null}\n {proposal ? (\n <Stack spacing={1}>\n <AiOverlayProposal proposal={proposal} triggers={triggers} />\n <Stack direction=\"row\" spacing={1}>\n <Button\n size=\"small\"\n variant=\"contained\"\n disabled={applied === run.job?.id}\n onClick={apply}\n >\n {'Put in the fields'}\n </Button>\n </Stack>\n {applied === run.job?.id ? (\n <Alert severity=\"success\">\n {'In the fields above. Review them, add the link, then Save — or Cancel to leave the overlay as it was.'}\n </Alert>\n ) : null}\n </Stack>\n ) : null}\n </Stack>\n </Box>\n )\n}\nAiOverlayEditorCard.displayName = 'AiOverlayEditorCard'\n\n/\n \"Create with AI\", beside New bar and New popup and in the list's empty\n * state: a brief becomes a new overlay, written switched off and opened in the\n * editor.\n /\nexport function AiCreateOverlayButton(props: AiCreateOverlayButtonProps) {\n const { hostId, createOverlayDraft, limits, triggers } = props\n const orgId = useHostOrgId(hostId) ?? undefined\n const { data: user } = useUser()\n const run = useAiJobRun(user, WRITE_FAILED_COPY)\n const [open, setOpen] = useState(false)\n const [kind, setKind] = useState<AiOverlayKind>('popup')\n const [brief, setBrief] = useState('')\n const [saving, setSaving] = useState(false)\n const [saveError, setSaveError] = useState<string \| null>(null)\n /* The job whose copy was handed to the list, so it is created once. */\n const createdRef = useRef<string \| null>(null)\n const proposal = useMemo(() => aiOverlayProposalOf(run.job), [run.job])\n const problem =\n aiJobProblem(run.job, WRITE_FAILED_COPY) ??\n (run.job?.status === 'done' && !proposal ? WRITE_FAILED_COPY : null)\n\n // Once the copy arrives it becomes the overlay, switched off, and the list\n // opens it in the editor; this dialog has nothing more to show.\n useEffect(() => {\n const jobId = run.job?.id\n if (!proposal \|\| !jobId \|\| createdRef.current === jobId) return\n createdRef.current = jobId\n setSaving(true)\n setSaveError(null)\n void createOverlayDraft(proposal.kind, aiOverlayProposalValues(proposal))\n .then((result) => {\n if (result.ok === false) {\n setSaveError(result.error)\n return\n }\n setOpen(false)\n setBrief('')\n run.reset()\n })\n .catch(() => setSaveError('The overlay could not be saved. Try again.'))\n .finally(() => setSaving(false))\n }, [proposal, run, createOverlayDraft])\n\n // Drawn from the shell's gates alone (AGL-3601): nothing asks a server until\n // it is used, and a plan without the add-on gets the add-on's dialog.\n if (props.entitled === false) {\n return props.upgrade ? <AiUpsellButton kind=\"overlay\" upgrade={props.upgrade} /> : null\n }\n\n const busy = run.starting \|\| run.running \|\| saving\n const help = overlayHelp('#create-an-overlay', 'Writes a new announcement bar or popup from a brief and saves it switched off, so no visitor sees it until you turn it on.')\n const start = () => {\n if (!orgId \|\| !brief.trim()) return\n createdRef.current = null\n setSaveError(null)\n void run.start({\n orgId,\n hostId,\n kind: 'text',\n brief: brief.trim(),\n inputs: aiOverlayJobInputs(kind, { limits, triggers }, ''),\n })\n }\n\n return (\n <>\n <Button\n size=\"small\"\n variant=\"outlined\"\n startIcon={<MdiIcon path={mdiCreation.path} />}\n onClick={() => setOpen(true)}\n >\n {'Create with AI'}\n </Button>\n <Dialog open={open} onClose={busy ? undefined : () => setOpen(false)} fullWidth maxWidth=\"sm\">\n <DialogTitle>{'Create an overlay with AI'}</DialogTitle>\n <DialogContent>\n <Stack spacing={2} sx={{ pt: 1 }}>\n <ToggleButtonGroup\n exclusive\n size=\"small\"\n value={kind}\n onChange={(_event, next: AiOverlayKind \| null) => {\n if (next) setKind(next)\n }}\n aria-label=\"What to create\"\n disabled={busy}\n >\n <ToggleButton value=\"popup\">{'Popup'}</ToggleButton>\n <ToggleButton value=\"bar\">{'Announcement bar'}</ToggleButton>\n </ToggleButtonGroup>\n <TextField\n label={kind === 'bar' ? 'What should the bar announce?' : 'What is the popup for?'}\n placeholder={\n kind === 'bar'\n ? 'Our spring sale: [discount] off everything until [date]'\n : 'Ask visitors reading our services page to book a free consultation'\n }\n multiline\n minRows={3}\n value={brief}\n onChange={(event) => setBrief(event.target.value.slice(0, BRIEF_MAX_CHARS))}\n disabled={busy}\n autoFocus\n />\n <Typography variant=\"body2\" color=\"text.secondary\">\n {'The overlay is saved switched off and opened in the editor, where you add its link, ' +\n 'its pages and its schedule. No visitor sees it until you turn it on.'}\n {' '}\n <Link href={help.href} target=\"_blank\" rel=\"noopener\" title={help.excerpt}>\n {'How it works'}\n </Link>\n </Typography>\n {busy ? (\n <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n <CircularProgress size={16} aria-label=\"Writing the overlay\" />\n <Typography variant=\"body2\" color=\"text.secondary\">\n {saving ? 'Saving the overlay.' : 'Writing the copy.'}\n </Typography>\n </Stack>\n ) : null}\n {run.notice ? <Alert severity=\"warning\">{run.notice}</Alert> : null}\n {problem ? (\n <Alert severity={run.job?.status === 'failed' ? 'error' : 'warning'}>{problem}</Alert>\n ) : null}\n {saveError ? <Alert severity=\"error\">{saveError}</Alert> : null}\n {proposal && saveError ? <AiOverlayProposal proposal={proposal} triggers={triggers} /> : null}\n </Stack>\n </DialogContent>\n <DialogActions>\n <Button onClick={() => setOpen(false)} disabled={busy}>\n {'Cancel'}\n </Button>\n <Button variant=\"contained\" onClick={start} disabled={busy \|\| !orgId \|\| !brief.trim()}>\n {'Create the overlay'}\n </Button>\n </DialogActions>\n </Dialog>\n </>\n )\n}\nAiCreateOverlayButton.displayName = 'AiCreateOverlayButton'\n"],"names":["pluginDocsHelp","mdiCreation","MdiIcon","useHostOrgId","useUser","Alert","Box","Button","CircularProgress","Dialog","DialogActions","DialogContent","DialogTitle","Link","Stack","TextField","ToggleButton","ToggleButtonGroup","Typography","useEffect","useMemo","useRef","useState","AI_OVERLAY_COPY_TASK","AI_OVERLAY_CURRENT_MAX_CHARS","aiOverlayLimitInputs","aiOverlayTriggersInput","readAiOverlayCopy","AiUpsellButton","aiJobProblem","useAiJobRun","WRITE_FAILED_COPY","BRIEF_MAX_CHARS","aiOverlayProposalOf","job","status","output","outputs","proposal","aiOverlayProposalValues","values","name","kind","text","headline","body","ctaLabel","trigger","triggerValue","aiOverlayCurrentCopy","copy","lines","map","line","trim","filter","Boolean","join","slice","aiOverlayJobInputs","rules","current","inputs","task","overlayKind","triggers","key","value","Object","entries","limits","String","triggerText","rule","find","entry","id","label","unit","AiOverlayProposal","opens","sx","border","borderColor","borderRadius","p","aria-label","spacing","variant","color","whiteSpace","wordBreak","rationale","displayName","overlayHelp","anchor","excerpt","AiOverlayEditorCard","props","run","hostId","proposeValues","orgId","undefined","data","user","brief","setBrief","applied","setApplied","problem","busy","starting","running","noun","help","write","start","apply","direction","alignItems","flexGrow","href","target","rel","title","size","multiline","minRows","placeholder","helperText","onChange","event","disabled","startIcon","path","onClick","notice","severity","AiCreateOverlayButton","createOverlayDraft","open","setOpen","setKind","saving","setSaving","saveError","setSaveError","createdRef","jobId","then","result","ok","error","reset","catch","finally","entitled","upgrade","onClose","fullWidth","maxWidth","pt","exclusive","_event","next","autoFocus"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-overlay-cards.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 { ConsoleWidgetEntitlementProps } from '@aglyn/aglyn/plugin-manager/feature-plugins'\nimport { pluginDocsHelp } from '@aglyn/aglyn/app-utils/docs-help'\nimport { mdiCreation } from '@aglyn/shared-data-mdi'\nimport { MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { useHostOrgId, useUser } from '@aglyn/tenant-feature-instance'\nimport {\n Alert,\n Box,\n Button,\n CircularProgress,\n Dialog,\n DialogActions,\n DialogContent,\n DialogTitle,\n Link,\n Stack,\n TextField,\n ToggleButton,\n ToggleButtonGroup,\n Typography,\n} from '@mui/material'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport type { AiJobSummary } from '../model/ai-jobs.types'\nimport {\n AI_OVERLAY_COPY_TASK,\n AI_OVERLAY_CURRENT_MAX_CHARS,\n aiOverlayLimitInputs,\n aiOverlayTriggersInput,\n readAiOverlayCopy,\n type AiOverlayCopyField,\n type AiOverlayCopyProposal,\n type AiOverlayKind,\n type AiOverlayTriggerRule,\n} from '../model/ai-overlay-copy'\nimport { AiUpsellButton } from './ai-upsell-dialog.component'\nimport { aiJobProblem, useAiJobRun } from './use-ai-job-run'\n\n/\n Overlays by AI in the console (AGL-3603): two widgets in the zones the\n * marketing plugin's overlays list hosts, each starting a `text` job asked for\n * overlay copy (`inputs.task: 'overlay'`).\n \n The overlay, its schedule, its targeting and its on-switch are the marketing\n * plugin's, and neither plugin imports the other: the props below restate the\n * halves of the zones' contracts these widgets read.\n \n ## Neither widget writes\n \n \"Write with AI\", in the overlay editor, fills the editor's fields unsaved;\n * the editor's Save is the write. \"Create with AI\", beside New bar and New\n * popup, hands the copy to the list's `createOverlayDraft`, which writes the\n * overlay switched off and opens it in the editor — a visitor sees nothing\n * until a person turns it on.\n /\n\nconst WRITE_FAILED_COPY = 'The copy could not be written. Try again.'\n\n/* The longest brief a person types here. /\nconst BRIEF_MAX_CHARS = 1_000\n\n/* The zone's rules, as the list hands them over. /\ninterface OverlayRules {\n limits: Readonly<Partial<Record<AiOverlayCopyField, number>>>\n triggers: readonly AiOverlayTriggerRule[]\n}\n\n/* What one proposal sets, as the zones' `proposeValues` and `createOverlayDraft` read it. /\nexport interface AiOverlayProposalValues {\n name?: string\n text?: string\n headline?: string\n body?: string\n ctaLabel?: string\n trigger?: string\n triggerValue?: number\n}\n\n/* The overlay editor's copy, as the `overlayEditor` zone hands it over. /\nexport interface AiOverlayEditorCopy {\n name: string\n text: string\n headline: string\n body: string\n ctaLabel: string\n ctaHref: string\n trigger: string\n triggerValue: number \| null\n}\n\n/* What the `overlayEditor` zone hands this widget. /\nexport interface AiOverlayEditorCardProps extends OverlayRules {\n hostId: string\n overlayId: string\n kind: AiOverlayKind\n copy: AiOverlayEditorCopy\n proposeValues: (proposal: AiOverlayProposalValues, key: string) => void\n}\n\n/* What the `hostOverlays` zone hands this widget. /\nexport interface AiCreateOverlayButtonProps extends OverlayRules, ConsoleWidgetEntitlementProps {\n hostId: string\n createOverlayDraft: (\n kind: AiOverlayKind,\n proposal: AiOverlayProposalValues,\n ) => Promise<{ ok: true; id: string } \| { ok: false; error: string }>\n}\n\n/* The proposal a finished overlay job carries. /\nexport function aiOverlayProposalOf(job: AiJobSummary \| null): AiOverlayCopyProposal \| null {\n if (job?.status !== 'done') return null\n for (const output of job.outputs) {\n const proposal = readAiOverlayCopy(output.proposal)\n if (proposal) return proposal\n }\n return null\n}\n\n/* A checked proposal as the values a zone's callback reads: only the fields it filled. /\nexport function aiOverlayProposalValues(proposal: AiOverlayCopyProposal): AiOverlayProposalValues {\n const values: AiOverlayProposalValues = {}\n if (proposal.name) values.name = proposal.name\n if (proposal.kind === 'bar') {\n if (proposal.text) values.text = proposal.text\n return values\n }\n if (proposal.headline) values.headline = proposal.headline\n if (proposal.body) values.body = proposal.body\n if (proposal.ctaLabel) values.ctaLabel = proposal.ctaLabel\n if (proposal.trigger) {\n values.trigger = proposal.trigger\n if (proposal.triggerValue !== null) values.triggerValue = proposal.triggerValue\n }\n return values\n}\n\n/* The editor's copy, as the job's `current` input reads it. /\nexport function aiOverlayCurrentCopy(kind: AiOverlayKind, copy: AiOverlayEditorCopy): string {\n const lines =\n kind === 'bar'\n ? [copy.text]\n : [copy.headline, copy.body, copy.ctaLabel ? `Button: ${copy.ctaLabel}` : '']\n return lines\n .map((line) => line.trim())\n .filter(Boolean)\n .join('\\n\\n')\n .slice(0, AI_OVERLAY_CURRENT_MAX_CHARS)\n}\n\n/* The job's inputs for one overlay. /\nexport function aiOverlayJobInputs(\n kind: AiOverlayKind,\n rules: OverlayRules,\n current: string,\n): Record<string, string> {\n const inputs: Record<string, string> = {\n task: AI_OVERLAY_COPY_TASK,\n overlayKind: kind,\n triggers: aiOverlayTriggersInput(rules.triggers),\n }\n for (const [key, value] of Object.entries(aiOverlayLimitInputs(rules.limits))) {\n inputs[key] = String(value)\n }\n if (current) inputs['current'] = current\n return inputs\n}\n\n/* How a proposed trigger reads, in the zone's own words. /\nfunction triggerText(\n proposal: AiOverlayCopyProposal,\n triggers: readonly AiOverlayTriggerRule[],\n): string \| null {\n if (!proposal.trigger) return null\n const rule = triggers.find((entry) => entry.id === proposal.trigger)\n const label = rule?.label ?? proposal.trigger\n if (proposal.triggerValue === null \|\| !rule?.unit) return label\n return `${label}: ${proposal.triggerValue}${rule.unit === 'percent' ? '%' : ' seconds'}`\n}\n\n/* One proposal, drawn the same way in both widgets. /\nexport function AiOverlayProposal({\n proposal,\n triggers,\n}: {\n proposal: AiOverlayCopyProposal\n triggers: readonly AiOverlayTriggerRule[]\n}) {\n const opens = proposal.kind === 'popup' ? triggerText(proposal, triggers) : null\n return (\n <Box\n sx={{ border: 1, borderColor: 'divider', borderRadius: 1, p: 1 }}\n aria-label=\"Proposed copy\"\n >\n <Stack spacing={0.5}>\n {proposal.name ? (\n <Typography variant=\"caption\" color=\"text.secondary\">\n {proposal.name}\n </Typography>\n ) : null}\n {proposal.kind === 'bar' ? (\n <Typography variant=\"body2\">{proposal.text}</Typography>\n ) : (\n <>\n {proposal.headline ? (\n <Typography variant=\"subtitle2\">{proposal.headline}</Typography>\n ) : null}\n <Typography variant=\"body2\" sx={{ whiteSpace: 'pre-line', wordBreak: 'break-word' }}>\n {proposal.body}\n </Typography>\n {proposal.ctaLabel ? (\n <Typography variant=\"body2\">{`Button: ${proposal.ctaLabel}`}</Typography>\n ) : null}\n {opens ? (\n <Typography variant=\"body2\" color=\"text.secondary\">\n {`Opens: ${opens}`}\n </Typography>\n ) : null}\n </>\n )}\n {proposal.rationale ? (\n <Typography variant=\"caption\" color=\"text.secondary\">\n {proposal.rationale}\n </Typography>\n ) : null}\n </Stack>\n </Box>\n )\n}\nAiOverlayProposal.displayName = 'AiOverlayProposal'\n\nconst overlayHelp = (anchor: '#write-overlay-copy' \| '#create-an-overlay', excerpt: string) =>\n pluginDocsHelp('aiMarketing', { anchor, excerpt })\n\n/\n \"Write with AI\", among the overlay editor's fields. It proposes the copy and,\n * for a popup, when it opens; it never proposes the link, the schedule, the\n * pages or the on-switch.\n /\nexport function AiOverlayEditorCard(props: AiOverlayEditorCardProps) {\n const { hostId, kind, copy, proposeValues, limits, triggers } = props\n const orgId = useHostOrgId(hostId) ?? undefined\n const { data: user } = useUser()\n const run = useAiJobRun(user, WRITE_FAILED_COPY)\n const [brief, setBrief] = useState('')\n const [applied, setApplied] = useState<string \| null>(null)\n const proposal = useMemo(() => aiOverlayProposalOf(run.job), [run.job])\n const problem =\n aiJobProblem(run.job, WRITE_FAILED_COPY) ??\n (run.job?.status === 'done' && !proposal ? WRITE_FAILED_COPY : null)\n\n\n const busy = run.starting \|\| run.running\n const current = aiOverlayCurrentCopy(kind, copy)\n const noun = kind === 'bar' ? 'bar' : 'popup'\n const help = overlayHelp('#write-overlay-copy', 'Writes the copy for this overlay from a brief, and for a popup when it opens. It fills the fields above unsaved; nothing is saved until you save the overlay.')\n const write = () => {\n if (!orgId \|\| !(brief.trim() \|\| current)) return\n setApplied(null)\n void run.start({\n orgId,\n hostId,\n kind: 'text',\n brief: brief.trim() \|\| `Improve the copy of this ${noun}.`,\n inputs: aiOverlayJobInputs(kind, { limits, triggers }, current),\n })\n }\n const apply = () => {\n if (!proposal \|\| !run.job) return\n proposeValues(aiOverlayProposalValues(proposal), run.job.id)\n setApplied(run.job.id)\n }\n\n return (\n <Box\n sx={{ border: 1, borderColor: 'divider', borderRadius: 1, p: 1.5 }}\n aria-label=\"Write with AI\"\n >\n <Stack spacing={1}>\n <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'baseline' }}>\n <Typography variant=\"subtitle2\" sx={{ flexGrow: 1 }}>\n {'Write with AI'}\n </Typography>\n <Link href={help.href} target=\"_blank\" rel=\"noopener\" variant=\"caption\" title={help.excerptText}>\n {'How it works'}\n </Link>\n </Stack>\n <TextField\n size=\"small\"\n multiline\n minRows={2}\n label={`What is this ${noun} for?`}\n placeholder={\n kind === 'bar'\n ? 'Free delivery on orders over [amount] this weekend'\n : 'Invite first-time visitors to book a free consultation'\n }\n helperText={\n current\n ? 'The copy above is sent with this, so it can be improved rather than replaced.'\n : 'Name the offer or the news, and who it is for.'\n }\n value={brief}\n onChange={(event) => setBrief(event.target.value.slice(0, BRIEF_MAX_CHARS))}\n disabled={busy}\n />\n <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n <Button\n size=\"small\"\n variant=\"outlined\"\n startIcon={<MdiIcon path={mdiCreation.path} />}\n disabled={busy \|\| !orgId \|\| !(brief.trim() \|\| current)}\n onClick={write}\n >\n {run.job && !busy ? 'Write it again' : 'Write with AI'}\n </Button>\n {busy ? <CircularProgress size={16} aria-label=\"Writing the copy\" /> : null}\n </Stack>\n {run.notice ? <Alert severity=\"warning\">{run.notice}</Alert> : null}\n {problem ? (\n <Alert severity={run.job?.status === 'failed' ? 'error' : 'warning'}>{problem}</Alert>\n ) : null}\n {proposal ? (\n <Stack spacing={1}>\n <AiOverlayProposal proposal={proposal} triggers={triggers} />\n <Stack direction=\"row\" spacing={1}>\n <Button\n size=\"small\"\n variant=\"contained\"\n disabled={applied === run.job?.id}\n onClick={apply}\n >\n {'Put in the fields'}\n </Button>\n </Stack>\n {applied === run.job?.id ? (\n <Alert severity=\"success\">\n {'In the fields above. Review them, add the link, then Save — or Cancel to leave the overlay as it was.'}\n </Alert>\n ) : null}\n </Stack>\n ) : null}\n </Stack>\n </Box>\n )\n}\nAiOverlayEditorCard.displayName = 'AiOverlayEditorCard'\n\n/\n \"Create with AI\", beside New bar and New popup and in the list's empty\n * state: a brief becomes a new overlay, written switched off and opened in the\n * editor.\n /\nexport function AiCreateOverlayButton(props: AiCreateOverlayButtonProps) {\n const { hostId, createOverlayDraft, limits, triggers } = props\n const orgId = useHostOrgId(hostId) ?? undefined\n const { data: user } = useUser()\n const run = useAiJobRun(user, WRITE_FAILED_COPY)\n const [open, setOpen] = useState(false)\n const [kind, setKind] = useState<AiOverlayKind>('popup')\n const [brief, setBrief] = useState('')\n const [saving, setSaving] = useState(false)\n const [saveError, setSaveError] = useState<string \| null>(null)\n /* The job whose copy was handed to the list, so it is created once. */\n const createdRef = useRef<string \| null>(null)\n const proposal = useMemo(() => aiOverlayProposalOf(run.job), [run.job])\n const problem =\n aiJobProblem(run.job, WRITE_FAILED_COPY) ??\n (run.job?.status === 'done' && !proposal ? WRITE_FAILED_COPY : null)\n\n // Once the copy arrives it becomes the overlay, switched off, and the list\n // opens it in the editor; this dialog has nothing more to show.\n useEffect(() => {\n const jobId = run.job?.id\n if (!proposal \|\| !jobId \|\| createdRef.current === jobId) return\n createdRef.current = jobId\n setSaving(true)\n setSaveError(null)\n void createOverlayDraft(proposal.kind, aiOverlayProposalValues(proposal))\n .then((result) => {\n if (result.ok === false) {\n setSaveError(result.error)\n return\n }\n setOpen(false)\n setBrief('')\n run.reset()\n })\n .catch(() => setSaveError('The overlay could not be saved. Try again.'))\n .finally(() => setSaving(false))\n }, [proposal, run, createOverlayDraft])\n\n // Drawn from the shell's gates alone (AGL-3601): nothing asks a server until\n // it is used, and a plan without the add-on gets the add-on's dialog.\n if (props.entitled === false) {\n return props.upgrade ? <AiUpsellButton kind=\"overlay\" upgrade={props.upgrade} /> : null\n }\n\n const busy = run.starting \|\| run.running \|\| saving\n const help = overlayHelp('#create-an-overlay', 'Writes a new announcement bar or popup from a brief and saves it switched off, so no visitor sees it until you turn it on.')\n const start = () => {\n if (!orgId \|\| !brief.trim()) return\n createdRef.current = null\n setSaveError(null)\n void run.start({\n orgId,\n hostId,\n kind: 'text',\n brief: brief.trim(),\n inputs: aiOverlayJobInputs(kind, { limits, triggers }, ''),\n })\n }\n\n return (\n <>\n <Button\n size=\"small\"\n variant=\"outlined\"\n startIcon={<MdiIcon path={mdiCreation.path} />}\n onClick={() => setOpen(true)}\n >\n {'Create with AI'}\n </Button>\n <Dialog open={open} onClose={busy ? undefined : () => setOpen(false)} fullWidth maxWidth=\"sm\">\n <DialogTitle>{'Create an overlay with AI'}</DialogTitle>\n <DialogContent>\n <Stack spacing={2} sx={{ pt: 1 }}>\n <ToggleButtonGroup\n exclusive\n size=\"small\"\n value={kind}\n onChange={(_event, next: AiOverlayKind \| null) => {\n if (next) setKind(next)\n }}\n aria-label=\"What to create\"\n disabled={busy}\n >\n <ToggleButton value=\"popup\">{'Popup'}</ToggleButton>\n <ToggleButton value=\"bar\">{'Announcement bar'}</ToggleButton>\n </ToggleButtonGroup>\n <TextField\n label={kind === 'bar' ? 'What should the bar announce?' : 'What is the popup for?'}\n placeholder={\n kind === 'bar'\n ? 'Our spring sale: [discount] off everything until [date]'\n : 'Ask visitors reading our services page to book a free consultation'\n }\n multiline\n minRows={3}\n value={brief}\n onChange={(event) => setBrief(event.target.value.slice(0, BRIEF_MAX_CHARS))}\n disabled={busy}\n autoFocus\n />\n <Typography variant=\"body2\" color=\"text.secondary\">\n {'The overlay is saved switched off and opened in the editor, where you add its link, ' +\n 'its pages and its schedule. No visitor sees it until you turn it on.'}\n {' '}\n <Link href={help.href} target=\"_blank\" rel=\"noopener\" title={help.excerptText}>\n {'How it works'}\n </Link>\n </Typography>\n {busy ? (\n <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n <CircularProgress size={16} aria-label=\"Writing the overlay\" />\n <Typography variant=\"body2\" color=\"text.secondary\">\n {saving ? 'Saving the overlay.' : 'Writing the copy.'}\n </Typography>\n </Stack>\n ) : null}\n {run.notice ? <Alert severity=\"warning\">{run.notice}</Alert> : null}\n {problem ? (\n <Alert severity={run.job?.status === 'failed' ? 'error' : 'warning'}>{problem}</Alert>\n ) : null}\n {saveError ? <Alert severity=\"error\">{saveError}</Alert> : null}\n {proposal && saveError ? <AiOverlayProposal proposal={proposal} triggers={triggers} /> : null}\n </Stack>\n </DialogContent>\n <DialogActions>\n <Button onClick={() => setOpen(false)} disabled={busy}>\n {'Cancel'}\n </Button>\n <Button variant=\"contained\" onClick={start} disabled={busy \|\| !orgId \|\| !brief.trim()}>\n {'Create the overlay'}\n </Button>\n </DialogActions>\n </Dialog>\n </>\n )\n}\nAiCreateOverlayButton.displayName = 'AiCreateOverlayButton'\n"],"names":["pluginDocsHelp","mdiCreation","MdiIcon","useHostOrgId","useUser","Alert","Box","Button","CircularProgress","Dialog","DialogActions","DialogContent","DialogTitle","Link","Stack","TextField","ToggleButton","ToggleButtonGroup","Typography","useEffect","useMemo","useRef","useState","AI_OVERLAY_COPY_TASK","AI_OVERLAY_CURRENT_MAX_CHARS","aiOverlayLimitInputs","aiOverlayTriggersInput","readAiOverlayCopy","AiUpsellButton","aiJobProblem","useAiJobRun","WRITE_FAILED_COPY","BRIEF_MAX_CHARS","aiOverlayProposalOf","job","status","output","outputs","proposal","aiOverlayProposalValues","values","name","kind","text","headline","body","ctaLabel","trigger","triggerValue","aiOverlayCurrentCopy","copy","lines","map","line","trim","filter","Boolean","join","slice","aiOverlayJobInputs","rules","current","inputs","task","overlayKind","triggers","key","value","Object","entries","limits","String","triggerText","rule","find","entry","id","label","unit","AiOverlayProposal","opens","sx","border","borderColor","borderRadius","p","aria-label","spacing","variant","color","whiteSpace","wordBreak","rationale","displayName","overlayHelp","anchor","excerpt","AiOverlayEditorCard","props","run","hostId","proposeValues","orgId","undefined","data","user","brief","setBrief","applied","setApplied","problem","busy","starting","running","noun","help","write","start","apply","direction","alignItems","flexGrow","href","target","rel","title","excerptText","size","multiline","minRows","placeholder","helperText","onChange","event","disabled","startIcon","path","onClick","notice","severity","AiCreateOverlayButton","createOverlayDraft","open","setOpen","setKind","saving","setSaving","saveError","setSaveError","createdRef","jobId","then","result","ok","error","reset","catch","finally","entitled","upgrade","onClose","fullWidth","maxWidth","pt","exclusive","_event","next","autoFocus"],"mappings":"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"}

package/src/lib/components/ai-product-copy-card.component.js CHANGED Viewed

@@ -210,6 +210,7 @@ export function AiProductCopyCard(props) {
     const running = isAiJobMoving(job);
     const unnamed = !product.name.trim();
     const help = pluginDocsHelp('aiProducts', {
+        anchor: '#write-a-products-copy',
         excerpt: 'Write a product’s description, search listing and tags from what it says and shows. It is put in the fields as unsaved changes; nothing is saved until you save.'
     });
     return /*#__PURE__*/ _jsx(Box, {
@@ -242,7 +243,7 @@ export function AiProductCopyCard(props) {
                             target: "_blank",
                             rel: "noopener",
                             variant: "caption",
-                            title: help.excerpt,
+                            title: help.excerptText,
                             children: 'How it works'
                         })
                     ]

package/src/lib/components/ai-product-copy-card.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-product-copy-card.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 { pluginDocsHelp } from '@aglyn/aglyn/app-utils/docs-help'\nimport { seoListingFieldCount, seoListingFieldTooLong } from '@aglyn/aglyn/app-utils/seo-listing-fields'\nimport type {\n ConsoleProductCopyValues,\n ConsoleProductEditorZoneProps,\n} from './ai-product-zones'\nimport { Alert, Box, Button, Chip, CircularProgress, Link, Stack, Typography } from '@mui/material'\nimport { useCallback, useState, type ReactNode } from 'react'\nimport {\n aiProductCopyProposals,\n aiProductsJobInputs,\n type AiProductCopyProposal,\n} from '../model/ai-products'\nimport { isAiJobMoving, useAiProductsJobs } from './use-ai-products-jobs'\n\n/\n \"Write with AI\" in the commerce product editor (AGL-2916), through the\n * `productEditor` zone. A `products` job writes the product's description,\n * search listing, tags, categories and clearer option names from what the\n * editor holds: its name, text, tags and options, and its first photo for a\n * model that reads pictures. The proposal is shown in full, with any fact the\n * copy could not know marked for the person to fill in, and \"Put in the\n * fields\" stages it in the editor as unsaved changes. Save product is the\n * write; this card never writes a product.\n /\n\n/* The brief a product copy job carries, which the jobs list shows. /\nexport const aiProductCopyBrief = (name: string) => `Write the storefront copy for ${name.trim()}`\n\n/* The values a proposal stages, in the editor's terms. /\nexport function aiProductCopyValues(proposal: AiProductCopyProposal): ConsoleProductCopyValues {\n const values = proposal.values\n if (!values) return {}\n return {\n description: values.description,\n tags: values.tags,\n categoryIds: values.categoryIds,\n seoTitle: values.seoTitle,\n seoDescription: values.seoDescription,\n ...(values.optionNames.length ? { optionNames: values.optionNames } : {}),\n }\n}\n\nfunction Field(props: { label: string; children: ReactNode; count?: ReactNode }) {\n return (\n <Stack spacing={0.25}>\n <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n <Typography variant=\"caption\" color=\"text.secondary\" sx={{ flexGrow: 1 }}>\n {props.label}\n </Typography>\n {props.count}\n </Stack>\n {props.children}\n </Stack>\n )\n}\n\n/* The proposed copy, field by field. */\nexport function AiProductCopyProposalView(props: { proposal: AiProductCopyProposal }) {\n const { proposal } = props\n const values = proposal.values\n if (!values) return null\n const renamed = values.optionNames\n .map((name, index) => ({ before: proposal.optionNamesBefore[index] ?? '', after: name }))\n .filter((pair) => pair.before !== pair.after)\n return (\n <Stack spacing={1}>\n <Field label=\"Description\">\n <Typography variant=\"body2\" sx={{ whiteSpace: 'pre-wrap', wordBreak: 'break-word' }}>\n {values.description}\n </Typography>\n </Field>\n {values.tags.length ? (\n <Field label=\"Tags\">\n <Stack direction=\"row\" spacing={0.5} useFlexGap sx={{ flexWrap: 'wrap' }}>\n {values.tags.map((tag) => (\n <Chip key={tag} size=\"small\" variant=\"outlined\" label={tag} />\n ))}\n </Stack>\n </Field>\n ) : null}\n {proposal.categories.length ? (\n <Field label=\"Categories\">\n <Typography variant=\"body2\">{proposal.categories.map((category) => category.name).join(', ')}</Typography>\n </Field>\n ) : null}\n {renamed.length ? (\n <Field label=\"Option names\">\n <Typography variant=\"body2\">\n {renamed.map((pair) => `${pair.before \|\| 'Unnamed'} → ${pair.after}`).join(', ')}\n </Typography>\n </Field>\n ) : null}\n <Field\n label=\"Search title\"\n count={\n <Chip\n size=\"small\"\n variant=\"outlined\"\n color={seoListingFieldTooLong('title', values.seoTitle) ? 'error' : 'default'}\n label={seoListingFieldCount('title', values.seoTitle)}\n />\n }\n >\n <Typography variant=\"body2\">{values.seoTitle}</Typography>\n </Field>\n <Field\n label=\"Search description\"\n count={\n <Chip\n size=\"small\"\n variant=\"outlined\"\n color={seoListingFieldTooLong('description', values.seoDescription) ? 'error' : 'default'}\n label={seoListingFieldCount('description', values.seoDescription)}\n />\n }\n >\n <Typography variant=\"body2\">{values.seoDescription}</Typography>\n </Field>\n {proposal.gaps.length ? (\n <Alert severity=\"warning\">\n {`Fill in what the copy could not know before you save: ${proposal.gaps.map((gap) => `[${gap}]`).join(', ')}.`}\n </Alert>\n ) : null}\n {proposal.notes.map((note) => (\n <Typography key={note} variant=\"caption\" color=\"text.secondary\">\n {note}\n </Typography>\n ))}\n </Stack>\n )\n}\n\nexport function AiProductCopyCard(props: ConsoleProductEditorZoneProps) {\n const { hostId, product, proposeValues } = props\n const { orgId, verdict, jobs, notice, start } = useAiProductsJobs({\n hostId,\n orgId: props.orgId,\n follows: (job) => job.brief === aiProductCopyBrief(product.name),\n })\n const [startedId, setStartedId] = useState<string \| null>(null)\n const [busy, setBusy] = useState(false)\n const [staged, setStaged] = useState<string \| null>(null)\n\n const write = useCallback(async () => {\n setBusy(true)\n setStaged(null)\n try {\n const job = await start(\n aiProductCopyBrief(product.name),\n aiProductsJobInputs({\n target: 'product',\n product: {\n id: product.id,\n name: product.name,\n type: product.type,\n text: product.description,\n tags: product.tags,\n categoryIds: product.categoryIds,\n options: product.options,\n imageUrl: product.mediaUrls[0] ?? null,\n seoTitle: product.seoTitle,\n seoDescription: product.seoDescription,\n },\n }),\n )\n if (job) setStartedId(job.id)\n } finally {\n setBusy(false)\n }\n }, [start, product])\n\n if (verdict !== 'ready') return null\n\n // The job this card started, or the latest one that wrote this saved product's copy.\n const job = startedId\n ? (jobs.find((entry) => entry.id === startedId) ?? null)\n : product.id\n ? (jobs.find((entry) => aiProductCopyProposals(entry).some((proposal) => proposal.product.id === product.id)) ??\n null)\n : null\n const proposal = job\n ? (aiProductCopyProposals(job).find((entry) => entry.product.id === product.id) ?? aiProductCopyProposals(job)[0] ?? null)\n : null\n const running = isAiJobMoving(job)\n const unnamed = !product.name.trim()\n const help = pluginDocsHelp('aiProducts', {\n excerpt:\n 'Write a product’s description, search listing and tags from what it says and shows. It is put in the fields as unsaved changes; nothing is saved until you save.',\n })\n\n return (\n <Box sx={{ border: 1, borderColor: 'divider', borderRadius: 1, p: 1.5 }} aria-label=\"Product copy assistant\">\n <Stack spacing={1.5}>\n <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'baseline' }}>\n <Typography variant=\"subtitle2\" sx={{ flexGrow: 1 }}>\n {'Write with AI'}\n </Typography>\n <Link href={help.href} target=\"_blank\" rel=\"noopener\" variant=\"caption\" title={help.excerpt}>\n {'How it works'}\n </Link>\n </Stack>\n <Typography variant=\"body2\" color=\"text.secondary\">\n {'Writes the description, search listing and tags, suggests categories and clearer option names, ' +\n 'from the product’s name, text, tags and options and its first photo. Prices are never written.'}\n </Typography>\n <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n <Button size=\"small\" variant=\"outlined\" disabled={busy \|\| running \|\| unnamed \|\| !orgId} onClick={() => void write()}>\n {proposal ? 'Write again' : 'Write copy'}\n </Button>\n {busy \|\| running ? <CircularProgress size={16} aria-label=\"Writing the copy\" /> : null}\n {unnamed ? (\n <Typography variant=\"caption\" color=\"text.secondary\">\n {'Name the product first.'}\n </Typography>\n ) : null}\n </Stack>\n {notice ? <Alert severity=\"warning\">{notice}</Alert> : null}\n {job?.error && !proposal?.values ? (\n <Alert severity={job.status === 'failed' ? 'error' : 'warning'}>{job.error}</Alert>\n ) : null}\n {proposal?.skipped ? <Alert severity=\"info\">{proposal.skipped}</Alert> : null}\n {proposal?.values && job ? (\n <Stack spacing={1}>\n <Typography variant=\"subtitle2\">{'Proposed copy'}</Typography>\n <AiProductCopyProposalView proposal={proposal} />\n <Button\n size=\"small\"\n variant=\"contained\"\n sx={{ alignSelf: 'flex-start' }}\n disabled={staged === job.id}\n onClick={() => {\n proposeValues(aiProductCopyValues(proposal), job.id)\n setStaged(job.id)\n }}\n >\n {'Put in the fields'}\n </Button>\n </Stack>\n ) : null}\n {staged ? (\n <Alert severity=\"success\">{'In the fields as unsaved changes. Review them, then press Save product.'}</Alert>\n ) : null}\n </Stack>\n </Box>\n )\n}\nAiProductCopyCard.displayName = 'AiProductCopyCard'\n\nexport default AiProductCopyCard\n"],"names":["pluginDocsHelp","seoListingFieldCount","seoListingFieldTooLong","Alert","Box","Button","Chip","CircularProgress","Link","Stack","Typography","useCallback","useState","aiProductCopyProposals","aiProductsJobInputs","isAiJobMoving","useAiProductsJobs","aiProductCopyBrief","name","trim","aiProductCopyValues","proposal","values","description","tags","categoryIds","seoTitle","seoDescription","optionNames","length","Field","props","spacing","direction","sx","alignItems","variant","color","flexGrow","label","count","children","AiProductCopyProposalView","renamed","map","index","before","optionNamesBefore","after","filter","pair","whiteSpace","wordBreak","useFlexGap","flexWrap","tag","size","categories","category","join","gaps","severity","gap","notes","note","AiProductCopyCard","jobs","hostId","product","proposeValues","orgId","verdict","notice","start","follows","job","brief","startedId","setStartedId","busy","setBusy","staged","setStaged","write","target","id","type","text","options","imageUrl","mediaUrls","find","entry","some","running","unnamed","help","excerpt","border","borderColor","borderRadius","p","aria-label","href","rel","title","disabled","onClick","error","status","skipped","alignSelf","displayName"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-product-copy-card.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 { pluginDocsHelp } from '@aglyn/aglyn/app-utils/docs-help'\nimport { seoListingFieldCount, seoListingFieldTooLong } from '@aglyn/aglyn/app-utils/seo-listing-fields'\nimport type {\n ConsoleProductCopyValues,\n ConsoleProductEditorZoneProps,\n} from './ai-product-zones'\nimport { Alert, Box, Button, Chip, CircularProgress, Link, Stack, Typography } from '@mui/material'\nimport { useCallback, useState, type ReactNode } from 'react'\nimport {\n aiProductCopyProposals,\n aiProductsJobInputs,\n type AiProductCopyProposal,\n} from '../model/ai-products'\nimport { isAiJobMoving, useAiProductsJobs } from './use-ai-products-jobs'\n\n/\n \"Write with AI\" in the commerce product editor (AGL-2916), through the\n * `productEditor` zone. A `products` job writes the product's description,\n * search listing, tags, categories and clearer option names from what the\n * editor holds: its name, text, tags and options, and its first photo for a\n * model that reads pictures. The proposal is shown in full, with any fact the\n * copy could not know marked for the person to fill in, and \"Put in the\n * fields\" stages it in the editor as unsaved changes. Save product is the\n * write; this card never writes a product.\n /\n\n/* The brief a product copy job carries, which the jobs list shows. /\nexport const aiProductCopyBrief = (name: string) => `Write the storefront copy for ${name.trim()}`\n\n/* The values a proposal stages, in the editor's terms. /\nexport function aiProductCopyValues(proposal: AiProductCopyProposal): ConsoleProductCopyValues {\n const values = proposal.values\n if (!values) return {}\n return {\n description: values.description,\n tags: values.tags,\n categoryIds: values.categoryIds,\n seoTitle: values.seoTitle,\n seoDescription: values.seoDescription,\n ...(values.optionNames.length ? { optionNames: values.optionNames } : {}),\n }\n}\n\nfunction Field(props: { label: string; children: ReactNode; count?: ReactNode }) {\n return (\n <Stack spacing={0.25}>\n <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n <Typography variant=\"caption\" color=\"text.secondary\" sx={{ flexGrow: 1 }}>\n {props.label}\n </Typography>\n {props.count}\n </Stack>\n {props.children}\n </Stack>\n )\n}\n\n/* The proposed copy, field by field. */\nexport function AiProductCopyProposalView(props: { proposal: AiProductCopyProposal }) {\n const { proposal } = props\n const values = proposal.values\n if (!values) return null\n const renamed = values.optionNames\n .map((name, index) => ({ before: proposal.optionNamesBefore[index] ?? '', after: name }))\n .filter((pair) => pair.before !== pair.after)\n return (\n <Stack spacing={1}>\n <Field label=\"Description\">\n <Typography variant=\"body2\" sx={{ whiteSpace: 'pre-wrap', wordBreak: 'break-word' }}>\n {values.description}\n </Typography>\n </Field>\n {values.tags.length ? (\n <Field label=\"Tags\">\n <Stack direction=\"row\" spacing={0.5} useFlexGap sx={{ flexWrap: 'wrap' }}>\n {values.tags.map((tag) => (\n <Chip key={tag} size=\"small\" variant=\"outlined\" label={tag} />\n ))}\n </Stack>\n </Field>\n ) : null}\n {proposal.categories.length ? (\n <Field label=\"Categories\">\n <Typography variant=\"body2\">{proposal.categories.map((category) => category.name).join(', ')}</Typography>\n </Field>\n ) : null}\n {renamed.length ? (\n <Field label=\"Option names\">\n <Typography variant=\"body2\">\n {renamed.map((pair) => `${pair.before \|\| 'Unnamed'} → ${pair.after}`).join(', ')}\n </Typography>\n </Field>\n ) : null}\n <Field\n label=\"Search title\"\n count={\n <Chip\n size=\"small\"\n variant=\"outlined\"\n color={seoListingFieldTooLong('title', values.seoTitle) ? 'error' : 'default'}\n label={seoListingFieldCount('title', values.seoTitle)}\n />\n }\n >\n <Typography variant=\"body2\">{values.seoTitle}</Typography>\n </Field>\n <Field\n label=\"Search description\"\n count={\n <Chip\n size=\"small\"\n variant=\"outlined\"\n color={seoListingFieldTooLong('description', values.seoDescription) ? 'error' : 'default'}\n label={seoListingFieldCount('description', values.seoDescription)}\n />\n }\n >\n <Typography variant=\"body2\">{values.seoDescription}</Typography>\n </Field>\n {proposal.gaps.length ? (\n <Alert severity=\"warning\">\n {`Fill in what the copy could not know before you save: ${proposal.gaps.map((gap) => `[${gap}]`).join(', ')}.`}\n </Alert>\n ) : null}\n {proposal.notes.map((note) => (\n <Typography key={note} variant=\"caption\" color=\"text.secondary\">\n {note}\n </Typography>\n ))}\n </Stack>\n )\n}\n\nexport function AiProductCopyCard(props: ConsoleProductEditorZoneProps) {\n const { hostId, product, proposeValues } = props\n const { orgId, verdict, jobs, notice, start } = useAiProductsJobs({\n hostId,\n orgId: props.orgId,\n follows: (job) => job.brief === aiProductCopyBrief(product.name),\n })\n const [startedId, setStartedId] = useState<string \| null>(null)\n const [busy, setBusy] = useState(false)\n const [staged, setStaged] = useState<string \| null>(null)\n\n const write = useCallback(async () => {\n setBusy(true)\n setStaged(null)\n try {\n const job = await start(\n aiProductCopyBrief(product.name),\n aiProductsJobInputs({\n target: 'product',\n product: {\n id: product.id,\n name: product.name,\n type: product.type,\n text: product.description,\n tags: product.tags,\n categoryIds: product.categoryIds,\n options: product.options,\n imageUrl: product.mediaUrls[0] ?? null,\n seoTitle: product.seoTitle,\n seoDescription: product.seoDescription,\n },\n }),\n )\n if (job) setStartedId(job.id)\n } finally {\n setBusy(false)\n }\n }, [start, product])\n\n if (verdict !== 'ready') return null\n\n // The job this card started, or the latest one that wrote this saved product's copy.\n const job = startedId\n ? (jobs.find((entry) => entry.id === startedId) ?? null)\n : product.id\n ? (jobs.find((entry) => aiProductCopyProposals(entry).some((proposal) => proposal.product.id === product.id)) ??\n null)\n : null\n const proposal = job\n ? (aiProductCopyProposals(job).find((entry) => entry.product.id === product.id) ?? aiProductCopyProposals(job)[0] ?? null)\n : null\n const running = isAiJobMoving(job)\n const unnamed = !product.name.trim()\n const help = pluginDocsHelp('aiProducts', {\n anchor: '#write-a-products-copy',\n excerpt:\n 'Write a product’s description, search listing and tags from what it says and shows. It is put in the fields as unsaved changes; nothing is saved until you save.',\n })\n\n return (\n <Box sx={{ border: 1, borderColor: 'divider', borderRadius: 1, p: 1.5 }} aria-label=\"Product copy assistant\">\n <Stack spacing={1.5}>\n <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'baseline' }}>\n <Typography variant=\"subtitle2\" sx={{ flexGrow: 1 }}>\n {'Write with AI'}\n </Typography>\n <Link href={help.href} target=\"_blank\" rel=\"noopener\" variant=\"caption\" title={help.excerptText}>\n {'How it works'}\n </Link>\n </Stack>\n <Typography variant=\"body2\" color=\"text.secondary\">\n {'Writes the description, search listing and tags, suggests categories and clearer option names, ' +\n 'from the product’s name, text, tags and options and its first photo. Prices are never written.'}\n </Typography>\n <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n <Button size=\"small\" variant=\"outlined\" disabled={busy \|\| running \|\| unnamed \|\| !orgId} onClick={() => void write()}>\n {proposal ? 'Write again' : 'Write copy'}\n </Button>\n {busy \|\| running ? <CircularProgress size={16} aria-label=\"Writing the copy\" /> : null}\n {unnamed ? (\n <Typography variant=\"caption\" color=\"text.secondary\">\n {'Name the product first.'}\n </Typography>\n ) : null}\n </Stack>\n {notice ? <Alert severity=\"warning\">{notice}</Alert> : null}\n {job?.error && !proposal?.values ? (\n <Alert severity={job.status === 'failed' ? 'error' : 'warning'}>{job.error}</Alert>\n ) : null}\n {proposal?.skipped ? <Alert severity=\"info\">{proposal.skipped}</Alert> : null}\n {proposal?.values && job ? (\n <Stack spacing={1}>\n <Typography variant=\"subtitle2\">{'Proposed copy'}</Typography>\n <AiProductCopyProposalView proposal={proposal} />\n <Button\n size=\"small\"\n variant=\"contained\"\n sx={{ alignSelf: 'flex-start' }}\n disabled={staged === job.id}\n onClick={() => {\n proposeValues(aiProductCopyValues(proposal), job.id)\n setStaged(job.id)\n }}\n >\n {'Put in the fields'}\n </Button>\n </Stack>\n ) : null}\n {staged ? (\n <Alert severity=\"success\">{'In the fields as unsaved changes. Review them, then press Save product.'}</Alert>\n ) : null}\n </Stack>\n </Box>\n )\n}\nAiProductCopyCard.displayName = 'AiProductCopyCard'\n\nexport default AiProductCopyCard\n"],"names":["pluginDocsHelp","seoListingFieldCount","seoListingFieldTooLong","Alert","Box","Button","Chip","CircularProgress","Link","Stack","Typography","useCallback","useState","aiProductCopyProposals","aiProductsJobInputs","isAiJobMoving","useAiProductsJobs","aiProductCopyBrief","name","trim","aiProductCopyValues","proposal","values","description","tags","categoryIds","seoTitle","seoDescription","optionNames","length","Field","props","spacing","direction","sx","alignItems","variant","color","flexGrow","label","count","children","AiProductCopyProposalView","renamed","map","index","before","optionNamesBefore","after","filter","pair","whiteSpace","wordBreak","useFlexGap","flexWrap","tag","size","categories","category","join","gaps","severity","gap","notes","note","AiProductCopyCard","jobs","hostId","product","proposeValues","orgId","verdict","notice","start","follows","job","brief","startedId","setStartedId","busy","setBusy","staged","setStaged","write","target","id","type","text","options","imageUrl","mediaUrls","find","entry","some","running","unnamed","help","anchor","excerpt","border","borderColor","borderRadius","p","aria-label","href","rel","title","excerptText","disabled","onClick","error","status","skipped","alignSelf","displayName"],"mappings":"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"}

package/src/lib/components/ai-products-hub-card.component.js CHANGED Viewed

@@ -162,6 +162,7 @@ export function AiProductsHubCard(props) {
     const categoriesJob = latest('categories');
     const tooMany = picked.length > AI_PRODUCTS_BULK_MAX;
     const help = pluginDocsHelp('aiProducts', {
+        anchor: '#propose-a-first-catalog',
         excerpt: 'Write product copy, propose a first catalog, or propose categories and discounts from a brief. You review every proposal before anything is saved.'
     });
     const copy = brief ? AI_PRODUCTS_BRIEF_COPY[brief.kind] : null;
@@ -308,7 +309,7 @@ export function AiProductsHubCard(props) {
                                 target: "_blank",
                                 rel: "noopener",
                                 variant: "caption",
-                                title: help.excerpt,
+                                title: help.excerptText,
                                 children: 'How it works'
                             })
                         ]

package/src/lib/components/ai-products-hub-card.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-products-hub-card.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 { pluginDocsHelp } from '@aglyn/aglyn/app-utils/docs-help'\nimport type { ConsoleProductsHubZoneProps } from './ai-product-zones'\nimport { ListTable, type ListTableProps } from '@aglyn/shared-ui-jsx/components/list-table.component'\nimport {\n Alert,\n Box,\n Button,\n Chip,\n Dialog,\n DialogActions,\n DialogContent,\n DialogTitle,\n Link,\n Stack,\n TextField,\n Typography,\n} from '@mui/material'\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport type { AiJobSummary } from '../model/ai-jobs.types'\nimport {\n AI_PRODUCTS_BULK_MAX,\n AI_PRODUCTS_IMPORT_WRITE_COPY,\n aiProductsBulkBrief,\n aiProductsBulkCount,\n aiProductsJobInputs,\n aiProductsProposalOfKind,\n} from '../model/ai-products'\nimport { registerAiProductsBriefOpener } from './ai-products-create-button.component'\nimport { AiBulkCopyReview, AiCatalogReview, AiCategoriesReview } from './ai-products-proposals.component'\nimport { useAiProductsJobs } from './use-ai-products-jobs'\n\n/\n Commerce by AI on the products hub (AGL-2916), through the `productsHub`\n * zone. Three things a person asks for, each a `products` job, and each\n * proposal reviewed in a table before anything is written:\n \n - Write copy for products — up to 50 saved products, picked from the\n * hub's rows; a job works through them a product at a time, and each row is\n * applied on its own or all at once.\n * - Propose products — a store's first products from a brief, created as\n * drafts with their prices empty and no photo, both marked for the person to\n * set.\n * - Propose categories and discounts — from a brief, created as the\n * catalog and discounts cards create them, every discount switched off.\n \n \"Create with AI\" beside Add product and in the empty catalog\n * (`productsCreate`, AGL-3596) opens the Propose products brief here.\n \n An import whose `productImport` option asked for it starts a copy job for\n * the products the import created, as they land. Every write is the hub's\n * (`ConsoleProductsHubZoneProps`); this card writes nothing itself.\n /\n\nconst BRIEF_MAX_CHARS = 4_000\n\n/* A column of the product picker, in the shared list table's own terms. /\ntype GridColDef = NonNullable<ListTableProps['columns']>[number]\n\ntype BriefKind = 'catalog' \| 'categories'\n\n/* What each brief dialog says. /\nexport const AI_PRODUCTS_BRIEF_COPY: Readonly<\n Record<BriefKind, { title: string; label: string; placeholder: string; next: string; submit: string }>\n> = {\n catalog: {\n title: 'Propose products',\n label: 'What does the store sell?',\n placeholder: 'A candle studio in Asheville: hand-poured soy candles in 8 oz and 16 oz jars, and wax melts',\n next:\n 'You review up to twelve proposed products before any is created. Each is created as a draft with its ' +\n 'price left empty and no photo, and nothing is on your storefront until you price it and activate it.',\n submit: 'Propose products',\n },\n categories: {\n title: 'Propose categories and discounts',\n label: 'What should shoppers be able to browse, and what offers suit the store?',\n placeholder: 'A trail running shop: shoes, apparel and hydration packs, with a welcome offer for new runners',\n next:\n 'You review the proposed categories and discounts before any is created. Discounts are created switched ' +\n 'off, and a shopper sees none until you switch it on.',\n submit: 'Propose',\n },\n}\n\nconst nameKey = (name: string) => name.replace(/\\s+/g, ' ').trim().toLowerCase()\n\n/* Which card a `products` job belongs to: from what it proposed, or from what this card started. */\nfunction targetOf(job: AiJobSummary, started: Readonly<Record<string, string>>): string \| null {\n if (started[job.id]) return started[job.id]\n if (aiProductsBulkCount(job) !== null) return 'bulk'\n if (aiProductsProposalOfKind(job, 'catalog')) return 'catalog'\n if (aiProductsProposalOfKind(job, 'categories')) return 'categories'\n return null\n}\n\nexport function AiProductsHubCard(props: ConsoleProductsHubZoneProps) {\n const { hostId, products, lastImport, applyProductCopy, createProductDrafts, createCategories, createDiscountDrafts } =\n props\n const { orgId, verdict, jobs, notice, start } = useAiProductsJobs({\n hostId,\n orgId: props.orgId,\n // A bulk job is known by its brief while it runs; a catalog or categories\n // job started elsewhere is shown once it has proposed.\n follows: (job) => aiProductsBulkCount(job) !== null,\n })\n const [started, setStarted] = useState<Record<string, string>>({})\n const [picking, setPicking] = useState(false)\n const [picked, setPicked] = useState<string[]>([])\n const [brief, setBrief] = useState<{ kind: BriefKind; text: string } \| null>(null)\n const [busy, setBusy] = useState(false)\n const handledImports = useRef(new Set<string>())\n\n const startBulk = useCallback(\n async (productIds: readonly string[]) => {\n const ids = productIds.slice(0, AI_PRODUCTS_BULK_MAX)\n if (!ids.length) return false\n const job = await start(aiProductsBulkBrief(ids.length), aiProductsJobInputs({ target: 'bulk', productIds: [...ids] }))\n if (job) setStarted((current) => ({ ...current, [job.id]: 'bulk' }))\n return Boolean(job)\n },\n [start],\n )\n\n // An import that asked for its copy starts the job once, as the import lands.\n useEffect(() => {\n if (verdict !== 'ready' \|\| !lastImport \|\| handledImports.current.has(lastImport.key)) return\n handledImports.current.add(lastImport.key)\n if (lastImport.options[AI_PRODUCTS_IMPORT_WRITE_COPY] && lastImport.productIds.length) {\n void startBulk(lastImport.productIds)\n }\n }, [verdict, lastImport, startBulk])\n\n // \"Create with AI\" beside Add product (AGL-3596) opens this card's\n // Propose products brief. Offered from the moment the card is on the page,\n // so the door draws from the shell's gates alone (AGL-3601) rather than\n // after this card's list of recent proposals is read; the start door\n // decides when the brief is sent, and says why in the dialog if it refuses.\n useEffect(\n () => registerAiProductsBriefOpener(hostId, () => setBrief({ kind: 'catalog', text: '' })),\n [hostId],\n )\n\n const heldNames = useMemo(() => new Set(products.map((product) => nameKey(product.name))), [products])\n const pickerRows = useMemo(\n () =>\n products.map((product) => ({\n $id: product.id,\n name: product.name,\n status: product.status,\n photo: product.hasPhoto ? 'Yes' : 'No photo',\n })),\n [products],\n )\n const pickerColumns = useMemo<GridColDef[]>(\n () => [\n { field: 'name', headerName: 'Product', flex: 1, minWidth: 180 },\n { field: 'status', headerName: 'Status', width: 110 },\n { field: 'photo', headerName: 'Photo', width: 110 },\n ],\n [],\n )\n\n const latest = (target: string) => jobs.find((job) => targetOf(job, started) === target) ?? null\n const bulkJob = latest('bulk')\n const catalogJob = latest('catalog')\n const categoriesJob = latest('categories')\n const tooMany = picked.length > AI_PRODUCTS_BULK_MAX\n const help = pluginDocsHelp('aiProducts', {\n excerpt:\n 'Write product copy, propose a first catalog, or propose categories and discounts from a brief. You review every proposal before anything is saved.',\n })\n const copy = brief ? AI_PRODUCTS_BRIEF_COPY[brief.kind] : null\n\n const submitBrief = async () => {\n if (!brief?.text.trim()) return\n setBusy(true)\n try {\n const job = await start(brief.text.trim(), aiProductsJobInputs({ target: brief.kind }))\n if (job) {\n setStarted((current) => ({ ...current, [job.id]: brief.kind }))\n setBrief(null)\n }\n } finally {\n setBusy(false)\n }\n }\n\n const briefDialog = (\n <Dialog open={Boolean(brief)} onClose={busy ? undefined : () => setBrief(null)} fullWidth maxWidth=\"sm\">\n <DialogTitle>{copy?.title}</DialogTitle>\n <DialogContent>\n <Stack spacing={2} sx={{ pt: 1 }}>\n <TextField\n label={copy?.label}\n placeholder={copy?.placeholder}\n multiline\n minRows={4}\n value={brief?.text ?? ''}\n onChange={(event) =>\n setBrief((current) => (current ? { ...current, text: event.target.value.slice(0, BRIEF_MAX_CHARS) } : current))\n }\n helperText={`${(brief?.text.length ?? 0).toLocaleString('en-US')} / ${BRIEF_MAX_CHARS.toLocaleString('en-US')}`}\n disabled={busy}\n autoFocus\n />\n <Typography variant=\"body2\" color=\"text.secondary\">\n {copy?.next}\n </Typography>\n {brief?.kind === 'catalog' ? (\n <Stack direction=\"row\" spacing={1} useFlexGap sx={{ flexWrap: 'wrap' }}>\n <Chip size=\"small\" color=\"warning\" variant=\"outlined\" label=\"Prices stay empty\" />\n <Chip size=\"small\" color=\"warning\" variant=\"outlined\" label=\"Photos are yours to add\" />\n </Stack>\n ) : null}\n {notice ? <Alert severity=\"warning\">{notice}</Alert> : null}\n </Stack>\n </DialogContent>\n <DialogActions>\n <Button onClick={() => setBrief(null)} disabled={busy}>\n {'Cancel'}\n </Button>\n <Button variant=\"contained\" disabled={busy \|\| !orgId \|\| !brief?.text.trim()} onClick={() => void submitBrief()}>\n {copy?.submit}\n </Button>\n </DialogActions>\n </Dialog>\n )\n\n // Until the card's list of recent proposals is read — or where the jobs\n // route will not list them — it draws nothing but a brief the products door\n // opened, whose start door says any refusal in the dialog.\n if (verdict !== 'ready') return briefDialog\n\n const submitPicked = async () => {\n setBusy(true)\n try {\n if (await startBulk(picked)) {\n setPicking(false)\n setPicked([])\n }\n } finally {\n setBusy(false)\n }\n }\n\n return (\n <Box sx={{ border: 1, borderColor: 'divider', borderRadius: 1, p: 1.5 }} aria-label=\"Products assistant\">\n <Stack spacing={1.5}>\n <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'baseline' }}>\n <Typography variant=\"subtitle2\" sx={{ flexGrow: 1 }}>\n {'Build your catalog with AI'}\n </Typography>\n <Link href={help.href} target=\"_blank\" rel=\"noopener\" variant=\"caption\" title={help.excerpt}>\n {'How it works'}\n </Link>\n </Stack>\n <Stack direction={{ xs: 'column', sm: 'row' }} spacing={1}>\n <Button size=\"small\" variant=\"outlined\" disabled={!orgId \|\| !products.length} onClick={() => setPicking(true)}>\n {'Write copy for products'}\n </Button>\n <Button size=\"small\" variant=\"outlined\" disabled={!orgId} onClick={() => setBrief({ kind: 'catalog', text: '' })}>\n {'Propose products'}\n </Button>\n <Button\n size=\"small\"\n variant=\"outlined\"\n disabled={!orgId}\n onClick={() => setBrief({ kind: 'categories', text: '' })}\n >\n {'Propose categories and discounts'}\n </Button>\n </Stack>\n {notice ? <Alert severity=\"warning\">{notice}</Alert> : null}\n {bulkJob ? (\n <AiBulkCopyReview key={bulkJob.id} job={bulkJob} applyProductCopy={applyProductCopy} />\n ) : null}\n {catalogJob ? (\n <AiCatalogReview\n key={catalogJob.id}\n job={catalogJob}\n heldNames={heldNames}\n createProductDrafts={createProductDrafts}\n />\n ) : null}\n {categoriesJob ? (\n <AiCategoriesReview\n key={categoriesJob.id}\n job={categoriesJob}\n createCategories={createCategories}\n createDiscountDrafts={createDiscountDrafts}\n />\n ) : null}\n </Stack>\n\n <Dialog open={picking} onClose={busy ? undefined : () => setPicking(false)} fullWidth maxWidth=\"md\">\n <DialogTitle>{'Write copy for products'}</DialogTitle>\n <DialogContent>\n <Stack spacing={1.5} sx={{ pt: 1 }}>\n <Typography variant=\"body2\" color=\"text.secondary\">\n {`Pick up to ${AI_PRODUCTS_BULK_MAX} products. Each gets a proposed description, search listing and ` +\n 'tags from its name, text, options and first photo, and you review every one before it is saved. ' +\n 'Prices are never written.'}\n </Typography>\n <ListTable\n rows={pickerRows}\n columns={pickerColumns}\n // A picker over the rows the hub hands its zone, not a list to\n // search: a filter here would narrow only those rows (AGL-3321).\n disableColumnFilter\n quickFilter={false}\n selectable={{ selected: picked, onChange: setPicked }}\n />\n {tooMany ? (\n <Alert severity=\"info\">{`Pick at most ${AI_PRODUCTS_BULK_MAX} products at a time.`}</Alert>\n ) : null}\n {notice ? <Alert severity=\"warning\">{notice}</Alert> : null}\n </Stack>\n </DialogContent>\n <DialogActions>\n <Button onClick={() => setPicking(false)} disabled={busy}>\n {'Cancel'}\n </Button>\n <Button variant=\"contained\" disabled={busy \|\| !picked.length \|\| tooMany} onClick={() => void submitPicked()}>\n {picked.length ? `Write copy for ${picked.length}` : 'Write copy'}\n </Button>\n </DialogActions>\n </Dialog>\n\n {briefDialog}\n </Box>\n )\n}\nAiProductsHubCard.displayName = 'AiProductsHubCard'\n\nexport default AiProductsHubCard\n"],"names":["pluginDocsHelp","ListTable","Alert","Box","Button","Chip","Dialog","DialogActions","DialogContent","DialogTitle","Link","Stack","TextField","Typography","useCallback","useEffect","useMemo","useRef","useState","AI_PRODUCTS_BULK_MAX","AI_PRODUCTS_IMPORT_WRITE_COPY","aiProductsBulkBrief","aiProductsBulkCount","aiProductsJobInputs","aiProductsProposalOfKind","registerAiProductsBriefOpener","AiBulkCopyReview","AiCatalogReview","AiCategoriesReview","useAiProductsJobs","BRIEF_MAX_CHARS","AI_PRODUCTS_BRIEF_COPY","catalog","title","label","placeholder","next","submit","categories","nameKey","name","replace","trim","toLowerCase","targetOf","job","started","id","AiProductsHubCard","props","hostId","products","lastImport","applyProductCopy","createProductDrafts","createCategories","createDiscountDrafts","orgId","verdict","jobs","notice","start","follows","setStarted","picking","setPicking","picked","setPicked","brief","setBrief","busy","setBusy","handledImports","Set","startBulk","productIds","ids","slice","length","target","current","Boolean","has","key","add","options","kind","text","heldNames","map","product","pickerRows","$id","status","photo","hasPhoto","pickerColumns","field","headerName","flex","minWidth","width","latest","find","bulkJob","catalogJob","categoriesJob","tooMany","help","excerpt","copy","submitBrief","briefDialog","open","onClose","undefined","fullWidth","maxWidth","spacing","sx","pt","multiline","minRows","value","onChange","event","helperText","toLocaleString","disabled","autoFocus","variant","color","direction","useFlexGap","flexWrap","size","severity","onClick","submitPicked","border","borderColor","borderRadius","p","aria-label","alignItems","flexGrow","href","rel","xs","sm","rows","columns","disableColumnFilter","quickFilter","selectable","selected","displayName"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-products-hub-card.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 { pluginDocsHelp } from '@aglyn/aglyn/app-utils/docs-help'\nimport type { ConsoleProductsHubZoneProps } from './ai-product-zones'\nimport { ListTable, type ListTableProps } from '@aglyn/shared-ui-jsx/components/list-table.component'\nimport {\n Alert,\n Box,\n Button,\n Chip,\n Dialog,\n DialogActions,\n DialogContent,\n DialogTitle,\n Link,\n Stack,\n TextField,\n Typography,\n} from '@mui/material'\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport type { AiJobSummary } from '../model/ai-jobs.types'\nimport {\n AI_PRODUCTS_BULK_MAX,\n AI_PRODUCTS_IMPORT_WRITE_COPY,\n aiProductsBulkBrief,\n aiProductsBulkCount,\n aiProductsJobInputs,\n aiProductsProposalOfKind,\n} from '../model/ai-products'\nimport { registerAiProductsBriefOpener } from './ai-products-create-button.component'\nimport { AiBulkCopyReview, AiCatalogReview, AiCategoriesReview } from './ai-products-proposals.component'\nimport { useAiProductsJobs } from './use-ai-products-jobs'\n\n/\n Commerce by AI on the products hub (AGL-2916), through the `productsHub`\n * zone. Three things a person asks for, each a `products` job, and each\n * proposal reviewed in a table before anything is written:\n \n - Write copy for products — up to 50 saved products, picked from the\n * hub's rows; a job works through them a product at a time, and each row is\n * applied on its own or all at once.\n * - Propose products — a store's first products from a brief, created as\n * drafts with their prices empty and no photo, both marked for the person to\n * set.\n * - Propose categories and discounts — from a brief, created as the\n * catalog and discounts cards create them, every discount switched off.\n \n \"Create with AI\" beside Add product and in the empty catalog\n * (`productsCreate`, AGL-3596) opens the Propose products brief here.\n \n An import whose `productImport` option asked for it starts a copy job for\n * the products the import created, as they land. Every write is the hub's\n * (`ConsoleProductsHubZoneProps`); this card writes nothing itself.\n /\n\nconst BRIEF_MAX_CHARS = 4_000\n\n/* A column of the product picker, in the shared list table's own terms. /\ntype GridColDef = NonNullable<ListTableProps['columns']>[number]\n\ntype BriefKind = 'catalog' \| 'categories'\n\n/* What each brief dialog says. /\nexport const AI_PRODUCTS_BRIEF_COPY: Readonly<\n Record<BriefKind, { title: string; label: string; placeholder: string; next: string; submit: string }>\n> = {\n catalog: {\n title: 'Propose products',\n label: 'What does the store sell?',\n placeholder: 'A candle studio in Asheville: hand-poured soy candles in 8 oz and 16 oz jars, and wax melts',\n next:\n 'You review up to twelve proposed products before any is created. Each is created as a draft with its ' +\n 'price left empty and no photo, and nothing is on your storefront until you price it and activate it.',\n submit: 'Propose products',\n },\n categories: {\n title: 'Propose categories and discounts',\n label: 'What should shoppers be able to browse, and what offers suit the store?',\n placeholder: 'A trail running shop: shoes, apparel and hydration packs, with a welcome offer for new runners',\n next:\n 'You review the proposed categories and discounts before any is created. Discounts are created switched ' +\n 'off, and a shopper sees none until you switch it on.',\n submit: 'Propose',\n },\n}\n\nconst nameKey = (name: string) => name.replace(/\\s+/g, ' ').trim().toLowerCase()\n\n/* Which card a `products` job belongs to: from what it proposed, or from what this card started. */\nfunction targetOf(job: AiJobSummary, started: Readonly<Record<string, string>>): string \| null {\n if (started[job.id]) return started[job.id]\n if (aiProductsBulkCount(job) !== null) return 'bulk'\n if (aiProductsProposalOfKind(job, 'catalog')) return 'catalog'\n if (aiProductsProposalOfKind(job, 'categories')) return 'categories'\n return null\n}\n\nexport function AiProductsHubCard(props: ConsoleProductsHubZoneProps) {\n const { hostId, products, lastImport, applyProductCopy, createProductDrafts, createCategories, createDiscountDrafts } =\n props\n const { orgId, verdict, jobs, notice, start } = useAiProductsJobs({\n hostId,\n orgId: props.orgId,\n // A bulk job is known by its brief while it runs; a catalog or categories\n // job started elsewhere is shown once it has proposed.\n follows: (job) => aiProductsBulkCount(job) !== null,\n })\n const [started, setStarted] = useState<Record<string, string>>({})\n const [picking, setPicking] = useState(false)\n const [picked, setPicked] = useState<string[]>([])\n const [brief, setBrief] = useState<{ kind: BriefKind; text: string } \| null>(null)\n const [busy, setBusy] = useState(false)\n const handledImports = useRef(new Set<string>())\n\n const startBulk = useCallback(\n async (productIds: readonly string[]) => {\n const ids = productIds.slice(0, AI_PRODUCTS_BULK_MAX)\n if (!ids.length) return false\n const job = await start(aiProductsBulkBrief(ids.length), aiProductsJobInputs({ target: 'bulk', productIds: [...ids] }))\n if (job) setStarted((current) => ({ ...current, [job.id]: 'bulk' }))\n return Boolean(job)\n },\n [start],\n )\n\n // An import that asked for its copy starts the job once, as the import lands.\n useEffect(() => {\n if (verdict !== 'ready' \|\| !lastImport \|\| handledImports.current.has(lastImport.key)) return\n handledImports.current.add(lastImport.key)\n if (lastImport.options[AI_PRODUCTS_IMPORT_WRITE_COPY] && lastImport.productIds.length) {\n void startBulk(lastImport.productIds)\n }\n }, [verdict, lastImport, startBulk])\n\n // \"Create with AI\" beside Add product (AGL-3596) opens this card's\n // Propose products brief. Offered from the moment the card is on the page,\n // so the door draws from the shell's gates alone (AGL-3601) rather than\n // after this card's list of recent proposals is read; the start door\n // decides when the brief is sent, and says why in the dialog if it refuses.\n useEffect(\n () => registerAiProductsBriefOpener(hostId, () => setBrief({ kind: 'catalog', text: '' })),\n [hostId],\n )\n\n const heldNames = useMemo(() => new Set(products.map((product) => nameKey(product.name))), [products])\n const pickerRows = useMemo(\n () =>\n products.map((product) => ({\n $id: product.id,\n name: product.name,\n status: product.status,\n photo: product.hasPhoto ? 'Yes' : 'No photo',\n })),\n [products],\n )\n const pickerColumns = useMemo<GridColDef[]>(\n () => [\n { field: 'name', headerName: 'Product', flex: 1, minWidth: 180 },\n { field: 'status', headerName: 'Status', width: 110 },\n { field: 'photo', headerName: 'Photo', width: 110 },\n ],\n [],\n )\n\n const latest = (target: string) => jobs.find((job) => targetOf(job, started) === target) ?? null\n const bulkJob = latest('bulk')\n const catalogJob = latest('catalog')\n const categoriesJob = latest('categories')\n const tooMany = picked.length > AI_PRODUCTS_BULK_MAX\n const help = pluginDocsHelp('aiProducts', {\n anchor: '#propose-a-first-catalog',\n excerpt:\n 'Write product copy, propose a first catalog, or propose categories and discounts from a brief. You review every proposal before anything is saved.',\n })\n const copy = brief ? AI_PRODUCTS_BRIEF_COPY[brief.kind] : null\n\n const submitBrief = async () => {\n if (!brief?.text.trim()) return\n setBusy(true)\n try {\n const job = await start(brief.text.trim(), aiProductsJobInputs({ target: brief.kind }))\n if (job) {\n setStarted((current) => ({ ...current, [job.id]: brief.kind }))\n setBrief(null)\n }\n } finally {\n setBusy(false)\n }\n }\n\n const briefDialog = (\n <Dialog open={Boolean(brief)} onClose={busy ? undefined : () => setBrief(null)} fullWidth maxWidth=\"sm\">\n <DialogTitle>{copy?.title}</DialogTitle>\n <DialogContent>\n <Stack spacing={2} sx={{ pt: 1 }}>\n <TextField\n label={copy?.label}\n placeholder={copy?.placeholder}\n multiline\n minRows={4}\n value={brief?.text ?? ''}\n onChange={(event) =>\n setBrief((current) => (current ? { ...current, text: event.target.value.slice(0, BRIEF_MAX_CHARS) } : current))\n }\n helperText={`${(brief?.text.length ?? 0).toLocaleString('en-US')} / ${BRIEF_MAX_CHARS.toLocaleString('en-US')}`}\n disabled={busy}\n autoFocus\n />\n <Typography variant=\"body2\" color=\"text.secondary\">\n {copy?.next}\n </Typography>\n {brief?.kind === 'catalog' ? (\n <Stack direction=\"row\" spacing={1} useFlexGap sx={{ flexWrap: 'wrap' }}>\n <Chip size=\"small\" color=\"warning\" variant=\"outlined\" label=\"Prices stay empty\" />\n <Chip size=\"small\" color=\"warning\" variant=\"outlined\" label=\"Photos are yours to add\" />\n </Stack>\n ) : null}\n {notice ? <Alert severity=\"warning\">{notice}</Alert> : null}\n </Stack>\n </DialogContent>\n <DialogActions>\n <Button onClick={() => setBrief(null)} disabled={busy}>\n {'Cancel'}\n </Button>\n <Button variant=\"contained\" disabled={busy \|\| !orgId \|\| !brief?.text.trim()} onClick={() => void submitBrief()}>\n {copy?.submit}\n </Button>\n </DialogActions>\n </Dialog>\n )\n\n // Until the card's list of recent proposals is read — or where the jobs\n // route will not list them — it draws nothing but a brief the products door\n // opened, whose start door says any refusal in the dialog.\n if (verdict !== 'ready') return briefDialog\n\n const submitPicked = async () => {\n setBusy(true)\n try {\n if (await startBulk(picked)) {\n setPicking(false)\n setPicked([])\n }\n } finally {\n setBusy(false)\n }\n }\n\n return (\n <Box sx={{ border: 1, borderColor: 'divider', borderRadius: 1, p: 1.5 }} aria-label=\"Products assistant\">\n <Stack spacing={1.5}>\n <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'baseline' }}>\n <Typography variant=\"subtitle2\" sx={{ flexGrow: 1 }}>\n {'Build your catalog with AI'}\n </Typography>\n <Link href={help.href} target=\"_blank\" rel=\"noopener\" variant=\"caption\" title={help.excerptText}>\n {'How it works'}\n </Link>\n </Stack>\n <Stack direction={{ xs: 'column', sm: 'row' }} spacing={1}>\n <Button size=\"small\" variant=\"outlined\" disabled={!orgId \|\| !products.length} onClick={() => setPicking(true)}>\n {'Write copy for products'}\n </Button>\n <Button size=\"small\" variant=\"outlined\" disabled={!orgId} onClick={() => setBrief({ kind: 'catalog', text: '' })}>\n {'Propose products'}\n </Button>\n <Button\n size=\"small\"\n variant=\"outlined\"\n disabled={!orgId}\n onClick={() => setBrief({ kind: 'categories', text: '' })}\n >\n {'Propose categories and discounts'}\n </Button>\n </Stack>\n {notice ? <Alert severity=\"warning\">{notice}</Alert> : null}\n {bulkJob ? (\n <AiBulkCopyReview key={bulkJob.id} job={bulkJob} applyProductCopy={applyProductCopy} />\n ) : null}\n {catalogJob ? (\n <AiCatalogReview\n key={catalogJob.id}\n job={catalogJob}\n heldNames={heldNames}\n createProductDrafts={createProductDrafts}\n />\n ) : null}\n {categoriesJob ? (\n <AiCategoriesReview\n key={categoriesJob.id}\n job={categoriesJob}\n createCategories={createCategories}\n createDiscountDrafts={createDiscountDrafts}\n />\n ) : null}\n </Stack>\n\n <Dialog open={picking} onClose={busy ? undefined : () => setPicking(false)} fullWidth maxWidth=\"md\">\n <DialogTitle>{'Write copy for products'}</DialogTitle>\n <DialogContent>\n <Stack spacing={1.5} sx={{ pt: 1 }}>\n <Typography variant=\"body2\" color=\"text.secondary\">\n {`Pick up to ${AI_PRODUCTS_BULK_MAX} products. Each gets a proposed description, search listing and ` +\n 'tags from its name, text, options and first photo, and you review every one before it is saved. ' +\n 'Prices are never written.'}\n </Typography>\n <ListTable\n rows={pickerRows}\n columns={pickerColumns}\n // A picker over the rows the hub hands its zone, not a list to\n // search: a filter here would narrow only those rows (AGL-3321).\n disableColumnFilter\n quickFilter={false}\n selectable={{ selected: picked, onChange: setPicked }}\n />\n {tooMany ? (\n <Alert severity=\"info\">{`Pick at most ${AI_PRODUCTS_BULK_MAX} products at a time.`}</Alert>\n ) : null}\n {notice ? <Alert severity=\"warning\">{notice}</Alert> : null}\n </Stack>\n </DialogContent>\n <DialogActions>\n <Button onClick={() => setPicking(false)} disabled={busy}>\n {'Cancel'}\n </Button>\n <Button variant=\"contained\" disabled={busy \|\| !picked.length \|\| tooMany} onClick={() => void submitPicked()}>\n {picked.length ? `Write copy for ${picked.length}` : 'Write copy'}\n </Button>\n </DialogActions>\n </Dialog>\n\n {briefDialog}\n </Box>\n )\n}\nAiProductsHubCard.displayName = 'AiProductsHubCard'\n\nexport default AiProductsHubCard\n"],"names":["pluginDocsHelp","ListTable","Alert","Box","Button","Chip","Dialog","DialogActions","DialogContent","DialogTitle","Link","Stack","TextField","Typography","useCallback","useEffect","useMemo","useRef","useState","AI_PRODUCTS_BULK_MAX","AI_PRODUCTS_IMPORT_WRITE_COPY","aiProductsBulkBrief","aiProductsBulkCount","aiProductsJobInputs","aiProductsProposalOfKind","registerAiProductsBriefOpener","AiBulkCopyReview","AiCatalogReview","AiCategoriesReview","useAiProductsJobs","BRIEF_MAX_CHARS","AI_PRODUCTS_BRIEF_COPY","catalog","title","label","placeholder","next","submit","categories","nameKey","name","replace","trim","toLowerCase","targetOf","job","started","id","AiProductsHubCard","props","hostId","products","lastImport","applyProductCopy","createProductDrafts","createCategories","createDiscountDrafts","orgId","verdict","jobs","notice","start","follows","setStarted","picking","setPicking","picked","setPicked","brief","setBrief","busy","setBusy","handledImports","Set","startBulk","productIds","ids","slice","length","target","current","Boolean","has","key","add","options","kind","text","heldNames","map","product","pickerRows","$id","status","photo","hasPhoto","pickerColumns","field","headerName","flex","minWidth","width","latest","find","bulkJob","catalogJob","categoriesJob","tooMany","help","anchor","excerpt","copy","submitBrief","briefDialog","open","onClose","undefined","fullWidth","maxWidth","spacing","sx","pt","multiline","minRows","value","onChange","event","helperText","toLocaleString","disabled","autoFocus","variant","color","direction","useFlexGap","flexWrap","size","severity","onClick","submitPicked","border","borderColor","borderRadius","p","aria-label","alignItems","flexGrow","href","rel","excerptText","xs","sm","rows","columns","disableColumnFilter","quickFilter","selectable","selected","displayName"],"mappings":"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"}

package/src/lib/components/ai-revise-automation.component.js CHANGED Viewed

@@ -105,7 +105,7 @@ export function AiReviseAutomation({ hostId, orgId, target, openAction }) {
                             href: help.href,
                             target: "_blank",
                             rel: "noopener",
-                            title: help.excerpt,
+                            title: help.excerptText,
                             children: 'How it works'
                         })
                     ]

package/src/lib/components/ai-revise-automation.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-revise-automation.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 { pluginDocsHelp } from '@aglyn/aglyn/app-utils/docs-help'\nimport { mdiCreation } from '@aglyn/shared-data-mdi'\nimport { MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { useUser } from '@aglyn/tenant-feature-instance'\nimport {\n Alert,\n Box,\n Button,\n CircularProgress,\n Link,\n Stack,\n TextField,\n Typography,\n} from '@mui/material'\nimport { useState } from 'react'\nimport { openAiJobs } from './ai-jobs-store'\nimport type { ConsoleAutomationEditorZoneProps } from './ai-automation-zones'\nimport { aiJobProblem, useAiJobRun } from './use-ai-job-run'\n\n/\n \"Fix with AI\" and \"Change with AI\" in the editor of a saved ACTION\n * (AGL-3603), through the `automationEditor` zone. Each starts a `workflow`\n * job in `revise` mode: the action as it is saved, and the change asked of\n * it, become a NEW automation drafted switched off. The saved action is never\n * written; the person opens the copy, reads what changed, and switches it on\n * in place of the old one when it is right.\n \n A workflow of function calls is not offered either: the draft writer writes\n * actions, and a workflow is explained rather than revised.\n /\n\n/* The longest change a job admits as its brief. */\nconst BRIEF_MAX_CHARS = 4_000\n\nexport const AI_AUTOMATION_REVISE_COPY = {\n intro: 'Describe a change, or let AI fix what would stop it working. You get a changed copy, switched off, to review — this one is left as it is.',\n label: 'What should change?',\n placeholder: 'Also tag them “newsletter”, and wait a day before the email',\n change: 'Change with AI',\n fix: 'Fix with AI',\n running: 'Drafting the changed copy. This can take a few minutes.',\n drafted: 'Changed copy drafted',\n review: 'Review the copy',\n notListed: 'The copy is saved. It appears in the list in a moment.',\n failed: 'The automation could not be changed. Try again.',\n fixBrief: (name: string) =>\n `Fix whatever in “${name}” would stop it working as intended — a record the site no longer has, a condition that can never match, a step in the wrong order. Change nothing else.`,\n} as const\n\nexport function AiReviseAutomation({ hostId, orgId, target, openAction }: ConsoleAutomationEditorZoneProps) {\n const copy = AI_AUTOMATION_REVISE_COPY\n const help = pluginDocsHelp('aiAutomations', { anchor: '#change' })\n const { data: user } = useUser()\n const run = useAiJobRun(user, copy.failed)\n const [brief, setBrief] = useState('')\n const [notListed, setNotListed] = useState(false)\n\n if (target.type !== 'action') return null\n const { job } = run\n const busy = run.starting \|\| run.running\n const draft = job?.status === 'done' ? job.outputs.find((output) => output.resource === 'workflow') : undefined\n const problem = aiJobProblem(job, copy.failed) ?? (job?.status === 'done' && !draft ? copy.failed : null)\n\n const start = async (text: string) => {\n const trimmed = text.trim()\n if (!orgId \|\| !trimmed) return\n setNotListed(false)\n if (\n await run.start({\n orgId,\n hostId,\n kind: 'workflow',\n brief: trimmed,\n inputs: { mode: 'revise', targetType: 'action', targetId: target.id },\n })\n ) {\n setBrief('')\n }\n }\n\n const review = () => {\n if (!draft) return\n if (!openAction?.(draft.id)) setNotListed(true)\n }\n\n return (\n <Box sx={{ border: 1, borderColor: 'divider', borderRadius: 1, p: 1.5 }} aria-label=\"Change this automation with AI\">\n <Stack spacing={1}>\n <Typography variant=\"body2\" color=\"text.secondary\">\n {copy.intro}{' '}\n <Link href={help.href} target=\"_blank\" rel=\"noopener\" title={help.excerpt}>\n {'How it works'}\n </Link>\n </Typography>\n <TextField\n size=\"small\"\n label={copy.label}\n placeholder={copy.placeholder}\n value={brief}\n multiline\n maxRows={4}\n onChange={(event) => setBrief(event.target.value.slice(0, BRIEF_MAX_CHARS))}\n disabled={busy}\n />\n <Stack direction=\"row\" spacing={1}>\n <Button\n size=\"small\"\n variant=\"outlined\"\n startIcon={<MdiIcon path={mdiCreation.path} />}\n disabled={busy \|\| !orgId \|\| !brief.trim()}\n onClick={() => void start(brief)}\n >\n {copy.change}\n </Button>\n <Button\n size=\"small\"\n variant=\"text\"\n startIcon={<MdiIcon path={mdiCreation.path} />}\n disabled={busy \|\| !orgId}\n onClick={() => void start(copy.fixBrief(target.name))}\n >\n {copy.fix}\n </Button>\n </Stack>\n {run.running && job ? (\n <Alert\n severity=\"info\"\n icon={<CircularProgress size={18} aria-label=\"Drafting\" />}\n action={\n <Button color=\"inherit\" size=\"small\" variant=\"outlined\" onClick={() => openAiJobs({ jobId: job.id })}>\n {'Open AI jobs'}\n </Button>\n }\n >\n {copy.running}\n </Alert>\n ) : null}\n {draft ? (\n <Alert\n severity=\"success\"\n action={\n openAction ? (\n <Button color=\"inherit\" size=\"small\" variant=\"outlined\" onClick={review}>\n {copy.review}\n </Button>\n ) : undefined\n }\n >\n <Typography variant=\"body2\" sx={{ fontWeight: 600 }}>\n {`${copy.drafted}: ${draft.label}`}\n </Typography>\n {draft.note ? <Typography variant=\"body2\">{draft.note}</Typography> : null}\n </Alert>\n ) : null}\n {problem ? <Alert severity={job?.status === 'failed' ? 'error' : 'warning'}>{problem}</Alert> : null}\n {run.notice ? <Alert severity=\"warning\">{run.notice}</Alert> : null}\n {notListed ? <Alert severity=\"info\">{copy.notListed}</Alert> : null}\n </Stack>\n </Box>\n )\n}\n\nexport default AiReviseAutomation\n"],"names":["pluginDocsHelp","mdiCreation","MdiIcon","useUser","Alert","Box","Button","CircularProgress","Link","Stack","TextField","Typography","useState","openAiJobs","aiJobProblem","useAiJobRun","BRIEF_MAX_CHARS","AI_AUTOMATION_REVISE_COPY","intro","label","placeholder","change","fix","running","drafted","review","notListed","failed","fixBrief","name","AiReviseAutomation","hostId","orgId","target","openAction","copy","help","anchor","data","user","run","brief","setBrief","setNotListed","type","job","busy","starting","draft","status","outputs","find","output","resource","undefined","problem","start","text","trimmed","trim","kind","inputs","mode","targetType","targetId","id","sx","border","borderColor","borderRadius","p","aria-label","spacing","variant","color","href","rel","title","excerpt","size","value","multiline","maxRows","onChange","event","slice","disabled","direction","startIcon","path","onClick","severity","icon","action","jobId","fontWeight","note","notice"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-revise-automation.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 { pluginDocsHelp } from '@aglyn/aglyn/app-utils/docs-help'\nimport { mdiCreation } from '@aglyn/shared-data-mdi'\nimport { MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { useUser } from '@aglyn/tenant-feature-instance'\nimport {\n Alert,\n Box,\n Button,\n CircularProgress,\n Link,\n Stack,\n TextField,\n Typography,\n} from '@mui/material'\nimport { useState } from 'react'\nimport { openAiJobs } from './ai-jobs-store'\nimport type { ConsoleAutomationEditorZoneProps } from './ai-automation-zones'\nimport { aiJobProblem, useAiJobRun } from './use-ai-job-run'\n\n/\n \"Fix with AI\" and \"Change with AI\" in the editor of a saved ACTION\n * (AGL-3603), through the `automationEditor` zone. Each starts a `workflow`\n * job in `revise` mode: the action as it is saved, and the change asked of\n * it, become a NEW automation drafted switched off. The saved action is never\n * written; the person opens the copy, reads what changed, and switches it on\n * in place of the old one when it is right.\n \n A workflow of function calls is not offered either: the draft writer writes\n * actions, and a workflow is explained rather than revised.\n /\n\n/* The longest change a job admits as its brief. */\nconst BRIEF_MAX_CHARS = 4_000\n\nexport const AI_AUTOMATION_REVISE_COPY = {\n intro: 'Describe a change, or let AI fix what would stop it working. You get a changed copy, switched off, to review — this one is left as it is.',\n label: 'What should change?',\n placeholder: 'Also tag them “newsletter”, and wait a day before the email',\n change: 'Change with AI',\n fix: 'Fix with AI',\n running: 'Drafting the changed copy. This can take a few minutes.',\n drafted: 'Changed copy drafted',\n review: 'Review the copy',\n notListed: 'The copy is saved. It appears in the list in a moment.',\n failed: 'The automation could not be changed. Try again.',\n fixBrief: (name: string) =>\n `Fix whatever in “${name}” would stop it working as intended — a record the site no longer has, a condition that can never match, a step in the wrong order. Change nothing else.`,\n} as const\n\nexport function AiReviseAutomation({ hostId, orgId, target, openAction }: ConsoleAutomationEditorZoneProps) {\n const copy = AI_AUTOMATION_REVISE_COPY\n const help = pluginDocsHelp('aiAutomations', { anchor: '#change' })\n const { data: user } = useUser()\n const run = useAiJobRun(user, copy.failed)\n const [brief, setBrief] = useState('')\n const [notListed, setNotListed] = useState(false)\n\n if (target.type !== 'action') return null\n const { job } = run\n const busy = run.starting \|\| run.running\n const draft = job?.status === 'done' ? job.outputs.find((output) => output.resource === 'workflow') : undefined\n const problem = aiJobProblem(job, copy.failed) ?? (job?.status === 'done' && !draft ? copy.failed : null)\n\n const start = async (text: string) => {\n const trimmed = text.trim()\n if (!orgId \|\| !trimmed) return\n setNotListed(false)\n if (\n await run.start({\n orgId,\n hostId,\n kind: 'workflow',\n brief: trimmed,\n inputs: { mode: 'revise', targetType: 'action', targetId: target.id },\n })\n ) {\n setBrief('')\n }\n }\n\n const review = () => {\n if (!draft) return\n if (!openAction?.(draft.id)) setNotListed(true)\n }\n\n return (\n <Box sx={{ border: 1, borderColor: 'divider', borderRadius: 1, p: 1.5 }} aria-label=\"Change this automation with AI\">\n <Stack spacing={1}>\n <Typography variant=\"body2\" color=\"text.secondary\">\n {copy.intro}{' '}\n <Link href={help.href} target=\"_blank\" rel=\"noopener\" title={help.excerptText}>\n {'How it works'}\n </Link>\n </Typography>\n <TextField\n size=\"small\"\n label={copy.label}\n placeholder={copy.placeholder}\n value={brief}\n multiline\n maxRows={4}\n onChange={(event) => setBrief(event.target.value.slice(0, BRIEF_MAX_CHARS))}\n disabled={busy}\n />\n <Stack direction=\"row\" spacing={1}>\n <Button\n size=\"small\"\n variant=\"outlined\"\n startIcon={<MdiIcon path={mdiCreation.path} />}\n disabled={busy \|\| !orgId \|\| !brief.trim()}\n onClick={() => void start(brief)}\n >\n {copy.change}\n </Button>\n <Button\n size=\"small\"\n variant=\"text\"\n startIcon={<MdiIcon path={mdiCreation.path} />}\n disabled={busy \|\| !orgId}\n onClick={() => void start(copy.fixBrief(target.name))}\n >\n {copy.fix}\n </Button>\n </Stack>\n {run.running && job ? (\n <Alert\n severity=\"info\"\n icon={<CircularProgress size={18} aria-label=\"Drafting\" />}\n action={\n <Button color=\"inherit\" size=\"small\" variant=\"outlined\" onClick={() => openAiJobs({ jobId: job.id })}>\n {'Open AI jobs'}\n </Button>\n }\n >\n {copy.running}\n </Alert>\n ) : null}\n {draft ? (\n <Alert\n severity=\"success\"\n action={\n openAction ? (\n <Button color=\"inherit\" size=\"small\" variant=\"outlined\" onClick={review}>\n {copy.review}\n </Button>\n ) : undefined\n }\n >\n <Typography variant=\"body2\" sx={{ fontWeight: 600 }}>\n {`${copy.drafted}: ${draft.label}`}\n </Typography>\n {draft.note ? <Typography variant=\"body2\">{draft.note}</Typography> : null}\n </Alert>\n ) : null}\n {problem ? <Alert severity={job?.status === 'failed' ? 'error' : 'warning'}>{problem}</Alert> : null}\n {run.notice ? <Alert severity=\"warning\">{run.notice}</Alert> : null}\n {notListed ? <Alert severity=\"info\">{copy.notListed}</Alert> : null}\n </Stack>\n </Box>\n )\n}\n\nexport default AiReviseAutomation\n"],"names":["pluginDocsHelp","mdiCreation","MdiIcon","useUser","Alert","Box","Button","CircularProgress","Link","Stack","TextField","Typography","useState","openAiJobs","aiJobProblem","useAiJobRun","BRIEF_MAX_CHARS","AI_AUTOMATION_REVISE_COPY","intro","label","placeholder","change","fix","running","drafted","review","notListed","failed","fixBrief","name","AiReviseAutomation","hostId","orgId","target","openAction","copy","help","anchor","data","user","run","brief","setBrief","setNotListed","type","job","busy","starting","draft","status","outputs","find","output","resource","undefined","problem","start","text","trimmed","trim","kind","inputs","mode","targetType","targetId","id","sx","border","borderColor","borderRadius","p","aria-label","spacing","variant","color","href","rel","title","excerptText","size","value","multiline","maxRows","onChange","event","slice","disabled","direction","startIcon","path","onClick","severity","icon","action","jobId","fontWeight","note","notice"],"mappings":"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"}

package/src/lib/components/ai-seo-fields-card.component.js CHANGED Viewed

@@ -303,8 +303,12 @@ export function AiSeoFieldsCard(props) {
     const running = Boolean(job && !isTerminal(job));
     const saveWord = subject.kind === 'product' ? 'Save product' : 'Save SEO';
     const unnamed = subject.kind === 'product' && !subject.name.trim();
-    const help = pluginDocsHelp('aiSeo', {
-        excerpt: 'Write a search listing from what the page says. It is put in the fields as unsaved changes; nothing is saved until you save.'
+    const help = subject.kind === 'product' ? pluginDocsHelp('aiSeo', {
+        anchor: '#write-a-products-listing',
+        excerpt: 'Write this product’s search title and description from its name, copy and options. They go in the fields unsaved; Save product keeps them.'
+    }) : pluginDocsHelp('aiSeo', {
+        anchor: '#write-a-pages-listing',
+        excerpt: 'Write this page’s search title and description from what the page says. They go in the fields unsaved; Save SEO keeps them.'
     });
     const stage = (offer, key)=>{
         proposeValues(offer, key);
@@ -340,7 +344,7 @@ export function AiSeoFieldsCard(props) {
                             target: "_blank",
                             rel: "noopener",
                             variant: "caption",
-                            title: help.excerpt,
+                            title: help.excerptText,
                             children: 'How it works'
                         })
                     ]