@aglyn/plugins-ai 1.0.0-beta.143

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

@@ -0,0 +1,328 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { pluginDocsHelp } from "@aglyn/aglyn/app-utils/docs-help";
+import { seoListingFieldCount, seoListingFieldTooLong } from "@aglyn/aglyn/app-utils/seo-listing-fields";
+import { Alert, Box, Button, Chip, CircularProgress, Link, Stack, Typography } from "@mui/material";
+import { useCallback, useState } from "react";
+import { aiProductCopyProposals, aiProductsJobInputs } from "../model/ai-products.js";
+import { isAiJobMoving, useAiProductsJobs } from "./use-ai-products-jobs.js";
+/**
+ * "Write with AI" in the commerce product editor (AGL-2916), through the
+ * `productEditor` zone. A `products` job writes the product's description,
+ * search listing, tags, categories and clearer option names from what the
+ * editor holds: its name, text, tags and options, and its first photo for a
+ * model that reads pictures. The proposal is shown in full, with any fact the
+ * copy could not know marked for the person to fill in, and "Put in the
+ * fields" stages it in the editor as unsaved changes. Save product is the
+ * write; this card never writes a product.
+ */ /** The brief a product copy job carries, which the jobs list shows. */ export const aiProductCopyBrief = (name)=>`Write the storefront copy for ${name.trim()}`;
+/** The values a proposal stages, in the editor's terms. */ export function aiProductCopyValues(proposal) {
+    const values = proposal.values;
+    if (!values) return {};
+    return _extends({
+        description: values.description,
+        tags: values.tags,
+        categoryIds: values.categoryIds,
+        seoTitle: values.seoTitle,
+        seoDescription: values.seoDescription
+    }, values.optionNames.length ? {
+        optionNames: values.optionNames
+    } : {});
+}
+function Field(props) {
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 0.25,
+        children: [
+            /*#__PURE__*/ _jsxs(Stack, {
+                direction: "row",
+                spacing: 1,
+                sx: {
+                    alignItems: 'center'
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "caption",
+                        color: "text.secondary",
+                        sx: {
+                            flexGrow: 1
+                        },
+                        children: props.label
+                    }),
+                    props.count
+                ]
+            }),
+            props.children
+        ]
+    });
+}
+/** The proposed copy, field by field. */ export function AiProductCopyProposalView(props) {
+    const { proposal } = props;
+    const values = proposal.values;
+    if (!values) return null;
+    const renamed = values.optionNames.map((name, index)=>{
+        var _proposal_optionNamesBefore_index;
+        return {
+            before: (_proposal_optionNamesBefore_index = proposal.optionNamesBefore[index]) != null ? _proposal_optionNamesBefore_index : '',
+            after: name
+        };
+    }).filter((pair)=>pair.before !== pair.after);
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 1,
+        children: [
+            /*#__PURE__*/ _jsx(Field, {
+                label: "Description",
+                children: /*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    sx: {
+                        whiteSpace: 'pre-wrap',
+                        wordBreak: 'break-word'
+                    },
+                    children: values.description
+                })
+            }),
+            values.tags.length ? /*#__PURE__*/ _jsx(Field, {
+                label: "Tags",
+                children: /*#__PURE__*/ _jsx(Stack, {
+                    direction: "row",
+                    spacing: 0.5,
+                    useFlexGap: true,
+                    sx: {
+                        flexWrap: 'wrap'
+                    },
+                    children: values.tags.map((tag)=>/*#__PURE__*/ _jsx(Chip, {
+                            size: "small",
+                            variant: "outlined",
+                            label: tag
+                        }, tag))
+                })
+            }) : null,
+            proposal.categories.length ? /*#__PURE__*/ _jsx(Field, {
+                label: "Categories",
+                children: /*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    children: proposal.categories.map((category)=>category.name).join(', ')
+                })
+            }) : null,
+            renamed.length ? /*#__PURE__*/ _jsx(Field, {
+                label: "Option names",
+                children: /*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    children: renamed.map((pair)=>`${pair.before || 'Unnamed'} → ${pair.after}`).join(', ')
+                })
+            }) : null,
+            /*#__PURE__*/ _jsx(Field, {
+                label: "Search title",
+                count: /*#__PURE__*/ _jsx(Chip, {
+                    size: "small",
+                    variant: "outlined",
+                    color: seoListingFieldTooLong('title', values.seoTitle) ? 'error' : 'default',
+                    label: seoListingFieldCount('title', values.seoTitle)
+                }),
+                children: /*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    children: values.seoTitle
+                })
+            }),
+            /*#__PURE__*/ _jsx(Field, {
+                label: "Search description",
+                count: /*#__PURE__*/ _jsx(Chip, {
+                    size: "small",
+                    variant: "outlined",
+                    color: seoListingFieldTooLong('description', values.seoDescription) ? 'error' : 'default',
+                    label: seoListingFieldCount('description', values.seoDescription)
+                }),
+                children: /*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    children: values.seoDescription
+                })
+            }),
+            proposal.gaps.length ? /*#__PURE__*/ _jsx(Alert, {
+                severity: "warning",
+                children: `Fill in what the copy could not know before you save: ${proposal.gaps.map((gap)=>`[${gap}]`).join(', ')}.`
+            }) : null,
+            proposal.notes.map((note)=>/*#__PURE__*/ _jsx(Typography, {
+                    variant: "caption",
+                    color: "text.secondary",
+                    children: note
+                }, note))
+        ]
+    });
+}
+export function AiProductCopyCard(props) {
+    var _jobs_find, _jobs_find1, _ref, _aiProductCopyProposals_find;
+    const { hostId, product, proposeValues } = props;
+    const { orgId, verdict, jobs, notice, start } = useAiProductsJobs({
+        hostId,
+        orgId: props.orgId,
+        follows: (job)=>job.brief === aiProductCopyBrief(product.name)
+    });
+    const [startedId, setStartedId] = useState(null);
+    const [busy, setBusy] = useState(false);
+    const [staged, setStaged] = useState(null);
+    const write = useCallback(async ()=>{
+        setBusy(true);
+        setStaged(null);
+        try {
+            var _product_mediaUrls_;
+            const job = await start(aiProductCopyBrief(product.name), aiProductsJobInputs({
+                target: 'product',
+                product: {
+                    id: product.id,
+                    name: product.name,
+                    type: product.type,
+                    text: product.description,
+                    tags: product.tags,
+                    categoryIds: product.categoryIds,
+                    options: product.options,
+                    imageUrl: (_product_mediaUrls_ = product.mediaUrls[0]) != null ? _product_mediaUrls_ : null,
+                    seoTitle: product.seoTitle,
+                    seoDescription: product.seoDescription
+                }
+            }));
+            if (job) setStartedId(job.id);
+        } finally{
+            setBusy(false);
+        }
+    }, [
+        start,
+        product
+    ]);
+    if (verdict !== 'ready') return null;
+    // The job this card started, or the latest one that wrote this saved product's copy.
+    const job = startedId ? (_jobs_find = jobs.find((entry)=>entry.id === startedId)) != null ? _jobs_find : null : product.id ? (_jobs_find1 = jobs.find((entry)=>aiProductCopyProposals(entry).some((proposal)=>proposal.product.id === product.id))) != null ? _jobs_find1 : null : null;
+    const proposal = job ? (_ref = (_aiProductCopyProposals_find = aiProductCopyProposals(job).find((entry)=>entry.product.id === product.id)) != null ? _aiProductCopyProposals_find : aiProductCopyProposals(job)[0]) != null ? _ref : null : null;
+    const running = isAiJobMoving(job);
+    const unnamed = !product.name.trim();
+    const help = pluginDocsHelp('aiProducts', {
+        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, {
+        sx: {
+            border: 1,
+            borderColor: 'divider',
+            borderRadius: 1,
+            p: 1.5
+        },
+        "aria-label": "Product copy assistant",
+        children: /*#__PURE__*/ _jsxs(Stack, {
+            spacing: 1.5,
+            children: [
+                /*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    sx: {
+                        alignItems: 'baseline'
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "subtitle2",
+                            sx: {
+                                flexGrow: 1
+                            },
+                            children: 'Write with AI'
+                        }),
+                        /*#__PURE__*/ _jsx(Link, {
+                            href: help.href,
+                            target: "_blank",
+                            rel: "noopener",
+                            variant: "caption",
+                            title: help.excerpt,
+                            children: 'How it works'
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    color: "text.secondary",
+                    children: 'Writes the description, search listing and tags, suggests categories and clearer option names, ' + 'from the product’s name, text, tags and options and its first photo. Prices are never written.'
+                }),
+                /*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    sx: {
+                        alignItems: 'center'
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(Button, {
+                            size: "small",
+                            variant: "outlined",
+                            disabled: busy || running || unnamed || !orgId,
+                            onClick: ()=>void write(),
+                            children: proposal ? 'Write again' : 'Write copy'
+                        }),
+                        busy || running ? /*#__PURE__*/ _jsx(CircularProgress, {
+                            size: 16,
+                            "aria-label": "Writing the copy"
+                        }) : null,
+                        unnamed ? /*#__PURE__*/ _jsx(Typography, {
+                            variant: "caption",
+                            color: "text.secondary",
+                            children: 'Name the product first.'
+                        }) : null
+                    ]
+                }),
+                notice ? /*#__PURE__*/ _jsx(Alert, {
+                    severity: "warning",
+                    children: notice
+                }) : null,
+                (job == null ? void 0 : job.error) && !(proposal == null ? void 0 : proposal.values) ? /*#__PURE__*/ _jsx(Alert, {
+                    severity: job.status === 'failed' ? 'error' : 'warning',
+                    children: job.error
+                }) : null,
+                (proposal == null ? void 0 : proposal.skipped) ? /*#__PURE__*/ _jsx(Alert, {
+                    severity: "info",
+                    children: proposal.skipped
+                }) : null,
+                (proposal == null ? void 0 : proposal.values) && job ? /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 1,
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "subtitle2",
+                            children: 'Proposed copy'
+                        }),
+                        /*#__PURE__*/ _jsx(AiProductCopyProposalView, {
+                            proposal: proposal
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            size: "small",
+                            variant: "contained",
+                            sx: {
+                                alignSelf: 'flex-start'
+                            },
+                            disabled: staged === job.id,
+                            onClick: ()=>{
+                                proposeValues(aiProductCopyValues(proposal), job.id);
+                                setStaged(job.id);
+                            },
+                            children: 'Put in the fields'
+                        })
+                    ]
+                }) : null,
+                staged ? /*#__PURE__*/ _jsx(Alert, {
+                    severity: "success",
+                    children: 'In the fields as unsaved changes. Review them, then press Save product.'
+                }) : null
+            ]
+        })
+    });
+}
+AiProductCopyCard.displayName = 'AiProductCopyCard';
+export default AiProductCopyCard;
+
+//# sourceMappingURL=ai-product-copy-card.component.js.map

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

@@ -0,0 +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 '@aglyn/aglyn/plugin-manager/feature-plugins'\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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"}

package/src/lib/components/ai-product-import-option.component.d.ts

@@ -0,0 +1,14 @@
+import type { ConsoleProductImportZoneProps } from '@aglyn/aglyn/plugin-manager/feature-plugins';
+/**
+ * "Write copy with AI as they land" in the commerce CSV import dialog
+ * (AGL-2916), through the `productImport` zone. The box sets an option on the
+ * import; once the import has created its products, the products hub's AI
+ * card starts one copy job for them, and its proposals wait there for review
+ * like any other. Nothing is written to an imported product until a person
+ * applies its copy.
+ */
+export declare function AiProductImportOption(props: ConsoleProductImportZoneProps): import("react").JSX.Element;
+export declare namespace AiProductImportOption {
+    var displayName: string;
+}
+export default AiProductImportOption;

package/src/lib/components/ai-product-import-option.component.js

@@ -0,0 +1,58 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Checkbox, FormControlLabel, Stack, Typography } from "@mui/material";
+import { AI_PRODUCTS_BULK_MAX, AI_PRODUCTS_IMPORT_WRITE_COPY } from "../model/ai-products.js";
+import { useAiProductsJobs } from "./use-ai-products-jobs.js";
+/**
+ * "Write copy with AI as they land" in the commerce CSV import dialog
+ * (AGL-2916), through the `productImport` zone. The box sets an option on the
+ * import; once the import has created its products, the products hub's AI
+ * card starts one copy job for them, and its proposals wait there for review
+ * like any other. Nothing is written to an imported product until a person
+ * applies its copy.
+ */ export function AiProductImportOption(props) {
+    const { hostId, count, options, setOption } = props;
+    const { verdict } = useAiProductsJobs({
+        hostId,
+        orgId: props.orgId
+    });
+    if (verdict !== 'ready') return null;
+    const covered = Math.min(count, AI_PRODUCTS_BULK_MAX);
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 0.25,
+        children: [
+            /*#__PURE__*/ _jsx(FormControlLabel, {
+                control: /*#__PURE__*/ _jsx(Checkbox, {
+                    size: "small",
+                    checked: Boolean(options[AI_PRODUCTS_IMPORT_WRITE_COPY]),
+                    onChange: (event)=>setOption(AI_PRODUCTS_IMPORT_WRITE_COPY, event.target.checked)
+                }),
+                label: "Write descriptions, search listings and tags with AI as they land"
+            }),
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "caption",
+                color: "text.secondary",
+                children: (count > AI_PRODUCTS_BULK_MAX ? `Copy is written for the first ${covered} of the ${count} products. ` : '') + 'You review it on the products page before any is saved. Prices are never written.'
+            })
+        ]
+    });
+}
+AiProductImportOption.displayName = 'AiProductImportOption';
+export default AiProductImportOption;
+
+//# sourceMappingURL=ai-product-import-option.component.js.map

