@aglyn/plugins-crm 1.0.0-beta.143

package/src/lib/components/recent-activity-feed.js

@@ -0,0 +1,103 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Aglyn from "@aglyn/aglyn";
+import { AppLink } from "@aglyn/shared-ui-jsx";
+import { Stack, Typography } from "@mui/material";
+import { useCallback, useMemo } from "react";
+import { crmRoutes } from "../model/crm-routes.js";
+import { ActivityList } from "./activity-list.js";
+import { useActivityScope, useActivityWindow } from "./activity-queries.js";
+/** How the record an activity is about reads in the feed. */ const RECORD_LABELS = {
+    contact: 'Contact',
+    deal: 'Deal',
+    company: 'Company',
+    lead: 'Lead'
+};
+/** The feed's default depth — a glance, not a log. */ export const RECENT_ACTIVITY_LIMIT = 10;
+/** The empty link: nothing to render, the query returns nothing. */ const NO_RECORD = Object.freeze({});
+/**
+ * The newest logged activity across the CRM (AGL-2600): the last few calls,
+ * emails, meetings and notes anyone on the team filed against any record,
+ * each linking to the record it is about.
+ *
+ * What the contacts landing shows under its list, so that opening the CRM
+ * answers "what has the team been doing" before anybody opens a record. One
+ * bounded listener on `(visibleTo, atMs DESC)` — the index that exists for
+ * exactly this query — filtered to what this reader may see, the same
+ * predicate the rules evaluate. Bounded to `limit` and no further: a feed
+ * is a glance, and the record's own page is where the whole log lives.
+ *
+ * A row links to its CONTACT when it has one, else its deal, else its
+ * company — `crmActivityRecordLink`'s precedence — through `crmRoutes`, so
+ * the address it builds is the one the hub resolves. Nothing is looked up
+ * to name the record: a name per row would be a document read per row of a
+ * feed drawn on every visit to the list, and the record's page names itself.
+ */ export function RecentActivityFeed(props) {
+    const { hostId, org, limit = RECENT_ACTIVITY_LIMIT, basePath } = props;
+    const scope = useActivityScope(hostId, org);
+    const activities = useActivityWindow(scope, NO_RECORD, limit);
+    const routes = useMemo(()=>basePath ? crmRoutes(basePath) : null, [
+        basePath
+    ]);
+    const subjectFor = useCallback((activity)=>{
+        const target = Aglyn.crmActivityRecordLink(activity);
+        if (!target) return null;
+        const label = RECORD_LABELS[target.record];
+        const href = routes ? routes[target.record](target.id) : null;
+        return href ? /*#__PURE__*/ _jsx(Typography, {
+            variant: "caption",
+            children: /*#__PURE__*/ _jsx(AppLink, {
+                href: href,
+                children: label
+            })
+        }) : /*#__PURE__*/ _jsx(Typography, {
+            variant: "caption",
+            color: "text.secondary",
+            children: label
+        });
+    }, [
+        routes
+    ]);
+    // Nothing to show and nothing to say: a landing with no activity yet
+    // should not carry an empty heading for a feature the reader has not
+    // used, and the record pages are where the "log one" affordance lives.
+    if (activities.status !== 'error' && !activities.rows.length) return null;
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 1.5,
+        children: [
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "subtitle2",
+                children: 'Recent activity'
+            }),
+            activities.status === 'error' ? /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                color: "error",
+                children: 'Recent activity could not be loaded.'
+            }) : /*#__PURE__*/ _jsx(ActivityList, {
+                rows: activities.rows,
+                scope: scope,
+                subjectFor: subjectFor,
+                readOnly: true
+            })
+        ]
+    });
+}
+RecentActivityFeed.displayName = 'RecentActivityFeed';
+export default RecentActivityFeed;
+
+//# sourceMappingURL=recent-activity-feed.js.map

