@aglyn/plugins-ai 1.0.0-beta.143

package/src/lib/components/ai-products-proposals.component.js

@@ -0,0 +1,547 @@
+/**
+ * @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, Fragment as _Fragment } from "react/jsx-runtime";
+import { ListTable } from "@aglyn/shared-ui-jsx/components/list-table.component";
+import { Alert, Button, Chip, CircularProgress, Stack, Typography } from "@mui/material";
+import { useCallback, useMemo, useState } from "react";
+import { aiProductCopyProposals, aiProductsBulkCount, aiProductsProposalOfKind } from "../model/ai-products.js";
+import { aiProductCopyValues } from "./ai-product-copy-card.component.js";
+import { isAiJobMoving } from "./use-ai-products-jobs.js";
+const clip = (text, max)=>text.length > max ? `${text.slice(0, max - 1)}…` : text;
+const messageOf = (error, fallback)=>error instanceof Error && error.message ? error.message : fallback;
+/** A discount's offer, in the words the discounts card uses. */ export function aiDiscountOffer(discount) {
+    var _discount_valuePct, _discount_valueCents;
+    if (discount.kind === 'percent') return `${(_discount_valuePct = discount.valuePct) != null ? _discount_valuePct : 0}% off`;
+    if (discount.kind === 'fixed') return `$${(((_discount_valueCents = discount.valueCents) != null ? _discount_valueCents : 0) / 100).toFixed(2)} off`;
+    return 'Free shipping';
+}
+function JobState(props) {
+    const { job } = props;
+    if (isAiJobMoving(job)) {
+        return /*#__PURE__*/ _jsxs(Stack, {
+            direction: "row",
+            spacing: 1,
+            sx: {
+                alignItems: 'center'
+            },
+            children: [
+                /*#__PURE__*/ _jsx(CircularProgress, {
+                    size: 16,
+                    "aria-label": props.doing
+                }),
+                /*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    color: "text.secondary",
+                    children: props.doing
+                })
+            ]
+        });
+    }
+    return job.error ? /*#__PURE__*/ _jsx(Alert, {
+        severity: job.status === 'failed' ? 'error' : 'warning',
+        children: job.error
+    }) : null;
+}
+export function AiBulkCopyReview(props) {
+    var _aiProductsBulkCount;
+    const { job, applyProductCopy } = props;
+    const proposals = aiProductCopyProposals(job);
+    const asked = (_aiProductsBulkCount = aiProductsBulkCount(job)) != null ? _aiProductsBulkCount : proposals.length;
+    const [rows, setRows] = useState({});
+    const [applyingAll, setApplyingAll] = useState(false);
+    const ready = (proposal)=>Boolean(proposal.values && proposal.product.id) && rows[proposal.product.id] !== 'applied';
+    const apply = useCallback(async (proposal)=>{
+        const id = proposal.product.id;
+        if (!id || !proposal.values) return;
+        setRows((current)=>_extends({}, current, {
+                [id]: 'applying'
+            }));
+        try {
+            await applyProductCopy(id, aiProductCopyValues(proposal));
+            setRows((current)=>_extends({}, current, {
+                    [id]: 'applied'
+                }));
+        } catch (error) {
+            setRows((current)=>_extends({}, current, {
+                    [id]: {
+                        error: messageOf(error, 'The copy could not be saved.')
+                    }
+                }));
+        }
+    }, [
+        applyProductCopy
+    ]);
+    /** Applies each proposal in turn, so one refusal names its product and the rest still land. */ const applyAll = useCallback(async (targets)=>{
+        setApplyingAll(true);
+        try {
+            for (const proposal of targets)await apply(proposal);
+        } finally{
+            setApplyingAll(false);
+        }
+    }, [
+        apply
+    ]);
+    const columns = useMemo(()=>[
+            {
+                field: 'name',
+                headerName: 'Product',
+                flex: 1,
+                minWidth: 160
+            },
+            {
+                field: 'description',
+                headerName: 'Proposed description',
+                flex: 2,
+                minWidth: 220
+            },
+            {
+                field: 'seoTitle',
+                headerName: 'Search title',
+                flex: 1,
+                minWidth: 160
+            },
+            {
+                field: 'actions',
+                headerName: '',
+                width: 170,
+                sortable: false,
+                renderCell: ({ row })=>{
+                    const { proposal } = row;
+                    if (proposal.skipped) return /*#__PURE__*/ _jsx(Chip, {
+                        size: "small",
+                        variant: "outlined",
+                        label: "Skipped",
+                        title: proposal.skipped
+                    });
+                    const state = proposal.product.id ? rows[proposal.product.id] : undefined;
+                    if (state === 'applied') return /*#__PURE__*/ _jsx(Chip, {
+                        size: "small",
+                        color: "success",
+                        variant: "outlined",
+                        label: "Applied"
+                    });
+                    if (typeof state === 'object') return /*#__PURE__*/ _jsx(Chip, {
+                        size: "small",
+                        color: "error",
+                        variant: "outlined",
+                        label: "Not saved",
+                        title: state.error
+                    });
+                    return /*#__PURE__*/ _jsx(Button, {
+                        size: "small",
+                        disabled: state === 'applying' || applyingAll,
+                        onClick: ()=>void apply(proposal),
+                        children: 'Apply'
+                    });
+                }
+            }
+        ], [
+        rows,
+        applyingAll,
+        apply
+    ]);
+    const tableRows = proposals.map((proposal)=>{
+        var _proposal_product_id, _proposal_skipped, _ref;
+        var _proposal_values;
+        return {
+            $id: (_proposal_product_id = proposal.product.id) != null ? _proposal_product_id : proposal.product.name,
+            name: proposal.product.name,
+            description: proposal.values ? clip(proposal.values.description, 140) : (_proposal_skipped = proposal.skipped) != null ? _proposal_skipped : '',
+            seoTitle: (_ref = (_proposal_values = proposal.values) == null ? void 0 : _proposal_values.seoTitle) != null ? _ref : '',
+            proposal
+        };
+    });
+    const readyCount = proposals.filter(ready).length;
+    const errors = Object.values(rows).filter((state)=>typeof state === 'object');
+    const gaps = proposals.filter((proposal)=>proposal.gaps.length).length;
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 1,
+        "aria-label": "Proposed product copy",
+        children: [
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "subtitle2",
+                children: `Product copy · ${proposals.length} of ${asked}`
+            }),
+            /*#__PURE__*/ _jsx(JobState, {
+                job: job,
+                doing: `Writing copy: ${proposals.length} of ${asked}`
+            }),
+            tableRows.length ? /*#__PURE__*/ _jsx(ListTable, {
+                rows: tableRows,
+                columns: columns,
+                hideFooter: true,
+                quickFilter: false
+            }) : null,
+            gaps ? /*#__PURE__*/ _jsx(Alert, {
+                severity: "warning",
+                children: `${gaps} ${gaps === 1 ? 'description marks' : 'descriptions mark'} facts in [brackets] to fill in before you publish.`
+            }) : null,
+            errors.length ? /*#__PURE__*/ _jsx(Alert, {
+                severity: "error",
+                children: errors[0].error
+            }) : null,
+            /*#__PURE__*/ _jsx(Button, {
+                size: "small",
+                variant: "contained",
+                sx: {
+                    alignSelf: 'flex-start'
+                },
+                disabled: !readyCount || applyingAll,
+                onClick: ()=>void applyAll(proposals.filter(ready)),
+                children: readyCount ? `Apply to all ${readyCount}` : 'Apply to all'
+            })
+        ]
+    });
+}
+/* ------------------------------------------------------------------------ *
+ * A store's first products
+ * ------------------------------------------------------------------------ */ export function AiCatalogReview(props) {
+    const { job, heldNames, createProductDrafts } = props;
+    const proposal = aiProductsProposalOfKind(job, 'catalog');
+    const products = useMemo(()=>{
+        var _ref;
+        return (_ref = proposal == null ? void 0 : proposal.products) != null ? _ref : [];
+    }, [
+        proposal
+    ]);
+    const held = (name)=>heldNames.has(name.replace(/\s+/g, ' ').trim().toLowerCase());
+    const [selected, setSelected] = useState(null);
+    const [busy, setBusy] = useState(false);
+    const [result, setResult] = useState(null);
+    const rows = products.map((product, index)=>({
+            $id: `p${index}`,
+            name: product.name,
+            type: product.type,
+            options: product.options.map((option)=>`${option.name}: ${option.values.join(', ')}`).join(' · ') || '—',
+            photo: product.photo,
+            inCatalog: held(product.name),
+            product
+        }));
+    const chosen = selected != null ? selected : rows.filter((row)=>!row.inCatalog).map((row)=>row.$id);
+    const columns = useMemo(()=>[
+            {
+                field: 'name',
+                headerName: 'Product',
+                flex: 1,
+                minWidth: 180
+            },
+            {
+                field: 'options',
+                headerName: 'Options',
+                flex: 1,
+                minWidth: 160
+            },
+            {
+                field: 'price',
+                headerName: 'Price',
+                width: 130,
+                sortable: false,
+                // Never proposed: prices are the merchant's to set.
+                renderCell: ()=>/*#__PURE__*/ _jsx(Chip, {
+                        size: "small",
+                        color: "warning",
+                        variant: "outlined",
+                        label: "Set a price"
+                    })
+            },
+            {
+                field: 'photo',
+                headerName: 'Photo',
+                flex: 1,
+                minWidth: 200,
+                sortable: false,
+                renderCell: ({ row })=>/*#__PURE__*/ _jsxs(Stack, {
+                        spacing: 0.25,
+                        sx: {
+                            py: 0.5
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(Chip, {
+                                size: "small",
+                                color: "warning",
+                                variant: "outlined",
+                                label: "Needs a photo",
+                                sx: {
+                                    alignSelf: 'flex-start'
+                                }
+                            }),
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "caption",
+                                color: "text.secondary",
+                                sx: {
+                                    whiteSpace: 'normal'
+                                },
+                                children: row.photo
+                            })
+                        ]
+                    })
+            },
+            {
+                field: 'inCatalog',
+                headerName: '',
+                width: 150,
+                sortable: false,
+                renderCell: ({ row })=>row.inCatalog ? /*#__PURE__*/ _jsx(Chip, {
+                        size: "small",
+                        variant: "outlined",
+                        label: "In your catalog"
+                    }) : null
+            }
+        ], []);
+    const create = useCallback(async ()=>{
+        const picks = rows.filter((row)=>chosen.includes(row.$id)).map((row)=>row.product);
+        if (!picks.length) return;
+        setBusy(true);
+        setResult(null);
+        try {
+            const created = await createProductDrafts(picks.map((product)=>({
+                    name: product.name,
+                    type: product.type,
+                    description: product.description,
+                    tags: product.tags,
+                    options: product.options,
+                    seoTitle: product.seoTitle,
+                    seoDescription: product.seoDescription
+                })));
+            const passed = picks.length - created.length;
+            setResult({
+                severity: 'success',
+                text: `Created ${created.length} draft ${created.length === 1 ? 'product' : 'products'}. ` + 'Each needs a price and a photo before you activate it.' + (passed ? ` ${passed} already in your catalog ${passed === 1 ? 'was' : 'were'} left as they are.` : '')
+            });
+            setSelected([]);
+        } catch (error) {
+            setResult({
+                severity: 'error',
+                text: messageOf(error, 'The draft products could not be created.')
+            });
+        } finally{
+            setBusy(false);
+        }
+    }, [
+        rows,
+        chosen,
+        createProductDrafts
+    ]);
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 1,
+        "aria-label": "Proposed products",
+        children: [
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "subtitle2",
+                children: 'Proposed products'
+            }),
+            /*#__PURE__*/ _jsx(JobState, {
+                job: job,
+                doing: "Proposing products from your brief"
+            }),
+            rows.length ? /*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: 'Each is created as a draft with its price left empty and no photo. Set both in the product editor, ' + 'then activate it.'
+                    }),
+                    /*#__PURE__*/ _jsx(ListTable, {
+                        rows: rows,
+                        columns: columns,
+                        hideFooter: true,
+                        quickFilter: false,
+                        getRowHeight: ()=>'auto',
+                        selectable: {
+                            selected: chosen,
+                            onChange: setSelected
+                        }
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        size: "small",
+                        variant: "contained",
+                        sx: {
+                            alignSelf: 'flex-start'
+                        },
+                        disabled: busy || !chosen.length,
+                        onClick: ()=>void create(),
+                        children: `Create ${chosen.length} ${chosen.length === 1 ? 'draft' : 'drafts'}`
+                    })
+                ]
+            }) : null,
+            result ? /*#__PURE__*/ _jsx(Alert, {
+                severity: result.severity,
+                children: result.text
+            }) : null
+        ]
+    });
+}
+/* ------------------------------------------------------------------------ *
+ * Categories and discounts
+ * ------------------------------------------------------------------------ */ export function AiCategoriesReview(props) {
+    var _ref, _ref1;
+    const { job, createCategories, createDiscountDrafts } = props;
+    const proposal = aiProductsProposalOfKind(job, 'categories');
+    const categoryRows = ((_ref = proposal == null ? void 0 : proposal.categories) != null ? _ref : []).map((category, index)=>({
+            $id: `c${index}`,
+            name: category.name,
+            why: category.why
+        }));
+    const discountRows = ((_ref1 = proposal == null ? void 0 : proposal.discounts) != null ? _ref1 : []).map((discount, index)=>{
+        var _discount_code;
+        return {
+            $id: `d${index}`,
+            name: discount.name,
+            code: (_discount_code = discount.code) != null ? _discount_code : 'Applies on its own',
+            offer: aiDiscountOffer(discount),
+            minimum: discount.minSubtotalCents ? `$${(discount.minSubtotalCents / 100).toFixed(2)}` : 'Any order',
+            why: discount.why,
+            discount
+        };
+    });
+    const [categories, setCategories] = useState(null);
+    const [discounts, setDiscounts] = useState(null);
+    const [busy, setBusy] = useState(false);
+    const [result, setResult] = useState(null);
+    const chosenCategories = categories != null ? categories : categoryRows.map((row)=>row.$id);
+    const chosenDiscounts = discounts != null ? discounts : discountRows.map((row)=>row.$id);
+    const categoryColumns = useMemo(()=>[
+            {
+                field: 'name',
+                headerName: 'Category',
+                flex: 1,
+                minWidth: 160
+            },
+            {
+                field: 'why',
+                headerName: 'Why',
+                flex: 2,
+                minWidth: 220
+            }
+        ], []);
+    const discountColumns = useMemo(()=>[
+            {
+                field: 'name',
+                headerName: 'Discount',
+                flex: 1,
+                minWidth: 150
+            },
+            {
+                field: 'code',
+                headerName: 'Code',
+                width: 150
+            },
+            {
+                field: 'offer',
+                headerName: 'Offer',
+                width: 120
+            },
+            {
+                field: 'minimum',
+                headerName: 'Minimum order',
+                width: 130
+            },
+            {
+                field: 'why',
+                headerName: 'Why',
+                flex: 2,
+                minWidth: 200
+            }
+        ], []);
+    const create = useCallback(async ()=>{
+        setBusy(true);
+        setResult(null);
+        try {
+            const madeCategories = await createCategories(categoryRows.filter((row)=>chosenCategories.includes(row.$id)).map((row)=>row.name));
+            const madeDiscounts = await createDiscountDrafts(discountRows.filter((row)=>chosenDiscounts.includes(row.$id)).map(({ discount })=>({
+                    name: discount.name,
+                    code: discount.code,
+                    kind: discount.kind,
+                    valuePct: discount.valuePct,
+                    valueCents: discount.valueCents,
+                    minSubtotalCents: discount.minSubtotalCents
+                })));
+            setResult({
+                severity: 'success',
+                text: `Created ${madeCategories} ${madeCategories === 1 ? 'category' : 'categories'} and ` + `${madeDiscounts} ${madeDiscounts === 1 ? 'discount' : 'discounts'}. ` + 'Discounts start switched off: switch each on under Promotions when you are ready. ' + 'Anything your store already had was left as it is.'
+            });
+            setCategories([]);
+            setDiscounts([]);
+        } catch (error) {
+            setResult({
+                severity: 'error',
+                text: messageOf(error, 'The categories and discounts could not be created.')
+            });
+        } finally{
+            setBusy(false);
+        }
+    }, [
+        categoryRows,
+        discountRows,
+        chosenCategories,
+        chosenDiscounts,
+        createCategories,
+        createDiscountDrafts
+    ]);
+    const any = chosenCategories.length + chosenDiscounts.length;
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 1,
+        "aria-label": "Proposed categories and discounts",
+        children: [
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "subtitle2",
+                children: 'Proposed categories and discounts'
+            }),
+            /*#__PURE__*/ _jsx(JobState, {
+                job: job,
+                doing: "Proposing categories and discounts from your brief"
+            }),
+            categoryRows.length ? /*#__PURE__*/ _jsx(ListTable, {
+                rows: categoryRows,
+                columns: categoryColumns,
+                hideFooter: true,
+                quickFilter: false,
+                selectable: {
+                    selected: chosenCategories,
+                    onChange: setCategories
+                }
+            }) : null,
+            discountRows.length ? /*#__PURE__*/ _jsx(ListTable, {
+                rows: discountRows,
+                columns: discountColumns,
+                hideFooter: true,
+                quickFilter: false,
+                selectable: {
+                    selected: chosenDiscounts,
+                    onChange: setDiscounts
+                }
+            }) : null,
+            categoryRows.length || discountRows.length ? /*#__PURE__*/ _jsx(Button, {
+                size: "small",
+                variant: "contained",
+                sx: {
+                    alignSelf: 'flex-start'
+                },
+                disabled: busy || !any,
+                onClick: ()=>void create(),
+                children: 'Create selected'
+            }) : null,
+            result ? /*#__PURE__*/ _jsx(Alert, {
+                severity: result.severity,
+                children: result.text
+            }) : null
+        ]
+    });
+}
+
+//# sourceMappingURL=ai-products-proposals.component.js.map

