@aglyn/plugins-crm 1.0.0-beta.221 → 1.0.0-beta.223

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

@@ -16,7 +16,7 @@
  */ '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 { checkEntitlement, planLabelGrantingFeature, pluginDocsHelp } from "@aglyn/aglyn";
 import { pluginRecordListHref } from "@aglyn/aglyn/plugin-manager/plugin-record-routes";
 import { AppLink, CardDisplay, SrOnly } from "@aglyn/shared-ui-jsx";
 import { ScrollTable } from "@aglyn/shared-ui-jsx/components/scroll-table.component";
@@ -26,6 +26,7 @@ import { Alert, Button, Drawer, MenuItem, Stack, TableBody, TableCell, TableHead
 import { collection } from "firebase/firestore";
 import { Fragment, useCallback, useEffect, useMemo, useState } from "react";
 import { useCrmOrgMount } from "../hooks/use-crm-org-mount.js";
+import { CRM_ACTION_RECIPES } from "../model/crm-recipes.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;
 /**
@@ -147,10 +148,11 @@ InstalledOn.displayName = 'InstalledOn';
  * pays no read. Live forms only: an archived form collects nothing, and a
  * recipe keyed on it would never fire.
  */ function RecipeInstallForm(props) {
+    var _recipe_picks;
     const { recipe, mount, status, onClose, onInstalled } = props;
     const firestore = useFirestore();
     const api = useCrmApi(null);
-    const needsForm = recipe.needs === 'form';
+    const needsForm = ((_recipe_picks = recipe.picks) == null ? void 0 : _recipe_picks.kind) === 'form';
     const [hostId, setHostId] = useState(()=>{
         const pick = mount.createHostId;
         return pick && standingOf(status, pick, recipe.id) !== 'installed' ? pick : '';

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

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

package/src/lib/components/record-tasks-card.js

@@ -16,7 +16,7 @@
  */ 'use client';
 import { _ as _extends } from "@swc/helpers/_/_extends";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { CRM_COLLECTIONS, pluginDocsHelp } from "@aglyn/aglyn";
+import { CRM_COLLECTIONS, crmTaskPicklistLabels, crmTaskStatusWrite, pluginDocsHelp } from "@aglyn/aglyn";
 import { AppLink, CardDisplay } from "@aglyn/shared-ui-jsx";
 import EmptyStateComponent from "@aglyn/shared-ui-jsx/components/empty-state.component";
 import { useSnackbar } from "@aglyn/shared-ui-snackstack";
@@ -27,6 +27,7 @@ import { useCallback, useMemo, useState } from "react";
 import { useCrmHubPath } from "../hooks/use-crm-hub-path.js";
 import { useCrmRecordTasks, useNowMs } from "../hooks/use-crm-tasks.js";
 import { useOrgMemberDirectory } from "../hooks/use-org-member-directory.js";
+import { useCrmTaskPicklists } from "../hooks/use-crm-task-picklists.js";
 import { crmRoutes } from "../model/crm-routes.js";
 import { refreshCrmNextActivity } from "../model/next-activity-api.js";
 import { completeCrmTask } from "../model/task-api.js";
@@ -74,6 +75,7 @@ import TaskSnoozeMenu from "./task-snooze-menu.js";
         record
     });
     const directory = useOrgMemberDirectory(orgId);
+    const picklists = useCrmTaskPicklists(orgId);
     const open = useMemo(()=>tasks.filter((task)=>task.status !== 'done'), [
         tasks
     ]);
@@ -88,12 +90,11 @@ import TaskSnoozeMenu from "./task-snooze-menu.js";
         setBusyId(task.$id);
         try {
             if (task.status === 'done') {
-                await updateDoc(doc(firestore, scope[0], scope[1], CRM_COLLECTIONS.tasks, task.$id), {
-                    status: 'open',
+                await updateDoc(doc(firestore, scope[0], scope[1], CRM_COLLECTIONS.tasks, task.$id), _extends({}, crmTaskStatusWrite(picklists.status, false), {
                     completedAtMs: null,
                     completedByUid: deleteField(),
                     updatedAt: serverTimestamp()
-                });
+                }));
                 // A client-direct write: the records it names are told (AGL-2661).
                 await refreshCrmNextActivity(user, crmTaskCallScope(hostId, orgId), [
                     task
@@ -124,7 +125,8 @@ import TaskSnoozeMenu from "./task-snooze-menu.js";
         user,
         hostId,
         orgId,
-        enqueueSnackbar
+        enqueueSnackbar,
+        picklists.status
     ]);
     return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
@@ -186,7 +188,9 @@ import TaskSnoozeMenu from "./task-snooze-menu.js";
                     })
                 }) : /*#__PURE__*/ _jsx(Stack, {
                     spacing: 1,
-                    children: open.map((task)=>/*#__PURE__*/ _jsxs(Stack, {
+                    children: open.map((task)=>{
+                        const labels = crmTaskPicklistLabels(task, picklists);
+                        return /*#__PURE__*/ _jsxs(Stack, {
                             direction: "row",
                             spacing: 1,
                             sx: {
@@ -226,6 +230,7 @@ import TaskSnoozeMenu from "./task-snooze-menu.js";
                                             children: [
                                                 /*#__PURE__*/ _jsx(TaskKindCell, {
                                                     kind: task.kind,
+                                                    label: labels.type,
                                                     iconOnly: true
                                                 }),
                                                 /*#__PURE__*/ _jsx(Typography, {
@@ -237,7 +242,8 @@ import TaskSnoozeMenu from "./task-snooze-menu.js";
                                                     children: task.title
                                                 }),
                                                 task.priority === 'high' ? /*#__PURE__*/ _jsx(TaskPriorityChip, {
-                                                    priority: task.priority
+                                                    priority: task.priority,
+                                                    label: labels.priority
                                                 }) : null
                                             ]
                                         }),
@@ -277,7 +283,8 @@ import TaskSnoozeMenu from "./task-snooze-menu.js";
                                     ]
                                 })
                             ]
-                        }, task.$id))
+                        }, task.$id);
+                    })
                 })
             }),
             /*#__PURE__*/ _jsx(TaskEditDrawer, {

package/src/lib/components/record-tasks-card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/record-tasks-card.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 { CRM_COLLECTIONS, pluginDocsHelp } from '@aglyn/aglyn'\nimport { AppLink, CardDisplay } from '@aglyn/shared-ui-jsx'\nimport EmptyStateComponent from '@aglyn/shared-ui-jsx/components/empty-state.component'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { useFirestore, useUser } from '@aglyn/tenant-feature-instance'\nimport { Button, Checkbox, Stack, Typography } from '@mui/material'\nimport { deleteField, doc, serverTimestamp, updateDoc } from 'firebase/firestore'\nimport { useCallback, useMemo, useState } from 'react'\nimport { useCrmHubPath } from '../hooks/use-crm-hub-path'\nimport {\n  type CrmRecordRef,\n  type CrmTaskRow,\n  useCrmRecordTasks,\n  useNowMs,\n} from '../hooks/use-crm-tasks'\nimport { useOrgMemberDirectory } from '../hooks/use-org-member-directory'\nimport { crmRoutes } from '../model/crm-routes'\nimport { refreshCrmNextActivity } from '../model/next-activity-api'\nimport { completeCrmTask } from '../model/task-api'\nimport { crmTaskCallScope } from '../model/task-routes'\nimport { TaskDueText, TaskKindCell, TaskPriorityChip } from './task-cells'\nimport TaskEditDrawer from './task-edit-drawer'\nimport TaskSnoozeMenu from './task-snooze-menu'\n\nexport interface RecordTasksCardProps extends CrmRecordRef {\n  /** The site the record is read under, or `null` at the organization level. */\n  hostId: string | null\n  /** The org document the shell passed the page; scopes the read when present. */\n  org?: Record<string, unknown> | null\n  /**\n   * The hub's path, for the link to the full tasks list. A page the hub\n   * rendered has one to pass; a card mounted anywhere else leaves it out and\n   * the path is rebuilt from the URL.\n   */\n  basePath?: string\n}\n\n/**\n * The open tasks for ONE contact, company or deal, on that record's page\n * (AGL-2599).\n *\n * Exactly one of `contactId`, `companyId`, `dealId` names the record; the\n * first present one wins. A record page drops this in beside its other\n * cards: `<RecordTasksCard hostId={hostId} org={org} contactId={id} />`.\n * Tasks are completed inline and created with the record\n * already linked; everything else about a task is edited by opening it.\n *\n * Open tasks are listed and completed ones are counted, because a record's\n * page is where somebody decides what to do next about the person, and the\n * history of what was done lives in the Done view of the tasks section.\n */\nexport function RecordTasksCard(props: RecordTasksCardProps) {\n  const { hostId, org, basePath, contactId, companyId, dealId } = props\n  const firestore = useFirestore()\n  const { data: user } = useUser()\n  const { enqueueSnackbar } = useSnackbar()\n  const nowMs = useNowMs()\n  const hubPath = useCrmHubPath(basePath)\n  const routes = useMemo(() => crmRoutes(hubPath), [hubPath])\n  const record = useMemo<CrmRecordRef>(\n    () =>\n      contactId ? { contactId } : companyId ? { companyId } : { dealId },\n    [contactId, companyId, dealId],\n  )\n  const { tasks, status, fromCache, scope, orgId, readTokens } = useCrmRecordTasks({\n    hostId,\n    org,\n    record,\n  })\n  const directory = useOrgMemberDirectory(orgId)\n  const open = useMemo(() => tasks.filter((task) => task.status !== 'done'), [tasks])\n  const doneCount = tasks.length - open.length\n\n  const [drawer, setDrawer] = useState<{ open: boolean; task: CrmTaskRow | null }>({\n    open: false,\n    task: null,\n  })\n  const [busyId, setBusyId] = useState<string | null>(null)\n\n  const toggleDone = useCallback(\n    async (task: CrmTaskRow) => {\n      if (!scope || busyId) return\n      setBusyId(task.$id)\n      try {\n        if (task.status === 'done') {\n          await updateDoc(\n            doc(firestore, scope[0], scope[1], CRM_COLLECTIONS.tasks, task.$id),\n            {\n              status: 'open',\n              completedAtMs: null,\n              completedByUid: deleteField(),\n              updatedAt: serverTimestamp(),\n            },\n          )\n          // A client-direct write: the records it names are told (AGL-2661).\n          await refreshCrmNextActivity(user, crmTaskCallScope(hostId, orgId), [task])\n        } else {\n          // The mounted site, or at the organization level the org — whose\n          // variant emits on the task's own site, or nowhere for an org task.\n          const callScope = crmTaskCallScope(hostId, orgId)\n          if (!callScope) return\n          await completeCrmTask(user, { ...callScope, taskId: task.$id })\n          enqueueSnackbar('Task completed', { variant: 'success' })\n        }\n      } catch (cause) {\n        enqueueSnackbar(\n          cause instanceof Error ? cause.message : 'The task could not be updated.',\n          { variant: 'warning' },\n        )\n      } finally {\n        setBusyId(null)\n      }\n    },\n    [scope, busyId, firestore, user, hostId, orgId, enqueueSnackbar],\n  )\n\n  return (\n    <>\n      <CardDisplay\n        header={'Tasks'}\n        help={pluginDocsHelp('crmTasks', {\n          anchor: '#tasks-on-a-contact-company-or-deal',\n          excerpt:\n            'The open tasks about this record. Tick one to complete it, or ' +\n            'add a call, an email, a meeting or a to-do already linked here.',\n        })}\n        subheader={\n          doneCount\n            ? `${open.length} open · ${doneCount} done`\n            : open.length\n              ? `${open.length} open`\n              : undefined\n        }\n        contentGutterX\n        contentGutterY\n        HeaderProps={{\n          action: (\n            <Stack direction=\"row\" spacing={1}>\n              <Button\n                component={AppLink as any}\n                {...({ componentVariant: 'naked', nativeButton: false } as any)}\n                href={routes.section('tasks')}\n                size=\"small\"\n                color=\"primary\"\n              >\n                {'All tasks'}\n              </Button>\n              <Button\n                size=\"small\"\n                variant=\"contained\"\n                color=\"primary\"\n                onClick={() => setDrawer({ open: true, task: null })}\n              >\n                {'New task'}\n              </Button>\n            </Stack>\n          ),\n        }}\n      >\n        {status === 'error' ? (\n          <Typography variant=\"body2\" color=\"error\">\n            {'The tasks could not be loaded.'}\n          </Typography>\n        ) : status === 'success' && !open.length ? (\n          <EmptyStateComponent\n            compact\n            label={doneCount ? 'Everything here is done' : 'No tasks yet'}\n            description={\n              doneCount\n                ? 'The completed ones are kept on the Tasks list.'\n                : 'A call, an email, a meeting or a to-do owed to this record.'\n            }\n            action={\n              <Button\n                size=\"small\"\n                variant=\"contained\"\n                color=\"primary\"\n                onClick={() => setDrawer({ open: true, task: null })}\n              >\n                {'New task'}\n              </Button>\n            }\n          />\n        ) : (\n          <Stack spacing={1}>\n            {open.map((task) => (\n              <Stack\n                key={task.$id}\n                direction=\"row\"\n                spacing={1}\n                sx={{ alignItems: 'center', minWidth: 0 }}\n              >\n                <Checkbox\n                  size=\"small\"\n                  checked={false}\n                  disabled={busyId === task.$id}\n                  onClick={() => void toggleDone(task)}\n                  slotProps={{\n                    input: { 'aria-label': `Complete \"${task.title}\"` },\n                  }}\n                />\n                <Stack\n                  sx={{ minWidth: 0, flex: 1, cursor: 'pointer' }}\n                  onClick={() => setDrawer({ open: true, task })}\n                >\n                  <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center', minWidth: 0 }}>\n                    <TaskKindCell kind={task.kind} iconOnly />\n                    <Typography variant=\"body2\" noWrap sx={{ minWidth: 0 }}>\n                      {task.title}\n                    </Typography>\n                    {task.priority === 'high' ? (\n                      <TaskPriorityChip priority={task.priority} />\n                    ) : null}\n                  </Stack>\n                  <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n                    <TaskDueText task={task} nowMs={nowMs} variant=\"caption\" />\n                    {task.assigneeUid ? (\n                      <Typography variant=\"caption\" color=\"text.secondary\" noWrap>\n                        {`· ${directory.nameOf(task.assigneeUid)}`}\n                      </Typography>\n                    ) : null}\n                    {scope ? (\n                      <TaskSnoozeMenu\n                        dueAtMs={task.dueAtMs}\n                        remindAtMs={task.remindAtMs}\n                        target={{\n                          write: {\n                            scope,\n                            taskId: task.$id,\n                            call: crmTaskCallScope(hostId, orgId),\n                            links: task,\n                          },\n                        }}\n                        disabled={busyId === task.$id}\n                      />\n                    ) : null}\n                  </Stack>\n                </Stack>\n              </Stack>\n            ))}\n          </Stack>\n        )}\n      </CardDisplay>\n      <TaskEditDrawer\n        open={drawer.open}\n        onClose={() => setDrawer((prev) => ({ ...prev, open: false }))}\n        hostId={hostId}\n        org={org}\n        orgId={orgId}\n        scope={scope}\n        readTokens={readTokens}\n        task={drawer.task}\n        prefill={record}\n        seed={{ fromCache, unreadable: status === 'error' }}\n      />\n    </>\n  )\n}\nRecordTasksCard.displayName = 'RecordTasksCard'\n\nexport default RecordTasksCard\n"],"names":["CRM_COLLECTIONS","pluginDocsHelp","AppLink","CardDisplay","EmptyStateComponent","useSnackbar","useFirestore","useUser","Button","Checkbox","Stack","Typography","deleteField","doc","serverTimestamp","updateDoc","useCallback","useMemo","useState","useCrmHubPath","useCrmRecordTasks","useNowMs","useOrgMemberDirectory","crmRoutes","refreshCrmNextActivity","completeCrmTask","crmTaskCallScope","TaskDueText","TaskKindCell","TaskPriorityChip","TaskEditDrawer","TaskSnoozeMenu","RecordTasksCard","props","hostId","org","basePath","contactId","companyId","dealId","firestore","data","user","enqueueSnackbar","nowMs","hubPath","routes","record","tasks","status","fromCache","scope","orgId","readTokens","directory","open","filter","task","doneCount","length","drawer","setDrawer","busyId","setBusyId","toggleDone","$id","completedAtMs","completedByUid","updatedAt","callScope","taskId","variant","cause","Error","message","header","help","anchor","excerpt","subheader","undefined","contentGutterX","contentGutterY","HeaderProps","action","direction","spacing","component","componentVariant","nativeButton","href","section","size","color","onClick","compact","label","description","map","sx","alignItems","minWidth","checked","disabled","slotProps","input","title","flex","cursor","kind","iconOnly","noWrap","priority","assigneeUid","nameOf","dueAtMs","remindAtMs","target","write","call","links","onClose","prev","prefill","seed","unreadable","displayName"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;;AAEA,SAASA,eAAe,EAAEC,cAAc,QAAQ,eAAc;AAC9D,SAASC,OAAO,EAAEC,WAAW,QAAQ,uBAAsB;AAC3D,OAAOC,yBAAyB,wDAAuD;AACvF,SAASC,WAAW,QAAQ,8BAA6B;AACzD,SAASC,YAAY,EAAEC,OAAO,QAAQ,iCAAgC;AACtE,SAASC,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,UAAU,QAAQ,gBAAe;AACnE,SAASC,WAAW,EAAEC,GAAG,EAAEC,eAAe,EAAEC,SAAS,QAAQ,qBAAoB;AACjF,SAASC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAO;AACtD,SAASC,aAAa,QAAQ,+BAA2B;AACzD,SAGEC,iBAAiB,EACjBC,QAAQ,QACH,4BAAwB;AAC/B,SAASC,qBAAqB,QAAQ,uCAAmC;AACzE,SAASC,SAAS,QAAQ,yBAAqB;AAC/C,SAASC,sBAAsB,QAAQ,gCAA4B;AACnE,SAASC,eAAe,QAAQ,uBAAmB;AACnD,SAASC,gBAAgB,QAAQ,0BAAsB;AACvD,SAASC,WAAW,EAAEC,YAAY,EAAEC,gBAAgB,QAAQ,kBAAc;AAC1E,OAAOC,oBAAoB,wBAAoB;AAC/C,OAAOC,oBAAoB,wBAAoB;AAe/C;;;;;;;;;;;;;CAaC,GACD,OAAO,SAASC,gBAAgBC,KAA2B;IACzD,MAAM,EAAEC,MAAM,EAAEC,GAAG,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,SAAS,EAAEC,MAAM,EAAE,GAAGN;IAChE,MAAMO,YAAYlC;IAClB,MAAM,EAAEmC,MAAMC,IAAI,EAAE,GAAGnC;IACvB,MAAM,EAAEoC,eAAe,EAAE,GAAGtC;IAC5B,MAAMuC,QAAQvB;IACd,MAAMwB,UAAU1B,cAAciB;IAC9B,MAAMU,SAAS7B,QAAQ,IAAMM,UAAUsB,UAAU;QAACA;KAAQ;IAC1D,MAAME,SAAS9B,QACb,IACEoB,YAAY;YAAEA;QAAU,IAAIC,YAAY;YAAEA;QAAU,IAAI;YAAEC;QAAO,GACnE;QAACF;QAAWC;QAAWC;KAAO;IAEhC,MAAM,EAAES,KAAK,EAAEC,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAEC,KAAK,EAAEC,UAAU,EAAE,GAAGjC,kBAAkB;QAC/Ec;QACAC;QACAY;IACF;IACA,MAAMO,YAAYhC,sBAAsB8B;IACxC,MAAMG,OAAOtC,QAAQ,IAAM+B,MAAMQ,MAAM,CAAC,CAACC,OAASA,KAAKR,MAAM,KAAK,SAAS;QAACD;KAAM;IAClF,MAAMU,YAAYV,MAAMW,MAAM,GAAGJ,KAAKI,MAAM;IAE5C,MAAM,CAACC,QAAQC,UAAU,GAAG3C,SAAqD;QAC/EqC,MAAM;QACNE,MAAM;IACR;IACA,MAAM,CAACK,QAAQC,UAAU,GAAG7C,SAAwB;IAEpD,MAAM8C,aAAahD,YACjB,OAAOyC;QACL,IAAI,CAACN,SAASW,QAAQ;QACtBC,UAAUN,KAAKQ,GAAG;QAClB,IAAI;YACF,IAAIR,KAAKR,MAAM,KAAK,QAAQ;gBAC1B,MAAMlC,UACJF,IAAI2B,WAAWW,KAAK,CAAC,EAAE,EAAEA,KAAK,CAAC,EAAE,EAAEnD,gBAAgBgD,KAAK,EAAES,KAAKQ,GAAG,GAClE;oBACEhB,QAAQ;oBACRiB,eAAe;oBACfC,gBAAgBvD;oBAChBwD,WAAWtD;gBACb;gBAEF,mEAAmE;gBACnE,MAAMU,uBAAuBkB,MAAMhB,iBAAiBQ,QAAQkB,QAAQ;oBAACK;iBAAK;YAC5E,OAAO;gBACL,iEAAiE;gBACjE,oEAAoE;gBACpE,MAAMY,YAAY3C,iBAAiBQ,QAAQkB;gBAC3C,IAAI,CAACiB,WAAW;gBAChB,MAAM5C,gBAAgBiB,MAAM,aAAK2B;oBAAWC,QAAQb,KAAKQ,GAAG;;gBAC5DtB,gBAAgB,kBAAkB;oBAAE4B,SAAS;gBAAU;YACzD;QACF,EAAE,OAAOC,OAAO;YACd7B,gBACE6B,iBAAiBC,QAAQD,MAAME,OAAO,GAAG,kCACzC;gBAAEH,SAAS;YAAU;QAEzB,SAAU;YACRR,UAAU;QACZ;IACF,GACA;QAACZ;QAAOW;QAAQtB;QAAWE;QAAMR;QAAQkB;QAAOT;KAAgB;IAGlE,qBACE;;0BACE,KAACxC;gBACCwE,QAAQ;gBACRC,MAAM3E,eAAe,YAAY;oBAC/B4E,QAAQ;oBACRC,SACE,mEACA;gBACJ;gBACAC,WACErB,YACI,GAAGH,KAAKI,MAAM,CAAC,QAAQ,EAAED,UAAU,KAAK,CAAC,GACzCH,KAAKI,MAAM,GACT,GAAGJ,KAAKI,MAAM,CAAC,KAAK,CAAC,GACrBqB;gBAERC,cAAc;gBACdC,cAAc;gBACdC,aAAa;oBACXC,sBACE,MAAC1E;wBAAM2E,WAAU;wBAAMC,SAAS;;0CAC9B,KAAC9E;gCACC+E,WAAWrF;+BACN;gCAAEsF,kBAAkB;gCAASC,cAAc;4BAAM;gCACtDC,MAAM5C,OAAO6C,OAAO,CAAC;gCACrBC,MAAK;gCACLC,OAAM;0CAEL;;0CAEH,KAACrF;gCACCoF,MAAK;gCACLrB,SAAQ;gCACRsB,OAAM;gCACNC,SAAS,IAAMjC,UAAU;wCAAEN,MAAM;wCAAME,MAAM;oCAAK;0CAEjD;;;;gBAIT;0BAECR,WAAW,wBACV,KAACtC;oBAAW4D,SAAQ;oBAAQsB,OAAM;8BAC/B;qBAED5C,WAAW,aAAa,CAACM,KAAKI,MAAM,iBACtC,KAACvD;oBACC2F,OAAO;oBACPC,OAAOtC,YAAY,4BAA4B;oBAC/CuC,aACEvC,YACI,mDACA;oBAEN0B,sBACE,KAAC5E;wBACCoF,MAAK;wBACLrB,SAAQ;wBACRsB,OAAM;wBACNC,SAAS,IAAMjC,UAAU;gCAAEN,MAAM;gCAAME,MAAM;4BAAK;kCAEjD;;mCAKP,KAAC/C;oBAAM4E,SAAS;8BACb/B,KAAK2C,GAAG,CAAC,CAACzC,qBACT,MAAC/C;4BAEC2E,WAAU;4BACVC,SAAS;4BACTa,IAAI;gCAAEC,YAAY;gCAAUC,UAAU;4BAAE;;8CAExC,KAAC5F;oCACCmF,MAAK;oCACLU,SAAS;oCACTC,UAAUzC,WAAWL,KAAKQ,GAAG;oCAC7B6B,SAAS,IAAM,KAAK9B,WAAWP;oCAC/B+C,WAAW;wCACTC,OAAO;4CAAE,cAAc,CAAC,UAAU,EAAEhD,KAAKiD,KAAK,CAAC,CAAC,CAAC;wCAAC;oCACpD;;8CAEF,MAAChG;oCACCyF,IAAI;wCAAEE,UAAU;wCAAGM,MAAM;wCAAGC,QAAQ;oCAAU;oCAC9Cd,SAAS,IAAMjC,UAAU;4CAAEN,MAAM;4CAAME;wCAAK;;sDAE5C,MAAC/C;4CAAM2E,WAAU;4CAAMC,SAAS;4CAAGa,IAAI;gDAAEC,YAAY;gDAAUC,UAAU;4CAAE;;8DACzE,KAACzE;oDAAaiF,MAAMpD,KAAKoD,IAAI;oDAAEC,QAAQ;;8DACvC,KAACnG;oDAAW4D,SAAQ;oDAAQwC,MAAM;oDAACZ,IAAI;wDAAEE,UAAU;oDAAE;8DAClD5C,KAAKiD,KAAK;;gDAEZjD,KAAKuD,QAAQ,KAAK,uBACjB,KAACnF;oDAAiBmF,UAAUvD,KAAKuD,QAAQ;qDACvC;;;sDAEN,MAACtG;4CAAM2E,WAAU;4CAAMC,SAAS;4CAAGa,IAAI;gDAAEC,YAAY;4CAAS;;8DAC5D,KAACzE;oDAAY8B,MAAMA;oDAAMb,OAAOA;oDAAO2B,SAAQ;;gDAC9Cd,KAAKwD,WAAW,iBACf,KAACtG;oDAAW4D,SAAQ;oDAAUsB,OAAM;oDAAiBkB,MAAM;8DACxD,CAAC,EAAE,EAAEzD,UAAU4D,MAAM,CAACzD,KAAKwD,WAAW,GAAG;qDAE1C;gDACH9D,sBACC,KAACpB;oDACCoF,SAAS1D,KAAK0D,OAAO;oDACrBC,YAAY3D,KAAK2D,UAAU;oDAC3BC,QAAQ;wDACNC,OAAO;4DACLnE;4DACAmB,QAAQb,KAAKQ,GAAG;4DAChBsD,MAAM7F,iBAAiBQ,QAAQkB;4DAC/BoE,OAAO/D;wDACT;oDACF;oDACA8C,UAAUzC,WAAWL,KAAKQ,GAAG;qDAE7B;;;;;;2BAhDHR,KAAKQ,GAAG;;;0BAwDvB,KAACnC;gBACCyB,MAAMK,OAAOL,IAAI;gBACjBkE,SAAS,IAAM5D,UAAU,CAAC6D,OAAU,aAAKA;4BAAMnE,MAAM;;gBACrDrB,QAAQA;gBACRC,KAAKA;gBACLiB,OAAOA;gBACPD,OAAOA;gBACPE,YAAYA;gBACZI,MAAMG,OAAOH,IAAI;gBACjBkE,SAAS5E;gBACT6E,MAAM;oBAAE1E;oBAAW2E,YAAY5E,WAAW;gBAAQ;;;;AAI1D;AACAjB,gBAAgB8F,WAAW,GAAG;AAE9B,eAAe9F,gBAAe"}
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/record-tasks-card.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 {\n  CRM_COLLECTIONS,\n  crmTaskPicklistLabels,\n  crmTaskStatusWrite,\n  pluginDocsHelp,\n} from '@aglyn/aglyn'\nimport { AppLink, CardDisplay } from '@aglyn/shared-ui-jsx'\nimport EmptyStateComponent from '@aglyn/shared-ui-jsx/components/empty-state.component'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { useFirestore, useUser } from '@aglyn/tenant-feature-instance'\nimport { Button, Checkbox, Stack, Typography } from '@mui/material'\nimport { deleteField, doc, serverTimestamp, updateDoc } from 'firebase/firestore'\nimport { useCallback, useMemo, useState } from 'react'\nimport { useCrmHubPath } from '../hooks/use-crm-hub-path'\nimport {\n  type CrmRecordRef,\n  type CrmTaskRow,\n  useCrmRecordTasks,\n  useNowMs,\n} from '../hooks/use-crm-tasks'\nimport { useOrgMemberDirectory } from '../hooks/use-org-member-directory'\nimport { useCrmTaskPicklists } from '../hooks/use-crm-task-picklists'\nimport { crmRoutes } from '../model/crm-routes'\nimport { refreshCrmNextActivity } from '../model/next-activity-api'\nimport { completeCrmTask } from '../model/task-api'\nimport { crmTaskCallScope } from '../model/task-routes'\nimport { TaskDueText, TaskKindCell, TaskPriorityChip } from './task-cells'\nimport TaskEditDrawer from './task-edit-drawer'\nimport TaskSnoozeMenu from './task-snooze-menu'\n\nexport interface RecordTasksCardProps extends CrmRecordRef {\n  /** The site the record is read under, or `null` at the organization level. */\n  hostId: string | null\n  /** The org document the shell passed the page; scopes the read when present. */\n  org?: Record<string, unknown> | null\n  /**\n   * The hub's path, for the link to the full tasks list. A page the hub\n   * rendered has one to pass; a card mounted anywhere else leaves it out and\n   * the path is rebuilt from the URL.\n   */\n  basePath?: string\n}\n\n/**\n * The open tasks for ONE contact, company or deal, on that record's page\n * (AGL-2599).\n *\n * Exactly one of `contactId`, `companyId`, `dealId` names the record; the\n * first present one wins. A record page drops this in beside its other\n * cards: `<RecordTasksCard hostId={hostId} org={org} contactId={id} />`.\n * Tasks are completed inline and created with the record\n * already linked; everything else about a task is edited by opening it.\n *\n * Open tasks are listed and completed ones are counted, because a record's\n * page is where somebody decides what to do next about the person, and the\n * history of what was done lives in the Done view of the tasks section.\n */\nexport function RecordTasksCard(props: RecordTasksCardProps) {\n  const { hostId, org, basePath, contactId, companyId, dealId } = props\n  const firestore = useFirestore()\n  const { data: user } = useUser()\n  const { enqueueSnackbar } = useSnackbar()\n  const nowMs = useNowMs()\n  const hubPath = useCrmHubPath(basePath)\n  const routes = useMemo(() => crmRoutes(hubPath), [hubPath])\n  const record = useMemo<CrmRecordRef>(\n    () =>\n      contactId ? { contactId } : companyId ? { companyId } : { dealId },\n    [contactId, companyId, dealId],\n  )\n  const { tasks, status, fromCache, scope, orgId, readTokens } = useCrmRecordTasks({\n    hostId,\n    org,\n    record,\n  })\n  const directory = useOrgMemberDirectory(orgId)\n  const picklists = useCrmTaskPicklists(orgId)\n  const open = useMemo(() => tasks.filter((task) => task.status !== 'done'), [tasks])\n  const doneCount = tasks.length - open.length\n\n  const [drawer, setDrawer] = useState<{ open: boolean; task: CrmTaskRow | null }>({\n    open: false,\n    task: null,\n  })\n  const [busyId, setBusyId] = useState<string | null>(null)\n\n  const toggleDone = useCallback(\n    async (task: CrmTaskRow) => {\n      if (!scope || busyId) return\n      setBusyId(task.$id)\n      try {\n        if (task.status === 'done') {\n          await updateDoc(\n            doc(firestore, scope[0], scope[1], CRM_COLLECTIONS.tasks, task.$id),\n            {\n              // Open again, with the label a new task starts with (AGL-3517).\n              ...crmTaskStatusWrite(picklists.status, false),\n              completedAtMs: null,\n              completedByUid: deleteField(),\n              updatedAt: serverTimestamp(),\n            },\n          )\n          // A client-direct write: the records it names are told (AGL-2661).\n          await refreshCrmNextActivity(user, crmTaskCallScope(hostId, orgId), [task])\n        } else {\n          // The mounted site, or at the organization level the org — whose\n          // variant emits on the task's own site, or nowhere for an org task.\n          const callScope = crmTaskCallScope(hostId, orgId)\n          if (!callScope) return\n          await completeCrmTask(user, { ...callScope, taskId: task.$id })\n          enqueueSnackbar('Task completed', { variant: 'success' })\n        }\n      } catch (cause) {\n        enqueueSnackbar(\n          cause instanceof Error ? cause.message : 'The task could not be updated.',\n          { variant: 'warning' },\n        )\n      } finally {\n        setBusyId(null)\n      }\n    },\n    [scope, busyId, firestore, user, hostId, orgId, enqueueSnackbar, picklists.status],\n  )\n\n  return (\n    <>\n      <CardDisplay\n        header={'Tasks'}\n        help={pluginDocsHelp('crmTasks', {\n          anchor: '#tasks-on-a-contact-company-or-deal',\n          excerpt:\n            'The open tasks about this record. Tick one to complete it, or ' +\n            'add a call, an email, a meeting or a to-do already linked here.',\n        })}\n        subheader={\n          doneCount\n            ? `${open.length} open · ${doneCount} done`\n            : open.length\n              ? `${open.length} open`\n              : undefined\n        }\n        contentGutterX\n        contentGutterY\n        HeaderProps={{\n          action: (\n            <Stack direction=\"row\" spacing={1}>\n              <Button\n                component={AppLink as any}\n                {...({ componentVariant: 'naked', nativeButton: false } as any)}\n                href={routes.section('tasks')}\n                size=\"small\"\n                color=\"primary\"\n              >\n                {'All tasks'}\n              </Button>\n              <Button\n                size=\"small\"\n                variant=\"contained\"\n                color=\"primary\"\n                onClick={() => setDrawer({ open: true, task: null })}\n              >\n                {'New task'}\n              </Button>\n            </Stack>\n          ),\n        }}\n      >\n        {status === 'error' ? (\n          <Typography variant=\"body2\" color=\"error\">\n            {'The tasks could not be loaded.'}\n          </Typography>\n        ) : status === 'success' && !open.length ? (\n          <EmptyStateComponent\n            compact\n            label={doneCount ? 'Everything here is done' : 'No tasks yet'}\n            description={\n              doneCount\n                ? 'The completed ones are kept on the Tasks list.'\n                : 'A call, an email, a meeting or a to-do owed to this record.'\n            }\n            action={\n              <Button\n                size=\"small\"\n                variant=\"contained\"\n                color=\"primary\"\n                onClick={() => setDrawer({ open: true, task: null })}\n              >\n                {'New task'}\n              </Button>\n            }\n          />\n        ) : (\n          <Stack spacing={1}>\n            {open.map((task) => {\n              const labels = crmTaskPicklistLabels(task, picklists)\n              return (\n                <Stack\n                  key={task.$id}\n                  direction=\"row\"\n                  spacing={1}\n                  sx={{ alignItems: 'center', minWidth: 0 }}\n                >\n                  <Checkbox\n                    size=\"small\"\n                    checked={false}\n                    disabled={busyId === task.$id}\n                    onClick={() => void toggleDone(task)}\n                    slotProps={{\n                      input: { 'aria-label': `Complete \"${task.title}\"` },\n                    }}\n                  />\n                  <Stack\n                    sx={{ minWidth: 0, flex: 1, cursor: 'pointer' }}\n                    onClick={() => setDrawer({ open: true, task })}\n                  >\n                    <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center', minWidth: 0 }}>\n                      <TaskKindCell kind={task.kind} label={labels.type} iconOnly />\n                      <Typography variant=\"body2\" noWrap sx={{ minWidth: 0 }}>\n                        {task.title}\n                      </Typography>\n                      {task.priority === 'high' ? (\n                        <TaskPriorityChip priority={task.priority} label={labels.priority} />\n                      ) : null}\n                    </Stack>\n                    <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n                      <TaskDueText task={task} nowMs={nowMs} variant=\"caption\" />\n                      {task.assigneeUid ? (\n                        <Typography variant=\"caption\" color=\"text.secondary\" noWrap>\n                          {`· ${directory.nameOf(task.assigneeUid)}`}\n                        </Typography>\n                      ) : null}\n                      {scope ? (\n                        <TaskSnoozeMenu\n                          dueAtMs={task.dueAtMs}\n                          remindAtMs={task.remindAtMs}\n                          target={{\n                            write: {\n                              scope,\n                              taskId: task.$id,\n                              call: crmTaskCallScope(hostId, orgId),\n                              links: task,\n                            },\n                          }}\n                          disabled={busyId === task.$id}\n                        />\n                      ) : null}\n                    </Stack>\n                  </Stack>\n                </Stack>\n              )\n            })}\n          </Stack>\n        )}\n      </CardDisplay>\n      <TaskEditDrawer\n        open={drawer.open}\n        onClose={() => setDrawer((prev) => ({ ...prev, open: false }))}\n        hostId={hostId}\n        org={org}\n        orgId={orgId}\n        scope={scope}\n        readTokens={readTokens}\n        task={drawer.task}\n        prefill={record}\n        seed={{ fromCache, unreadable: status === 'error' }}\n      />\n    </>\n  )\n}\nRecordTasksCard.displayName = 'RecordTasksCard'\n\nexport default RecordTasksCard\n"],"names":["CRM_COLLECTIONS","crmTaskPicklistLabels","crmTaskStatusWrite","pluginDocsHelp","AppLink","CardDisplay","EmptyStateComponent","useSnackbar","useFirestore","useUser","Button","Checkbox","Stack","Typography","deleteField","doc","serverTimestamp","updateDoc","useCallback","useMemo","useState","useCrmHubPath","useCrmRecordTasks","useNowMs","useOrgMemberDirectory","useCrmTaskPicklists","crmRoutes","refreshCrmNextActivity","completeCrmTask","crmTaskCallScope","TaskDueText","TaskKindCell","TaskPriorityChip","TaskEditDrawer","TaskSnoozeMenu","RecordTasksCard","props","hostId","org","basePath","contactId","companyId","dealId","firestore","data","user","enqueueSnackbar","nowMs","hubPath","routes","record","tasks","status","fromCache","scope","orgId","readTokens","directory","picklists","open","filter","task","doneCount","length","drawer","setDrawer","busyId","setBusyId","toggleDone","$id","completedAtMs","completedByUid","updatedAt","callScope","taskId","variant","cause","Error","message","header","help","anchor","excerpt","subheader","undefined","contentGutterX","contentGutterY","HeaderProps","action","direction","spacing","component","componentVariant","nativeButton","href","section","size","color","onClick","compact","label","description","map","labels","sx","alignItems","minWidth","checked","disabled","slotProps","input","title","flex","cursor","kind","type","iconOnly","noWrap","priority","assigneeUid","nameOf","dueAtMs","remindAtMs","target","write","call","links","onClose","prev","prefill","seed","unreadable","displayName"],"mappings":"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"}

package/src/lib/components/reports/forecast-card.d.ts

@@ -7,6 +7,12 @@ export interface ForecastCardProps {
  * month each deal is expected to close, for the next six, per pipeline,
  * at face value and weighted by the stage.
  *
+ * And by forecast category (AGL-3516), Salesforce's other way to read it:
+ * the open deals by the category each stands in — Pipeline, Best Case,
+ * Commit — and the deals won in the period as Closed, each at face value
+ * and weighted. A deal the team put in Omitted is counted beside the table
+ * rather than in it.
+ *
  * Not period-scoped, like the pipeline card and for the same reason: the
  * forecast is what is open NOW, looked at forward. Deals with no expected
  * close are their own row rather than a footnote — that row is the size

package/src/lib/components/reports/forecast-card.js

@@ -27,7 +27,7 @@ import { collectionCeiling } from "@aglyn/tenant-feature-instance/hooks/host-col
 import { plural } from "./report-format.js";
 import { reportCacheKey, scopedCollection, visibleToClause } from "./report-scope.js";
 import { useWindowRead } from "./use-aggregate-read.js";
-import { currencyOfDeals, forecastByCloseMonth } from "../../model/crm-reports.js";
+import { currencyOfDeals, FORECAST_CATEGORY_ROWS, forecastByCategory, forecastByCloseMonth } from "../../model/crm-reports.js";
 /**
  * The same window the pipeline card reads, under the SAME cache key and
  * the same dependencies, so the two cards cost one read between them —
@@ -36,6 +36,11 @@ import { currencyOfDeals, forecastByCloseMonth } from "../../model/crm-reports.j
  * name two different questions.
  */ const OPEN_DEAL_CEILING = 1000;
 const PIPELINE_CEILING = 20;
+/**
+ * The won deals of the period, read exactly as the closed-deals card reads
+ * them — the same query, ceiling and cache key — so the Closed row costs
+ * no read of its own.
+ */ const CLOSED_DEAL_CEILING = 500;
 /** `Sep 2026` — the month a column is. */ function monthLabel(startMs) {
     return new Date(startMs).toLocaleDateString(undefined, {
         month: 'short',
@@ -47,6 +52,12 @@ const PIPELINE_CEILING = 20;
  * month each deal is expected to close, for the next six, per pipeline,
  * at face value and weighted by the stage.
  *
+ * And by forecast category (AGL-3516), Salesforce's other way to read it:
+ * the open deals by the category each stands in — Pipeline, Best Case,
+ * Commit — and the deals won in the period as Closed, each at face value
+ * and weighted. A deal the team put in Omitted is counted beside the table
+ * rather than in it.
+ *
  * Not period-scoped, like the pipeline card and for the same reason: the
  * forecast is what is open NOW, looked at forward. Deals with no expected
  * close are their own row rather than a footnote — that row is the size
@@ -56,7 +67,7 @@ const PIPELINE_CEILING = 20;
  * to the pipeline.
  */ export function ForecastCard(props) {
     const { report } = props;
-    const { scope, tokens, nowMs } = report;
+    const { scope, tokens, nowMs, range } = report;
     const firestore = useFirestore();
     const dealWindow = useWindowRead(()=>query(scopedCollection(firestore, scope, 'deals'), ...visibleToClause(tokens), where('status', '==', 'open'), orderBy('updatedAt', 'desc'), limit(OPEN_DEAL_CEILING + 1)), OPEN_DEAL_CEILING, [
         firestore,
@@ -74,11 +85,25 @@ const PIPELINE_CEILING = 20;
     ], {
         cacheKey: reportCacheKey(report, 'pipeline:pipelines')
     });
+    const wonWindow = useWindowRead(()=>query(scopedCollection(firestore, scope, 'deals'), ...visibleToClause(tokens), where('status', '==', 'won'), where('closedAtMs', '>=', range.from), where('closedAtMs', '<', range.to), orderBy('closedAtMs', 'desc'), limit(CLOSED_DEAL_CEILING + 1)), CLOSED_DEAL_CEILING, [
+        firestore,
+        scope,
+        tokens,
+        range
+    ], {
+        cacheKey: reportCacheKey(report, 'closed:won')
+    });
     const forecast = useMemo(()=>forecastByCloseMonth(dealWindow.rows, pipelineWindow.rows, nowMs), [
         dealWindow.rows,
         pipelineWindow.rows,
         nowMs
     ]);
+    const byCategory = useMemo(()=>forecastByCategory(dealWindow.rows, wonWindow.rows, pipelineWindow.rows), [
+        dealWindow.rows,
+        wonWindow.rows,
+        pipelineWindow.rows
+    ]);
+    const categoriesRead = wonWindow.status === 'success';
     const currency = useMemo(()=>currencyOfDeals(dealWindow.rows), [
         dealWindow.rows
     ]);
@@ -141,7 +166,7 @@ const PIPELINE_CEILING = 20;
         header: 'Forecast by close month',
         help: Aglyn.pluginDocsHelp('crmReports', {
             anchor: '#forecast-by-close-month',
-            excerpt: 'Every open deal by the month it is expected to close, for the ' + 'next six months and per pipeline, at face value and weighted by ' + 'its stage. Deals with no expected close are their own row.'
+            excerpt: 'Every open deal by the month it is expected to close, for the ' + 'next six months and per pipeline, at face value and weighted by ' + 'its stage. Deals with no expected close are their own row. Below, ' + 'the same deals by forecast category, with the deals won in the ' + 'period as Closed.'
         }),
         contentGutterX: true,
         contentGutterY: true,
@@ -227,6 +252,79 @@ const PIPELINE_CEILING = 20;
                         ]
                     })
                 }),
+                read && categoriesRead && byCategory.total.count + byCategory.omitted.count > 0 ? /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 1,
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "subtitle2",
+                            children: 'By forecast category'
+                        }),
+                        /*#__PURE__*/ _jsx(Box, {
+                            children: /*#__PURE__*/ _jsxs(ScrollTable, {
+                                size: "small",
+                                "aria-label": "Forecast by category",
+                                children: [
+                                    /*#__PURE__*/ _jsx(TableHead, {
+                                        children: /*#__PURE__*/ _jsxs(TableRow, {
+                                            children: [
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    children: 'Forecast category'
+                                                }),
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    align: "right",
+                                                    children: 'Deals'
+                                                })
+                                            ]
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsxs(TableBody, {
+                                        children: [
+                                            FORECAST_CATEGORY_ROWS.map((category)=>/*#__PURE__*/ _jsxs(TableRow, {
+                                                    "data-forecast-category": category,
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx(TableCell, {
+                                                            children: /*#__PURE__*/ _jsx(Typography, {
+                                                                variant: "body2",
+                                                                children: category === 'closed' ? 'Closed (won in the period)' : Aglyn.CRM_FORECAST_CATEGORY_LABELS[category]
+                                                            })
+                                                        }),
+                                                        /*#__PURE__*/ _jsx(TableCell, {
+                                                            align: "right",
+                                                            children: cell(byCategory.rows[category], currency.currency)
+                                                        })
+                                                    ]
+                                                }, category)),
+                                            /*#__PURE__*/ _jsxs(TableRow, {
+                                                children: [
+                                                    /*#__PURE__*/ _jsx(TableCell, {
+                                                        children: /*#__PURE__*/ _jsx(Typography, {
+                                                            variant: "subtitle2",
+                                                            children: 'Forecast'
+                                                        })
+                                                    }),
+                                                    /*#__PURE__*/ _jsx(TableCell, {
+                                                        align: "right",
+                                                        children: cell(byCategory.total, currency.currency)
+                                                    })
+                                                ]
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        }),
+                        byCategory.omitted.count > 0 ? /*#__PURE__*/ _jsx(Typography, {
+                            variant: "caption",
+                            color: "text.secondary",
+                            children: `${plural(byCategory.omitted.count, 'open deal')} worth ` + `${money(byCategory.omitted.amountCents, currency.currency)} ` + `${byCategory.omitted.count === 1 ? 'is' : 'are'} in Omitted and left out of the forecast.`
+                        }) : null,
+                        wonWindow.truncated ? /*#__PURE__*/ _jsx(Typography, {
+                            variant: "caption",
+                            color: "text.secondary",
+                            children: `Closed counts the ${CLOSED_DEAL_CEILING.toLocaleString()} most recently won deals of the period.`
+                        }) : null
+                    ]
+                }) : null,
                 read && currency.mixed ? /*#__PURE__*/ _jsx(Typography, {
                     variant: "caption",
                     color: "text.secondary",