@aglyn/plugins-workflows 1.0.0-beta.220 → 1.0.0-beta.222

package/src/lib/components/host-actions-card.component.js

@@ -16,9 +16,10 @@
  */ 'use client';
 import { _ as _extends } from "@swc/helpers/_/_extends";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ACTION_MAX_STEPS, checkEntitlement, createResourceUid, CRM_ACTION_RECIPES, ELEMENT_SCOPED_SITE_EVENTS, HOST_ACTION_STEP_LABELS, HOST_EVENT_TYPES, hostActionDocument, hostActionRecipeId, hostEventLabel, hostEventPayloadHint, isSiteEventType, pluginDocsHelp, SITE_EVENT_TYPES, validateHostAction } from "@aglyn/aglyn";
-import { automationPlaceholders, describeAutomationPlaceholder } from "@aglyn/aglyn/app-utils/automation-placeholders";
+import { ACTION_MAX_STEPS, checkEntitlement, createResourceUid, ELEMENT_SCOPED_SITE_EVENTS, HOST_EVENT_TYPES, hostEventLabel, hostEventPayloadHint, isSiteEventType, pluginDocsHelp, SITE_EVENT_TYPES } from "@aglyn/aglyn";
 import { useConsoleWidgetSlot } from "@aglyn/aglyn/app-utils/console-widget-slot-context";
+import { interactionRecipe, interactionRecipes, interactionRecipeStamp } from "@aglyn/aglyn/plugin-manager/interaction-recipes";
+import { pluginRecordListQuery, pluginRecordsFromRows } from "@aglyn/aglyn/plugin-manager/plugin-record-lists";
 import { AUTOMATION_EDITOR_ZONE, HOST_AUTOMATIONS_ZONE } from "./workflow-zones.js";
 import { CardDisplay, useConfirmationContext } from "@aglyn/shared-ui-jsx";
 import { ListPagination } from "@aglyn/shared-ui-jsx/components/list-pagination.component";
@@ -35,6 +36,9 @@ import { AutomationStepFields, defaultStep } from "./automation-step-fields.comp
 import { conditionRowsFromTrigger, conditionsFromRows, EMPTY_CONDITION_ROW, TriggerConditionRows } from "./automation-trigger-conditions.component.js";
 import HostRunHistoryCard from "./host-run-history-card.component.js";
 import { EDITOR_OPTION_CEILING, useAutomationStepPickers } from "./use-automation-step-pickers.js";
+import { siteInteractionDocument } from "@aglyn/aglyn/app-utils/site-interactions";
+import { HOST_ACTION_STEP_LABELS, validateHostAction } from "../model/host-actions.js";
+import { describeInteractionPlaceholder, interactionPlaceholders } from "@aglyn/aglyn/app-utils/draft-placeholders";
 const CUSTOM_EVENT_VALUE = '__custom__';
 /**
  * How many action documents the card reads.
@@ -86,7 +90,7 @@ const CUSTOM_EVENT_VALUE = '__custom__';
         conditionCombinator: ((_action_trigger12 = action.trigger) == null ? void 0 : _action_trigger12.combinator) === 'or' ? 'or' : 'and',
         // A recipe stamps what it builds, and a stored action carries what it
         // was saved with — one reader for both doors, unknown kept unknown.
-        recipe: hostActionRecipeId(action)
+        recipe: interactionRecipeStamp(action)
     };
 }
 /** A trigger bound to one element, which makes the row an interaction. */ const LEAF_SELECTOR = /^\[data-aglyn="leaf:.+"\]$/;