package/src/lib/components/ai-product-import-option.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-product-import-option.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 { ConsoleProductImportZoneProps } from '@aglyn/aglyn/plugin-manager/feature-plugins'\nimport { Checkbox, FormControlLabel, Stack, Typography } from '@mui/material'\nimport { AI_PRODUCTS_BULK_MAX, AI_PRODUCTS_IMPORT_WRITE_COPY } from '../model/ai-products'\nimport { useAiProductsJobs } from './use-ai-products-jobs'\n\n/**\n * \"Write copy with AI as they land\" in the commerce CSV import dialog\n * (AGL-2916), through the `productImport` zone. The box sets an option on the\n * import; once the import has created its products, the products hub's AI\n * card starts one copy job for them, and its proposals wait there for review\n * like any other. Nothing is written to an imported product until a person\n * applies its copy.\n */\nexport function AiProductImportOption(props: ConsoleProductImportZoneProps) {\n  const { hostId, count, options, setOption } = props\n  const { verdict } = useAiProductsJobs({ hostId, orgId: props.orgId })\n  if (verdict !== 'ready') return null\n  const covered = Math.min(count, AI_PRODUCTS_BULK_MAX)\n  return (\n    <Stack spacing={0.25}>\n      <FormControlLabel\n        control={\n          <Checkbox\n            size=\"small\"\n            checked={Boolean(options[AI_PRODUCTS_IMPORT_WRITE_COPY])}\n            onChange={(event) => setOption(AI_PRODUCTS_IMPORT_WRITE_COPY, event.target.checked)}\n          />\n        }\n        label=\"Write descriptions, search listings and tags with AI as they land\"\n      />\n      <Typography variant=\"caption\" color=\"text.secondary\">\n        {(count > AI_PRODUCTS_BULK_MAX\n          ? `Copy is written for the first ${covered} of the ${count} products. `\n          : '') + 'You review it on the products page before any is saved. Prices are never written.'}\n      </Typography>\n    </Stack>\n  )\n}\nAiProductImportOption.displayName = 'AiProductImportOption'\n\nexport default AiProductImportOption\n"],"names":["Checkbox","FormControlLabel","Stack","Typography","AI_PRODUCTS_BULK_MAX","AI_PRODUCTS_IMPORT_WRITE_COPY","useAiProductsJobs","AiProductImportOption","props","hostId","count","options","setOption","verdict","orgId","covered","Math","min","spacing","control","size","checked","Boolean","onChange","event","target","label","variant","color","displayName"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;AAGA,SAASA,QAAQ,EAAEC,gBAAgB,EAAEC,KAAK,EAAEC,UAAU,QAAQ,gBAAe;AAC7E,SAASC,oBAAoB,EAAEC,6BAA6B,QAAQ,0BAAsB;AAC1F,SAASC,iBAAiB,QAAQ,4BAAwB;AAE1D;;;;;;;CAOC,GACD,OAAO,SAASC,sBAAsBC,KAAoC;IACxE,MAAM,EAAEC,MAAM,EAAEC,KAAK,EAAEC,OAAO,EAAEC,SAAS,EAAE,GAAGJ;IAC9C,MAAM,EAAEK,OAAO,EAAE,GAAGP,kBAAkB;QAAEG;QAAQK,OAAON,MAAMM,KAAK;IAAC;IACnE,IAAID,YAAY,SAAS,OAAO;IAChC,MAAME,UAAUC,KAAKC,GAAG,CAACP,OAAON;IAChC,qBACE,MAACF;QAAMgB,SAAS;;0BACd,KAACjB;gBACCkB,uBACE,KAACnB;oBACCoB,MAAK;oBACLC,SAASC,QAAQX,OAAO,CAACN,8BAA8B;oBACvDkB,UAAU,CAACC,QAAUZ,UAAUP,+BAA+BmB,MAAMC,MAAM,CAACJ,OAAO;;gBAGtFK,OAAM;;0BAER,KAACvB;gBAAWwB,SAAQ;gBAAUC,OAAM;0BACjC,AAAClB,CAAAA,QAAQN,uBACN,CAAC,8BAA8B,EAAEW,QAAQ,QAAQ,EAAEL,MAAM,WAAW,CAAC,GACrE,EAAC,IAAK;;;;AAIlB;AACAH,sBAAsBsB,WAAW,GAAG;AAEpC,eAAetB,sBAAqB"}

package/src/lib/components/ai-products-hub-card.component.d.ts

@@ -0,0 +1,15 @@
+import type { ConsoleProductsHubZoneProps } from '@aglyn/aglyn/plugin-manager/feature-plugins';
+type BriefKind = 'catalog' | 'categories';
+/** What each brief dialog says. */
+export declare const AI_PRODUCTS_BRIEF_COPY: Readonly<Record<BriefKind, {
+    title: string;
+    label: string;
+    placeholder: string;
+    next: string;
+    submit: string;
+}>>;
+export declare function AiProductsHubCard(props: ConsoleProductsHubZoneProps): import("react").JSX.Element;
+export declare namespace AiProductsHubCard {
+    var displayName: string;
+}
+export default AiProductsHubCard;