@aglyn/plugins-ai 1.0.0-beta.143

package/src/lib/components/ai-experiment-cards.component.js

@@ -0,0 +1,573 @@
+/**
+ * @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 { ScrollTable } from "@aglyn/shared-ui-jsx/components/scroll-table.component";
+import { useHostOrgId, useUser } from "@aglyn/tenant-feature-instance";
+import { Alert, Box, Button, Chip, CircularProgress, Link, Stack, TableBody, TableCell, TableHead, TableRow, TextField, Typography } from "@mui/material";
+import { useEffect, useMemo, useState } from "react";
+import { AI_EXPERIMENT_SUBJECT_MAX_CHARS } from "../model/ai-experiment.js";
+import { aiExperimentArmIsNamed, aiExperimentVerdictDisplay, readAiExperimentExplanation, readAiExperimentVariants } from "../model/ai-experiment-proposal.js";
+import { aiJobProblem, useAiJobRun, useAiJobsVerdict } from "./use-ai-job-run.js";
+/**
+ * A/B tests by AI in the console (AGL-2914): the two doors a person reaches
+ * the `experiment` job through, and the surfaces that render what it answers.
+ *
+ * Both are widgets in zones the A/B TESTING card hosts, not surfaces of this
+ * plugin's own. The test, the experiment document, the traffic split and the
+ * counters belong to the plugin that draws that card, and neither plugin
+ * imports the other: the zone's id and the props it hands a widget are the
+ * whole contract, and the interfaces below restate the halves this widget
+ * reads rather than importing the owner's.
+ *
+ * ## The result surface may not decide anything
+ *
+ * The step reached the verdict from the counts before a model was asked, and
+ * cut the answer back to it. A card can undo all of that silently — a
+ * confident heading, a highlighted row, a badge saying which to ship — and
+ * the reader will take the layout for the claim. So {@link AiExperimentResultCard}
+ * asks `aiExperimentVerdictDisplay` what the verdict permits before it draws
+ * anything: an undecided result gets a neutral chip, a sentence saying it
+ * settled nothing ABOVE the explanation, no marked arm and no recommendation.
+ * Nothing on it is conditioned on which arm has the best rate.
+ *
+ * ## Neither card writes
+ *
+ * The variants card fills the experiment editor's own fields, unsaved, and
+ * the dialog's Save is the write. The result card has nothing to apply.
+ */ const VARIANTS_FAILED_COPY = 'Variants could not be written. Try again.';
+const EXPLAIN_FAILED_COPY = 'The result could not be explained. Try again.';
+/** What the test varies, in the words this card's own copy uses. */ const TARGET_NOUN = {
+    screen: 'page',
+    section: 'section',
+    email: 'email'
+};
+/** The proposal a finished experiment job carries, whichever task it ran. */ function proposalOf(job) {
+    var _ref;
+    var _job_outputs_find;
+    if ((job == null ? void 0 : job.status) !== 'done') return null;
+    return (_ref = (_job_outputs_find = job.outputs.find((output)=>output.resource === 'experiment')) == null ? void 0 : _job_outputs_find.proposal) != null ? _ref : null;
+}
+const rateText = (value)=>value === null ? '—' : `${value}%`;
+const liftText = (value)=>value === null ? '—' : `${value >= 0 ? '+' : ''}${value}%`;
+/**
+ * The copy an email test varies, as the editor holds it: the FIRST variant's
+ * subject and body, which is the control. A screen or a section varies a
+ * screen version, which the editor does not hold, so there is nothing to
+ * prefill and the person pastes what is under test.
+ */ export function aiExperimentSubjectFrom(target, variants) {
+    if (target !== 'email') return '';
+    const control = variants[0];
+    if (!control) return '';
+    return [
+        control.subject,
+        control.body
+    ].filter(Boolean).join('\n\n');
+}
+/**
+ * A proposal mapped onto the editor's variants, in order. Only the fields
+ * that target has a place for are filled: an email varies its subject and
+ * body, and a screen or a section varies a screen version, so there only the
+ * name is filled and the copy is read on the card.
+ */ export function aiExperimentVariantDrafts(target, variants, proposal) {
+    return variants.map((variant, index)=>{
+        const proposed = proposal.variants[index];
+        if (!proposed) return variant;
+        return {
+            id: variant.id,
+            name: proposed.name,
+            subject: target === 'email' ? proposed.subject : '',
+            body: target === 'email' ? proposed.body : ''
+        };
+    });
+}
+/** Where a proposed variant's copy lands, said before the person presses the button. */ export function aiExperimentApplyCopy(target) {
+    return target === 'email' ? 'Each variant above takes its name, subject and body. Nothing is saved until you save the experiment.' : 'Each variant above takes its name. The copy itself is a screen version — make one per variant in the editor and pin it above.';
+}
+/**
+ * "Write variants with AI", in the experiment editor beneath the variants it
+ * writes for. It proposes COPY: no weight, no traffic split, no goal and no
+ * schedule, and the first variant it writes is the copy as it stands so the
+ * test has something to measure against.
+ */ export function AiExperimentVariantsCard(props) {
+    var _useHostOrgId, _aiJobProblem;
+    var _run_job, _run_job1, _run_job2, _run_job3;
+    const { hostId, target, variants, proposeVariants } = props;
+    // The zone hands the SITE, which is what the card it is drawn in knows. The
+    // organization is this widget's to resolve, as every AI widget in another
+    // plugin's zone resolves it.
+    const orgId = (_useHostOrgId = useHostOrgId(hostId)) != null ? _useHostOrgId : undefined;
+    const { data: user } = useUser();
+    const verdict = useAiJobsVerdict(user, orgId);
+    const run = useAiJobRun(user, VARIANTS_FAILED_COPY);
+    const prefill = useMemo(()=>aiExperimentSubjectFrom(target, variants), [
+        target,
+        variants
+    ]);
+    const [subject, setSubject] = useState(prefill);
+    const [applied, setApplied] = useState(null);
+    // The control's copy follows the editor until the person edits this field,
+    // so switching a draft test from a page to an email fills it rather than
+    // leaving the earlier target's copy under a question about a new one.
+    const [typed, setTyped] = useState(false);
+    useEffect(()=>{
+        if (!typed) setSubject(prefill);
+    }, [
+        prefill,
+        typed
+    ]);
+    const proposal = useMemo(()=>readAiExperimentVariants(proposalOf(run.job)), [
+        run.job
+    ]);
+    const problem = (_aiJobProblem = aiJobProblem(run.job, VARIANTS_FAILED_COPY)) != null ? _aiJobProblem : ((_run_job = run.job) == null ? void 0 : _run_job.status) === 'done' && !proposal ? VARIANTS_FAILED_COPY : null;
+    if (verdict !== 'ready') return null;
+    const busy = run.starting || run.running;
+    const noun = TARGET_NOUN[target];
+    const variantsHelp = pluginDocsHelp('aiExperiments', {
+        anchor: '#write-variants',
+        excerpt: 'Writes two to four variants of the copy under test, the first of them your copy unchanged. They go into the editor’s fields unsaved; nothing is saved until you save the experiment.'
+    });
+    const write = ()=>{
+        if (!orgId || !subject.trim()) return;
+        setApplied(null);
+        void run.start({
+            orgId,
+            hostId,
+            kind: 'experiment',
+            brief: `Write variants of this ${noun} for the A/B test ` + `“${props.name.trim() || 'this test'}”.`,
+            inputs: _extends({
+                task: 'variants',
+                target,
+                subject: subject.trim().slice(0, AI_EXPERIMENT_SUBJECT_MAX_CHARS),
+                goal: props.goal
+            }, props.experimentId ? {
+                experimentId: props.experimentId
+            } : {})
+        });
+    };
+    const apply = ()=>{
+        if (!proposal || !run.job) return;
+        proposeVariants(aiExperimentVariantDrafts(target, variants, proposal), run.job.id);
+        setApplied(run.job.id);
+    };
+    return /*#__PURE__*/ _jsx(Box, {
+        sx: {
+            border: 1,
+            borderColor: 'divider',
+            borderRadius: 1,
+            p: 1.5
+        },
+        "aria-label": "Write variants with AI",
+        children: /*#__PURE__*/ _jsxs(Stack, {
+            spacing: 1,
+            children: [
+                /*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    sx: {
+                        alignItems: 'baseline'
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "subtitle2",
+                            sx: {
+                                flexGrow: 1
+                            },
+                            children: 'Write variants with AI'
+                        }),
+                        /*#__PURE__*/ _jsx(Link, {
+                            href: variantsHelp.href,
+                            target: "_blank",
+                            rel: "noopener",
+                            variant: "caption",
+                            title: variantsHelp.excerpt,
+                            children: 'How it works'
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(TextField, {
+                    size: "small",
+                    multiline: true,
+                    minRows: 2,
+                    label: `The ${noun} copy under test`,
+                    placeholder: target === 'email' ? 'The subject line and message as they stand' : 'The headline and copy as they stand on the page',
+                    helperText: 'Variants are written from this. The first one it writes is this copy unchanged, so the test has a control.',
+                    value: subject,
+                    onChange: (event)=>{
+                        setTyped(true);
+                        setSubject(event.target.value.slice(0, AI_EXPERIMENT_SUBJECT_MAX_CHARS));
+                    },
+                    disabled: busy
+                }),
+                /*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    sx: {
+                        alignItems: 'center'
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(Button, {
+                            size: "small",
+                            variant: "outlined",
+                            disabled: busy || !orgId || !subject.trim(),
+                            onClick: write,
+                            children: run.job && !busy ? 'Write them again' : 'Write variants'
+                        }),
+                        busy ? /*#__PURE__*/ _jsx(CircularProgress, {
+                            size: 16,
+                            "aria-label": "Writing variants"
+                        }) : null
+                    ]
+                }),
+                run.notice ? /*#__PURE__*/ _jsx(Alert, {
+                    severity: "warning",
+                    children: run.notice
+                }) : null,
+                problem ? /*#__PURE__*/ _jsx(Alert, {
+                    severity: ((_run_job1 = run.job) == null ? void 0 : _run_job1.status) === 'failed' ? 'error' : 'warning',
+                    children: problem
+                }) : null,
+                proposal ? /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 1,
+                    "aria-label": "Proposed variants",
+                    children: [
+                        proposal.goal ? /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            children: `Written to move: ${proposal.goal}`
+                        }) : null,
+                        proposal.variants.map((variant, index)=>/*#__PURE__*/ _jsx(Box, {
+                                sx: {
+                                    border: 1,
+                                    borderColor: 'divider',
+                                    borderRadius: 1,
+                                    p: 1
+                                },
+                                children: /*#__PURE__*/ _jsxs(Stack, {
+                                    spacing: 0.5,
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "subtitle2",
+                                            children: variant.name || `Variant ${index + 1}`
+                                        }),
+                                        variant.subject ? /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body2",
+                                            children: `Subject: ${variant.subject}`
+                                        }) : null,
+                                        variant.preheader ? /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body2",
+                                            children: `Preheader: ${variant.preheader}`
+                                        }) : null,
+                                        variant.headline ? /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body2",
+                                            children: variant.headline
+                                        }) : null,
+                                        variant.body ? /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body2",
+                                            sx: {
+                                                whiteSpace: 'pre-line',
+                                                wordBreak: 'break-word'
+                                            },
+                                            children: variant.body
+                                        }) : null,
+                                        variant.rationale ? /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "caption",
+                                            color: "text.secondary",
+                                            children: variant.rationale
+                                        }) : null
+                                    ]
+                                })
+                            }, `${index}:${variant.name}`)),
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "caption",
+                            color: "text.secondary",
+                            children: aiExperimentApplyCopy(target)
+                        }),
+                        /*#__PURE__*/ _jsx(Stack, {
+                            direction: "row",
+                            spacing: 1,
+                            children: /*#__PURE__*/ _jsx(Button, {
+                                size: "small",
+                                variant: "contained",
+                                disabled: applied === ((_run_job2 = run.job) == null ? void 0 : _run_job2.id),
+                                onClick: apply,
+                                children: 'Put into the variants'
+                            })
+                        }),
+                        applied === ((_run_job3 = run.job) == null ? void 0 : _run_job3.id) ? /*#__PURE__*/ _jsx(Alert, {
+                            severity: "success",
+                            children: 'In the variants above. Review them, then Save the experiment — or Cancel to leave it as it was.'
+                        }) : null
+                    ]
+                }) : null
+            ]
+        })
+    });
+}
+AiExperimentVariantsCard.displayName = 'AiExperimentVariantsCard';
+/** One arm, drawn the same way whatever the figures say about it. */ function ArmRow({ arm, named }) {
+    return /*#__PURE__*/ _jsxs(TableRow, {
+        children: [
+            /*#__PURE__*/ _jsx(TableCell, {
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    sx: {
+                        alignItems: 'center'
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            children: arm.id
+                        }),
+                        named ? /*#__PURE__*/ _jsx(Chip, {
+                            size: "small",
+                            color: "success",
+                            label: "Ahead"
+                        }) : null
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx(TableCell, {
+                children: arm.exposures
+            }),
+            /*#__PURE__*/ _jsx(TableCell, {
+                children: arm.conversions
+            }),
+            /*#__PURE__*/ _jsx(TableCell, {
+                children: rateText(arm.rate)
+            }),
+            /*#__PURE__*/ _jsx(TableCell, {
+                children: liftText(arm.lift)
+            }),
+            /*#__PURE__*/ _jsx(TableCell, {
+                children: rateText(arm.confidence)
+            })
+        ]
+    });
+}
+/**
+ * The explanation, drawn to the verdict rather than to the numbers.
+ *
+ * The chip and the caveat come FIRST, above the prose: a reader who stops
+ * after one line must stop on what the result settled, not on a sentence
+ * about one variant. No row is marked unless the verdict names an arm, and
+ * `aiExperimentArmIsNamed` is asked per row rather than `winnerId` compared
+ * directly, so a stored winner beside an undecided verdict marks nothing.
+ */ export function AiExperimentExplanation({ explanation }) {
+    const display = aiExperimentVerdictDisplay(explanation.verdict);
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 1,
+        "aria-label": "What this result shows",
+        children: [
+            /*#__PURE__*/ _jsxs(Stack, {
+                direction: "row",
+                spacing: 1,
+                sx: {
+                    alignItems: 'center'
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(Chip, {
+                        size: "small",
+                        color: display.tone,
+                        label: display.status
+                    }),
+                    display.namesAnArm ? /*#__PURE__*/ _jsx(Typography, {
+                        variant: "caption",
+                        color: "text.secondary",
+                        children: `Called at ${explanation.threshold}% confidence.`
+                    }) : null
+                ]
+            }),
+            display.caveat ? /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                children: display.caveat
+            }) : null,
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                sx: {
+                    wordBreak: 'break-word'
+                },
+                children: explanation.headline
+            }),
+            explanation.points.map((point)=>/*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    color: "text.secondary",
+                    children: point
+                }, point)),
+            explanation.arms.length ? /*#__PURE__*/ _jsxs(ScrollTable, {
+                size: "small",
+                "aria-label": "The figures this reads",
+                children: [
+                    /*#__PURE__*/ _jsx(TableHead, {
+                        children: /*#__PURE__*/ _jsxs(TableRow, {
+                            children: [
+                                /*#__PURE__*/ _jsx(TableCell, {
+                                    children: 'Variant'
+                                }),
+                                /*#__PURE__*/ _jsx(TableCell, {
+                                    children: 'Shown'
+                                }),
+                                /*#__PURE__*/ _jsx(TableCell, {
+                                    children: 'Conversions'
+                                }),
+                                /*#__PURE__*/ _jsx(TableCell, {
+                                    children: 'Rate'
+                                }),
+                                /*#__PURE__*/ _jsx(TableCell, {
+                                    children: 'Lift'
+                                }),
+                                /*#__PURE__*/ _jsx(TableCell, {
+                                    children: 'Confidence'
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(TableBody, {
+                        children: explanation.arms.map((arm)=>/*#__PURE__*/ _jsx(ArmRow, {
+                                arm: arm,
+                                named: aiExperimentArmIsNamed(explanation, arm.id)
+                            }, arm.id))
+                    })
+                ]
+            }) : null,
+            explanation.next ? /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                children: explanation.next
+            }) : null
+        ]
+    });
+}
+AiExperimentExplanation.displayName = 'AiExperimentExplanation';
+/**
+ * "Explain this result", below one test's figures. It starts an `experiment`
+ * job, which reads the same figures the dialog above it shows, decides what
+ * they support in code, and asks a model only for the words.
+ */ export function AiExperimentResultCard(props) {
+    var _useHostOrgId, _aiJobProblem;
+    var _run_job, _run_job1;
+    const { hostId, test } = props;
+    const orgId = (_useHostOrgId = useHostOrgId(hostId)) != null ? _useHostOrgId : undefined;
+    const { data: user } = useUser();
+    const verdict = useAiJobsVerdict(user, orgId);
+    const run = useAiJobRun(user, EXPLAIN_FAILED_COPY);
+    const explanation = useMemo(()=>readAiExperimentExplanation(proposalOf(run.job)), [
+        run.job
+    ]);
+    const problem = (_aiJobProblem = aiJobProblem(run.job, EXPLAIN_FAILED_COPY)) != null ? _aiJobProblem : ((_run_job = run.job) == null ? void 0 : _run_job.status) === 'done' && !explanation ? EXPLAIN_FAILED_COPY : null;
+    if (verdict !== 'ready') return null;
+    const busy = run.starting || run.running;
+    const resultHelp = pluginDocsHelp('aiExperiments', {
+        anchor: '#the-verdict',
+        excerpt: 'What the figures support is worked out from the counts before a model is asked anything, and the explanation is held to it — so an undecided test reads as undecided and no variant is named.'
+    });
+    const explain = ()=>{
+        if (!orgId || !test) return;
+        void run.start({
+            orgId,
+            hostId,
+            kind: 'experiment',
+            brief: `Explain the result of the A/B test “${test}” in plain words.`,
+            inputs: _extends({
+                task: 'explain',
+                test
+            }, props.experimentId ? {
+                experimentId: props.experimentId
+            } : {})
+        });
+    };
+    return /*#__PURE__*/ _jsx(Box, {
+        sx: {
+            border: 1,
+            borderColor: 'divider',
+            borderRadius: 1,
+            p: 1.5,
+            mt: 2
+        },
+        "aria-label": "Explain this result with AI",
+        children: /*#__PURE__*/ _jsxs(Stack, {
+            spacing: 1,
+            children: [
+                /*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    sx: {
+                        alignItems: 'center'
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            sx: {
+                                flexGrow: 1
+                            },
+                            children: 'Read these figures in plain words, including whether they settle anything yet.'
+                        }),
+                        /*#__PURE__*/ _jsx(Link, {
+                            href: resultHelp.href,
+                            target: "_blank",
+                            rel: "noopener",
+                            variant: "caption",
+                            title: resultHelp.excerpt,
+                            children: 'How it works'
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            size: "small",
+                            variant: "outlined",
+                            disabled: busy || !orgId || !test,
+                            onClick: explain,
+                            children: run.job && !busy ? 'Ask again' : 'Explain this result'
+                        })
+                    ]
+                }),
+                busy ? /*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    sx: {
+                        alignItems: 'center'
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(CircularProgress, {
+                            size: 16,
+                            "aria-label": "Reading the result"
+                        }),
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            children: 'Reading the result.'
+                        })
+                    ]
+                }) : null,
+                run.notice ? /*#__PURE__*/ _jsx(Alert, {
+                    severity: "warning",
+                    children: run.notice
+                }) : null,
+                problem ? /*#__PURE__*/ _jsx(Alert, {
+                    severity: ((_run_job1 = run.job) == null ? void 0 : _run_job1.status) === 'failed' ? 'error' : 'warning',
+                    children: problem
+                }) : null,
+                explanation ? /*#__PURE__*/ _jsx(AiExperimentExplanation, {
+                    explanation: explanation
+                }) : null
+            ]
+        })
+    });
+}
+AiExperimentResultCard.displayName = 'AiExperimentResultCard';
+
+//# sourceMappingURL=ai-experiment-cards.component.js.map