package/src/lib/components/recent-activity-feed.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/recent-activity-feed.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 * as Aglyn from '@aglyn/aglyn'\nimport type { CrmActivityRow } from '@aglyn/aglyn'\nimport { AppLink } from '@aglyn/shared-ui-jsx'\nimport { Stack, Typography } from '@mui/material'\nimport { useCallback, useMemo } from 'react'\nimport { crmRoutes } from '../model/crm-routes'\nimport { ActivityList } from './activity-list'\nimport {\n  type CrmOrg,\n  useActivityScope,\n  useActivityWindow,\n} from './activity-queries'\n\n/** How the record an activity is about reads in the feed. */\nconst RECORD_LABELS = {\n  contact: 'Contact',\n  deal: 'Deal',\n  company: 'Company',\n  lead: 'Lead',\n} as const\n\n/** The feed's default depth — a glance, not a log. */\nexport const RECENT_ACTIVITY_LIMIT = 10\n\n/** The empty link: nothing to render, the query returns nothing. */\nconst NO_RECORD = Object.freeze({})\n\nexport interface RecentActivityFeedProps {\n  /** The site the record is read under, or `null` at the organization level. */\n  hostId: string | null\n  org: CrmOrg\n  /** The newest this many, across every record. */\n  limit?: number\n  /**\n   * The hub's mount path, for the link each row carries to its record. The\n   * shell supplies it on every hub page; a mount without one draws the\n   * record's label with no link rather than a link into nowhere.\n   */\n  basePath?: string\n}\n\n/**\n * The newest logged activity across the CRM (AGL-2600): the last few calls,\n * emails, meetings and notes anyone on the team filed against any record,\n * each linking to the record it is about.\n *\n * What the contacts landing shows under its list, so that opening the CRM\n * answers \"what has the team been doing\" before anybody opens a record. One\n * bounded listener on `(visibleTo, atMs DESC)` — the index that exists for\n * exactly this query — filtered to what this reader may see, the same\n * predicate the rules evaluate. Bounded to `limit` and no further: a feed\n * is a glance, and the record's own page is where the whole log lives.\n *\n * A row links to its CONTACT when it has one, else its deal, else its\n * company — `crmActivityRecordLink`'s precedence — through `crmRoutes`, so\n * the address it builds is the one the hub resolves. Nothing is looked up\n * to name the record: a name per row would be a document read per row of a\n * feed drawn on every visit to the list, and the record's page names itself.\n */\nexport function RecentActivityFeed(props: RecentActivityFeedProps) {\n  const { hostId, org, limit = RECENT_ACTIVITY_LIMIT, basePath } = props\n  const scope = useActivityScope(hostId, org)\n  const activities = useActivityWindow(scope, NO_RECORD, limit)\n  const routes = useMemo(\n    () => (basePath ? crmRoutes(basePath) : null),\n    [basePath],\n  )\n  const subjectFor = useCallback(\n    (activity: CrmActivityRow) => {\n      const target = Aglyn.crmActivityRecordLink(activity)\n      if (!target) return null\n      const label = RECORD_LABELS[target.record]\n      const href = routes ? routes[target.record](target.id) : null\n      return href ? (\n        <Typography variant=\"caption\">\n          <AppLink href={href}>{label}</AppLink>\n        </Typography>\n      ) : (\n        <Typography variant=\"caption\" color=\"text.secondary\">\n          {label}\n        </Typography>\n      )\n    },\n    [routes],\n  )\n\n  // Nothing to show and nothing to say: a landing with no activity yet\n  // should not carry an empty heading for a feature the reader has not\n  // used, and the record pages are where the \"log one\" affordance lives.\n  if (activities.status !== 'error' && !activities.rows.length) return null\n\n  return (\n    <Stack spacing={1.5}>\n      <Typography variant=\"subtitle2\">{'Recent activity'}</Typography>\n      {activities.status === 'error' ? (\n        <Typography variant=\"body2\" color=\"error\">\n          {'Recent activity could not be loaded.'}\n        </Typography>\n      ) : (\n        <ActivityList\n          rows={activities.rows}\n          scope={scope}\n          subjectFor={subjectFor}\n          readOnly\n        />\n      )}\n    </Stack>\n  )\n}\nRecentActivityFeed.displayName = 'RecentActivityFeed'\n\nexport default RecentActivityFeed\n"],"names":["Aglyn","AppLink","Stack","Typography","useCallback","useMemo","crmRoutes","ActivityList","useActivityScope","useActivityWindow","RECORD_LABELS","contact","deal","company","lead","RECENT_ACTIVITY_LIMIT","NO_RECORD","Object","freeze","RecentActivityFeed","props","hostId","org","limit","basePath","scope","activities","routes","subjectFor","activity","target","crmActivityRecordLink","label","record","href","id","variant","color","status","rows","length","spacing","readOnly","displayName"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;AAEA,YAAYA,WAAW,eAAc;AAErC,SAASC,OAAO,QAAQ,uBAAsB;AAC9C,SAASC,KAAK,EAAEC,UAAU,QAAQ,gBAAe;AACjD,SAASC,WAAW,EAAEC,OAAO,QAAQ,QAAO;AAC5C,SAASC,SAAS,QAAQ,yBAAqB;AAC/C,SAASC,YAAY,QAAQ,qBAAiB;AAC9C,SAEEC,gBAAgB,EAChBC,iBAAiB,QACZ,wBAAoB;AAE3B,2DAA2D,GAC3D,MAAMC,gBAAgB;IACpBC,SAAS;IACTC,MAAM;IACNC,SAAS;IACTC,MAAM;AACR;AAEA,oDAAoD,GACpD,OAAO,MAAMC,wBAAwB,GAAE;AAEvC,kEAAkE,GAClE,MAAMC,YAAYC,OAAOC,MAAM,CAAC,CAAC;AAgBjC;;;;;;;;;;;;;;;;;CAiBC,GACD,OAAO,SAASC,mBAAmBC,KAA8B;IAC/D,MAAM,EAAEC,MAAM,EAAEC,GAAG,EAAEC,QAAQR,qBAAqB,EAAES,QAAQ,EAAE,GAAGJ;IACjE,MAAMK,QAAQjB,iBAAiBa,QAAQC;IACvC,MAAMI,aAAajB,kBAAkBgB,OAAOT,WAAWO;IACvD,MAAMI,SAAStB,QACb,IAAOmB,WAAWlB,UAAUkB,YAAY,MACxC;QAACA;KAAS;IAEZ,MAAMI,aAAaxB,YACjB,CAACyB;QACC,MAAMC,SAAS9B,MAAM+B,qBAAqB,CAACF;QAC3C,IAAI,CAACC,QAAQ,OAAO;QACpB,MAAME,QAAQtB,aAAa,CAACoB,OAAOG,MAAM,CAAC;QAC1C,MAAMC,OAAOP,SAASA,MAAM,CAACG,OAAOG,MAAM,CAAC,CAACH,OAAOK,EAAE,IAAI;QACzD,OAAOD,qBACL,KAAC/B;YAAWiC,SAAQ;sBAClB,cAAA,KAACnC;gBAAQiC,MAAMA;0BAAOF;;2BAGxB,KAAC7B;YAAWiC,SAAQ;YAAUC,OAAM;sBACjCL;;IAGP,GACA;QAACL;KAAO;IAGV,qEAAqE;IACrE,qEAAqE;IACrE,uEAAuE;IACvE,IAAID,WAAWY,MAAM,KAAK,WAAW,CAACZ,WAAWa,IAAI,CAACC,MAAM,EAAE,OAAO;IAErE,qBACE,MAACtC;QAAMuC,SAAS;;0BACd,KAACtC;gBAAWiC,SAAQ;0BAAa;;YAChCV,WAAWY,MAAM,KAAK,wBACrB,KAACnC;gBAAWiC,SAAQ;gBAAQC,OAAM;0BAC/B;+BAGH,KAAC9B;gBACCgC,MAAMb,WAAWa,IAAI;gBACrBd,OAAOA;gBACPG,YAAYA;gBACZc,QAAQ;;;;AAKlB;AACAvB,mBAAmBwB,WAAW,GAAG;AAEjC,eAAexB,mBAAkB"}

package/src/lib/components/recipes-card.d.ts

@@ -0,0 +1,39 @@
+import { type AglynOrgBilling } from '@aglyn/aglyn';
+export interface RecipesCardProps {
+    org?: Partial<AglynOrgBilling> | null;
+}
+/**
+ * "Recipes" — the CRM's ready-made automations, installed on a site from
+ * the organization (AGL-2639).
+ *
+ * ## Why this card exists at the org level and nowhere else
+ *
+ * Automation is a site feature: a site's Actions page has a Recipes menu
+ * that opens the editor prefilled, and the person saves what they see.
+ * The org hub mounts over every site with no editor of its own, so it had
+ * no recipes at all, and an org running five sites installed "Welcome a
+ * new lead" five times by hand. This card is the org's door: every recipe,
+ * the sites that already carry it, and Install, which writes the action
+ * into the site the reader picks through the server — the server stamps
+ * the recipe, refuses a site outside the org, and refuses a second copy.
+ * Under a site the section does not mount it; the site's own menu is the
+ * right door there.
+ *
+ * ## "Installed on" reads the stamp, and says when it cannot
+ *
+ * The status route answers, per site, the recipes a live action is stamped
+ * with and how many live actions carry no stamp. A site with any of the
+ * latter is named as one that MAY already have the recipe rather than
+ * listed as clear: those actions were saved before the stamp existed and
+ * the card cannot tell a hand-built welcome from an installed one.
+ *
+ * ## Creation opens a drawer
+ *
+ * Install is a button per row; the picks — the site, and for Tag by form
+ * one of that site's forms — live in a drawer, never above the list.
+ */
+export declare function RecipesCard(props: RecipesCardProps): import("react").JSX.Element;
+export declare namespace RecipesCard {
+    var displayName: string;
+}
+export default RecipesCard;

package/src/lib/components/recipes-card.js

@@ -0,0 +1,485 @@
+/**
+ * @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 { checkEntitlement, CRM_ACTION_RECIPES, planLabelGrantingFeature, pluginDocsHelp } from "@aglyn/aglyn";
+import { AppLink, CardDisplay, SrOnly } from "@aglyn/shared-ui-jsx";
+import { ScrollTable } from "@aglyn/shared-ui-jsx/components/scroll-table.component";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { ceilingedWindow, collectionCeiling, useFirestore, useFirestoreCollection } from "@aglyn/tenant-feature-instance";
+import { Alert, Button, Drawer, MenuItem, Stack, TableBody, TableCell, TableHead, TableRow, TextField, Typography } from "@mui/material";
+import { collection } from "firebase/firestore";
+import { Fragment, useCallback, useEffect, useMemo, useState } from "react";
+import { useCrmOrgMount } from "../hooks/use-crm-org-mount.js";
+import { useCrmApi } from "./use-crm-api.js";
+/** How many of a site's forms the picker offers before it says it stopped. */ const FORM_OPTION_CEILING = 100;
+/**
+ * The site's Automation → Actions page — where an installed action lives
+ * and is edited — or `null` for a site whose subdomain the mount could not
+ * answer, which is named and not linked.
+ */ function siteActionsHref(mount, hostId) {
+    const subdomain = mount.siteSubdomain(hostId);
+    return subdomain ? `${mount.hostsPath}/${encodeURIComponent(subdomain)}/automation/actions` : null;
+}
+function standingOf(status, hostId, recipeId) {
+    const site = status == null ? void 0 : status.get(hostId);
+    if (!site) return 'unread';
+    if (site.installed.includes(recipeId)) return 'installed';
+    return site.unstamped > 0 ? 'maybe' : 'clear';
+}
+/**
+ * The stamps of every site of the org, read once the site list is known
+ * and again after each install, so the card reports what the documents
+ * say rather than what it last did.
+ */ function useRecipeStatus(mount) {
+    const api = useCrmApi(null);
+    const [sites, setSites] = useState(null);
+    const [error, setError] = useState(null);
+    const refresh = useCallback(async ()=>{
+        try {
+            var _payload_sites;
+            const { response, payload } = await api('recipe-status', {});
+            if (!response.ok) {
+                var _ref;
+                setError((_ref = payload == null ? void 0 : payload.error) != null ? _ref : 'Which sites carry a recipe could not be read.');
+                return;
+            }
+            const answered = (_payload_sites = payload.sites) != null ? _payload_sites : [];
+            setSites(new Map(answered.map((site)=>[
+                    site.hostId,
+                    site
+                ])));
+            setError(null);
+        } catch (caught) {
+            console.error(caught);
+            setError('Which sites carry a recipe could not be read.');
+        }
+    }, [
+        api
+    ]);
+    const hostsReady = Boolean(mount == null ? void 0 : mount.hostsReady);
+    useEffect(()=>{
+        if (hostsReady) void refresh();
+    }, [
+        hostsReady,
+        refresh
+    ]);
+    return {
+        sites,
+        error,
+        refresh
+    };
+}
+/** A site's name, linked into its Actions page when the link is known. */ function SiteLink(props) {
+    const { mount, hostId } = props;
+    const href = siteActionsHref(mount, hostId);
+    const name = mount.siteName(hostId);
+    return href ? /*#__PURE__*/ _jsx(AppLink, {
+        href: href,
+        children: name
+    }) : /*#__PURE__*/ _jsx(_Fragment, {
+        children: name
+    });
+}
+SiteLink.displayName = 'SiteLink';
+/** One recipe's "Installed on" cell: the sites that carry it, and the ones that may. */ function InstalledOn(props) {
+    const { mount, recipe, status } = props;
+    if (!status) {
+        return /*#__PURE__*/ _jsx(Typography, {
+            variant: "caption",
+            color: "text.secondary",
+            children: 'Reading…'
+        });
+    }
+    const installed = mount.hosts.filter((host)=>standingOf(status, host.id, recipe.id) === 'installed');
+    const maybe = mount.hosts.filter((host)=>standingOf(status, host.id, recipe.id) === 'maybe');
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 0.5,
+        children: [
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                children: installed.length === 0 ? 'Not installed on any site yet.' : installed.map((host, index)=>/*#__PURE__*/ _jsxs(Fragment, {
+                        children: [
+                            index > 0 ? ', ' : null,
+                            /*#__PURE__*/ _jsx(SiteLink, {
+                                mount: mount,
+                                hostId: host.id
+                            })
+                        ]
+                    }, host.id))
+            }),
+            maybe.length > 0 ? /*#__PURE__*/ _jsx(Typography, {
+                variant: "caption",
+                color: "text.secondary",
+                children: `May already have it: ${maybe.map((host)=>host.name).join(', ')} — ` + 'actions there were saved before recipes were tracked.'
+            }) : null
+        ]
+    });
+}
+InstalledOn.displayName = 'InstalledOn';
+/**
+ * The install drawer's body: pick the site, pick the form a recipe that
+ * needs one is keyed on, confirm. Mounted fresh on every opening — the
+ * Drawer unmounts it when closed — so the picks start over each time from
+ * the session's site, when that site does not already carry the recipe.
+ *
+ * The forms are read from the picked site only once a site is picked and
+ * only for a recipe that needs one, so a reader installing the other three
+ * pays no read. Live forms only: an archived form collects nothing, and a
+ * recipe keyed on it would never fire.
+ */ function RecipeInstallForm(props) {
+    const { recipe, mount, status, onClose, onInstalled } = props;
+    const firestore = useFirestore();
+    const api = useCrmApi(null);
+    const needsForm = recipe.needs === 'form';
+    const [hostId, setHostId] = useState(()=>{
+        const pick = mount.createHostId;
+        return pick && standingOf(status, pick, recipe.id) !== 'installed' ? pick : '';
+    });
+    const [formId, setFormId] = useState('');
+    const [busy, setBusy] = useState(false);
+    const [error, setError] = useState(null);
+    const { data: formRead, status: formsStatus } = useFirestoreCollection(()=>needsForm && hostId ? collectionCeiling(collection(firestore, 'hosts', hostId, 'forms'), FORM_OPTION_CEILING) : null, [
+        firestore,
+        needsForm,
+        hostId
+    ], {
+        idField: '$id'
+    });
+    const { rows: formDocs, truncated: formsTruncated } = ceilingedWindow(formRead, FORM_OPTION_CEILING);
+    const formOptions = useMemo(()=>(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)), [
+        formDocs
+    ]);
+    const formsLoading = needsForm && Boolean(hostId) && formsStatus === 'loading';
+    const canInstall = Boolean(hostId) && (!needsForm || Boolean(formId)) && !busy && !formsLoading;
+    const handleInstall = async ()=>{
+        if (!canInstall) return;
+        setBusy(true);
+        setError(null);
+        try {
+            const { response, payload } = await api('recipe-install', _extends({
+                hostId,
+                recipeId: recipe.id
+            }, formId ? {
+                formId
+            } : {}));
+            if (!response.ok) {
+                var _ref;
+                setError((_ref = payload == null ? void 0 : payload.error) != null ? _ref : 'The recipe could not be installed.');
+                return;
+            }
+            onInstalled(payload, hostId);
+        } catch (caught) {
+            console.error(caught);
+            setError('The recipe could not be installed.');
+        } finally{
+            setBusy(false);
+        }
+    };
+    const siteSuffix = (id)=>{
+        const standing = standingOf(status, id, recipe.id);
+        if (standing === 'installed') return ' — installed';
+        if (standing === 'maybe') return ' — may already have it';
+        return '';
+    };
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 2,
+        sx: {
+            width: 380,
+            p: 3
+        },
+        children: [
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "h6",
+                children: `Install “${recipe.title}”`
+            }),
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                color: "text.secondary",
+                children: recipe.description
+            }),
+            /*#__PURE__*/ _jsx(TextField, {
+                select: true,
+                size: "small",
+                label: "Site",
+                value: hostId,
+                onChange: (event)=>{
+                    setHostId(event.target.value);
+                    setFormId('');
+                    setError(null);
+                },
+                disabled: busy,
+                helperText: mount.hosts.length === 0 ? 'This organization has no sites yet.' : 'The action is written into this site’s Automation → Actions.',
+                fullWidth: true,
+                children: mount.hosts.map((host)=>/*#__PURE__*/ _jsx(MenuItem, {
+                        value: host.id,
+                        disabled: standingOf(status, host.id, recipe.id) === 'installed',
+                        children: `${host.name}${siteSuffix(host.id)}`
+                    }, host.id))
+            }),
+            needsForm ? /*#__PURE__*/ _jsx(TextField, {
+                select: true,
+                size: "small",
+                label: "Form",
+                value: formId,
+                onChange: (event)=>setFormId(event.target.value),
+                disabled: !hostId || busy || formsLoading,
+                helperText: !hostId ? 'Pick the site first; the recipe is keyed on one of its forms.' : formsLoading ? 'Loading the site’s forms…' : formOptions.length === 0 ? 'This site has no live forms.' : formsTruncated ? `Showing the first ${FORM_OPTION_CEILING} forms.` : 'Contacts this form makes are tagged with its name.',
+                fullWidth: true,
+                children: formOptions.map((form)=>/*#__PURE__*/ _jsx(MenuItem, {
+                        value: form.id,
+                        children: form.name
+                    }, form.id))
+            }) : null,
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "caption",
+                color: "text.secondary",
+                children: 'The action is created enabled, exactly as the recipe defines it. ' + 'Change anything afterwards from the site’s Automation → Actions page.'
+            }),
+            error ? /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                color: "error",
+                children: error
+            }) : null,
+            /*#__PURE__*/ _jsxs(Stack, {
+                direction: "row",
+                spacing: 1,
+                children: [
+                    /*#__PURE__*/ _jsx(Button, {
+                        variant: "contained",
+                        color: "primary",
+                        disabled: !canInstall,
+                        onClick: ()=>void handleInstall(),
+                        children: busy ? 'Installing…' : 'Install'
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        onClick: onClose,
+                        disabled: busy,
+                        children: 'Cancel'
+                    })
+                ]
+            })
+        ]
+    });
+}
+RecipeInstallForm.displayName = 'RecipeInstallForm';
+/**
+ * "Recipes" — the CRM's ready-made automations, installed on a site from
+ * the organization (AGL-2639).
+ *
+ * ## Why this card exists at the org level and nowhere else
+ *
+ * Automation is a site feature: a site's Actions page has a Recipes menu
+ * that opens the editor prefilled, and the person saves what they see.
+ * The org hub mounts over every site with no editor of its own, so it had
+ * no recipes at all, and an org running five sites installed "Welcome a
+ * new lead" five times by hand. This card is the org's door: every recipe,
+ * the sites that already carry it, and Install, which writes the action
+ * into the site the reader picks through the server — the server stamps
+ * the recipe, refuses a site outside the org, and refuses a second copy.
+ * Under a site the section does not mount it; the site's own menu is the
+ * right door there.
+ *
+ * ## "Installed on" reads the stamp, and says when it cannot
+ *
+ * The status route answers, per site, the recipes a live action is stamped
+ * with and how many live actions carry no stamp. A site with any of the
+ * latter is named as one that MAY already have the recipe rather than
+ * listed as clear: those actions were saved before the stamp existed and
+ * the card cannot tell a hand-built welcome from an installed one.
+ *
+ * ## Creation opens a drawer
+ *
+ * Install is a button per row; the picks — the site, and for Tag by form
+ * one of that site's forms — live in a drawer, never above the list.
+ */ export function RecipesCard(props) {
+    var _planLabelGrantingFeature;
+    const { org } = props;
+    const mount = useCrmOrgMount();
+    const { enqueueSnackbar } = useSnackbar();
+    const status = useRecipeStatus(mount);
+    const refreshStatus = status.refresh;
+    const [installing, setInstalling] = useState(null);
+    const [lastInstall, setLastInstall] = useState(null);
+    const entitled = checkEntitlement(org, 'actions');
+    const canInstall = Boolean(mount == null ? void 0 : mount.hostsReady) && entitled;
+    const handleInstalled = useCallback((result, hostId)=>{
+        var _ref;
+        setInstalling(null);
+        setLastInstall({
+            hostId,
+            name: result.name
+        });
+        enqueueSnackbar(`Installed “${result.name}” on ${(_ref = mount == null ? void 0 : mount.siteName(hostId)) != null ? _ref : hostId}`, {
+            variant: 'success',
+            persist: false
+        });
+        void refreshStatus();
+    }, [
+        enqueueSnackbar,
+        mount,
+        refreshStatus
+    ]);
+    // Mounted by the section only beneath the org hub's provider; the hooks
+    // above run either way, so the render order never depends on the mount.
+    if (!mount) return null;
+    const lastInstallHref = lastInstall ? siteActionsHref(mount, lastInstall.hostId) : null;
+    return /*#__PURE__*/ _jsxs(CardDisplay, {
+        header: 'Recipes',
+        help: pluginDocsHelp('crmSettings', {
+            anchor: '#recipes'
+        }),
+        contentGutterX: true,
+        contentGutterY: true,
+        contentBordered: "all",
+        children: [
+            /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 2,
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: 'Ready-made automations for the CRM. Install one on a site and the ' + 'action is written into that site’s Automation → Actions as the ' + 'recipe defines it, where it can be edited like any other action.'
+                    }),
+                    lastInstall ? /*#__PURE__*/ _jsx(Alert, {
+                        severity: "success",
+                        onClose: ()=>setLastInstall(null),
+                        action: lastInstallHref ? // A link dressed as a button: the anchor carries its own
+                        // href, so it keeps the link role a navigation door has.
+                        /*#__PURE__*/ _jsx(Button, _extends({
+                            component: AppLink
+                        }, {
+                            componentVariant: 'naked',
+                            nativeButton: false
+                        }, {
+                            href: lastInstallHref,
+                            size: "small",
+                            color: "inherit",
+                            children: 'Open Automation → Actions'
+                        })) : undefined,
+                        children: `Installed “${lastInstall.name}” on ${mount.siteName(lastInstall.hostId)}.`
+                    }) : null,
+                    status.error ? /*#__PURE__*/ _jsx(Typography, {
+                        variant: "caption",
+                        color: "error",
+                        children: status.error
+                    }) : null,
+                    /*#__PURE__*/ _jsxs(ScrollTable, {
+                        size: "small",
+                        children: [
+                            /*#__PURE__*/ _jsx(TableHead, {
+                                children: /*#__PURE__*/ _jsxs(TableRow, {
+                                    children: [
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            children: 'Recipe'
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            children: 'Installed on'
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right"
+                                        })
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(TableBody, {
+                                children: CRM_ACTION_RECIPES.map((recipe)=>/*#__PURE__*/ _jsxs(TableRow, {
+                                        hover: true,
+                                        children: [
+                                            /*#__PURE__*/ _jsxs(TableCell, {
+                                                sx: {
+                                                    maxWidth: 360
+                                                },
+                                                children: [
+                                                    /*#__PURE__*/ _jsx(Typography, {
+                                                        variant: "body2",
+                                                        children: recipe.title
+                                                    }),
+                                                    /*#__PURE__*/ _jsx(Typography, {
+                                                        variant: "caption",
+                                                        color: "text.secondary",
+                                                        children: recipe.description
+                                                    })
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                children: /*#__PURE__*/ _jsx(InstalledOn, {
+                                                    mount: mount,
+                                                    recipe: recipe,
+                                                    status: status.sites
+                                                })
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                align: "right",
+                                                sx: {
+                                                    width: 120
+                                                },
+                                                children: /*#__PURE__*/ _jsxs(Button, {
+                                                    size: "small",
+                                                    variant: "outlined",
+                                                    disabled: !canInstall,
+                                                    onClick: ()=>setInstalling(recipe),
+                                                    children: [
+                                                        'Install',
+                                                        /*#__PURE__*/ _jsx(SrOnly, {
+                                                            children: ` ${recipe.title}`
+                                                        })
+                                                    ]
+                                                })
+                                            })
+                                        ]
+                                    }, recipe.id))
+                            })
+                        ]
+                    }),
+                    !entitled ? /*#__PURE__*/ _jsx(Typography, {
+                        variant: "caption",
+                        color: "text.secondary",
+                        children: `The actions builder requires the ${(_planLabelGrantingFeature = planLabelGrantingFeature('actions')) != null ? _planLabelGrantingFeature : 'Pro'} ` + 'plan — see Billing to upgrade.'
+                    }) : null,
+                    mount.hostsReady && mount.hosts.length === 0 ? /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: 'This organization has no sites yet, so there is nowhere to install a recipe.'
+                    }) : null
+                ]
+            }),
+            /*#__PURE__*/ _jsx(Drawer, {
+                anchor: "right",
+                open: Boolean(installing),
+                onClose: ()=>setInstalling(null),
+                children: installing ? /*#__PURE__*/ _jsx(RecipeInstallForm, {
+                    recipe: installing,
+                    mount: mount,
+                    status: status.sites,
+                    onClose: ()=>setInstalling(null),
+                    onInstalled: handleInstalled
+                }) : null
+            })
+        ]
+    });
+}
+RecipesCard.displayName = 'RecipesCard';
+export default RecipesCard;
+
+//# sourceMappingURL=recipes-card.js.map