@aglyn/plugins-ai 1.0.0 → 1.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aglyn/plugins-ai",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "license": "Apache-2.0",
   "homepage": "https://aglyn.com",
   "repository": {
@@ -25,22 +25,22 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@aglyn/aglyn": "1.0.0",
-    "@aglyn/shared-data-enums": "1.0.0",
-    "@aglyn/shared-data-mdi": "1.0.0",
-    "@aglyn/shared-data-types": "1.0.0",
-    "@aglyn/shared-ui-email-campaigns": "1.0.0",
-    "@aglyn/shared-ui-jsx": "1.0.0",
-    "@aglyn/shared-ui-snackstack": "1.0.0",
-    "@aglyn/shared-ui-theme": "1.0.0",
-    "@aglyn/shared-util-email": "1.0.0",
-    "@aglyn/shared-util-errors": "1.0.0",
-    "@aglyn/shared-util-http": "1.0.0",
-    "@aglyn/shared-util-timestamp": "1.0.0",
-    "@aglyn/shared-util-tools": "1.0.0",
-    "@aglyn/tenant-data-admin": "1.0.0",
-    "@aglyn/tenant-feature-instance": "1.0.0",
-    "@aglyn/tenant-runtime": "1.0.0",
+    "@aglyn/aglyn": "1.2.0",
+    "@aglyn/shared-data-enums": "1.2.0",
+    "@aglyn/shared-data-mdi": "1.2.0",
+    "@aglyn/shared-data-types": "1.2.0",
+    "@aglyn/shared-ui-email-campaigns": "1.2.0",
+    "@aglyn/shared-ui-jsx": "1.2.0",
+    "@aglyn/shared-ui-snackstack": "1.2.0",
+    "@aglyn/shared-ui-theme": "1.2.0",
+    "@aglyn/shared-util-email": "1.2.0",
+    "@aglyn/shared-util-errors": "1.2.0",
+    "@aglyn/shared-util-http": "1.2.0",
+    "@aglyn/shared-util-timestamp": "1.2.0",
+    "@aglyn/shared-util-tools": "1.2.0",
+    "@aglyn/tenant-data-admin": "1.2.0",
+    "@aglyn/tenant-feature-instance": "1.2.0",
+    "@aglyn/tenant-runtime": "1.2.0",
     "@swc/helpers": "0.5.23"
   },
   "peerDependencies": {

package/src/lib/components/ai-site-start-card.component.d.ts

@@ -44,5 +44,5 @@ export type AiSiteStartCardProps = ConsoleHostFirstRunZoneProps & {
  * `aiSiteStartBrief` and `aiSiteStartInputs`. Each step is reported as a
  * funnel, with where people struggle (`ai-site-start-tracking.ts`).
  */
-export declare function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leave, pendingSite, chooseStarter: chooseStarterInShell, clientBuild, initialAnswers, }: AiSiteStartCardProps): import("react").JSX.Element;
+export declare function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leave, pendingSite, chooseStarter: chooseStarterInShell, starter, clientBuild, initialAnswers, }: AiSiteStartCardProps): import("react").JSX.Element;
 export default AiSiteStartCard;

package/src/lib/components/ai-site-start-card.component.js