package/src/lib/components/ai-experiment-cards.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-experiment-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 { pluginDocsHelp } from '@aglyn/aglyn/app-utils/docs-help'\nimport { ScrollTable } from '@aglyn/shared-ui-jsx/components/scroll-table.component'\nimport { useHostOrgId, useUser } from '@aglyn/tenant-feature-instance'\nimport {\n  Alert,\n  Box,\n  Button,\n  Chip,\n  CircularProgress,\n  Link,\n  Stack,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableRow,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { useEffect, useMemo, useState } from 'react'\nimport {\n  AI_EXPERIMENT_SUBJECT_MAX_CHARS,\n  type AiExperimentArm,\n  type AiExperimentTarget,\n} from '../model/ai-experiment'\nimport {\n  aiExperimentArmIsNamed,\n  aiExperimentVerdictDisplay,\n  readAiExperimentExplanation,\n  readAiExperimentVariants,\n  type AiExperimentExplanationProposal,\n  type AiExperimentVariantsProposalView,\n} from '../model/ai-experiment-proposal'\nimport type { AiJobSummary } from '../model/ai-jobs.types'\nimport { aiJobProblem, useAiJobRun, useAiJobsVerdict } from './use-ai-job-run'\n\n/**\n * A/B tests by AI in the console (AGL-2914): the two doors a person reaches\n * the `experiment` job through, and the surfaces that render what it answers.\n *\n * Both are widgets in zones the A/B TESTING card hosts, not surfaces of this\n * plugin's own. The test, the experiment document, the traffic split and the\n * counters belong to the plugin that draws that card, and neither plugin\n * imports the other: the zone's id and the props it hands a widget are the\n * whole contract, and the interfaces below restate the halves this widget\n * reads rather than importing the owner's.\n *\n * ## The result surface may not decide anything\n *\n * The step reached the verdict from the counts before a model was asked, and\n * cut the answer back to it. A card can undo all of that silently — a\n * confident heading, a highlighted row, a badge saying which to ship — and\n * the reader will take the layout for the claim. So {@link AiExperimentResultCard}\n * asks `aiExperimentVerdictDisplay` what the verdict permits before it draws\n * anything: an undecided result gets a neutral chip, a sentence saying it\n * settled nothing ABOVE the explanation, no marked arm and no recommendation.\n * Nothing on it is conditioned on which arm has the best rate.\n *\n * ## Neither card writes\n *\n * The variants card fills the experiment editor's own fields, unsaved, and\n * the dialog's Save is the write. The result card has nothing to apply.\n */\n\nconst VARIANTS_FAILED_COPY = 'Variants could not be written. Try again.'\nconst EXPLAIN_FAILED_COPY = 'The result could not be explained. Try again.'\n\n/** What the test varies, in the words this card's own copy uses. */\nconst TARGET_NOUN: Record<AiExperimentTarget, string> = {\n  screen: 'page',\n  section: 'section',\n  email: 'email',\n}\n\n/** One of the experiment editor's variants, as the zone hands it over. */\nexport interface AiExperimentZoneVariant {\n  id: string\n  name: string\n  subject: string\n  body: string\n}\n\n/** What the variants zone hands this widget. */\nexport interface AiExperimentVariantsCardProps {\n  hostId: string\n  experimentId: string\n  name: string\n  target: AiExperimentTarget\n  goal: string\n  variants: AiExperimentZoneVariant[]\n  proposeVariants: (\n    variants: readonly AiExperimentZoneVariant[],\n    key: string,\n  ) => void\n}\n\n/** What the result zone hands this widget. */\nexport interface AiExperimentResultCardProps {\n  hostId: string\n  experimentId: string\n  test: string\n}\n\n/** The proposal a finished experiment job carries, whichever task it ran. */\nfunction proposalOf(job: AiJobSummary | null): Record<string, unknown> | null {\n  if (job?.status !== 'done') return null\n  return job.outputs.find((output) => output.resource === 'experiment')?.proposal ?? null\n}\n\nconst rateText = (value: number | null): string =>\n  value === null ? '—' : `${value}%`\n\nconst liftText = (value: number | null): string =>\n  value === null ? '—' : `${value >= 0 ? '+' : ''}${value}%`\n\n/**\n * The copy an email test varies, as the editor holds it: the FIRST variant's\n * subject and body, which is the control. A screen or a section varies a\n * screen version, which the editor does not hold, so there is nothing to\n * prefill and the person pastes what is under test.\n */\nexport function aiExperimentSubjectFrom(\n  target: AiExperimentTarget,\n  variants: readonly AiExperimentZoneVariant[],\n): string {\n  if (target !== 'email') return ''\n  const control = variants[0]\n  if (!control) return ''\n  return [control.subject, control.body].filter(Boolean).join('\\n\\n')\n}\n\n/**\n * A proposal mapped onto the editor's variants, in order. Only the fields\n * that target has a place for are filled: an email varies its subject and\n * body, and a screen or a section varies a screen version, so there only the\n * name is filled and the copy is read on the card.\n */\nexport function aiExperimentVariantDrafts(\n  target: AiExperimentTarget,\n  variants: readonly AiExperimentZoneVariant[],\n  proposal: AiExperimentVariantsProposalView,\n): AiExperimentZoneVariant[] {\n  return variants.map((variant, index) => {\n    const proposed = proposal.variants[index]\n    if (!proposed) return variant\n    return {\n      id: variant.id,\n      name: proposed.name,\n      subject: target === 'email' ? proposed.subject : '',\n      body: target === 'email' ? proposed.body : '',\n    }\n  })\n}\n\n/** Where a proposed variant's copy lands, said before the person presses the button. */\nexport function aiExperimentApplyCopy(target: AiExperimentTarget): string {\n  return target === 'email'\n    ? 'Each variant above takes its name, subject and body. Nothing is saved until you save the experiment.'\n    : 'Each variant above takes its name. The copy itself is a screen version — make one per variant in the editor and pin it above.'\n}\n\n/**\n * \"Write variants with AI\", in the experiment editor beneath the variants it\n * writes for. It proposes COPY: no weight, no traffic split, no goal and no\n * schedule, and the first variant it writes is the copy as it stands so the\n * test has something to measure against.\n */\nexport function AiExperimentVariantsCard(props: AiExperimentVariantsCardProps) {\n  const { hostId, target, variants, proposeVariants } = props\n  // The zone hands the SITE, which is what the card it is drawn in knows. The\n  // organization is this widget's to resolve, as every AI widget in another\n  // plugin's zone resolves it.\n  const orgId = useHostOrgId(hostId) ?? undefined\n  const { data: user } = useUser()\n  const verdict = useAiJobsVerdict(user, orgId)\n  const run = useAiJobRun(user, VARIANTS_FAILED_COPY)\n  const prefill = useMemo(\n    () => aiExperimentSubjectFrom(target, variants),\n    [target, variants],\n  )\n  const [subject, setSubject] = useState(prefill)\n  const [applied, setApplied] = useState<string | null>(null)\n  // The control's copy follows the editor until the person edits this field,\n  // so switching a draft test from a page to an email fills it rather than\n  // leaving the earlier target's copy under a question about a new one.\n  const [typed, setTyped] = useState(false)\n  useEffect(() => {\n    if (!typed) setSubject(prefill)\n  }, [prefill, typed])\n\n  const proposal = useMemo(\n    () => readAiExperimentVariants(proposalOf(run.job)),\n    [run.job],\n  )\n  const problem =\n    aiJobProblem(run.job, VARIANTS_FAILED_COPY) ??\n    (run.job?.status === 'done' && !proposal ? VARIANTS_FAILED_COPY : null)\n\n  if (verdict !== 'ready') return null\n\n  const busy = run.starting || run.running\n  const noun = TARGET_NOUN[target]\n  const variantsHelp = pluginDocsHelp('aiExperiments', {\n    anchor: '#write-variants',\n    excerpt:\n      'Writes two to four variants of the copy under test, the first of them your copy unchanged. They go into the editor’s fields unsaved; nothing is saved until you save the experiment.',\n  })\n  const write = () => {\n    if (!orgId || !subject.trim()) return\n    setApplied(null)\n    void run.start({\n      orgId,\n      hostId,\n      kind: 'experiment',\n      brief:\n        `Write variants of this ${noun} for the A/B test ` +\n        `“${props.name.trim() || 'this test'}”.`,\n      inputs: {\n        task: 'variants',\n        target,\n        subject: subject.trim().slice(0, AI_EXPERIMENT_SUBJECT_MAX_CHARS),\n        goal: props.goal,\n        ...(props.experimentId ? { experimentId: props.experimentId } : {}),\n      },\n    })\n  }\n\n  const apply = () => {\n    if (!proposal || !run.job) return\n    proposeVariants(\n      aiExperimentVariantDrafts(target, variants, proposal),\n      run.job.id,\n    )\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 variants 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 variants with AI'}\n          </Typography>\n          <Link\n            href={variantsHelp.href}\n            target=\"_blank\"\n            rel=\"noopener\"\n            variant=\"caption\"\n            title={variantsHelp.excerpt}\n          >\n            {'How it works'}\n          </Link>\n        </Stack>\n        <TextField\n          size=\"small\"\n          multiline\n          minRows={2}\n          label={`The ${noun} copy under test`}\n          placeholder={\n            target === 'email'\n              ? 'The subject line and message as they stand'\n              : 'The headline and copy as they stand on the page'\n          }\n          helperText={\n            'Variants are written from this. The first one it writes is this copy unchanged, so the test has a control.'\n          }\n          value={subject}\n          onChange={(event) => {\n            setTyped(true)\n            setSubject(event.target.value.slice(0, AI_EXPERIMENT_SUBJECT_MAX_CHARS))\n          }}\n          disabled={busy}\n        />\n        <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n          <Button\n            size=\"small\"\n            variant=\"outlined\"\n            disabled={busy || !orgId || !subject.trim()}\n            onClick={write}\n          >\n            {run.job && !busy ? 'Write them again' : 'Write variants'}\n          </Button>\n          {busy ? <CircularProgress size={16} aria-label=\"Writing variants\" /> : null}\n        </Stack>\n        {run.notice ? <Alert severity=\"warning\">{run.notice}</Alert> : null}\n        {problem ? (\n          <Alert severity={run.job?.status === 'failed' ? 'error' : 'warning'}>\n            {problem}\n          </Alert>\n        ) : null}\n\n        {proposal ? (\n          <Stack spacing={1} aria-label=\"Proposed variants\">\n            {proposal.goal ? (\n              <Typography variant=\"body2\" color=\"text.secondary\">\n                {`Written to move: ${proposal.goal}`}\n              </Typography>\n            ) : null}\n            {proposal.variants.map((variant, index) => (\n              <Box\n                key={`${index}:${variant.name}`}\n                sx={{ border: 1, borderColor: 'divider', borderRadius: 1, p: 1 }}\n              >\n                <Stack spacing={0.5}>\n                  <Typography variant=\"subtitle2\">\n                    {variant.name || `Variant ${index + 1}`}\n                  </Typography>\n                  {variant.subject ? (\n                    <Typography variant=\"body2\">{`Subject: ${variant.subject}`}</Typography>\n                  ) : null}\n                  {variant.preheader ? (\n                    <Typography variant=\"body2\">{`Preheader: ${variant.preheader}`}</Typography>\n                  ) : null}\n                  {variant.headline ? (\n                    <Typography variant=\"body2\">{variant.headline}</Typography>\n                  ) : null}\n                  {variant.body ? (\n                    <Typography\n                      variant=\"body2\"\n                      sx={{ whiteSpace: 'pre-line', wordBreak: 'break-word' }}\n                    >\n                      {variant.body}\n                    </Typography>\n                  ) : null}\n                  {variant.rationale ? (\n                    <Typography variant=\"caption\" color=\"text.secondary\">\n                      {variant.rationale}\n                    </Typography>\n                  ) : null}\n                </Stack>\n              </Box>\n            ))}\n            <Typography variant=\"caption\" color=\"text.secondary\">\n              {aiExperimentApplyCopy(target)}\n            </Typography>\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 into the variants'}\n              </Button>\n            </Stack>\n            {applied === run.job?.id ? (\n              <Alert severity=\"success\">\n                {'In the variants above. Review them, then Save the experiment — or Cancel to leave it as it was.'}\n              </Alert>\n            ) : null}\n          </Stack>\n        ) : null}\n      </Stack>\n    </Box>\n  )\n}\nAiExperimentVariantsCard.displayName = 'AiExperimentVariantsCard'\n\n/** One arm, drawn the same way whatever the figures say about it. */\nfunction ArmRow({\n  arm,\n  named,\n}: {\n  arm: AiExperimentArm\n  named: boolean\n}) {\n  return (\n    <TableRow>\n      <TableCell>\n        <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n          <Typography variant=\"body2\">{arm.id}</Typography>\n          {named ? <Chip size=\"small\" color=\"success\" label=\"Ahead\" /> : null}\n        </Stack>\n      </TableCell>\n      <TableCell>{arm.exposures}</TableCell>\n      <TableCell>{arm.conversions}</TableCell>\n      <TableCell>{rateText(arm.rate)}</TableCell>\n      <TableCell>{liftText(arm.lift)}</TableCell>\n      <TableCell>{rateText(arm.confidence)}</TableCell>\n    </TableRow>\n  )\n}\n\n/**\n * The explanation, drawn to the verdict rather than to the numbers.\n *\n * The chip and the caveat come FIRST, above the prose: a reader who stops\n * after one line must stop on what the result settled, not on a sentence\n * about one variant. No row is marked unless the verdict names an arm, and\n * `aiExperimentArmIsNamed` is asked per row rather than `winnerId` compared\n * directly, so a stored winner beside an undecided verdict marks nothing.\n */\nexport function AiExperimentExplanation({\n  explanation,\n}: {\n  explanation: AiExperimentExplanationProposal\n}) {\n  const display = aiExperimentVerdictDisplay(explanation.verdict)\n  return (\n    <Stack spacing={1} aria-label=\"What this result shows\">\n      <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n        <Chip size=\"small\" color={display.tone} label={display.status} />\n        {display.namesAnArm ? (\n          <Typography variant=\"caption\" color=\"text.secondary\">\n            {`Called at ${explanation.threshold}% confidence.`}\n          </Typography>\n        ) : null}\n      </Stack>\n      {display.caveat ? (\n        <Typography variant=\"body2\">{display.caveat}</Typography>\n      ) : null}\n      <Typography variant=\"body2\" sx={{ wordBreak: 'break-word' }}>\n        {explanation.headline}\n      </Typography>\n      {explanation.points.map((point) => (\n        <Typography key={point} variant=\"body2\" color=\"text.secondary\">\n          {point}\n        </Typography>\n      ))}\n      {explanation.arms.length ? (\n        <ScrollTable size=\"small\" aria-label=\"The figures this reads\">\n          <TableHead>\n            <TableRow>\n              <TableCell>{'Variant'}</TableCell>\n              <TableCell>{'Shown'}</TableCell>\n              <TableCell>{'Conversions'}</TableCell>\n              <TableCell>{'Rate'}</TableCell>\n              <TableCell>{'Lift'}</TableCell>\n              <TableCell>{'Confidence'}</TableCell>\n            </TableRow>\n          </TableHead>\n          <TableBody>\n            {explanation.arms.map((arm) => (\n              <ArmRow\n                key={arm.id}\n                arm={arm}\n                named={aiExperimentArmIsNamed(explanation, arm.id)}\n              />\n            ))}\n          </TableBody>\n        </ScrollTable>\n      ) : null}\n      {explanation.next ? (\n        <Typography variant=\"body2\">{explanation.next}</Typography>\n      ) : null}\n    </Stack>\n  )\n}\nAiExperimentExplanation.displayName = 'AiExperimentExplanation'\n\n/**\n * \"Explain this result\", below one test's figures. It starts an `experiment`\n * job, which reads the same figures the dialog above it shows, decides what\n * they support in code, and asks a model only for the words.\n */\nexport function AiExperimentResultCard(props: AiExperimentResultCardProps) {\n  const { hostId, test } = props\n  const orgId = useHostOrgId(hostId) ?? undefined\n  const { data: user } = useUser()\n  const verdict = useAiJobsVerdict(user, orgId)\n  const run = useAiJobRun(user, EXPLAIN_FAILED_COPY)\n  const explanation = useMemo(\n    () => readAiExperimentExplanation(proposalOf(run.job)),\n    [run.job],\n  )\n  const problem =\n    aiJobProblem(run.job, EXPLAIN_FAILED_COPY) ??\n    (run.job?.status === 'done' && !explanation ? EXPLAIN_FAILED_COPY : null)\n\n  if (verdict !== 'ready') return null\n\n  const busy = run.starting || run.running\n  const resultHelp = pluginDocsHelp('aiExperiments', {\n    anchor: '#the-verdict',\n    excerpt:\n      'What the figures support is worked out from the counts before a model is asked anything, and the explanation is held to it — so an undecided test reads as undecided and no variant is named.',\n  })\n  const explain = () => {\n    if (!orgId || !test) return\n    void run.start({\n      orgId,\n      hostId,\n      kind: 'experiment',\n      brief: `Explain the result of the A/B test “${test}” in plain words.`,\n      inputs: {\n        task: 'explain',\n        test,\n        ...(props.experimentId ? { experimentId: props.experimentId } : {}),\n      },\n    })\n  }\n\n  return (\n    <Box\n      sx={{ border: 1, borderColor: 'divider', borderRadius: 1, p: 1.5, mt: 2 }}\n      aria-label=\"Explain this result with AI\"\n    >\n      <Stack spacing={1}>\n        <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n          <Typography variant=\"body2\" color=\"text.secondary\" sx={{ flexGrow: 1 }}>\n            {'Read these figures in plain words, including whether they settle anything yet.'}\n          </Typography>\n          <Link\n            href={resultHelp.href}\n            target=\"_blank\"\n            rel=\"noopener\"\n            variant=\"caption\"\n            title={resultHelp.excerpt}\n          >\n            {'How it works'}\n          </Link>\n          <Button\n            size=\"small\"\n            variant=\"outlined\"\n            disabled={busy || !orgId || !test}\n            onClick={explain}\n          >\n            {run.job && !busy ? 'Ask again' : 'Explain this result'}\n          </Button>\n        </Stack>\n        {busy ? (\n          <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n            <CircularProgress size={16} aria-label=\"Reading the result\" />\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {'Reading the result.'}\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'}>\n            {problem}\n          </Alert>\n        ) : null}\n        {explanation ? <AiExperimentExplanation explanation={explanation} /> : null}\n      </Stack>\n    </Box>\n  )\n}\nAiExperimentResultCard.displayName = 'AiExperimentResultCard'\n"],"names":["pluginDocsHelp","ScrollTable","useHostOrgId","useUser","Alert","Box","Button","Chip","CircularProgress","Link","Stack","TableBody","TableCell","TableHead","TableRow","TextField","Typography","useEffect","useMemo","useState","AI_EXPERIMENT_SUBJECT_MAX_CHARS","aiExperimentArmIsNamed","aiExperimentVerdictDisplay","readAiExperimentExplanation","readAiExperimentVariants","aiJobProblem","useAiJobRun","useAiJobsVerdict","VARIANTS_FAILED_COPY","EXPLAIN_FAILED_COPY","TARGET_NOUN","screen","section","email","proposalOf","job","status","outputs","find","output","resource","proposal","rateText","value","liftText","aiExperimentSubjectFrom","target","variants","control","subject","body","filter","Boolean","join","aiExperimentVariantDrafts","map","variant","index","proposed","id","name","aiExperimentApplyCopy","AiExperimentVariantsCard","props","run","hostId","proposeVariants","orgId","undefined","data","user","verdict","prefill","setSubject","applied","setApplied","typed","setTyped","problem","busy","starting","running","noun","variantsHelp","anchor","excerpt","write","trim","start","kind","brief","inputs","task","slice","goal","experimentId","apply","sx","border","borderColor","borderRadius","p","aria-label","spacing","direction","alignItems","flexGrow","href","rel","title","size","multiline","minRows","label","placeholder","helperText","onChange","event","disabled","onClick","notice","severity","color","preheader","headline","whiteSpace","wordBreak","rationale","displayName","ArmRow","arm","named","exposures","conversions","rate","lift","confidence","AiExperimentExplanation","explanation","display","tone","namesAnArm","threshold","caveat","points","point","arms","length","next","AiExperimentResultCard","test","resultHelp","explain","mt"],"mappings":"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"}