@@ -96,8 +100,8 @@ const CUSTOM_EVENT_VALUE = '__custom__';
  * event, dataset append). Runs server-side via runEventActions; paid
  * feature (`actions` flag, Pro+, `actionRunsPerMonth` metered).
  */ export function HostActionsCard(props) {
-    var _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _hostEventPayloadHint, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17, _ref18, _ref19, _runsFor_name;
-    var _CRM_ACTION_RECIPES_find;
+    var _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _ref6, _hostEventPayloadHint, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17, _ref18, _ref19, _ref20, _ref21, _ref22, _ref23, _ref24, _ref25, _runsFor_name;
+    var _pickFor_picks, _interactionRecipe, _pickFor_picks1, _pickFor_picks2, _pickFor_picks3, _pickFor_picks4, _pickFor_picks5;
     const { hostId, org } = props;
     // Org-shared data root (AGL-237). Null until the org lookup settles
     // (AGL-1061), and for a host with no owning org — the pre-migration host
@@ -277,60 +281,64 @@ const CUSTOM_EVENT_VALUE = '__custom__';
    *
    * A recipe opens the editor prefilled and writes nothing: the draft it
    * builds is the one Save would persist, and until then it is state in
-   * this card and nowhere else. Three recipes open at once; "Tag by form"
-   * needs a form first, and the form is this site's — `hosts/{hostId}/forms`
-   * — so the picker is the one host-scoped piece of the feature, held here
-   * rather than in the catalog.
+   * this card and nowhere else. The recipes are the plugins' that write them
+   * (`interaction-recipes`, AGL-3080) — the CRM's "Welcome a new lead" is the
+   * CRM's — and this card offers whatever they registered. Most open at once;
+   * one that picks a record first opens a picker, and the records are listed
+   * through the list source the plugin that keeps them publishes, for this
+   * site — the one host-scoped piece of the feature, held here rather than in
+   * the recipe.
    */ const [recipesAnchor, setRecipesAnchor] = useState(null);
-    const [formPickFor, setFormPickFor] = useState(null);
-    const [pickedFormId, setPickedFormId] = useState('');
+    const [pickFor, setPickFor] = useState(null);
+    const [pickedId, setPickedId] = useState('');
     /**
-   * The form picker has been opened at least once — the `editorOpened`
-   * latch's twin, and for the same reason: the forms window is read for
-   * this picker only, and a reader who never opens it pays nothing.
-   */ const [formPickerOpened, setFormPickerOpened] = useState(false);
-    if (formPickFor && !formPickerOpened) setFormPickerOpened(true);
-    const { data: formRead } = useFirestoreCollection(()=>formPickerOpened ? collectionCeiling(collection(firestore, 'hosts', hostId, 'forms'), EDITOR_OPTION_CEILING) : null, [
+   * The picker has been opened at least once — the `editorOpened` latch's
+   * twin, and for the same reason: the records are read for this picker only,
+   * and a reader who never opens it pays nothing.
+   */ const pickKind = (_ref2 = pickFor == null ? void 0 : (_pickFor_picks = pickFor.picks) == null ? void 0 : _pickFor_picks.kind) != null ? _ref2 : null;
+    const [pickedKind, setPickedKind] = useState(null);
+    if (pickKind && pickKind !== pickedKind) setPickedKind(pickKind);
+    const { data: pickRead } = useFirestoreCollection(()=>pickedKind ? pluginRecordListQuery(pickedKind, firestore, {
+            hostId,
+            limit: EDITOR_OPTION_CEILING + 1
+        }) : null, [
         firestore,
         hostId,
-        formPickerOpened
+        pickedKind
     ], {
         idField: '$id'
     });
-    const { rows: formDocs, truncated: formsTruncated } = ceilingedWindow(formRead, EDITOR_OPTION_CEILING);
-    // An archived form collects nothing, so a recipe keyed on it would never
-    // fire; the name falls back to the id the way every form list's does.
-    const formOptions = (formDocs != null ? formDocs : []).filter((form)=>!form.archivedAt).map((form)=>{
-        var _form_displayName;
-        return {
-            id: form.$id,
-            name: String((_form_displayName = form.displayName) != null ? _form_displayName : '').trim() || form.$id
-        };
-    }).sort((a, b)=>a.name.localeCompare(b.name));
+    const { rows: pickRows, truncated: pickTruncated } = ceilingedWindow(pickRead, EDITOR_OPTION_CEILING);
+    // What the owner leaves out (an archived form collects nothing, so a recipe
+    // keyed on it would never fire) is not offered.
+    const pickOptions = pluginRecordsFromRows(pickedKind != null ? pickedKind : '', pickRows).map((record)=>({
+            id: record.id,
+            name: record.name
+        })).sort((a, b)=>a.name.localeCompare(b.name));
     const handleRecipe = useCallback((recipe)=>{
         setRecipesAnchor(null);
         if (!actionsEntitled()) return;
-        if (recipe.needs === 'form') {
-            setPickedFormId('');
-            setFormPickFor(recipe);
+        if (recipe.picks) {
+            setPickedId('');
+            setPickFor(recipe);
             return;
         }
         setDraft(draftFromAction(recipe.build(), null));
     }, [
         actionsEntitled
     ]);
-    const handleFormPicked = useCallback(()=>{
-        const recipe = formPickFor;
-        const form = formOptions.find((option)=>option.id === pickedFormId);
-        if (!recipe || !form) return;
-        setFormPickFor(null);
+    const handlePicked = useCallback(()=>{
+        const recipe = pickFor;
+        const picked = pickOptions.find((option)=>option.id === pickedId);
+        if (!recipe || !picked) return;
+        setPickFor(null);
         setDraft(draftFromAction(recipe.build({
-            form
+            picked
         }), null));
     }, [
-        formPickFor,
-        formOptions,
-        pickedFormId
+        pickFor,
+        pickOptions,
+        pickedId
     ]);
     // Run log + test runs (AGL-266).
     const [runsFor, setRunsFor] = useState(null);
@@ -468,7 +476,7 @@ const CUSTOM_EVENT_VALUE = '__custom__';
                 unreadable: Boolean(draft.id) && actionsStatus === 'error',
                 fromCache: Boolean(draft.id) && actionsFromCache
             }, async ()=>{
-                await setDoc(doc(firestore, 'hosts', hostId, 'actions', id), _extends({}, hostActionDocument(candidate), {
+                await setDoc(doc(firestore, 'hosts', hostId, 'actions', id), _extends({}, siteInteractionDocument(candidate), {
                     updatedAt: Timestamp.now()
                 }, draft.id ? {} : {
                     createdAt: Timestamp.now()
@@ -529,11 +537,11 @@ const CUSTOM_EVENT_VALUE = '__custom__';
        * step holding it fails every run and a condition holding one never
        * matches, so turning such an automation on is confirmed, naming what
        * is still missing.
-       */ const missing = enabled ? automationPlaceholders(action) : [];
+       */ const missing = enabled ? interactionPlaceholders(action) : [];
             if (missing.length) {
                 const confirmed = await confirm({
                     title: 'Switch on with placeholders?',
-                    description: `"${action.name}" still has ${missing.length === 1 ? 'a placeholder' : `${missing.length} placeholders`} ` + `to fill in: ${missing.slice(0, 3).map(describeAutomationPlaceholder).join('; ')}` + `${missing.length > 3 ? '; …' : ''}. Open it with Edit to fill ` + `${missing.length === 1 ? 'it' : 'them'} in first.`,
+                    description: `"${action.name}" still has ${missing.length === 1 ? 'a placeholder' : `${missing.length} placeholders`} ` + `to fill in: ${missing.slice(0, 3).map(describeInteractionPlaceholder).join('; ')}` + `${missing.length > 3 ? '; …' : ''}. Open it with Edit to fill ` + `${missing.length === 1 ? 'it' : 'them'} in first.`,
                     confirmationText: 'Switch on anyway'
                 }).then(()=>true).catch(()=>false);
                 if (!confirmed) return;
@@ -565,7 +573,7 @@ const CUSTOM_EVENT_VALUE = '__custom__';
                     visibleActions.map((action)=>{
                         var _action_steps, _ref;
                         var _action_trigger, _action_trigger1;
-                        const missing = automationPlaceholders(action).length;
+                        const missing = interactionPlaceholders(action).length;
                         return /*#__PURE__*/ _jsxs(Stack, {
                             direction: "row",
                             spacing: 1,
@@ -682,7 +690,7 @@ const CUSTOM_EVENT_VALUE = '__custom__';
                         anchorEl: recipesAnchor,
                         open: Boolean(recipesAnchor),
                         onClose: ()=>setRecipesAnchor(null),
-                        children: CRM_ACTION_RECIPES.map((recipe)=>/*#__PURE__*/ _jsx(MenuItem, {
+                        children: interactionRecipes().map((recipe)=>/*#__PURE__*/ _jsx(MenuItem, {
                                 onClick: ()=>handleRecipe(recipe),
                                 children: /*#__PURE__*/ _jsx(ListItemText, {
                                     primary: recipe.title,
@@ -734,7 +742,7 @@ const CUSTOM_EVENT_VALUE = '__custom__';
                             (draft == null ? void 0 : draft.recipe) ? /*#__PURE__*/ _jsx(Typography, {
                                 variant: "body2",
                                 color: "text.secondary",
-                                children: `Started from the “${(_ref2 = (_CRM_ACTION_RECIPES_find = CRM_ACTION_RECIPES.find((recipe)=>recipe.id === draft.recipe)) == null ? void 0 : _CRM_ACTION_RECIPES_find.title) != null ? _ref2 : 'recipe'}” recipe — change anything, then save.`
+                                children: `Started from the “${(_ref3 = (_interactionRecipe = interactionRecipe(draft.recipe)) == null ? void 0 : _interactionRecipe.title) != null ? _ref3 : 'recipe'}” recipe — change anything, then save.`
                             }) : null,
                             truncatedPickers.length > 0 ? /*#__PURE__*/ _jsx(Alert, {
                                 severity: "info",
@@ -745,7 +753,7 @@ const CUSTOM_EVENT_VALUE = '__custom__';
                             }) : null,
                             /*#__PURE__*/ _jsx(TextField, {
                                 label: "Name",
-                                value: (_ref3 = draft == null ? void 0 : draft.name) != null ? _ref3 : '',
+                                value: (_ref4 = draft == null ? void 0 : draft.name) != null ? _ref4 : '',
                                 onChange: (event)=>patch((previous)=>_extends({}, previous, {
                                             name: event.target.value
                                         })),
@@ -762,7 +770,7 @@ const CUSTOM_EVENT_VALUE = '__custom__';
                                     /*#__PURE__*/ _jsxs(TextField, {
                                         select: true,
                                         label: "Trigger event",
-                                        value: (_ref4 = draft == null ? void 0 : draft.trigger.event) != null ? _ref4 : '',
+                                        value: (_ref5 = draft == null ? void 0 : draft.trigger.event) != null ? _ref5 : '',
                                         onChange: (event)=>patch((previous)=>_extends({}, previous, {
                                                     trigger: _extends({}, previous.trigger, {
                                                         event: event.target.value
@@ -789,7 +797,7 @@ const CUSTOM_EVENT_VALUE = '__custom__';
                                     }),
                                     (draft == null ? void 0 : draft.trigger.event) === CUSTOM_EVENT_VALUE ? /*#__PURE__*/ _jsx(TextField, {
                                         label: "Custom event name",
-                                        value: (_ref5 = draft == null ? void 0 : draft.customEvent) != null ? _ref5 : '',
+                                        value: (_ref6 = draft == null ? void 0 : draft.customEvent) != null ? _ref6 : '',
                                         onChange: (event)=>patch((previous)=>_extends({}, previous, {
                                                     customEvent: event.target.value
                                                 })),
@@ -804,7 +812,7 @@ const CUSTOM_EVENT_VALUE = '__custom__';
                                         // for this event; nothing for an event whose payload is not
                                         // written down, rather than a guess.
                                         helperText: (_hostEventPayloadHint = hostEventPayloadHint(draft == null ? void 0 : draft.trigger.event)) != null ? _hostEventPayloadHint : undefined,
-                                        value: (_ref6 = draft == null ? void 0 : draft.trigger.filter) != null ? _ref6 : '',
+                                        value: (_ref7 = draft == null ? void 0 : draft.trigger.filter) != null ? _ref7 : '',
                                         onChange: (event)=>patch((previous)=>_extends({}, previous, {
                                                     trigger: _extends({}, previous.trigger, {
                                                         filter: event.target.value
@@ -818,8 +826,8 @@ const CUSTOM_EVENT_VALUE = '__custom__';
                                 ]
                             }),
                             /*#__PURE__*/ _jsx(TriggerConditionRows, {
-                                rows: (_ref7 = draft == null ? void 0 : draft.conditionRows) != null ? _ref7 : [],
-                                combinator: (_ref8 = draft == null ? void 0 : draft.conditionCombinator) != null ? _ref8 : 'and',
+                                rows: (_ref8 = draft == null ? void 0 : draft.conditionRows) != null ? _ref8 : [],
+                                combinator: (_ref9 = draft == null ? void 0 : draft.conditionCombinator) != null ? _ref9 : 'and',
                                 onRowsChange: (update)=>patch((previous)=>_extends({}, previous, {
                                             conditionRows: update(previous.conditionRows)
                                         })),
@@ -827,15 +835,15 @@ const CUSTOM_EVENT_VALUE = '__custom__';
                                             conditionCombinator: combinator
                                         }))
                             }),
-                            isSiteEventType((_ref9 = draft == null ? void 0 : draft.trigger.event) != null ? _ref9 : '') ? // Site-event config (AGL-256): what/where the trigger watches.
+                            isSiteEventType((_ref10 = draft == null ? void 0 : draft.trigger.event) != null ? _ref10 : '') ? // Site-event config (AGL-256): what/where the trigger watches.
                             /*#__PURE__*/ _jsxs(Stack, {
                                 direction: "row",
                                 spacing: 1,
                                 children: [
-                                    ELEMENT_SCOPED_SITE_EVENTS.includes((_ref10 = draft == null ? void 0 : draft.trigger.event) != null ? _ref10 : '') ? /*#__PURE__*/ _jsx(TextField, {
+                                    ELEMENT_SCOPED_SITE_EVENTS.includes((_ref11 = draft == null ? void 0 : draft.trigger.event) != null ? _ref11 : '') ? /*#__PURE__*/ _jsx(TextField, {
                                         label: "CSS selector",
                                         placeholder: "#pricing-table",
-                                        value: (_ref11 = draft == null ? void 0 : draft.trigger.selector) != null ? _ref11 : '',
+                                        value: (_ref12 = draft == null ? void 0 : draft.trigger.selector) != null ? _ref12 : '',
                                         onChange: (event)=>patch((previous)=>_extends({}, previous, {
                                                     trigger: _extends({}, previous.trigger, {
                                                         selector: event.target.value
@@ -849,10 +857,10 @@ const CUSTOM_EVENT_VALUE = '__custom__';
                                     [
                                         'scrollDepth',
                                         'timeOnPage'
-                                    ].includes((_ref12 = draft == null ? void 0 : draft.trigger.event) != null ? _ref12 : '') ? /*#__PURE__*/ _jsx(TextField, {
+                                    ].includes((_ref13 = draft == null ? void 0 : draft.trigger.event) != null ? _ref13 : '') ? /*#__PURE__*/ _jsx(TextField, {
                                         type: "number",
                                         label: (draft == null ? void 0 : draft.trigger.event) === 'scrollDepth' ? 'Scroll %' : 'Seconds',
-                                        value: (_ref13 = draft == null ? void 0 : draft.trigger.threshold) != null ? _ref13 : '',
+                                        value: (_ref14 = draft == null ? void 0 : draft.trigger.threshold) != null ? _ref14 : '',
                                         onChange: (event)=>patch((previous)=>_extends({}, previous, {
                                                     trigger: _extends({}, previous.trigger, {
                                                         threshold: Number(event.target.value)
@@ -866,7 +874,7 @@ const CUSTOM_EVENT_VALUE = '__custom__';
                                     /*#__PURE__*/ _jsx(TextField, {
                                         label: "Only on pages (optional)",
                                         placeholder: "/pricing or /blog/*",
-                                        value: (_ref14 = draft == null ? void 0 : draft.trigger.pathPattern) != null ? _ref14 : '',
+                                        value: (_ref15 = draft == null ? void 0 : draft.trigger.pathPattern) != null ? _ref15 : '',
                                         onChange: (event)=>patch((previous)=>_extends({}, previous, {
                                                     trigger: _extends({}, previous.trigger, {
                                                         pathPattern: event.target.value
@@ -928,7 +936,7 @@ const CUSTOM_EVENT_VALUE = '__custom__';
                                         sx: {
                                             width: 150
                                         },
-                                        value: (_ref15 = draft == null ? void 0 : draft.trigger.cooldownMinutes) != null ? _ref15 : 60,
+                                        value: (_ref16 = draft == null ? void 0 : draft.trigger.cooldownMinutes) != null ? _ref16 : 60,
                                         onChange: (event)=>patch((previous)=>_extends({}, previous, {
                                                     trigger: _extends({}, previous.trigger, {
                                                         cooldownMinutes: Number(event.target.value)
@@ -942,7 +950,7 @@ const CUSTOM_EVENT_VALUE = '__custom__';
                                 color: "text.secondary",
                                 children: 'Steps (run in order)'
                             }),
-                            ((_ref16 = draft == null ? void 0 : draft.steps) != null ? _ref16 : []).map((step, index)=>/*#__PURE__*/ _jsx(AutomationStepFields, {
+                            ((_ref17 = draft == null ? void 0 : draft.steps) != null ? _ref17 : []).map((step, index)=>/*#__PURE__*/ _jsx(AutomationStepFields, {
                                     step: step,
                                     index: index,
                                     kind: step.type,
@@ -958,7 +966,7 @@ const CUSTOM_EVENT_VALUE = '__custom__';
                                 sx: {
                                     alignSelf: 'flex-start'
                                 },
-                                disabled: ((_ref17 = draft == null ? void 0 : draft.steps.length) != null ? _ref17 : 0) >= ACTION_MAX_STEPS,
+                                disabled: ((_ref18 = draft == null ? void 0 : draft.steps.length) != null ? _ref18 : 0) >= ACTION_MAX_STEPS,
                                 onClick: ()=>patch((previous)=>_extends({}, previous, {
                                             steps: [
                                                 ...previous.steps,
@@ -987,13 +995,13 @@ const CUSTOM_EVENT_VALUE = '__custom__';
                 ]
             }),
             /*#__PURE__*/ _jsxs(Dialog, {
-                open: Boolean(formPickFor),
-                onClose: ()=>setFormPickFor(null),
+                open: Boolean(pickFor),
+                onClose: ()=>setPickFor(null),
                 maxWidth: "xs",
                 fullWidth: true,
                 children: [
                     /*#__PURE__*/ _jsx(DialogTitle, {
-                        children: (_ref18 = formPickFor == null ? void 0 : formPickFor.title) != null ? _ref18 : ''
+                        children: (_ref19 = pickFor == null ? void 0 : pickFor.title) != null ? _ref19 : ''
                     }),
                     /*#__PURE__*/ _jsxs(DialogContent, {
                         sx: {
@@ -1006,29 +1014,29 @@ const CUSTOM_EVENT_VALUE = '__custom__';
                             /*#__PURE__*/ _jsx(Typography, {
                                 variant: "body2",
                                 color: "text.secondary",
-                                children: 'Pick the form whose new contacts get the tag. The action opens ' + 'ready to edit; nothing is saved until you save it.'
+                                children: `${(_ref20 = pickFor == null ? void 0 : (_pickFor_picks1 = pickFor.picks) == null ? void 0 : _pickFor_picks1.prompt) != null ? _ref20 : ''} The action opens ready to edit; ` + 'nothing is saved until you save it.'
                             }),
-                            formsTruncated ? /*#__PURE__*/ _jsx(Alert, {
+                            pickTruncated ? /*#__PURE__*/ _jsx(Alert, {
                                 severity: "info",
-                                children: `Offering the first ${EDITOR_OPTION_CEILING} forms, ordered by ` + 'id. This site has more, so the form you want may not be listed.'
+                                children: `Offering the first ${EDITOR_OPTION_CEILING} ${(_ref21 = pickFor == null ? void 0 : (_pickFor_picks2 = pickFor.picks) == null ? void 0 : _pickFor_picks2.plural) != null ? _ref21 : ''}, ` + `ordered by id. This site has more, so the ` + `${((_ref22 = pickFor == null ? void 0 : (_pickFor_picks3 = pickFor.picks) == null ? void 0 : _pickFor_picks3.label) != null ? _ref22 : '').toLowerCase()} you want may not be listed.`
                             }) : null,
-                            formOptions.length ? /*#__PURE__*/ _jsx(TextField, {
+                            pickOptions.length ? /*#__PURE__*/ _jsx(TextField, {
                                 select: true,
-                                label: "Form",
-                                value: pickedFormId,
-                                onChange: (event)=>setPickedFormId(event.target.value),
+                                label: (_ref23 = pickFor == null ? void 0 : (_pickFor_picks4 = pickFor.picks) == null ? void 0 : _pickFor_picks4.label) != null ? _ref23 : '',
+                                value: pickedId,
+                                onChange: (event)=>setPickedId(event.target.value),
                                 size: "small",
                                 sx: {
                                     mt: 1
                                 },
-                                children: formOptions.map((option)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                children: pickOptions.map((option)=>/*#__PURE__*/ _jsx(MenuItem, {
                                         value: option.id,
                                         children: option.name
                                     }, option.id))
                             }) : /*#__PURE__*/ _jsx(Typography, {
                                 variant: "body2",
                                 color: "text.secondary",
-                                children: 'This site has no forms yet. Add one in the besigner, then come back.'
+                                children: (_ref24 = pickFor == null ? void 0 : (_pickFor_picks5 = pickFor.picks) == null ? void 0 : _pickFor_picks5.none) != null ? _ref24 : ''
                             })
                         ]
                     }),
@@ -1036,13 +1044,13 @@ const CUSTOM_EVENT_VALUE = '__custom__';
                         children: [
                             /*#__PURE__*/ _jsx(Button, {
                                 color: "inherit",
-                                onClick: ()=>setFormPickFor(null),
+                                onClick: ()=>setPickFor(null),
                                 children: 'Cancel'
                             }),
                             /*#__PURE__*/ _jsx(Button, {
                                 variant: "contained",
-                                disabled: !pickedFormId,
-                                onClick: handleFormPicked,
+                                disabled: !pickedId,
+                                onClick: handlePicked,
                                 children: 'Use recipe'
                             })
                         ]
@@ -1057,7 +1065,7 @@ const CUSTOM_EVENT_VALUE = '__custom__';
                 fullWidth: true,
                 children: [
                     /*#__PURE__*/ _jsx(DialogTitle, {
-                        children: `Runs — ${(_ref19 = runsFor == null ? void 0 : runsFor.name) != null ? _ref19 : ''}`
+                        children: `Runs — ${(_ref25 = runsFor == null ? void 0 : runsFor.name) != null ? _ref25 : ''}`
                     }),
                     /*#__PURE__*/ _jsx(DialogContent, {
                         children: runsFor ? /*#__PURE__*/ _jsx(HostRunHistoryCard, {