@@ -35,7 +35,7 @@ import { AI_JOB_AUTO_CONFIRM_INPUT, AI_SITE_FREE_PAGES, aiFreeCreditsNoneLeftTex
 import { FREE_AI_TASTE_CREDITS_PER_MONTH } from "../plan-entitlements.js";
 import { AI_CREDITS_CONFIRM_CODE, aiCreditRangeText } from "../model/ai-credit-estimate.js";
 import { AiCreditsPromptNotice } from "./ai-credits-prompt.component.js";
-import { AI_SITE_START_ANSWERS, AI_SITE_START_STYLE_REQUIRED, aiSiteStartAnswersFromClientBuild, aiSiteStartBrief, aiSiteStartClientBrief, aiSiteStartClientInputs, aiSiteStartClientNote, aiSiteStartExtrasGiven, aiSiteStartInputs, aiSiteStartKind, aiSiteStartRefusal } from "../model/ai-site-start.js";
+import { AI_SITE_START_ANSWERS, AI_SITE_START_STYLE_REQUIRED, aiSiteStartAnswersFromClientBuild, aiSiteStartAnswersFromStarter, aiSiteStartBrief, aiSiteStartClientBrief, aiSiteStartClientInputs, aiSiteStartClientNote, aiSiteStartExtrasGiven, aiSiteStartInputs, aiSiteStartKind, aiSiteStartRefusal } from "../model/ai-site-start.js";
 import { aiSiteInspirationLimit } from "../model/ai-site-inspiration.js";
 import { aiSiteStartFieldErrors, aiSiteStartFirstInvalidStep, aiSiteStartNextStep, aiSiteStartPreviousStep, aiSiteStartStepErrors, aiSiteStartStepIndex, AI_SITE_START_STEPS, AI_SITE_START_STEP_FIELDS } from "../model/ai-site-start-steps.js";
 import { aiSiteKindOfInputs } from "../model/ai-site-kinds.js";
@@ -203,8 +203,8 @@ function SectionLabel({ children, help }) {
  * held, and only the review turns them into the job, through the same
  * `aiSiteStartBrief` and `aiSiteStartInputs`. Each step is reported as a
  * funnel, with where people struggle (`ai-site-start-tracking.ts`).
- */ export function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leave, pendingSite, chooseStarter: chooseStarterInShell, clientBuild, initialAnswers = null }) {
-    var _ref, _ref1, _ref2, _ref3, _aiFreeSitePrompt, _aiSiteStartRefusal;
+ */ export function AiSiteStartCard({ hostId, orgId, orgSlug, host, startBlank, leave, pendingSite, chooseStarter: chooseStarterInShell, starter, clientBuild, initialAnswers = null }) {
+    var _ref, _ref1, _ref2, _ref3, _ref4, _aiFreeSitePrompt, _aiSiteStartRefusal;
     var _aiSiteKindOfInputs, _modelChoice_options_options_find, _modelChoice_options, _pendingSite_previewControl;
     const { data: user } = useUser();
     const router = useRouter();
@@ -218,7 +218,12 @@ function SectionLabel({ children, help }) {
     // Create site with that start's answers: read once, and only here, where
     // the site does not exist yet. It opens on the first question, where the
     // site's name and address are asked, with every answer after it filled in.
-    const [handedOff] = useState(()=>pendingSite && !initialAnswers ? readAiSiteStartAnswers() : null);
+    const [handedOff] = useState(()=>pendingSite && !initialAnswers && !starter ? readAiSiteStartAnswers() : null);
+    // An AI starter picked in "Choose your starter" (AGL-4049): its answers
+    // fill the questions, read once, and the start opens on the first one.
+    // The style it names arrives chosen — the person chose it by picking the
+    // starter — and every answer is theirs to change.
+    const [starterAnswers] = useState(()=>starter && !initialAnswers && !clientBuild ? aiSiteStartAnswersFromStarter(starter.answers) : null);
     // A site staff are building for a client (AGL-3958): the intake answered
     // the questions already, so the start opens on the review with them, and
     // stays on this screen once it has started. Read once, like a reopened start.
@@ -230,10 +235,18 @@ function SectionLabel({ children, help }) {
     const clientBuildRef = useRef(clientBuild);
     clientBuildRef.current = clientBuild;
     // Read once: a start reopened on its answers stays one while it is open.
-    const reopened = useRef(initialAnswers !== null || handedOff !== null || clientAnswers !== null);
-    // A start reopened on its answers opens on the review, every answer there to change.
-    const [step, setStep] = useState(initialAnswers || clientAnswers ? 'review' : 'choose');
-    const [answers, setAnswers] = useState((_ref1 = (_ref2 = initialAnswers != null ? initialAnswers : clientAnswers) != null ? _ref2 : handedOff) != null ? _ref1 : AI_SITE_START_ANSWERS);
+    const reopened = useRef(initialAnswers !== null || handedOff !== null || clientAnswers !== null || starterAnswers !== null);
+    // A start reopened on its answers opens on the review, every answer there
+    // to change; one filled in from a starter, on the first question.
+    const [step, setStep] = useState(initialAnswers || clientAnswers ? 'review' : starterAnswers ? 'kind' : 'choose');
+    const [answers, setAnswers] = useState((_ref1 = (_ref2 = (_ref3 = initialAnswers != null ? initialAnswers : clientAnswers) != null ? _ref3 : starterAnswers) != null ? _ref2 : handedOff) != null ? _ref1 : AI_SITE_START_ANSWERS);
+    // The starter the answers came from, for the site to record (AGL-4049),
+    // and the style card that says so.
+    const starterChoice = starterAnswers && starter ? starter.choice : null;
+    const pickedStarterStyle = (starterAnswers == null ? void 0 : starterAnswers.kind) && starter ? {
+        id: starterAnswers.kind,
+        name: starter.displayName
+    } : null;
     // The steps whose reasons not to go forward are shown: the ones Next was refused on.
     const [checked, setChecked] = useState(()=>new Set());
     // A step opened from the review's Edit goes back to the review on Next.
@@ -340,7 +353,7 @@ function SectionLabel({ children, help }) {
         answers.pages
     ]);
     // A store's first products and a blog's first posts are part of the start (AGL-3676, AGL-3798).
-    const siteKind = (_ref3 = (_aiSiteKindOfInputs = aiSiteKindOfInputs(aiSiteStartInputs(answers))) == null ? void 0 : _aiSiteKindOfInputs.id) != null ? _ref3 : null;
+    const siteKind = (_ref4 = (_aiSiteKindOfInputs = aiSiteKindOfInputs(aiSiteStartInputs(answers))) == null ? void 0 : _aiSiteKindOfInputs.id) != null ? _ref4 : null;
     const prompt = freeTaste ? (_aiFreeSitePrompt = aiFreeSitePrompt(freeCredits, answers.pages, {
         siteKind
     })) != null ? _aiFreeSitePrompt : serverPrompt : null;
@@ -448,10 +461,13 @@ function SectionLabel({ children, help }) {
             };
             if (!hostId && pendingSite) {
                 if (!pendingSite.created && !await refused(await requestJob(null, true))) return;
-                // The style the questions took (AGL-4049), recorded on the site.
-                const made = await pendingSite.create(asked.style ? {
+                // The style the questions took (AGL-4049), recorded on the site, and
+                // the AI starter they were filled in from, when they were.
+                const made = await pendingSite.create(asked.style || starterChoice ? _extends({}, asked.style ? {
                     style: asked.style
-                } : undefined);
+                } : {}, starterChoice ? {
+                    starter: starterChoice
+                } : {}) : undefined);
                 if ('error' in made) {
                     setNotice(made.error);
                     if (made.address) setStep('choose');
@@ -529,7 +545,8 @@ function SectionLabel({ children, help }) {
         siteKind,
         tracker,
         clientIntake,
-        siteInspiration
+        siteInspiration,
+        starterChoice
     ]);
     // The zone's `startBlank`, with the style chosen for the starter (AGL-4049).
     // Before the site exists it creates it with the starter, and answers
@@ -1093,9 +1110,19 @@ function SectionLabel({ children, help }) {
                                 }) : /*#__PURE__*/ _jsxs(Box, {
                                     component: "section",
                                     children: [
+                                        step === 'kind' && starter && starterAnswers ? /*#__PURE__*/ _jsx(Alert, {
+                                            severity: "info",
+                                            variant: "outlined",
+                                            "data-start-area": "starter-note",
+                                            sx: {
+                                                mb: 3
+                                            },
+                                            children: `Filled in from ${starter.displayName}. Change any answer you like.`
+                                        }) : null,
                                         step === 'kind' && /*#__PURE__*/ _jsx(KindStep, _extends({}, stepProps)),
                                         step === 'audience' && /*#__PURE__*/ _jsx(AudienceStep, _extends({}, stepProps)),
                                         step === 'style' && /*#__PURE__*/ _jsx(StyleStep, _extends({}, stepProps, {
+                                            starterStyle: pickedStarterStyle,
                                             inspiration: siteInspiration ? {
                                                 limit: aiSiteInspirationLimit(freeTaste),
                                                 upgradeHref: orgSlug ? aiCreditsBillingHref(orgSlug) : null