package/src/lib/components/ai-products-proposals.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-products-proposals.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 { ConsoleProductsHubZoneProps } from '@aglyn/aglyn/plugin-manager/feature-plugins'\nimport { ListTable, type ListTableProps } from '@aglyn/shared-ui-jsx/components/list-table.component'\nimport { Alert, Button, Chip, CircularProgress, Stack, Typography } from '@mui/material'\nimport { useCallback, useMemo, useState } from 'react'\nimport type { AiJobSummary } from '../model/ai-jobs.types'\nimport {\n  aiProductCopyProposals,\n  aiProductsBulkCount,\n  aiProductsProposalOfKind,\n  type AiProductCopyProposal,\n  type AiProposedDiscount,\n} from '../model/ai-products'\nimport { aiProductCopyValues } from './ai-product-copy-card.component'\nimport { isAiJobMoving } from './use-ai-products-jobs'\n\n/**\n * The review tables of the products hub's AI card (AGL-2916): what a\n * `products` job proposed, row by row, before anything is written. Every\n * write is one the hub makes when a person asks for it — Apply, Apply to all,\n * Create drafts, Create selected — and the hub passes over what the site\n * already has, so a proposal applied twice creates nothing twice.\n */\n\n/** A column of a review table, in the shared list table's own terms. */\ntype GridColDef = NonNullable<ListTableProps['columns']>[number]\n\nconst clip = (text: string, max: number) => (text.length > max ? `${text.slice(0, max - 1)}…` : text)\n\nconst messageOf = (error: unknown, fallback: string) =>\n  error instanceof Error && error.message ? error.message : fallback\n\n/** A discount's offer, in the words the discounts card uses. */\nexport function aiDiscountOffer(discount: AiProposedDiscount): string {\n  if (discount.kind === 'percent') return `${discount.valuePct ?? 0}% off`\n  if (discount.kind === 'fixed') return `$${((discount.valueCents ?? 0) / 100).toFixed(2)} off`\n  return 'Free shipping'\n}\n\nfunction JobState(props: { job: AiJobSummary; doing: string }) {\n  const { job } = props\n  if (isAiJobMoving(job)) {\n    return (\n      <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n        <CircularProgress size={16} aria-label={props.doing} />\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {props.doing}\n        </Typography>\n      </Stack>\n    )\n  }\n  return job.error ? <Alert severity={job.status === 'failed' ? 'error' : 'warning'}>{job.error}</Alert> : null\n}\n\n/* ------------------------------------------------------------------------ *\n * Copy for many products\n * ------------------------------------------------------------------------ */\n\ntype RowState = 'applying' | 'applied' | { error: string }\n\nexport function AiBulkCopyReview(props: {\n  job: AiJobSummary\n  applyProductCopy: ConsoleProductsHubZoneProps['applyProductCopy']\n}) {\n  const { job, applyProductCopy } = props\n  const proposals = aiProductCopyProposals(job)\n  const asked = aiProductsBulkCount(job) ?? proposals.length\n  const [rows, setRows] = useState<Record<string, RowState>>({})\n  const [applyingAll, setApplyingAll] = useState(false)\n\n  const ready = (proposal: AiProductCopyProposal) =>\n    Boolean(proposal.values && proposal.product.id) && rows[proposal.product.id as string] !== 'applied'\n\n  const apply = useCallback(\n    async (proposal: AiProductCopyProposal) => {\n      const id = proposal.product.id\n      if (!id || !proposal.values) return\n      setRows((current) => ({ ...current, [id]: 'applying' }))\n      try {\n        await applyProductCopy(id, aiProductCopyValues(proposal))\n        setRows((current) => ({ ...current, [id]: 'applied' }))\n      } catch (error) {\n        setRows((current) => ({ ...current, [id]: { error: messageOf(error, 'The copy could not be saved.') } }))\n      }\n    },\n    [applyProductCopy],\n  )\n\n  /** Applies each proposal in turn, so one refusal names its product and the rest still land. */\n  const applyAll = useCallback(\n    async (targets: readonly AiProductCopyProposal[]) => {\n      setApplyingAll(true)\n      try {\n        for (const proposal of targets) await apply(proposal)\n      } finally {\n        setApplyingAll(false)\n      }\n    },\n    [apply],\n  )\n\n  const columns = useMemo<GridColDef[]>(\n    () => [\n      { field: 'name', headerName: 'Product', flex: 1, minWidth: 160 },\n      { field: 'description', headerName: 'Proposed description', flex: 2, minWidth: 220 },\n      { field: 'seoTitle', headerName: 'Search title', flex: 1, minWidth: 160 },\n      {\n        field: 'actions',\n        headerName: '',\n        width: 170,\n        sortable: false,\n        renderCell: ({ row }: { row: { proposal: AiProductCopyProposal } }) => {\n          const { proposal } = row\n          if (proposal.skipped) return <Chip size=\"small\" variant=\"outlined\" label=\"Skipped\" title={proposal.skipped} />\n          const state = proposal.product.id ? rows[proposal.product.id] : undefined\n          if (state === 'applied') return <Chip size=\"small\" color=\"success\" variant=\"outlined\" label=\"Applied\" />\n          if (typeof state === 'object') return <Chip size=\"small\" color=\"error\" variant=\"outlined\" label=\"Not saved\" title={state.error} />\n          return (\n            <Button size=\"small\" disabled={state === 'applying' || applyingAll} onClick={() => void apply(proposal)}>\n              {'Apply'}\n            </Button>\n          )\n        },\n      },\n    ],\n    [rows, applyingAll, apply],\n  )\n\n  const tableRows = proposals.map((proposal) => ({\n    $id: proposal.product.id ?? proposal.product.name,\n    name: proposal.product.name,\n    description: proposal.values ? clip(proposal.values.description, 140) : (proposal.skipped ?? ''),\n    seoTitle: proposal.values?.seoTitle ?? '',\n    proposal,\n  }))\n  const readyCount = proposals.filter(ready).length\n  const errors = Object.values(rows).filter((state): state is { error: string } => typeof state === 'object')\n  const gaps = proposals.filter((proposal) => proposal.gaps.length).length\n\n  return (\n    <Stack spacing={1} aria-label=\"Proposed product copy\">\n      <Typography variant=\"subtitle2\">{`Product copy · ${proposals.length} of ${asked}`}</Typography>\n      <JobState job={job} doing={`Writing copy: ${proposals.length} of ${asked}`} />\n      {tableRows.length ? <ListTable rows={tableRows} columns={columns} hideFooter quickFilter={false} /> : null}\n      {gaps ? (\n        <Alert severity=\"warning\">\n          {`${gaps} ${gaps === 1 ? 'description marks' : 'descriptions mark'} facts in [brackets] to fill in before you publish.`}\n        </Alert>\n      ) : null}\n      {errors.length ? <Alert severity=\"error\">{errors[0].error}</Alert> : null}\n      <Button\n        size=\"small\"\n        variant=\"contained\"\n        sx={{ alignSelf: 'flex-start' }}\n        disabled={!readyCount || applyingAll}\n        onClick={() => void applyAll(proposals.filter(ready))}\n      >\n        {readyCount ? `Apply to all ${readyCount}` : 'Apply to all'}\n      </Button>\n    </Stack>\n  )\n}\n\n/* ------------------------------------------------------------------------ *\n * A store's first products\n * ------------------------------------------------------------------------ */\n\nexport function AiCatalogReview(props: {\n  job: AiJobSummary\n  heldNames: ReadonlySet<string>\n  createProductDrafts: ConsoleProductsHubZoneProps['createProductDrafts']\n}) {\n  const { job, heldNames, createProductDrafts } = props\n  const proposal = aiProductsProposalOfKind(job, 'catalog')\n  const products = useMemo(() => proposal?.products ?? [], [proposal])\n  const held = (name: string) => heldNames.has(name.replace(/\\s+/g, ' ').trim().toLowerCase())\n  const [selected, setSelected] = useState<string[] | null>(null)\n  const [busy, setBusy] = useState(false)\n  const [result, setResult] = useState<{ severity: 'success' | 'error'; text: string } | null>(null)\n\n  const rows = products.map((product, index) => ({\n    $id: `p${index}`,\n    name: product.name,\n    type: product.type,\n    options: product.options.map((option) => `${option.name}: ${option.values.join(', ')}`).join(' · ') || '—',\n    photo: product.photo,\n    inCatalog: held(product.name),\n    product,\n  }))\n  const chosen = selected ?? rows.filter((row) => !row.inCatalog).map((row) => row.$id)\n\n  const columns = useMemo<GridColDef[]>(\n    () => [\n      { field: 'name', headerName: 'Product', flex: 1, minWidth: 180 },\n      { field: 'options', headerName: 'Options', flex: 1, minWidth: 160 },\n      {\n        field: 'price',\n        headerName: 'Price',\n        width: 130,\n        sortable: false,\n        // Never proposed: prices are the merchant's to set.\n        renderCell: () => <Chip size=\"small\" color=\"warning\" variant=\"outlined\" label=\"Set a price\" />,\n      },\n      {\n        field: 'photo',\n        headerName: 'Photo',\n        flex: 1,\n        minWidth: 200,\n        sortable: false,\n        renderCell: ({ row }: { row: { photo: string; inCatalog: boolean } }) => (\n          <Stack spacing={0.25} sx={{ py: 0.5 }}>\n            <Chip size=\"small\" color=\"warning\" variant=\"outlined\" label=\"Needs a photo\" sx={{ alignSelf: 'flex-start' }} />\n            <Typography variant=\"caption\" color=\"text.secondary\" sx={{ whiteSpace: 'normal' }}>\n              {row.photo}\n            </Typography>\n          </Stack>\n        ),\n      },\n      {\n        field: 'inCatalog',\n        headerName: '',\n        width: 150,\n        sortable: false,\n        renderCell: ({ row }: { row: { inCatalog: boolean } }) =>\n          row.inCatalog ? <Chip size=\"small\" variant=\"outlined\" label=\"In your catalog\" /> : null,\n      },\n    ],\n    [],\n  )\n\n  const create = useCallback(async () => {\n    const picks = rows.filter((row) => chosen.includes(row.$id)).map((row) => row.product)\n    if (!picks.length) return\n    setBusy(true)\n    setResult(null)\n    try {\n      const created = await createProductDrafts(\n        picks.map((product) => ({\n          name: product.name,\n          type: product.type,\n          description: product.description,\n          tags: product.tags,\n          options: product.options,\n          seoTitle: product.seoTitle,\n          seoDescription: product.seoDescription,\n        })),\n      )\n      const passed = picks.length - created.length\n      setResult({\n        severity: 'success',\n        text:\n          `Created ${created.length} draft ${created.length === 1 ? 'product' : 'products'}. ` +\n          'Each needs a price and a photo before you activate it.' +\n          (passed ? ` ${passed} already in your catalog ${passed === 1 ? 'was' : 'were'} left as they are.` : ''),\n      })\n      setSelected([])\n    } catch (error) {\n      setResult({ severity: 'error', text: messageOf(error, 'The draft products could not be created.') })\n    } finally {\n      setBusy(false)\n    }\n  }, [rows, chosen, createProductDrafts])\n\n  return (\n    <Stack spacing={1} aria-label=\"Proposed products\">\n      <Typography variant=\"subtitle2\">{'Proposed products'}</Typography>\n      <JobState job={job} doing=\"Proposing products from your brief\" />\n      {rows.length ? (\n        <>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'Each is created as a draft with its price left empty and no photo. Set both in the product editor, ' +\n              'then activate it.'}\n          </Typography>\n          <ListTable\n            rows={rows}\n            columns={columns}\n            hideFooter\n            quickFilter={false}\n            getRowHeight={() => 'auto'}\n            selectable={{ selected: chosen, onChange: setSelected }}\n          />\n          <Button\n            size=\"small\"\n            variant=\"contained\"\n            sx={{ alignSelf: 'flex-start' }}\n            disabled={busy || !chosen.length}\n            onClick={() => void create()}\n          >\n            {`Create ${chosen.length} ${chosen.length === 1 ? 'draft' : 'drafts'}`}\n          </Button>\n        </>\n      ) : null}\n      {result ? <Alert severity={result.severity}>{result.text}</Alert> : null}\n    </Stack>\n  )\n}\n\n/* ------------------------------------------------------------------------ *\n * Categories and discounts\n * ------------------------------------------------------------------------ */\n\nexport function AiCategoriesReview(props: {\n  job: AiJobSummary\n  createCategories: ConsoleProductsHubZoneProps['createCategories']\n  createDiscountDrafts: ConsoleProductsHubZoneProps['createDiscountDrafts']\n}) {\n  const { job, createCategories, createDiscountDrafts } = props\n  const proposal = aiProductsProposalOfKind(job, 'categories')\n  const categoryRows = (proposal?.categories ?? []).map((category, index) => ({\n    $id: `c${index}`,\n    name: category.name,\n    why: category.why,\n  }))\n  const discountRows = (proposal?.discounts ?? []).map((discount, index) => ({\n    $id: `d${index}`,\n    name: discount.name,\n    code: discount.code ?? 'Applies on its own',\n    offer: aiDiscountOffer(discount),\n    minimum: discount.minSubtotalCents ? `$${(discount.minSubtotalCents / 100).toFixed(2)}` : 'Any order',\n    why: discount.why,\n    discount,\n  }))\n  const [categories, setCategories] = useState<string[] | null>(null)\n  const [discounts, setDiscounts] = useState<string[] | null>(null)\n  const [busy, setBusy] = useState(false)\n  const [result, setResult] = useState<{ severity: 'success' | 'error'; text: string } | null>(null)\n  const chosenCategories = categories ?? categoryRows.map((row) => row.$id)\n  const chosenDiscounts = discounts ?? discountRows.map((row) => row.$id)\n\n  const categoryColumns = useMemo<GridColDef[]>(\n    () => [\n      { field: 'name', headerName: 'Category', flex: 1, minWidth: 160 },\n      { field: 'why', headerName: 'Why', flex: 2, minWidth: 220 },\n    ],\n    [],\n  )\n  const discountColumns = useMemo<GridColDef[]>(\n    () => [\n      { field: 'name', headerName: 'Discount', flex: 1, minWidth: 150 },\n      { field: 'code', headerName: 'Code', width: 150 },\n      { field: 'offer', headerName: 'Offer', width: 120 },\n      { field: 'minimum', headerName: 'Minimum order', width: 130 },\n      { field: 'why', headerName: 'Why', flex: 2, minWidth: 200 },\n    ],\n    [],\n  )\n\n  const create = useCallback(async () => {\n    setBusy(true)\n    setResult(null)\n    try {\n      const madeCategories = await createCategories(\n        categoryRows.filter((row) => chosenCategories.includes(row.$id)).map((row) => row.name),\n      )\n      const madeDiscounts = await createDiscountDrafts(\n        discountRows\n          .filter((row) => chosenDiscounts.includes(row.$id))\n          .map(({ discount }) => ({\n            name: discount.name,\n            code: discount.code,\n            kind: discount.kind,\n            valuePct: discount.valuePct,\n            valueCents: discount.valueCents,\n            minSubtotalCents: discount.minSubtotalCents,\n          })),\n      )\n      setResult({\n        severity: 'success',\n        text:\n          `Created ${madeCategories} ${madeCategories === 1 ? 'category' : 'categories'} and ` +\n          `${madeDiscounts} ${madeDiscounts === 1 ? 'discount' : 'discounts'}. ` +\n          'Discounts start switched off: switch each on under Promotions when you are ready. ' +\n          'Anything your store already had was left as it is.',\n      })\n      setCategories([])\n      setDiscounts([])\n    } catch (error) {\n      setResult({ severity: 'error', text: messageOf(error, 'The categories and discounts could not be created.') })\n    } finally {\n      setBusy(false)\n    }\n  }, [categoryRows, discountRows, chosenCategories, chosenDiscounts, createCategories, createDiscountDrafts])\n\n  const any = chosenCategories.length + chosenDiscounts.length\n  return (\n    <Stack spacing={1} aria-label=\"Proposed categories and discounts\">\n      <Typography variant=\"subtitle2\">{'Proposed categories and discounts'}</Typography>\n      <JobState job={job} doing=\"Proposing categories and discounts from your brief\" />\n      {categoryRows.length ? (\n        <ListTable\n          rows={categoryRows}\n          columns={categoryColumns}\n          hideFooter\n          quickFilter={false}\n          selectable={{ selected: chosenCategories, onChange: setCategories }}\n        />\n      ) : null}\n      {discountRows.length ? (\n        <ListTable\n          rows={discountRows}\n          columns={discountColumns}\n          hideFooter\n          quickFilter={false}\n          selectable={{ selected: chosenDiscounts, onChange: setDiscounts }}\n        />\n      ) : null}\n      {categoryRows.length || discountRows.length ? (\n        <Button\n          size=\"small\"\n          variant=\"contained\"\n          sx={{ alignSelf: 'flex-start' }}\n          disabled={busy || !any}\n          onClick={() => void create()}\n        >\n          {'Create selected'}\n        </Button>\n      ) : null}\n      {result ? <Alert severity={result.severity}>{result.text}</Alert> : null}\n    </Stack>\n  )\n}\n"],"names":["ListTable","Alert","Button","Chip","CircularProgress","Stack","Typography","useCallback","useMemo","useState","aiProductCopyProposals","aiProductsBulkCount","aiProductsProposalOfKind","aiProductCopyValues","isAiJobMoving","clip","text","max","length","slice","messageOf","error","fallback","Error","message","aiDiscountOffer","discount","kind","valuePct","valueCents","toFixed","JobState","props","job","direction","spacing","sx","alignItems","size","aria-label","doing","variant","color","severity","status","AiBulkCopyReview","applyProductCopy","proposals","asked","rows","setRows","applyingAll","setApplyingAll","ready","proposal","Boolean","values","product","id","apply","current","applyAll","targets","columns","field","headerName","flex","minWidth","width","sortable","renderCell","row","skipped","label","title","state","undefined","disabled","onClick","tableRows","map","$id","name","description","seoTitle","readyCount","filter","errors","Object","gaps","hideFooter","quickFilter","alignSelf","AiCatalogReview","heldNames","createProductDrafts","products","held","has","replace","trim","toLowerCase","selected","setSelected","busy","setBusy","result","setResult","index","type","options","option","join","photo","inCatalog","chosen","py","whiteSpace","create","picks","includes","created","tags","seoDescription","passed","getRowHeight","selectable","onChange","AiCategoriesReview","createCategories","createDiscountDrafts","categoryRows","categories","category","why","discountRows","discounts","code","offer","minimum","minSubtotalCents","setCategories","setDiscounts","chosenCategories","chosenDiscounts","categoryColumns","discountColumns","madeCategories","madeDiscounts","any"],"mappings":"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"}

package/src/lib/components/ai-save-as-component.component.d.ts

@@ -0,0 +1,38 @@
+import { type NodeSchema } from '@aglyn/aglyn';
+/**
+ * Save the selection as a reusable component, with AI (AGL-2908) — the
+ * besigner half of the component job, in the `besignerInspector` zone under
+ * the selected element's own fields.
+ *
+ * The person names the component, the door reads the outline of what is
+ * open and proposes which values become properties, and AGL-2906's own card
+ * asks before anything happens. Applying creates the component through the
+ * host resources route and swaps the selection for an instance of it, on the
+ * open draft, as one undo step.
+ *
+ * ## Where it is drawn
+ *
+ * On a versioned besigner — a screen, component or layout, which is what
+ * `assistEditDocumentOf` answers for — for an element the panel says this
+ * editor may change in place (`editable`, AGL-2908), which is not the canvas
+ * root and not locked layout chrome. Never on an instance: one is already a
+ * component, and promoting it would make a component of a placeholder.
+ *
+ * The widget's own gates (`aiGenerative`, `ai.generate`) are the zone's, so a
+ * reader without them never sees the button. The door decides again.
+ */
+export interface AiSaveAsComponentProps {
+    /** The workspace the editor is in; the door gates and bills on it. */
+    orgId?: string | null;
+    /** The site the editor names; the zone reads it from the editor's route. */
+    hostId?: string | null;
+    /** The selected element, as the Attributes panel resolved it. */
+    node?: NodeSchema<any> | null;
+    /** Whether this editor may change that element in place. */
+    editable?: boolean;
+}
+export declare function AiSaveAsComponent(props: AiSaveAsComponentProps): import("react").JSX.Element;
+export declare namespace AiSaveAsComponent {
+    var displayName: string;
+}
+export default AiSaveAsComponent;