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

package/src/lib/components/list-detail-card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/email/src/lib/components/list-detail-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\n/**\n * ONE AUDIENCE: who it is, how it is built, and every person on it.\n *\n * ## Why a route rather than an expanded row\n *\n * The membership used to unfold inside the list table, which cost three\n * things a merchant actually uses. A list was not linkable, so \"check the\n * Wholesale audience\" could not be sent to anybody. The back button walked out\n * of the whole surface rather than out of the list. And the list's own\n * settings had to live under a table they were not about.\n *\n * ## What it reads\n *\n * The list document — one document, whatever the audience's size — plus one\n * server aggregate for the subscriber total, plus the paged membership window\n * the table below draws. The membership is PII and there is one document per\n * subscriber, so it is read HERE, where somebody asked for it, and nowhere\n * that merely lists audiences.\n *\n * ## The rule is stated, not just flagged\n *\n * A dynamic list is a claim about who is on it, and \"Rule\" as a chip is not\n * that claim. The summary spells out every dimension the rule actually\n * carries, so the answer to \"why is this person not in the audience\" is on the\n * screen the question gets asked on.\n *\n * ## On the organization's page, the site it is worked AS\n *\n * The list is the organization's, but adding somebody to it is done as one\n * site — the enrollment and the consent it records are that site's — and the\n * Consent column reads what each person agreed to with one site's group. So\n * with no site in the URL the page asks which, defaulting to the site the\n * list's filters draw from, then the reader's pick this session, then the\n * org's only site. Nothing below the picker is built until there is an\n * answer: a consent column for no site would be a column about nobody.\n */\n\nimport {\n  consentGroupForHost,\n  normalizeDynamicListRule,\n  PageHeaderRecord,\n  pluginDocsHelp,\n  type ConsentGroup,\n} from '@aglyn/aglyn'\nimport { mdiPencilOutline, mdiTrayArrowUp } from '@aglyn/shared-data-mdi'\nimport { AppLink, CardDisplay, MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { Button, Chip, Stack, Typography } from '@mui/material'\nimport { collection, doc, getCountFromServer } from 'firebase/firestore'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { useFirestore, useFirestoreDoc } from '@aglyn/tenant-feature-instance'\nimport { describeDynamicListRule } from './dynamic-list-rule-fields'\nimport {\n  OrgSiteSelect,\n  useEmailDataScope,\n  useEmailOrgMount,\n} from './email-org-mount'\nimport ListImportDrawer from './list-import-drawer'\nimport ListMembersPanel from './list-members-panel'\n\nexport interface ListDetailCardProps {\n  /** The site, or `null` on the organization's Emails page. */\n  hostId: string | null\n  /**\n   * The controller this audience is being read AS, resolved by the page from\n   * the org document it already holds — under a site.\n   *\n   * Passed through rather than resolved here: the group is a fact about the\n   * ORG, one lookup serves every section, and a card that resolved its own\n   * would be a second place for the answer to come from.\n   */\n  consentGroup?: ConsentGroup\n  /**\n   * The org document, on the organization's page, where the group can only be\n   * resolved once the reader has said which site they are working as.\n   */\n  org?: Record<string, unknown>\n  listId: string\n  /** The emails hub URL, for the way back to the audiences list. */\n  basePath: string\n}\n\nexport function ListDetailCard(props: ListDetailCardProps) {\n  const { hostId, listId, basePath, org } = props\n  const firestore = useFirestore()\n  const orgMount = useEmailOrgMount()\n  const { scope } = useEmailDataScope(hostId)\n\n  const { data: list, status } = useFirestoreDoc<Record<string, any>>(\n    () =>\n      scope ? doc(firestore, scope[0], scope[1], 'lists', listId) : null,\n    [firestore, scope, listId],\n  )\n\n  /*\n   * The subscriber total, as a server aggregate.\n   *\n   * Not the length of the page below: a count beside a paged table is exactly\n   * where a page length gets mistaken for a total. Taken once, and re-taken\n   * only when a membership is added or removed — a figure that disagreed with\n   * the table directly under it would read as the add having failed.\n   */\n  const [count, setCount] = useState<number | null>(null)\n  const [membershipVersion, setMembershipVersion] = useState(0)\n  useEffect(() => {\n    if (!scope) return undefined\n    let active = true\n    void getCountFromServer(\n      collection(firestore, scope[0], scope[1], 'lists', listId, 'members'),\n    )\n      .then((snapshot) => {\n        if (active) setCount(snapshot.data().count)\n      })\n      .catch(() => {\n        if (active) setCount(null)\n      })\n    return () => {\n      active = false\n    }\n  }, [firestore, scope, listId, membershipVersion])\n\n  const onMembershipChanged = useCallback(\n    () => setMembershipVersion((version) => version + 1),\n    [],\n  )\n\n  /*\n   * THE SITE THIS AUDIENCE IS WORKED AS. Under a site, that site. On the\n   * organization's page, the reader's choice — else the site the filters draw\n   * from, else the session's pick, else the only site.\n   */\n  const [chosenHostId, setChosenHostId] = useState('')\n  const listHostId = String(list?.['hostId'] ?? '')\n  const enrollHostId: string =\n    hostId ??\n    (chosenHostId ||\n      (orgMount?.hosts.some((site) => site.id === listHostId)\n        ? listHostId\n        : '') ||\n      orgMount?.pickedHostId ||\n      '')\n  const consentGroup = useMemo<ConsentGroup | null>(\n    () =>\n      hostId != null\n        ? (props.consentGroup ?? null)\n        : enrollHostId\n          ? consentGroupForHost(org, enrollHostId)\n          : null,\n    [hostId, props.consentGroup, enrollHostId, org],\n  )\n\n  /*\n   * Importing is a DRAWER opened from the header, not a control inside the\n   * membership panel. It is a multi-step act — choose a file, read what is in\n   * it, state that you have permission — and the middle step is the one that\n   * must not be cramped, because it carries the screening warnings and the\n   * consent readout the attestation is given against.\n   */\n  const [importing, setImporting] = useState(false)\n\n  const audiencesHref = `${basePath}/audiences`\n  const headerActions = (\n    <Stack direction=\"row\" spacing={1}>\n      <Button\n        component={AppLink as any}\n        {...({ componentVariant: 'naked', nativeButton: false } as any)}\n        href={audiencesHref}\n        size=\"small\"\n        color=\"primary\"\n      >\n        {'All audiences'}\n      </Button>\n      <Button\n        component={AppLink as any}\n        {...({ componentVariant: 'naked', nativeButton: false } as any)}\n        href={`${audiencesHref}/${listId}/edit`}\n        size=\"small\"\n        color=\"primary\"\n        variant=\"outlined\"\n        startIcon={<MdiIcon path={mdiPencilOutline.path} size={0.8} />}\n      >\n        {'Edit list'}\n      </Button>\n      <Button\n        size=\"small\"\n        color=\"primary\"\n        variant=\"contained\"\n        startIcon={<MdiIcon path={mdiTrayArrowUp.path} size={0.8} />}\n        // An import enrolls as a site; on the org page one has to be chosen.\n        disabled={!enrollHostId}\n        onClick={() => setImporting(true)}\n      >\n        {'Import'}\n      </Button>\n    </Stack>\n  )\n\n  if (!list) {\n    /*\n     * Loading and MISSING are different answers, and the difference matters\n     * more here than almost anywhere. Not \"no members\" — a list that cannot be\n     * read is a different situation from an empty one, and rendering an empty\n     * membership for the first is how somebody comes to believe an audience\n     * they built has lost everybody. Reading `status` rather than the absence\n     * of data is also what stops the refusal being flashed on every arrival,\n     * before the org scope has even resolved.\n     */\n    const settled = Boolean(scope) && status !== 'loading'\n    return (\n      <CardDisplay\n        header={'Audience'}\n        help={pluginDocsHelp('emailCampaigns', { anchor: '#email-lists' })}\n        contentGutterX\n        contentGutterY\n        HeaderProps={{ action: headerActions }}\n      >\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {settled\n            ? 'This list could not be loaded. It may have been deleted.'\n            : 'Loading this audience…'}\n        </Typography>\n      </CardDisplay>\n    )\n  }\n\n  const dynamic = list['kind'] === 'dynamic'\n  /*\n   * The filters, whichever kind of list this is.\n   *\n   * On a live list they are what the sweep evaluates. On a fixed one they are\n   * a saved SEARCH — the same filters, used to find people to add rather than\n   * to decide membership — so they are read and described either way, and only\n   * the sentence about what happens next differs.\n   */\n  const rule = normalizeDynamicListRule(list['rule'])\n  const hasFilters = rule.sources.length > 0\n  const summary = hasFilters ? describeDynamicListRule(rule) : []\n\n  /* The card, named so the page chrome above it is a plain list of\n     what this surface publishes upward. */\n  const card = (\n    <CardDisplay\n      header={'Audience'}\n      help={pluginDocsHelp('emailCampaigns', { anchor: '#list-members' })}\n      contentGutterX\n      contentGutterY\n      contentBordered=\"all\"\n      HeaderProps={{ action: headerActions }}\n    >\n      <Stack spacing={2}>\n        <Stack\n          direction=\"row\"\n          spacing={1}\n          useFlexGap\n          sx={{ flexWrap: 'wrap', alignItems: 'center' }}\n        >\n          {dynamic ? (\n            <Chip\n              size=\"small\"\n              color=\"primary\"\n              variant=\"outlined\"\n              label={\n                list['lastEvaluatedAt']?.toDate\n                  ? `Rule · ${list['lastEvaluatedAt']\n                      .toDate()\n                      .toLocaleString()}`\n                  : 'Rule · not yet evaluated'\n              }\n            />\n          ) : (\n            <Chip size=\"small\" variant=\"outlined\" label=\"Fixed membership\" />\n          )}\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {count === null\n              ? 'Counting subscribers…'\n              : count === 1\n                ? '1 subscriber'\n                : `${count.toLocaleString()} subscribers`}\n          </Typography>\n        </Stack>\n\n        {/*\n          A live list's filters are stated HERE rather than only on the edit\n          page: they are the answer to \"why is this person not in the\n          audience\", which is a question asked while looking at the membership.\n          A fixed list states them inside the find-people control instead,\n          beside the button that acts on them.\n         */}\n        {dynamic && hasFilters ? (\n          <Stack spacing={0.5}>\n            {summary.map((clause) => (\n              <Typography key={clause} variant=\"body2\" color=\"text.secondary\">\n                {clause}\n              </Typography>\n            ))}\n          </Stack>\n        ) : null}\n\n        {orgMount ? (\n          <OrgSiteSelect\n            mount={orgMount}\n            label=\"Enroll as\"\n            value={enrollHostId}\n            onChange={setChosenHostId}\n            helperText={\n              'People you add are enrolled as this site, and the Consent ' +\n              'column reads what they agreed to with it.'\n            }\n          />\n        ) : null}\n\n        {orgMount && !enrollHostId ? (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'Choose the site to work this audience as. Whether someone may ' +\n              'be emailed depends on what they agreed to with a site, so the ' +\n              'members and their consent are read for one site at a time.'}\n          </Typography>\n        ) : scope && consentGroup ? (\n          <ListMembersPanel\n            key={enrollHostId}\n            hostId={enrollHostId}\n            consentGroup={consentGroup}\n            scope={scope as readonly [string, string]}\n            listId={listId}\n            listName={String(list['name'] ?? '')}\n            onMembershipChanged={onMembershipChanged}\n            /*\n              Offered only on a FIXED list. A live list's membership is the\n              sweep's to decide, and hand-adding its own matches would write\n              `via: 'manual'` copies of rows the sweep already owns — rows it\n              then may not reconcile away when the person stops matching.\n             */\n            findRule={dynamic || !hasFilters ? null : rule}\n            ruleSummary={summary}\n          />\n        ) : null}\n      </Stack>\n      {/*\n        Mounted only while it is open, so a page nobody is importing on runs\n        none of its effects — the drawer looks for an unfinished import when\n        it opens, and that read must not be a cost of visiting an audience.\n       */}\n      {importing && enrollHostId ? (\n        <ListImportDrawer\n          open\n          onClose={() => setImporting(false)}\n          hostId={enrollHostId}\n          listId={listId}\n          listName={String(list['name'] ?? '')}\n          onMembershipChanged={onMembershipChanged}\n        />\n      ) : null}\n    </CardDisplay>\n  )\n\n  return (\n    <>\n      {/* The page heading and the trail name the audience; this card is\n          then free to say what it holds rather than repeating the title. */}\n      <PageHeaderRecord title={String(list['name'] || listId)} />\n      {card}\n    </>\n  )\n}\nListDetailCard.displayName = 'ListDetailCard'\n\nexport default ListDetailCard\n"],"names":["consentGroupForHost","normalizeDynamicListRule","PageHeaderRecord","pluginDocsHelp","mdiPencilOutline","mdiTrayArrowUp","AppLink","CardDisplay","MdiIcon","Button","Chip","Stack","Typography","collection","doc","getCountFromServer","useCallback","useEffect","useMemo","useState","useFirestore","useFirestoreDoc","describeDynamicListRule","OrgSiteSelect","useEmailDataScope","useEmailOrgMount","ListImportDrawer","ListMembersPanel","ListDetailCard","props","list","hostId","listId","basePath","org","firestore","orgMount","scope","data","status","count","setCount","membershipVersion","setMembershipVersion","undefined","active","then","snapshot","catch","onMembershipChanged","version","chosenHostId","setChosenHostId","listHostId","String","enrollHostId","hosts","some","site","id","pickedHostId","consentGroup","importing","setImporting","audiencesHref","headerActions","direction","spacing","component","componentVariant","nativeButton","href","size","color","variant","startIcon","path","disabled","onClick","settled","Boolean","header","help","anchor","contentGutterX","contentGutterY","HeaderProps","action","dynamic","rule","hasFilters","sources","length","summary","card","contentBordered","useFlexGap","sx","flexWrap","alignItems","label","toDate","toLocaleString","map","clause","mount","value","onChange","helperText","listName","findRule","ruleSummary","open","onClose","title","displayName"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../libs/plugins/email/src/lib/components/list-detail-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\n/**\n * ONE AUDIENCE: who it is, how it is built, and every person on it.\n *\n * ## Why a route rather than an expanded row\n *\n * The membership used to unfold inside the list table, which cost three\n * things a merchant actually uses. A list was not linkable, so \"check the\n * Wholesale audience\" could not be sent to anybody. The back button walked out\n * of the whole surface rather than out of the list. And the list's own\n * settings had to live under a table they were not about.\n *\n * ## What it reads\n *\n * The list document — one document, whatever the audience's size — plus one\n * server aggregate for the subscriber total, plus the paged membership window\n * the table below draws. The membership is PII and there is one document per\n * subscriber, so it is read HERE, where somebody asked for it, and nowhere\n * that merely lists audiences.\n *\n * ## The rule is stated, not just flagged\n *\n * A dynamic list is a claim about who is on it, and \"Rule\" as a chip is not\n * that claim. The summary spells out every dimension the rule actually\n * carries, so the answer to \"why is this person not in the audience\" is on the\n * screen the question gets asked on.\n *\n * ## On the organization's page, the site it is worked AS\n *\n * The list is the organization's, but adding somebody to it is done as one\n * site — the enrollment and the consent it records are that site's — and the\n * Consent column reads what each person agreed to with one site's group. So\n * with no site in the URL the page asks which, defaulting to the site the\n * list's filters draw from, then the reader's pick this session, then the\n * org's only site. Nothing below the picker is built until there is an\n * answer: a consent column for no site would be a column about nobody.\n */\n\nimport { TransferResumeImport } from '@aglyn/aglyn/app-utils/transfer-resume-import'\nimport {\n  consentGroupForHost,\n  normalizeDynamicListRule,\n  PageHeaderRecord,\n  pluginDocsHelp,\n  type ConsentGroup,\n} from '@aglyn/aglyn'\nimport { useTransferLauncher } from '@aglyn/aglyn/app-utils/transfer-launcher-context'\nimport {\n  mdiPencilOutline,\n  mdiTrayArrowDown,\n  mdiTrayArrowUp,\n} from '@aglyn/shared-data-mdi'\nimport { AppLink, CardDisplay, MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { Button, Chip, Stack, Typography } from '@mui/material'\nimport { collection, doc, getCountFromServer } from 'firebase/firestore'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { useFirestore, useFirestoreDoc } from '@aglyn/tenant-feature-instance'\nimport { describeDynamicListRule } from './dynamic-list-rule-fields'\nimport {\n  OrgSiteSelect,\n  useEmailDataScope,\n  useEmailOrgMount,\n} from './email-org-mount'\nimport { listMembersResourceKey } from '../transfer/email-transfer-catalog'\nimport ListMembersPanel, { type ListMembersFilter } from './list-members-panel'\n\nexport interface ListDetailCardProps {\n  /** The site, or `null` on the organization's Emails page. */\n  hostId: string | null\n  /**\n   * The controller this audience is being read AS, resolved by the page from\n   * the org document it already holds — under a site.\n   *\n   * Passed through rather than resolved here: the group is a fact about the\n   * ORG, one lookup serves every section, and a card that resolved its own\n   * would be a second place for the answer to come from.\n   */\n  consentGroup?: ConsentGroup\n  /**\n   * The org document, on the organization's page, where the group can only be\n   * resolved once the reader has said which site they are working as.\n   */\n  org?: Record<string, unknown>\n  listId: string\n  /** The emails hub URL, for the way back to the audiences list. */\n  basePath: string\n}\n\nexport function ListDetailCard(props: ListDetailCardProps) {\n  const { hostId, listId, basePath, org } = props\n  const firestore = useFirestore()\n  const orgMount = useEmailOrgMount()\n  const { scope } = useEmailDataScope(hostId)\n\n  const { data: list, status } = useFirestoreDoc<Record<string, any>>(\n    () =>\n      scope ? doc(firestore, scope[0], scope[1], 'lists', listId) : null,\n    [firestore, scope, listId],\n  )\n\n  /*\n   * The subscriber total, as a server aggregate.\n   *\n   * Not the length of the page below: a count beside a paged table is exactly\n   * where a page length gets mistaken for a total. Taken once, and re-taken\n   * only when a membership is added or removed — a figure that disagreed with\n   * the table directly under it would read as the add having failed.\n   */\n  const [count, setCount] = useState<number | null>(null)\n  const [membershipVersion, setMembershipVersion] = useState(0)\n  useEffect(() => {\n    if (!scope) return undefined\n    let active = true\n    void getCountFromServer(\n      collection(firestore, scope[0], scope[1], 'lists', listId, 'members'),\n    )\n      .then((snapshot) => {\n        if (active) setCount(snapshot.data().count)\n      })\n      .catch(() => {\n        if (active) setCount(null)\n      })\n    return () => {\n      active = false\n    }\n  }, [firestore, scope, listId, membershipVersion])\n\n  const onMembershipChanged = useCallback(\n    () => setMembershipVersion((version) => version + 1),\n    [],\n  )\n\n  /*\n   * THE SITE THIS AUDIENCE IS WORKED AS. Under a site, that site. On the\n   * organization's page, the reader's choice — else the site the filters draw\n   * from, else the session's pick, else the only site.\n   */\n  const [chosenHostId, setChosenHostId] = useState('')\n  const listHostId = String(list?.['hostId'] ?? '')\n  const enrollHostId: string =\n    hostId ??\n    (chosenHostId ||\n      (orgMount?.hosts.some((site) => site.id === listHostId)\n        ? listHostId\n        : '') ||\n      orgMount?.pickedHostId ||\n      '')\n  const consentGroup = useMemo<ConsentGroup | null>(\n    () =>\n      hostId != null\n        ? (props.consentGroup ?? null)\n        : enrollHostId\n          ? consentGroupForHost(org, enrollHostId)\n          : null,\n    [hostId, props.consentGroup, enrollHostId, org],\n  )\n\n  /*\n   * IMPORT AND EXPORT open the console's transfer wizard and export dialog\n   * (AGL-3529) on this list — `email.list-members:<listId>`, one list at a\n   * time — worked as the site chosen above. The wizard carries everything the import's\n   * controls are: the preview, the screening, the statement of permission,\n   * the staged and resumable write, the undo. Outside the console shell\n   * there is no launcher, and the buttons are not drawn.\n   */\n  const transfer = useTransferLauncher()\n  const [memberFilter, setMemberFilter] = useState<ListMembersFilter | null>(\n    null,\n  )\n  const listName = String(list?.['name'] ?? '')\n  // Each button only for whom the route takes it (AGL-3554), on the site the\n  // list enrolls as — the workspace's verdict until one is chosen.\n  const transferTarget = {\n    resource: listMembersResourceKey(listId),\n    scope: 'host' as const,\n    hostId: enrollHostId || null,\n  }\n  const canExportMembers = Boolean(transfer?.can('export', transferTarget))\n  const canImportMembers = Boolean(transfer?.can('import', transferTarget))\n\n  const audiencesHref = `${basePath}/audiences`\n  const headerActions = (\n    <Stack direction=\"row\" spacing={1}>\n      <Button\n        component={AppLink as any}\n        {...({ componentVariant: 'naked', nativeButton: false } as any)}\n        href={audiencesHref}\n        size=\"small\"\n        color=\"primary\"\n      >\n        {'All audiences'}\n      </Button>\n      <Button\n        component={AppLink as any}\n        {...({ componentVariant: 'naked', nativeButton: false } as any)}\n        href={`${audiencesHref}/${listId}/edit`}\n        size=\"small\"\n        color=\"primary\"\n        variant=\"outlined\"\n        startIcon={<MdiIcon path={mdiPencilOutline.path} size={0.8} />}\n      >\n        {'Edit list'}\n      </Button>\n      {transfer && canExportMembers ? (\n        <Button\n          size=\"small\"\n          color=\"primary\"\n          variant=\"outlined\"\n          startIcon={<MdiIcon path={mdiTrayArrowDown.path} size={0.8} />}\n          // Consent is read as a site; on the org page one has to be chosen.\n          disabled={!enrollHostId}\n          onClick={() =>\n            transfer.openExport({\n              resource: listMembersResourceKey(listId),\n              scope: 'host',\n              hostId: enrollHostId,\n              ...(listName ? { title: `Export ${listName}` } : {}),\n              ...(memberFilter ? { filter: memberFilter } : {}),\n            })\n          }\n        >\n          {'Export'}\n        </Button>\n      ) : null}\n      {/* An import left unfinished, reopened where it stopped (AGL-3549). */}\n      {transfer && enrollHostId ? (\n        <TransferResumeImport\n          target={transferTarget}\n          {...(listName ? { title: `Import into ${listName}` } : {})}\n          onFinished={onMembershipChanged}\n        />\n      ) : null}\n      {transfer && canImportMembers ? (\n        <Button\n          size=\"small\"\n          color=\"primary\"\n          variant=\"contained\"\n          startIcon={<MdiIcon path={mdiTrayArrowUp.path} size={0.8} />}\n          // An import enrolls as a site; on the org page one has to be chosen.\n          disabled={!enrollHostId}\n          onClick={() =>\n            transfer.openImport({\n              resource: listMembersResourceKey(listId),\n              scope: 'host',\n              hostId: enrollHostId,\n              ...(listName ? { title: `Import into ${listName}` } : {}),\n              onFinished: onMembershipChanged,\n            })\n          }\n        >\n          {'Import'}\n        </Button>\n      ) : null}\n    </Stack>\n  )\n\n  if (!list) {\n    /*\n     * Loading and MISSING are different answers, and the difference matters\n     * more here than almost anywhere. Not \"no members\" — a list that cannot be\n     * read is a different situation from an empty one, and rendering an empty\n     * membership for the first is how somebody comes to believe an audience\n     * they built has lost everybody. Reading `status` rather than the absence\n     * of data is also what stops the refusal being flashed on every arrival,\n     * before the org scope has even resolved.\n     */\n    const settled = Boolean(scope) && status !== 'loading'\n    return (\n      <CardDisplay\n        header={'Audience'}\n        help={pluginDocsHelp('emailCampaigns', { anchor: '#email-lists' })}\n        contentGutterX\n        contentGutterY\n        HeaderProps={{ action: headerActions }}\n      >\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {settled\n            ? 'This list could not be loaded. It may have been deleted.'\n            : 'Loading this audience…'}\n        </Typography>\n      </CardDisplay>\n    )\n  }\n\n  const dynamic = list['kind'] === 'dynamic'\n  /*\n   * The filters, whichever kind of list this is.\n   *\n   * On a live list they are what the sweep evaluates. On a fixed one they are\n   * a saved SEARCH — the same filters, used to find people to add rather than\n   * to decide membership — so they are read and described either way, and only\n   * the sentence about what happens next differs.\n   */\n  const rule = normalizeDynamicListRule(list['rule'])\n  const hasFilters = rule.sources.length > 0\n  const summary = hasFilters ? describeDynamicListRule(rule) : []\n\n  /* The card, named so the page chrome above it is a plain list of\n     what this surface publishes upward. */\n  const card = (\n    <CardDisplay\n      header={'Audience'}\n      help={pluginDocsHelp('emailCampaigns', { anchor: '#list-members' })}\n      contentGutterX\n      contentGutterY\n      contentBordered=\"all\"\n      HeaderProps={{ action: headerActions }}\n    >\n      <Stack spacing={2}>\n        <Stack\n          direction=\"row\"\n          spacing={1}\n          useFlexGap\n          sx={{ flexWrap: 'wrap', alignItems: 'center' }}\n        >\n          {dynamic ? (\n            <Chip\n              size=\"small\"\n              color=\"primary\"\n              variant=\"outlined\"\n              label={\n                list['lastEvaluatedAt']?.toDate\n                  ? `Rule · ${list['lastEvaluatedAt']\n                      .toDate()\n                      .toLocaleString()}`\n                  : 'Rule · not yet evaluated'\n              }\n            />\n          ) : (\n            <Chip size=\"small\" variant=\"outlined\" label=\"Fixed membership\" />\n          )}\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {count === null\n              ? 'Counting subscribers…'\n              : count === 1\n                ? '1 subscriber'\n                : `${count.toLocaleString()} subscribers`}\n          </Typography>\n        </Stack>\n\n        {/*\n          A live list's filters are stated HERE rather than only on the edit\n          page: they are the answer to \"why is this person not in the\n          audience\", which is a question asked while looking at the membership.\n          A fixed list states them inside the find-people control instead,\n          beside the button that acts on them.\n         */}\n        {dynamic && hasFilters ? (\n          <Stack spacing={0.5}>\n            {summary.map((clause) => (\n              <Typography key={clause} variant=\"body2\" color=\"text.secondary\">\n                {clause}\n              </Typography>\n            ))}\n          </Stack>\n        ) : null}\n\n        {orgMount ? (\n          <OrgSiteSelect\n            mount={orgMount}\n            label=\"Enroll as\"\n            value={enrollHostId}\n            onChange={setChosenHostId}\n            helperText={\n              'People you add are enrolled as this site, and the Consent ' +\n              'column reads what they agreed to with it.'\n            }\n          />\n        ) : null}\n\n        {orgMount && !enrollHostId ? (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'Choose the site to work this audience as. Whether someone may ' +\n              'be emailed depends on what they agreed to with a site, so the ' +\n              'members and their consent are read for one site at a time.'}\n          </Typography>\n        ) : scope && consentGroup ? (\n          <ListMembersPanel\n            key={enrollHostId}\n            hostId={enrollHostId}\n            consentGroup={consentGroup}\n            scope={scope as readonly [string, string]}\n            listId={listId}\n            listName={String(list['name'] ?? '')}\n            onMembershipChanged={onMembershipChanged}\n            /*\n              Offered only on a FIXED list. A live list's membership is the\n              sweep's to decide, and hand-adding its own matches would write\n              `via: 'manual'` copies of rows the sweep already owns — rows it\n              then may not reconcile away when the person stops matching.\n             */\n            findRule={dynamic || !hasFilters ? null : rule}\n            ruleSummary={summary}\n            onFilterChange={setMemberFilter}\n          />\n        ) : null}\n      </Stack>\n    </CardDisplay>\n  )\n\n  return (\n    <>\n      {/* The page heading and the trail name the audience; this card is\n          then free to say what it holds rather than repeating the title. */}\n      <PageHeaderRecord title={String(list['name'] || listId)} />\n      {card}\n    </>\n  )\n}\nListDetailCard.displayName = 'ListDetailCard'\n\nexport default ListDetailCard\n"],"names":["TransferResumeImport","consentGroupForHost","normalizeDynamicListRule","PageHeaderRecord","pluginDocsHelp","useTransferLauncher","mdiPencilOutline","mdiTrayArrowDown","mdiTrayArrowUp","AppLink","CardDisplay","MdiIcon","Button","Chip","Stack","Typography","collection","doc","getCountFromServer","useCallback","useEffect","useMemo","useState","useFirestore","useFirestoreDoc","describeDynamicListRule","OrgSiteSelect","useEmailDataScope","useEmailOrgMount","listMembersResourceKey","ListMembersPanel","ListDetailCard","props","list","hostId","listId","basePath","org","firestore","orgMount","scope","data","status","count","setCount","membershipVersion","setMembershipVersion","undefined","active","then","snapshot","catch","onMembershipChanged","version","chosenHostId","setChosenHostId","listHostId","String","enrollHostId","hosts","some","site","id","pickedHostId","consentGroup","transfer","memberFilter","setMemberFilter","listName","transferTarget","resource","canExportMembers","Boolean","can","canImportMembers","audiencesHref","headerActions","direction","spacing","component","componentVariant","nativeButton","href","size","color","variant","startIcon","path","disabled","onClick","openExport","title","filter","target","onFinished","openImport","settled","header","help","anchor","contentGutterX","contentGutterY","HeaderProps","action","dynamic","rule","hasFilters","sources","length","summary","card","contentBordered","useFlexGap","sx","flexWrap","alignItems","label","toDate","toLocaleString","map","clause","mount","value","onChange","helperText","findRule","ruleSummary","onFilterChange","displayName"],"mappings":"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"}

package/src/lib/components/list-members-panel.d.ts

@@ -84,6 +84,23 @@ export interface ListMembersPanelProps {
     findRule?: DynamicListRule | null;
     /** The same filters in sentences, so the button says what it will find. */
     ruleSummary?: readonly string[];
+    /**
+     * Told what the table is filtered to — `null` when it is not — so the
+     * card's Export can offer "the current filter": the predicates this
+     * table's own query is asking, which the export reads with the same query.
+     */
+    onFilterChange?: (filter: ListMembersFilter | null) => void;
+}
+/** The member table's filter, as the export dialog offers it. */
+export interface ListMembersFilter {
+    label: string;
+    value: {
+        filters: ReadonlyArray<{
+            path: string;
+            op: string;
+            value: unknown;
+        }>;
+    };
 }
 /** Free text — a paste, a typed address, commas or newlines — to addresses. */
 export declare function splitAddresses(value: string): string[];

package/src/lib/components/list-members-panel.js

@@ -179,6 +179,20 @@ export function ListMembersPanel(props) {
         idField: '$id'
     });
     const filtering = gridFilter.clauses.length > 0 || gridFilter.searchWords.some((word)=>word.trim());
+    const { onFilterChange } = props;
+    const filterKey = filtering ? JSON.stringify(plan.filters) : '';
+    useEffect(()=>{
+        if (!onFilterChange) return;
+        onFilterChange(filterKey ? {
+            label: 'Members matching the table’s filters',
+            value: {
+                filters: JSON.parse(filterKey)
+            }
+        } : null);
+    }, [
+        filterKey,
+        onFilterChange
+    ]);
     const refusals = useMemo(()=>listQueryRefusals(plan.refused, {
             fields: LIST_MEMBER_QUERY.fields,
             headers: LIST_MEMBER_FILTER_HEADERS,

package/src/lib/components/list-members-panel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/email/src/lib/components/list-members-panel.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\n/**\n * Who is on one list, and the three things you can do about it.\n *\n * The audience card could create a list and delete a list. It could not show\n * you a single name on one. This panel is the rest of it: read the membership,\n * add somebody, take somebody off. The list's own settings — its name, and the\n * rule behind a dynamic one — belong to the edit route, because they are\n * facts about the LIST rather than about who is on it.\n *\n * ## It mounts only on a list's own page\n *\n * The audience detail route renders this for the ONE list being read. A\n * membership listener per row would open one per list on the audiences table,\n * on a surface where most visits are to read the list of lists — the\n * read-on-mount shape `emails-console-read-cost.spec.tsx` meters. Nothing here\n * reads anything until a list is opened, and the add form reads nothing until\n * an address is typed.\n *\n * ## Whether somebody may be ADDED is the server's answer, always\n *\n * Every sentence about an address being typed in is `email/list-members-preview`\n * answering from that person's actual record and both suppression lists. This\n * component decides none of it. A screen that decided for itself would be a\n * second copy of the rule on the one surface whose job is to tell the operator\n * the truth about what is about to happen — including, and especially, that\n * the product knows nothing about this person's permission.\n *\n * ## The membership table reads consent through the SEND-TIME reader\n *\n * The `Consent` column answers the same question `performCampaignSend` asks of\n * the same document, so it asks it with the same function —\n * {@link readMarketingBasis}, against the consent group this console is being\n * viewed as. A column that picked the fields out of the row itself is a second\n * reader of a stored shape, and the two only agree until the shape moves.\n *\n * ## Removing is not suppressing, and the screen says so\n *\n * Taking somebody off a list is the operator changing their mind about an\n * audience. It is not the person asking to stop being mailed, it does not stop\n * another list reaching them, and it writes nothing to the suppression list.\n * Those are different acts with different records, and a console that let them\n * blur is a console where \"remove\" is quietly relied on as an unsubscribe.\n */\n\nimport {\n  readMarketingBasis,\n  type ConsentGroup,\n  type DynamicListRule,\n} from '@aglyn/aglyn'\nimport { mdiAccountRemoveOutline } from '@aglyn/shared-data-mdi'\nimport { MdiIcon, useConfirmationContext } from '@aglyn/shared-ui-jsx'\nimport ListFilterChips from '@aglyn/shared-ui-jsx/components/list-filter-chips.component'\nimport { ListPagination } from '@aglyn/shared-ui-jsx/components/list-pagination.component'\nimport ListQueryNotices, {\n  listQueryRefusals,\n} from '@aglyn/shared-ui-jsx/components/list-query-notices.component'\nimport {\n  ListRowActions,\n  ListTable,\n  listActionsColumn,\n} from '@aglyn/shared-ui-jsx/components/list-table.component'\nimport { listFilterGridColumns } from '@aglyn/shared-ui-jsx/const/list-grid-filter'\nimport { TABLE_ROW_HEIGHT } from '@aglyn/shared-ui-jsx/const/table-pagination'\nimport { useListGridFilter } from '@aglyn/shared-ui-jsx/hooks/use-list-grid-filter'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport {\n  Alert,\n  Box,\n  Button,\n  Checkbox,\n  Chip,\n  FormControlLabel,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport type { GridColDef } from '@mui/x-data-grid'\nimport { collection, deleteDoc, doc } from 'firebase/firestore'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { useFirestore, useUser } from '@aglyn/tenant-feature-instance'\nimport { useListQuery } from '@aglyn/tenant-feature-instance/hooks/use-list-query'\nimport { authorizedFetch } from '@aglyn/shared-util-http/authorized-token'\nimport {\n  LIST_MEMBER_FILTER_HEADERS,\n  LIST_MEMBER_FILTER_OPTIONS,\n  LIST_MEMBER_QUERY,\n} from '../constants/list-queries'\n\nexport interface ListMembersPanelProps {\n  hostId: string\n  /**\n   * The controller this membership is being read AS — the declared group of\n   * sites that are one sender, or this site alone.\n   *\n   * Required and undefaulted, for the reason {@link readMarketingBasis} makes\n   * it required: a basis runs to a brand, so a surface that has not said which\n   * brand is asking cannot report one. Defaulting to the group of one here\n   * would compile and would then answer a declared group's questions with a\n   * single site's facts — reporting a sibling's refusal as no record at all,\n   * and a pooled grant as another brand's.\n   */\n  consentGroup: ConsentGroup\n  /** `['orgs', orgId]` — the resolved org scope the card already holds. */\n  scope: readonly [string, string]\n  listId: string\n  listName: string\n  /**\n   * Called after a membership is added or removed.\n   *\n   * The audience page's subscriber total is a server aggregate, taken once.\n   * Left alone it would go on reporting the figure from before the add — a\n   * stale total directly above a live table that disagrees with it, which\n   * reads as the add having failed. The page re-takes the aggregate on this\n   * signal and at no other time, so nothing is re-counted while somebody is\n   * only reading.\n   */\n  onMembershipChanged?: () => void\n  /**\n   * The list's saved filters, when it has any and its membership is FIXED.\n   *\n   * Present, the panel offers to find the people they select and add them —\n   * the same act as typing addresses, with the search doing the typing. Absent\n   * (a live list, or one with no filters saved), the add form is the address\n   * box alone: a live list's membership is the sweep's to decide, and offering\n   * to add its own matches by hand would produce hand-added copies of rows the\n   * sweep already owns.\n   */\n  findRule?: DynamicListRule | null\n  /** The same filters in sentences, so the button says what it will find. */\n  ruleSummary?: readonly string[]\n}\n\n/**\n * One member row, as stored.\n *\n * The consent fields are deliberately NOT enumerated here. They live one level\n * down, in an entry per site under `marketingConsentByHost`, and a row type\n * that named them at the top would be an invitation to read them there — which\n * is exactly what this table did while `enrollListMember` wrote them nested,\n * so every membership on every list reported \"No basis on record\" while the\n * send path mailed the same people on a basis it could see perfectly well. The\n * index signature is what {@link readMarketingBasis} takes; it is the only\n * reader of those fields on this surface.\n */\ninterface MemberRow {\n  $id: string\n  email?: string\n  name?: string\n  source?: string\n  via?: 'manual' | 'rule'\n  addedAt?: { toDate?: () => Date }\n  [field: string]: unknown\n}\n\n/** What `email/list-members-preview` answers for one address. */\ninterface AddressVerdict {\n  input: string\n  email: string | null\n  refusal: string | null\n  requiresAttestation: boolean\n  summary: string\n}\n\ninterface Preview {\n  verdicts: AddressVerdict[]\n  optedIn: number\n  needAttestation: number\n  refused: number\n}\n\n/** What a filter search found, as `email/list-rule-preview` reports it. */\ninterface FoundPeople extends Preview {\n  /** People the filters matched — NOT the length of `emails`. */\n  matched: number\n  /** `emails` is one batch of a larger match. */\n  truncated: boolean\n  /** False when the scan hit its budget, so `matched` is itself a floor. */\n  complete: boolean\n  emails: string[]\n}\n\n/** What one address's outcome was, after the add. */\ninterface AddResult {\n  input: string\n  email: string | null\n  enrolled: boolean\n  error?: string\n}\n\n/**\n * How the basis reads on screen, for the group this console is viewed as.\n *\n * ## Read through `readMarketingBasis`, never off the row\n *\n * This picked `marketingConsent`, `marketingConsentBasis` and\n * `marketingConsentAtMs` off the top of the membership document, which is\n * where `enrollListMember` used to put them. They now live in an entry per\n * site under `marketingConsentByHost`, because a basis runs to the brand it\n * was given to rather than to the account that holds the row. Nothing here\n * moved with them, so every top-level read answered `undefined` and every\n * member of every list — including people carrying a perfectly good attested\n * basis — was reported as having no basis on record, on the one screen an\n * operator consults before mailing them. `performCampaignSend` reads the same\n * documents through the function below and mailed them, correctly, at the same\n * time.\n *\n * The fix is not a second field name. It is that the send path's reader is the\n * only reader: a surface that parses the stored shape itself agrees with the\n * sender only until the shape moves, and it moves without anybody thinking to\n * look here.\n *\n * ## Five states, because the model carries five\n *\n * An attestation and an opt-in are not the same fact — one is a person's own\n * decision, the other a claim an account made on their behalf — and a table\n * rendering both as a tick is the conflation `list-members.ts` stores the\n * basis to prevent. The three that are not a grant are not one state either.\n * Absence is not refusal, and neither of them is \"opted in, to somebody else\n * in this account\": that third one is a person the sender deliberately leaves\n * alone, and an operator who cannot see why reads it as the product having\n * lost their subscriber.\n */\ntype ConsentKey =\n  | 'opted-out'\n  | 'attested'\n  | 'opted-in'\n  | 'other-site'\n  | 'no-site'\n  | 'none'\n\nfunction consentLabel(\n  member: MemberRow,\n  group: ConsentGroup,\n): { key: ConsentKey; label: string; color: 'default' | 'warning' | 'error' } {\n  const record = readMarketingBasis(member as Record<string, unknown>, group)\n  const when = record.basisAtMs\n    ? ` · ${new Date(record.basisAtMs).toLocaleDateString()}`\n    : ''\n  if (record.basis === 'declined') {\n    return { key: 'opted-out', label: `Opted out${when}`, color: 'error' }\n  }\n  if (record.basis === 'granted') {\n    /*\n     * `assertedBy` rather than the stored basis field, because there are two\n     * ways a record says an operator asserted it — a membership's\n     * `marketingConsentBasis`, and the provenance object a backfill writes —\n     * and the reader has already resolved both into this one answer.\n     */\n    return record.assertedBy === 'operator'\n      ? { key: 'attested', label: `Attested by your team${when}`, color: 'warning' }\n      : { key: 'opted-in', label: `Opted in${when}`, color: 'default' }\n  }\n  /*\n   * A grant this site may not use. Reported rather than folded into \"no\n   * basis\" because the two are different situations with different answers:\n   * nobody has ever asked this person, versus somebody asked them on behalf\n   * of another brand in this account and this brand may not borrow it.\n   */\n  if (record.otherGrant === 'other-host') {\n    return { key: 'other-site', label: 'Opted in to another site', color: 'warning' }\n  }\n  if (record.otherGrant === 'unscoped') {\n    return { key: 'no-site', label: 'Opted in — no site recorded', color: 'warning' }\n  }\n  return { key: 'none', label: 'No basis on record', color: 'default' }\n}\n\n/** How a member got here, by the words the column draws. */\nconst VIA_LABELS: Readonly<Record<'rule' | 'manual', string>> = {\n  rule: 'Rule',\n  manual: 'Added',\n}\n/** The How filter's choices are picked, so the panel shows a select. */\nconst MEMBER_SELECT_FIELDS = ['via']\n\n/** How a row reads `via`: a row that predates the field was added by hand. */\nconst viaOf = (member: MemberRow): 'rule' | 'manual' =>\n  member.via === 'rule' ? 'rule' : 'manual'\n\n/** Free text — a paste, a typed address, commas or newlines — to addresses. */\nexport function splitAddresses(value: string): string[] {\n  return value\n    .split(/[\\s,;]+/)\n    .map((entry) => entry.trim())\n    // A pasted mail-client line is `Name <a@b.co>`; keep the address part.\n    .map((entry) => entry.replace(/^.*<|>.*$/g, ''))\n    .filter(Boolean)\n}\n\nexport function ListMembersPanel(props: ListMembersPanelProps) {\n  const {\n    hostId,\n    consentGroup,\n    scope,\n    listId,\n    listName,\n    onMembershipChanged,\n    findRule,\n    ruleSummary,\n  } = props\n  const firestore = useFirestore()\n  const { data: user } = useUser()\n  const { enqueueSnackbar } = useSnackbar()\n  const { confirm } = useConfirmationContext()\n\n  /*\n   * Ordered by DOCUMENT ID and paged, not capped and re-sorted here.\n   *\n   * `__name__` rather than `addedAt`, which is the column a reader would\n   * assume: `orderBy` FILTERS as well as sorts, so a document missing the\n   * field is not in the result at all — and `addedAt` is stamped only when a\n   * membership is CREATED, so every row written under the two legacy ids\n   * `list-members.ts` still adopts predates it. Ordering on it would drop the\n   * oldest members from their own list, silently, which is the failure that\n   * turned an audience into a random sample (AGL-2501). The id is the one key\n   * every row has.\n   *\n   * Every filter and search word is a predicate on the same query\n   * (AGL-3321) — see `LIST_MEMBER_QUERY` — so a page is a page of the\n   * matches.\n   */\n  const gridFilter = useListGridFilter({ selectFields: MEMBER_SELECT_FIELDS })\n  const {\n    rows: members,\n    hasMore,\n    page,\n    setPage,\n    pageSize,\n    setPageSize,\n    plan,\n  } = useListQuery<MemberRow>({\n    collection: collection(firestore, scope[0], scope[1], 'lists', listId, 'members'),\n    declaration: LIST_MEMBER_QUERY,\n    request: { clauses: gridFilter.clauses, search: gridFilter.searchWords },\n    deps: [firestore, scope[0], scope[1], listId],\n    idField: '$id',\n  })\n  const filtering =\n    gridFilter.clauses.length > 0 || gridFilter.searchWords.some((word) => word.trim())\n  const refusals = useMemo(\n    () =>\n      listQueryRefusals(plan.refused, {\n        fields: LIST_MEMBER_QUERY.fields,\n        headers: LIST_MEMBER_FILTER_HEADERS,\n        options: LIST_MEMBER_FILTER_OPTIONS,\n      }),\n    [plan.refused],\n  )\n\n  const [addInput, setAddInput] = useState('')\n  const [addName, setAddName] = useState('')\n  const [preview, setPreview] = useState<Preview | null>(null)\n  const [attested, setAttested] = useState(false)\n  const [results, setResults] = useState<AddResult[] | null>(null)\n  const [busy, setBusy] = useState(false)\n  /*\n   * The addresses a SEARCH found, when the operator ran one.\n   *\n   * A second way to fill the same candidate set, not a second way to add. Once\n   * this holds addresses, everything below it — the consent readout, the\n   * attestation, the Add button — is the code the typed path already used, so\n   * there is exactly one place in this component where somebody is put on a\n   * list and exactly one gate in front of it.\n   */\n  const [found, setFound] = useState<FoundPeople | null>(null)\n\n  const addresses = found ? found.emails : splitAddresses(addInput)\n\n  /*\n   * Any edit to the box invalidates the answer.\n   *\n   * A preview belongs to the exact addresses it was run for. Leaving a stale\n   * one on screen would show a count, and an attestation checkbox, for a set\n   * the operator has since changed — so the number they stand behind would\n   * not be the number that acts. Typing also abandons a search: the two are\n   * alternative ways of naming a candidate set, and holding both at once\n   * would leave the Add button acting on whichever the code happened to\n   * prefer.\n   */\n  useEffect(() => {\n    setPreview(null)\n    setAttested(false)\n    setResults(null)\n    setFound(null)\n  }, [addInput])\n\n  const post = useCallback(\n    async (route: string, body: Record<string, unknown>) => {\n      const response = await authorizedFetch(user, `/api/email/${route}`, {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ hostId, listId, ...body }),\n      })\n      const payload = await response.json().catch(() => ({}))\n      return { ok: response.ok, payload }\n    },\n    [user, hostId, listId],\n  )\n\n  const handlePreview = useCallback(async () => {\n    if (busy || !addresses.length) return\n    setBusy(true)\n    try {\n      const { ok, payload } = await post('list-members-preview', {\n        emails: addresses,\n      })\n      if (!ok) {\n        return void enqueueSnackbar(\n          payload?.error ?? 'The addresses could not be checked.',\n          { variant: 'warning', allowDuplicate: true },\n        )\n      }\n      setPreview(payload as Preview)\n    } catch {\n      enqueueSnackbar('The addresses could not be checked.', {\n        variant: 'warning',\n        allowDuplicate: true,\n      })\n    } finally {\n      setBusy(false)\n    }\n  }, [busy, addresses, post, enqueueSnackbar])\n\n  const handleFind = useCallback(async () => {\n    if (busy || !findRule) return\n    setBusy(true)\n    try {\n      const { ok, payload } = await post('list-rule-preview', {\n        rule: findRule,\n      })\n      if (!ok) {\n        return void enqueueSnackbar(\n          payload?.error ?? 'The audience could not be worked out.',\n          { variant: 'warning', allowDuplicate: true },\n        )\n      }\n      /*\n       * The verdicts come back from the SAME resolution the typed path runs,\n       * so what lands in `preview` here is the same object the consent\n       * readout below already knows how to draw. A search that returned its\n       * own shaped summary would be a second consent readout, and the second\n       * one is the one nobody reviews.\n       */\n      setFound(payload as FoundPeople)\n      setPreview(payload as Preview)\n      setAttested(false)\n      setResults(null)\n      if (!Number(payload?.matched ?? 0)) {\n        enqueueSnackbar('These filters match nobody', {\n          variant: 'info',\n          persist: false,\n        })\n      }\n    } catch {\n      enqueueSnackbar('The audience could not be worked out.', {\n        variant: 'warning',\n        allowDuplicate: true,\n      })\n    } finally {\n      setBusy(false)\n    }\n  }, [busy, findRule, post, enqueueSnackbar])\n\n  const handleAdd = useCallback(async () => {\n    if (busy || !preview) return\n    setBusy(true)\n    try {\n      const { ok, payload } = await post('list-members-add', {\n        emails: addresses,\n        ...(addresses.length === 1 && addName.trim()\n          ? { name: addName.trim() }\n          : {}),\n        // The operator's assertion, not a basis they named: the server\n        // derives a pass-through from each person's own record, and this flag\n        // can only ever add the attributable kind.\n        attestConsent: attested,\n      })\n      if (!ok) {\n        return void enqueueSnackbar(\n          payload?.error ?? 'Nobody was added to the list',\n          { variant: 'warning', allowDuplicate: true },\n        )\n      }\n      const added = Number(payload?.added ?? 0)\n      setResults((payload?.results ?? []) as AddResult[])\n      setPreview(null)\n      if (added) {\n        setAddInput('')\n        setAddName('')\n        setFound(null)\n        onMembershipChanged?.()\n      }\n      enqueueSnackbar(\n        added === 1 ? 'One person added' : `${added} people added`,\n        { variant: added ? 'success' : 'warning', persist: false },\n      )\n    } catch {\n      enqueueSnackbar('Nobody was added to the list', {\n        variant: 'warning',\n        allowDuplicate: true,\n      })\n    } finally {\n      setBusy(false)\n    }\n  }, [\n    busy,\n    preview,\n    addresses,\n    addName,\n    attested,\n    post,\n    enqueueSnackbar,\n    onMembershipChanged,\n  ])\n\n  const handleRemove = useCallback(\n    async (member: MemberRow) => {\n      const accepted = await confirm({\n        title: 'Remove from this list?',\n        description:\n          `${member.email ?? 'This person'} stops being part of \"${listName}\" ` +\n          'and campaigns to this list stop reaching them. This is NOT an ' +\n          'unsubscribe: it does not add them to your suppression list, and ' +\n          'any other list they are on still reaches them. If they asked to ' +\n          'stop hearing from you, suppress the address instead.',\n        confirmationText: 'Remove',\n        confirmationButtonProps: { color: 'error' },\n      })\n        // `confirm` resolves with no value and REJECTS on cancel, so gating on\n        // the resolved value alone would make this always proceed (AGL-950).\n        .then(() => true)\n        .catch(() => false)\n      if (!accepted) return\n      try {\n        await deleteDoc(\n          doc(\n            firestore,\n            scope[0],\n            scope[1],\n            'lists',\n            listId,\n            'members',\n            member.$id,\n          ),\n        )\n        onMembershipChanged?.()\n        enqueueSnackbar('Removed from the list', {\n          variant: 'success',\n          persist: false,\n        })\n      } catch (error) {\n        console.error(error)\n        enqueueSnackbar('They were not removed', { variant: 'error' })\n      }\n    },\n    [\n      confirm,\n      listName,\n      firestore,\n      scope,\n      listId,\n      enqueueSnackbar,\n      onMembershipChanged,\n    ],\n  )\n\n  const enrollable = preview\n    ? preview.optedIn + preview.needAttestation\n    : 0\n\n  const columns: GridColDef[] = [\n    {\n      field: 'email',\n      headerName: 'Address',\n      flex: 1,\n      minWidth: 220,\n      valueGetter: (_value, row) => row.email ?? '—',\n    },\n    {\n      field: 'name',\n      headerName: 'Name',\n      flex: 1,\n      minWidth: 160,\n      valueGetter: (_value, row) => row.name ?? '—',\n    },\n    {\n      field: 'addedAt',\n      headerName: 'Joined',\n      width: 120,\n      // Sorted on the instant, drawn as a local date.\n      valueGetter: (_value, row) => row.addedAt?.toDate?.()?.getTime?.() ?? 0,\n      renderCell: ({ row }) =>\n        row.addedAt?.toDate ? row.addedAt.toDate().toLocaleDateString() : '—',\n    },\n    {\n      field: 'via',\n      headerName: 'How',\n      width: 200,\n      valueGetter: (_value, row) => viaOf(row),\n      /*\n        `via` says whether a rule put them here or a person did, which is what\n        decides whether they LEAVE on their own: the materializer reconciles its\n        own rows away and never touches a manual one. `source` is the finer\n        provenance underneath it.\n       */\n      renderCell: ({ row }) => (\n        <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center', minWidth: 0 }}>\n          <Chip size=\"small\" variant=\"outlined\" label={VIA_LABELS[viaOf(row)]} />\n          {row.source ? (\n            <Typography variant=\"caption\" color=\"text.secondary\" noWrap>\n              {row.source}\n            </Typography>\n          ) : null}\n        </Stack>\n      ),\n    },\n    {\n      field: 'consent',\n      headerName: 'Consent',\n      width: 190,\n      valueGetter: (_value, row) => consentLabel(row, consentGroup).label,\n      renderCell: ({ row }) => {\n        const consent = consentLabel(row, consentGroup)\n        return (\n          <Chip\n            size=\"small\"\n            variant=\"outlined\"\n            color={consent.color}\n            label={consent.label}\n          />\n        )\n      },\n    },\n    /*\n      A SUBSCRIBER HAS NO PAGE of their own here, so the row opens nothing —\n      but taking somebody off an audience is the one act performed on one, and\n      it belongs in the trailing cluster with every other list's actions rather\n      than as a red text button sitting in the row.\n     */\n    listActionsColumn(\n      (row) => (\n        <ListRowActions\n          label={String(row.email ?? row.$id)}\n          items={[\n            {\n              key: 'remove',\n              label: 'Remove from this list',\n              icon: <MdiIcon path={mdiAccountRemoveOutline.path} size={0.8} />,\n              destructive: true,\n              onClick: () => void handleRemove(row),\n            },\n          ]}\n        />\n      ),\n      { width: 72 },\n    ),\n  ]\n\n  return (\n    <Stack spacing={2} sx={{ py: 2 }}>\n      {/*\n        FINDING people, for a list whose membership is fixed.\n        The filters are the same ones a live list is swept by; here they run\n        once, on request, and what they find is offered for adding rather than\n        enrolled. The count and the consent readout arrive together, because\n        the second is the thing that decides how much of the first can act.\n       */}\n      {findRule ? (\n        <Stack\n          spacing={1}\n          sx={{ border: 1, borderColor: 'divider', borderRadius: 1, p: 1.5 }}\n        >\n          <Typography variant=\"overline\" color=\"text.secondary\">\n            {'Find people'}\n          </Typography>\n          {(ruleSummary ?? []).map((clause) => (\n            <Typography key={clause} variant=\"body2\">\n              {clause}\n            </Typography>\n          ))}\n          <Box>\n            <Button\n              size=\"small\"\n              variant=\"outlined\"\n              disabled={busy}\n              onClick={() => void handleFind()}\n            >\n              {busy ? 'Searching…' : 'Find matching people'}\n            </Button>\n          </Box>\n          {found ? (\n            <Alert severity={found.matched ? 'info' : 'warning'}>\n              {(found.matched === 1\n                ? '1 person matches'\n                : `${found.matched.toLocaleString()} people match`) +\n                (found.truncated\n                  ? ` — this batch covers the first ${found.emails.length}. ` +\n                    'Add them, then search again for the rest.'\n                  : '') +\n                (found.complete\n                  ? ''\n                  : ' The search stopped at its read budget, so this is at ' +\n                    'least that many rather than exactly.')}\n            </Alert>\n          ) : null}\n          <Typography variant=\"caption\" color=\"text.secondary\">\n            {'Whoever you add stays on this list. It does not keep growing — ' +\n              'change the membership to live on the edit page if you want ' +\n              'new matches enrolled automatically.'}\n          </Typography>\n        </Stack>\n      ) : null}\n\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        {'Add someone by typing their address, or paste a column of them. ' +\n          'Every address is checked against their consent record and both ' +\n          'suppression lists before anyone is added.'}\n      </Typography>\n\n      <Stack direction=\"row\" spacing={1} useFlexGap sx={{ flexWrap: 'wrap' }}>\n        <TextField\n          size=\"small\"\n          label=\"Email addresses\"\n          placeholder=\"someone@example.com\"\n          multiline\n          minRows={1}\n          maxRows={6}\n          value={addInput}\n          onChange={(event) => setAddInput(event.target.value)}\n          helperText={\n            addresses.length > 1\n              ? `${addresses.length} addresses`\n              : 'One address, or paste many'\n          }\n          sx={{ flexGrow: 1, minWidth: 260 }}\n        />\n        {addresses.length > 1 ? null : (\n          <TextField\n            size=\"small\"\n            label=\"Name\"\n            value={addName}\n            onChange={(event) => setAddName(event.target.value)}\n            sx={{ minWidth: 180 }}\n          />\n        )}\n        <Box>\n          <Button\n            size=\"small\"\n            variant=\"outlined\"\n            disabled={busy || !addresses.length || Boolean(preview)}\n            onClick={() => void handlePreview()}\n          >\n            {busy ? 'Checking…' : 'Check'}\n          </Button>\n        </Box>\n      </Stack>\n\n      {/*\n        The count, in front of the operator, BEFORE the attestation control\n        exists. One assertion covers the batch, so the number it covers has to\n        be on screen when it is given — an attestation offered above an\n        unexamined paste is a signature on a blank page.\n       */}\n      {preview ? (\n        <Stack spacing={1}>\n          <Alert severity={enrollable ? 'info' : 'warning'}>\n            {[\n              preview.optedIn\n                ? `${preview.optedIn} already opted in`\n                : '',\n              preview.needAttestation\n                ? `${preview.needAttestation} with no opt-in on record`\n                : '',\n              preview.refused\n                ? `${preview.refused} cannot be added at all`\n                : '',\n            ]\n              .filter(Boolean)\n              .join(' · ')}\n          </Alert>\n          {/*\n            The HARD refusals only. An address that merely needs the\n            attestation is not a refusal — listing it here would put the very\n            people the checkbox below is about under a heading that says they\n            cannot be added.\n           */}\n          {preview.verdicts\n            .filter((verdict) => verdict.refusal)\n            .map((verdict) => (\n              <Typography\n                key={verdict.input}\n                variant=\"caption\"\n                color=\"text.secondary\"\n              >\n                {`${verdict.input} — ${verdict.summary}`}\n              </Typography>\n            ))}\n          {preview.needAttestation ? (\n            <FormControlLabel\n              control={\n                <Checkbox\n                  checked={attested}\n                  onChange={(event) => setAttested(event.target.checked)}\n                />\n              }\n              label={\n                <Typography variant=\"body2\">\n                  {`I have permission to send marketing email to the ` +\n                    `${preview.needAttestation} ` +\n                    `${preview.needAttestation === 1 ? 'person' : 'people'} ` +\n                    'above with no opt-in on record. This is recorded against ' +\n                    'my account, with the date.'}\n                </Typography>\n              }\n            />\n          ) : null}\n          <Box>\n            <Button\n              size=\"small\"\n              variant=\"contained\"\n              disabled={\n                busy ||\n                !enrollable ||\n                (preview.needAttestation > 0 && !attested)\n              }\n              onClick={() => void handleAdd()}\n            >\n              {busy ? 'Adding…' : `Add ${enrollable}`}\n            </Button>\n          </Box>\n        </Stack>\n      ) : null}\n\n      {/*\n        What actually happened, per address. A batch where one address was\n        suppressed and forty were fine is not a failure, and a bare count would\n        leave the operator to work out which of their lines is missing.\n       */}\n      {results?.length ? (\n        <Stack spacing={0.5}>\n          {results\n            .filter((result) => !result.enrolled)\n            .map((result) => (\n              <Typography\n                key={result.input}\n                variant=\"caption\"\n                color=\"text.secondary\"\n              >\n                {`${result.input} — not added. ${result.error ?? ''}`}\n              </Typography>\n            ))}\n        </Stack>\n      ) : null}\n\n      {members.length === 0 && !hasMore && !filtering ? (\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {'Nobody is on this list yet.'}\n        </Typography>\n      ) : (\n        <>\n          <ListFilterChips\n            fields={LIST_MEMBER_QUERY.fields}\n            headers={LIST_MEMBER_FILTER_HEADERS}\n            clauses={gridFilter.clauses}\n            onChange={gridFilter.setClauses}\n            options={LIST_MEMBER_FILTER_OPTIONS}\n          />\n          <ListQueryNotices refused={refusals} notices={plan.notices} />\n          <ListTable\n            aria-label={`Members of ${listName}`}\n            rows={members}\n            columns={listFilterGridColumns(\n              columns,\n              LIST_MEMBER_QUERY.fields,\n              LIST_MEMBER_FILTER_OPTIONS,\n              LIST_MEMBER_FILTER_HEADERS,\n            )}\n            rowHeight={TABLE_ROW_HEIGHT}\n            // Paged by the footer below, so the grid must not also slice.\n            hideFooter\n            // The panel and the search go to the query; the grid neither\n            // filters nor sorts the page it holds.\n            filterMode=\"server\"\n            filterModel={gridFilter.filterModel}\n            onFilterModelChange={gridFilter.onFilterModelChange}\n            quickFilter\n            disableColumnSorting\n            noRowsLabel=\"No members match these filters\"\n          />\n          <ListPagination\n            page={page}\n            pageSize={pageSize}\n            rowCount={members.length}\n            hasMore={hasMore}\n            onPageChange={setPage}\n            onPageSizeChange={setPageSize}\n          />\n        </>\n      )}\n\n      {/*\n        What the column MEANS, and what to do about the one state an operator\n        can act on. \"No basis on record\" is a fact about this site's records,\n        not a refusal and not a dead end — the remedy is the add form above,\n        which merges onto the membership that is already here rather than\n        creating a second one. Whether a basis-less member is actually mailed\n        is the org's consent policy to decide and is deliberately not claimed\n        here: this surface does not hold that setting, and a caption that\n        guessed it would be wrong for every org on the other mode.\n       */}\n      <Typography variant=\"caption\" color=\"text.secondary\">\n        {'\"No basis on record\" means nobody has recorded this person\\'s ' +\n          'permission for this site — it is not a refusal. To record one, put ' +\n          'their address in the box above and state that you have their ' +\n          'permission; the statement is kept against your account, with the ' +\n          'date.'}\n      </Typography>\n\n      <Typography variant=\"caption\" color=\"text.secondary\">\n        {'Removing someone from a list is not an unsubscribe. It does not add ' +\n          'them to your suppression list, and it does not stop any other list ' +\n          'reaching them. If somebody asked you to stop, suppress the address.'}\n      </Typography>\n    </Stack>\n  )\n}\nListMembersPanel.displayName = 'ListMembersPanel'\n\nexport default ListMembersPanel\n"],"names":["readMarketingBasis","mdiAccountRemoveOutline","MdiIcon","useConfirmationContext","ListFilterChips","ListPagination","ListQueryNotices","listQueryRefusals","ListRowActions","ListTable","listActionsColumn","listFilterGridColumns","TABLE_ROW_HEIGHT","useListGridFilter","useSnackbar","Alert","Box","Button","Checkbox","Chip","FormControlLabel","Stack","TextField","Typography","collection","deleteDoc","doc","useCallback","useEffect","useMemo","useState","useFirestore","useUser","useListQuery","authorizedFetch","LIST_MEMBER_FILTER_HEADERS","LIST_MEMBER_FILTER_OPTIONS","LIST_MEMBER_QUERY","consentLabel","member","group","record","when","basisAtMs","Date","toLocaleDateString","basis","key","label","color","assertedBy","otherGrant","VIA_LABELS","rule","manual","MEMBER_SELECT_FIELDS","viaOf","via","splitAddresses","value","split","map","entry","trim","replace","filter","Boolean","ListMembersPanel","props","hostId","consentGroup","scope","listId","listName","onMembershipChanged","findRule","ruleSummary","firestore","data","user","enqueueSnackbar","confirm","gridFilter","selectFields","rows","members","hasMore","page","setPage","pageSize","setPageSize","plan","declaration","request","clauses","search","searchWords","deps","idField","filtering","length","some","word","refusals","refused","fields","headers","options","addInput","setAddInput","addName","setAddName","preview","setPreview","attested","setAttested","results","setResults","busy","setBusy","found","setFound","addresses","emails","post","route","body","response","method","JSON","stringify","payload","json","catch","ok","handlePreview","error","variant","allowDuplicate","handleFind","Number","matched","persist","handleAdd","name","attestConsent","added","handleRemove","accepted","title","description","email","confirmationText","confirmationButtonProps","then","$id","console","enrollable","optedIn","needAttestation","columns","field","headerName","flex","minWidth","valueGetter","_value","row","width","addedAt","toDate","getTime","renderCell","direction","spacing","sx","alignItems","size","source","noWrap","consent","String","items","icon","path","destructive","onClick","py","border","borderColor","borderRadius","p","clause","disabled","severity","toLocaleString","truncated","complete","useFlexGap","flexWrap","placeholder","multiline","minRows","maxRows","onChange","event","target","helperText","flexGrow","join","verdicts","verdict","refusal","input","summary","control","checked","result","enrolled","setClauses","notices","aria-label","rowHeight","hideFooter","filterMode","filterModel","onFilterModelChange","quickFilter","disableColumnSorting","noRowsLabel","rowCount","onPageChange","onPageSizeChange","displayName"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../libs/plugins/email/src/lib/components/list-members-panel.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\n/**\n * Who is on one list, and the three things you can do about it.\n *\n * The audience card could create a list and delete a list. It could not show\n * you a single name on one. This panel is the rest of it: read the membership,\n * add somebody, take somebody off. The list's own settings — its name, and the\n * rule behind a dynamic one — belong to the edit route, because they are\n * facts about the LIST rather than about who is on it.\n *\n * ## It mounts only on a list's own page\n *\n * The audience detail route renders this for the ONE list being read. A\n * membership listener per row would open one per list on the audiences table,\n * on a surface where most visits are to read the list of lists — the\n * read-on-mount shape `emails-console-read-cost.spec.tsx` meters. Nothing here\n * reads anything until a list is opened, and the add form reads nothing until\n * an address is typed.\n *\n * ## Whether somebody may be ADDED is the server's answer, always\n *\n * Every sentence about an address being typed in is `email/list-members-preview`\n * answering from that person's actual record and both suppression lists. This\n * component decides none of it. A screen that decided for itself would be a\n * second copy of the rule on the one surface whose job is to tell the operator\n * the truth about what is about to happen — including, and especially, that\n * the product knows nothing about this person's permission.\n *\n * ## The membership table reads consent through the SEND-TIME reader\n *\n * The `Consent` column answers the same question `performCampaignSend` asks of\n * the same document, so it asks it with the same function —\n * {@link readMarketingBasis}, against the consent group this console is being\n * viewed as. A column that picked the fields out of the row itself is a second\n * reader of a stored shape, and the two only agree until the shape moves.\n *\n * ## Removing is not suppressing, and the screen says so\n *\n * Taking somebody off a list is the operator changing their mind about an\n * audience. It is not the person asking to stop being mailed, it does not stop\n * another list reaching them, and it writes nothing to the suppression list.\n * Those are different acts with different records, and a console that let them\n * blur is a console where \"remove\" is quietly relied on as an unsubscribe.\n */\n\nimport {\n  readMarketingBasis,\n  type ConsentGroup,\n  type DynamicListRule,\n} from '@aglyn/aglyn'\nimport { mdiAccountRemoveOutline } from '@aglyn/shared-data-mdi'\nimport { MdiIcon, useConfirmationContext } from '@aglyn/shared-ui-jsx'\nimport ListFilterChips from '@aglyn/shared-ui-jsx/components/list-filter-chips.component'\nimport { ListPagination } from '@aglyn/shared-ui-jsx/components/list-pagination.component'\nimport ListQueryNotices, {\n  listQueryRefusals,\n} from '@aglyn/shared-ui-jsx/components/list-query-notices.component'\nimport {\n  ListRowActions,\n  ListTable,\n  listActionsColumn,\n} from '@aglyn/shared-ui-jsx/components/list-table.component'\nimport { listFilterGridColumns } from '@aglyn/shared-ui-jsx/const/list-grid-filter'\nimport { TABLE_ROW_HEIGHT } from '@aglyn/shared-ui-jsx/const/table-pagination'\nimport { useListGridFilter } from '@aglyn/shared-ui-jsx/hooks/use-list-grid-filter'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport {\n  Alert,\n  Box,\n  Button,\n  Checkbox,\n  Chip,\n  FormControlLabel,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport type { GridColDef } from '@mui/x-data-grid'\nimport { collection, deleteDoc, doc } from 'firebase/firestore'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { useFirestore, useUser } from '@aglyn/tenant-feature-instance'\nimport { useListQuery } from '@aglyn/tenant-feature-instance/hooks/use-list-query'\nimport { authorizedFetch } from '@aglyn/shared-util-http/authorized-token'\nimport {\n  LIST_MEMBER_FILTER_HEADERS,\n  LIST_MEMBER_FILTER_OPTIONS,\n  LIST_MEMBER_QUERY,\n} from '../constants/list-queries'\n\nexport interface ListMembersPanelProps {\n  hostId: string\n  /**\n   * The controller this membership is being read AS — the declared group of\n   * sites that are one sender, or this site alone.\n   *\n   * Required and undefaulted, for the reason {@link readMarketingBasis} makes\n   * it required: a basis runs to a brand, so a surface that has not said which\n   * brand is asking cannot report one. Defaulting to the group of one here\n   * would compile and would then answer a declared group's questions with a\n   * single site's facts — reporting a sibling's refusal as no record at all,\n   * and a pooled grant as another brand's.\n   */\n  consentGroup: ConsentGroup\n  /** `['orgs', orgId]` — the resolved org scope the card already holds. */\n  scope: readonly [string, string]\n  listId: string\n  listName: string\n  /**\n   * Called after a membership is added or removed.\n   *\n   * The audience page's subscriber total is a server aggregate, taken once.\n   * Left alone it would go on reporting the figure from before the add — a\n   * stale total directly above a live table that disagrees with it, which\n   * reads as the add having failed. The page re-takes the aggregate on this\n   * signal and at no other time, so nothing is re-counted while somebody is\n   * only reading.\n   */\n  onMembershipChanged?: () => void\n  /**\n   * The list's saved filters, when it has any and its membership is FIXED.\n   *\n   * Present, the panel offers to find the people they select and add them —\n   * the same act as typing addresses, with the search doing the typing. Absent\n   * (a live list, or one with no filters saved), the add form is the address\n   * box alone: a live list's membership is the sweep's to decide, and offering\n   * to add its own matches by hand would produce hand-added copies of rows the\n   * sweep already owns.\n   */\n  findRule?: DynamicListRule | null\n  /** The same filters in sentences, so the button says what it will find. */\n  ruleSummary?: readonly string[]\n  /**\n   * Told what the table is filtered to — `null` when it is not — so the\n   * card's Export can offer \"the current filter\": the predicates this\n   * table's own query is asking, which the export reads with the same query.\n   */\n  onFilterChange?: (filter: ListMembersFilter | null) => void\n}\n\n/** The member table's filter, as the export dialog offers it. */\nexport interface ListMembersFilter {\n  label: string\n  value: { filters: ReadonlyArray<{ path: string; op: string; value: unknown }> }\n}\n\n/**\n * One member row, as stored.\n *\n * The consent fields are deliberately NOT enumerated here. They live one level\n * down, in an entry per site under `marketingConsentByHost`, and a row type\n * that named them at the top would be an invitation to read them there — which\n * is exactly what this table did while `enrollListMember` wrote them nested,\n * so every membership on every list reported \"No basis on record\" while the\n * send path mailed the same people on a basis it could see perfectly well. The\n * index signature is what {@link readMarketingBasis} takes; it is the only\n * reader of those fields on this surface.\n */\ninterface MemberRow {\n  $id: string\n  email?: string\n  name?: string\n  source?: string\n  via?: 'manual' | 'rule'\n  addedAt?: { toDate?: () => Date }\n  [field: string]: unknown\n}\n\n/** What `email/list-members-preview` answers for one address. */\ninterface AddressVerdict {\n  input: string\n  email: string | null\n  refusal: string | null\n  requiresAttestation: boolean\n  summary: string\n}\n\ninterface Preview {\n  verdicts: AddressVerdict[]\n  optedIn: number\n  needAttestation: number\n  refused: number\n}\n\n/** What a filter search found, as `email/list-rule-preview` reports it. */\ninterface FoundPeople extends Preview {\n  /** People the filters matched — NOT the length of `emails`. */\n  matched: number\n  /** `emails` is one batch of a larger match. */\n  truncated: boolean\n  /** False when the scan hit its budget, so `matched` is itself a floor. */\n  complete: boolean\n  emails: string[]\n}\n\n/** What one address's outcome was, after the add. */\ninterface AddResult {\n  input: string\n  email: string | null\n  enrolled: boolean\n  error?: string\n}\n\n/**\n * How the basis reads on screen, for the group this console is viewed as.\n *\n * ## Read through `readMarketingBasis`, never off the row\n *\n * This picked `marketingConsent`, `marketingConsentBasis` and\n * `marketingConsentAtMs` off the top of the membership document, which is\n * where `enrollListMember` used to put them. They now live in an entry per\n * site under `marketingConsentByHost`, because a basis runs to the brand it\n * was given to rather than to the account that holds the row. Nothing here\n * moved with them, so every top-level read answered `undefined` and every\n * member of every list — including people carrying a perfectly good attested\n * basis — was reported as having no basis on record, on the one screen an\n * operator consults before mailing them. `performCampaignSend` reads the same\n * documents through the function below and mailed them, correctly, at the same\n * time.\n *\n * The fix is not a second field name. It is that the send path's reader is the\n * only reader: a surface that parses the stored shape itself agrees with the\n * sender only until the shape moves, and it moves without anybody thinking to\n * look here.\n *\n * ## Five states, because the model carries five\n *\n * An attestation and an opt-in are not the same fact — one is a person's own\n * decision, the other a claim an account made on their behalf — and a table\n * rendering both as a tick is the conflation `list-members.ts` stores the\n * basis to prevent. The three that are not a grant are not one state either.\n * Absence is not refusal, and neither of them is \"opted in, to somebody else\n * in this account\": that third one is a person the sender deliberately leaves\n * alone, and an operator who cannot see why reads it as the product having\n * lost their subscriber.\n */\ntype ConsentKey =\n  | 'opted-out'\n  | 'attested'\n  | 'opted-in'\n  | 'other-site'\n  | 'no-site'\n  | 'none'\n\nfunction consentLabel(\n  member: MemberRow,\n  group: ConsentGroup,\n): { key: ConsentKey; label: string; color: 'default' | 'warning' | 'error' } {\n  const record = readMarketingBasis(member as Record<string, unknown>, group)\n  const when = record.basisAtMs\n    ? ` · ${new Date(record.basisAtMs).toLocaleDateString()}`\n    : ''\n  if (record.basis === 'declined') {\n    return { key: 'opted-out', label: `Opted out${when}`, color: 'error' }\n  }\n  if (record.basis === 'granted') {\n    /*\n     * `assertedBy` rather than the stored basis field, because there are two\n     * ways a record says an operator asserted it — a membership's\n     * `marketingConsentBasis`, and the provenance object a backfill writes —\n     * and the reader has already resolved both into this one answer.\n     */\n    return record.assertedBy === 'operator'\n      ? { key: 'attested', label: `Attested by your team${when}`, color: 'warning' }\n      : { key: 'opted-in', label: `Opted in${when}`, color: 'default' }\n  }\n  /*\n   * A grant this site may not use. Reported rather than folded into \"no\n   * basis\" because the two are different situations with different answers:\n   * nobody has ever asked this person, versus somebody asked them on behalf\n   * of another brand in this account and this brand may not borrow it.\n   */\n  if (record.otherGrant === 'other-host') {\n    return { key: 'other-site', label: 'Opted in to another site', color: 'warning' }\n  }\n  if (record.otherGrant === 'unscoped') {\n    return { key: 'no-site', label: 'Opted in — no site recorded', color: 'warning' }\n  }\n  return { key: 'none', label: 'No basis on record', color: 'default' }\n}\n\n/** How a member got here, by the words the column draws. */\nconst VIA_LABELS: Readonly<Record<'rule' | 'manual', string>> = {\n  rule: 'Rule',\n  manual: 'Added',\n}\n/** The How filter's choices are picked, so the panel shows a select. */\nconst MEMBER_SELECT_FIELDS = ['via']\n\n/** How a row reads `via`: a row that predates the field was added by hand. */\nconst viaOf = (member: MemberRow): 'rule' | 'manual' =>\n  member.via === 'rule' ? 'rule' : 'manual'\n\n/** Free text — a paste, a typed address, commas or newlines — to addresses. */\nexport function splitAddresses(value: string): string[] {\n  return value\n    .split(/[\\s,;]+/)\n    .map((entry) => entry.trim())\n    // A pasted mail-client line is `Name <a@b.co>`; keep the address part.\n    .map((entry) => entry.replace(/^.*<|>.*$/g, ''))\n    .filter(Boolean)\n}\n\nexport function ListMembersPanel(props: ListMembersPanelProps) {\n  const {\n    hostId,\n    consentGroup,\n    scope,\n    listId,\n    listName,\n    onMembershipChanged,\n    findRule,\n    ruleSummary,\n  } = props\n  const firestore = useFirestore()\n  const { data: user } = useUser()\n  const { enqueueSnackbar } = useSnackbar()\n  const { confirm } = useConfirmationContext()\n\n  /*\n   * Ordered by DOCUMENT ID and paged, not capped and re-sorted here.\n   *\n   * `__name__` rather than `addedAt`, which is the column a reader would\n   * assume: `orderBy` FILTERS as well as sorts, so a document missing the\n   * field is not in the result at all — and `addedAt` is stamped only when a\n   * membership is CREATED, so every row written under the two legacy ids\n   * `list-members.ts` still adopts predates it. Ordering on it would drop the\n   * oldest members from their own list, silently, which is the failure that\n   * turned an audience into a random sample (AGL-2501). The id is the one key\n   * every row has.\n   *\n   * Every filter and search word is a predicate on the same query\n   * (AGL-3321) — see `LIST_MEMBER_QUERY` — so a page is a page of the\n   * matches.\n   */\n  const gridFilter = useListGridFilter({ selectFields: MEMBER_SELECT_FIELDS })\n  const {\n    rows: members,\n    hasMore,\n    page,\n    setPage,\n    pageSize,\n    setPageSize,\n    plan,\n  } = useListQuery<MemberRow>({\n    collection: collection(firestore, scope[0], scope[1], 'lists', listId, 'members'),\n    declaration: LIST_MEMBER_QUERY,\n    request: { clauses: gridFilter.clauses, search: gridFilter.searchWords },\n    deps: [firestore, scope[0], scope[1], listId],\n    idField: '$id',\n  })\n  const filtering =\n    gridFilter.clauses.length > 0 || gridFilter.searchWords.some((word) => word.trim())\n  const { onFilterChange } = props\n  const filterKey = filtering ? JSON.stringify(plan.filters) : ''\n  useEffect(() => {\n    if (!onFilterChange) return\n    onFilterChange(\n      filterKey\n        ? {\n            label: 'Members matching the table’s filters',\n            value: { filters: JSON.parse(filterKey) },\n          }\n        : null,\n    )\n  }, [filterKey, onFilterChange])\n  const refusals = useMemo(\n    () =>\n      listQueryRefusals(plan.refused, {\n        fields: LIST_MEMBER_QUERY.fields,\n        headers: LIST_MEMBER_FILTER_HEADERS,\n        options: LIST_MEMBER_FILTER_OPTIONS,\n      }),\n    [plan.refused],\n  )\n\n  const [addInput, setAddInput] = useState('')\n  const [addName, setAddName] = useState('')\n  const [preview, setPreview] = useState<Preview | null>(null)\n  const [attested, setAttested] = useState(false)\n  const [results, setResults] = useState<AddResult[] | null>(null)\n  const [busy, setBusy] = useState(false)\n  /*\n   * The addresses a SEARCH found, when the operator ran one.\n   *\n   * A second way to fill the same candidate set, not a second way to add. Once\n   * this holds addresses, everything below it — the consent readout, the\n   * attestation, the Add button — is the code the typed path already used, so\n   * there is exactly one place in this component where somebody is put on a\n   * list and exactly one gate in front of it.\n   */\n  const [found, setFound] = useState<FoundPeople | null>(null)\n\n  const addresses = found ? found.emails : splitAddresses(addInput)\n\n  /*\n   * Any edit to the box invalidates the answer.\n   *\n   * A preview belongs to the exact addresses it was run for. Leaving a stale\n   * one on screen would show a count, and an attestation checkbox, for a set\n   * the operator has since changed — so the number they stand behind would\n   * not be the number that acts. Typing also abandons a search: the two are\n   * alternative ways of naming a candidate set, and holding both at once\n   * would leave the Add button acting on whichever the code happened to\n   * prefer.\n   */\n  useEffect(() => {\n    setPreview(null)\n    setAttested(false)\n    setResults(null)\n    setFound(null)\n  }, [addInput])\n\n  const post = useCallback(\n    async (route: string, body: Record<string, unknown>) => {\n      const response = await authorizedFetch(user, `/api/email/${route}`, {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ hostId, listId, ...body }),\n      })\n      const payload = await response.json().catch(() => ({}))\n      return { ok: response.ok, payload }\n    },\n    [user, hostId, listId],\n  )\n\n  const handlePreview = useCallback(async () => {\n    if (busy || !addresses.length) return\n    setBusy(true)\n    try {\n      const { ok, payload } = await post('list-members-preview', {\n        emails: addresses,\n      })\n      if (!ok) {\n        return void enqueueSnackbar(\n          payload?.error ?? 'The addresses could not be checked.',\n          { variant: 'warning', allowDuplicate: true },\n        )\n      }\n      setPreview(payload as Preview)\n    } catch {\n      enqueueSnackbar('The addresses could not be checked.', {\n        variant: 'warning',\n        allowDuplicate: true,\n      })\n    } finally {\n      setBusy(false)\n    }\n  }, [busy, addresses, post, enqueueSnackbar])\n\n  const handleFind = useCallback(async () => {\n    if (busy || !findRule) return\n    setBusy(true)\n    try {\n      const { ok, payload } = await post('list-rule-preview', {\n        rule: findRule,\n      })\n      if (!ok) {\n        return void enqueueSnackbar(\n          payload?.error ?? 'The audience could not be worked out.',\n          { variant: 'warning', allowDuplicate: true },\n        )\n      }\n      /*\n       * The verdicts come back from the SAME resolution the typed path runs,\n       * so what lands in `preview` here is the same object the consent\n       * readout below already knows how to draw. A search that returned its\n       * own shaped summary would be a second consent readout, and the second\n       * one is the one nobody reviews.\n       */\n      setFound(payload as FoundPeople)\n      setPreview(payload as Preview)\n      setAttested(false)\n      setResults(null)\n      if (!Number(payload?.matched ?? 0)) {\n        enqueueSnackbar('These filters match nobody', {\n          variant: 'info',\n          persist: false,\n        })\n      }\n    } catch {\n      enqueueSnackbar('The audience could not be worked out.', {\n        variant: 'warning',\n        allowDuplicate: true,\n      })\n    } finally {\n      setBusy(false)\n    }\n  }, [busy, findRule, post, enqueueSnackbar])\n\n  const handleAdd = useCallback(async () => {\n    if (busy || !preview) return\n    setBusy(true)\n    try {\n      const { ok, payload } = await post('list-members-add', {\n        emails: addresses,\n        ...(addresses.length === 1 && addName.trim()\n          ? { name: addName.trim() }\n          : {}),\n        // The operator's assertion, not a basis they named: the server\n        // derives a pass-through from each person's own record, and this flag\n        // can only ever add the attributable kind.\n        attestConsent: attested,\n      })\n      if (!ok) {\n        return void enqueueSnackbar(\n          payload?.error ?? 'Nobody was added to the list',\n          { variant: 'warning', allowDuplicate: true },\n        )\n      }\n      const added = Number(payload?.added ?? 0)\n      setResults((payload?.results ?? []) as AddResult[])\n      setPreview(null)\n      if (added) {\n        setAddInput('')\n        setAddName('')\n        setFound(null)\n        onMembershipChanged?.()\n      }\n      enqueueSnackbar(\n        added === 1 ? 'One person added' : `${added} people added`,\n        { variant: added ? 'success' : 'warning', persist: false },\n      )\n    } catch {\n      enqueueSnackbar('Nobody was added to the list', {\n        variant: 'warning',\n        allowDuplicate: true,\n      })\n    } finally {\n      setBusy(false)\n    }\n  }, [\n    busy,\n    preview,\n    addresses,\n    addName,\n    attested,\n    post,\n    enqueueSnackbar,\n    onMembershipChanged,\n  ])\n\n  const handleRemove = useCallback(\n    async (member: MemberRow) => {\n      const accepted = await confirm({\n        title: 'Remove from this list?',\n        description:\n          `${member.email ?? 'This person'} stops being part of \"${listName}\" ` +\n          'and campaigns to this list stop reaching them. This is NOT an ' +\n          'unsubscribe: it does not add them to your suppression list, and ' +\n          'any other list they are on still reaches them. If they asked to ' +\n          'stop hearing from you, suppress the address instead.',\n        confirmationText: 'Remove',\n        confirmationButtonProps: { color: 'error' },\n      })\n        // `confirm` resolves with no value and REJECTS on cancel, so gating on\n        // the resolved value alone would make this always proceed (AGL-950).\n        .then(() => true)\n        .catch(() => false)\n      if (!accepted) return\n      try {\n        await deleteDoc(\n          doc(\n            firestore,\n            scope[0],\n            scope[1],\n            'lists',\n            listId,\n            'members',\n            member.$id,\n          ),\n        )\n        onMembershipChanged?.()\n        enqueueSnackbar('Removed from the list', {\n          variant: 'success',\n          persist: false,\n        })\n      } catch (error) {\n        console.error(error)\n        enqueueSnackbar('They were not removed', { variant: 'error' })\n      }\n    },\n    [\n      confirm,\n      listName,\n      firestore,\n      scope,\n      listId,\n      enqueueSnackbar,\n      onMembershipChanged,\n    ],\n  )\n\n  const enrollable = preview\n    ? preview.optedIn + preview.needAttestation\n    : 0\n\n  const columns: GridColDef[] = [\n    {\n      field: 'email',\n      headerName: 'Address',\n      flex: 1,\n      minWidth: 220,\n      valueGetter: (_value, row) => row.email ?? '—',\n    },\n    {\n      field: 'name',\n      headerName: 'Name',\n      flex: 1,\n      minWidth: 160,\n      valueGetter: (_value, row) => row.name ?? '—',\n    },\n    {\n      field: 'addedAt',\n      headerName: 'Joined',\n      width: 120,\n      // Sorted on the instant, drawn as a local date.\n      valueGetter: (_value, row) => row.addedAt?.toDate?.()?.getTime?.() ?? 0,\n      renderCell: ({ row }) =>\n        row.addedAt?.toDate ? row.addedAt.toDate().toLocaleDateString() : '—',\n    },\n    {\n      field: 'via',\n      headerName: 'How',\n      width: 200,\n      valueGetter: (_value, row) => viaOf(row),\n      /*\n        `via` says whether a rule put them here or a person did, which is what\n        decides whether they LEAVE on their own: the materializer reconciles its\n        own rows away and never touches a manual one. `source` is the finer\n        provenance underneath it.\n       */\n      renderCell: ({ row }) => (\n        <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center', minWidth: 0 }}>\n          <Chip size=\"small\" variant=\"outlined\" label={VIA_LABELS[viaOf(row)]} />\n          {row.source ? (\n            <Typography variant=\"caption\" color=\"text.secondary\" noWrap>\n              {row.source}\n            </Typography>\n          ) : null}\n        </Stack>\n      ),\n    },\n    {\n      field: 'consent',\n      headerName: 'Consent',\n      width: 190,\n      valueGetter: (_value, row) => consentLabel(row, consentGroup).label,\n      renderCell: ({ row }) => {\n        const consent = consentLabel(row, consentGroup)\n        return (\n          <Chip\n            size=\"small\"\n            variant=\"outlined\"\n            color={consent.color}\n            label={consent.label}\n          />\n        )\n      },\n    },\n    /*\n      A SUBSCRIBER HAS NO PAGE of their own here, so the row opens nothing —\n      but taking somebody off an audience is the one act performed on one, and\n      it belongs in the trailing cluster with every other list's actions rather\n      than as a red text button sitting in the row.\n     */\n    listActionsColumn(\n      (row) => (\n        <ListRowActions\n          label={String(row.email ?? row.$id)}\n          items={[\n            {\n              key: 'remove',\n              label: 'Remove from this list',\n              icon: <MdiIcon path={mdiAccountRemoveOutline.path} size={0.8} />,\n              destructive: true,\n              onClick: () => void handleRemove(row),\n            },\n          ]}\n        />\n      ),\n      { width: 72 },\n    ),\n  ]\n\n  return (\n    <Stack spacing={2} sx={{ py: 2 }}>\n      {/*\n        FINDING people, for a list whose membership is fixed.\n        The filters are the same ones a live list is swept by; here they run\n        once, on request, and what they find is offered for adding rather than\n        enrolled. The count and the consent readout arrive together, because\n        the second is the thing that decides how much of the first can act.\n       */}\n      {findRule ? (\n        <Stack\n          spacing={1}\n          sx={{ border: 1, borderColor: 'divider', borderRadius: 1, p: 1.5 }}\n        >\n          <Typography variant=\"overline\" color=\"text.secondary\">\n            {'Find people'}\n          </Typography>\n          {(ruleSummary ?? []).map((clause) => (\n            <Typography key={clause} variant=\"body2\">\n              {clause}\n            </Typography>\n          ))}\n          <Box>\n            <Button\n              size=\"small\"\n              variant=\"outlined\"\n              disabled={busy}\n              onClick={() => void handleFind()}\n            >\n              {busy ? 'Searching…' : 'Find matching people'}\n            </Button>\n          </Box>\n          {found ? (\n            <Alert severity={found.matched ? 'info' : 'warning'}>\n              {(found.matched === 1\n                ? '1 person matches'\n                : `${found.matched.toLocaleString()} people match`) +\n                (found.truncated\n                  ? ` — this batch covers the first ${found.emails.length}. ` +\n                    'Add them, then search again for the rest.'\n                  : '') +\n                (found.complete\n                  ? ''\n                  : ' The search stopped at its read budget, so this is at ' +\n                    'least that many rather than exactly.')}\n            </Alert>\n          ) : null}\n          <Typography variant=\"caption\" color=\"text.secondary\">\n            {'Whoever you add stays on this list. It does not keep growing — ' +\n              'change the membership to live on the edit page if you want ' +\n              'new matches enrolled automatically.'}\n          </Typography>\n        </Stack>\n      ) : null}\n\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        {'Add someone by typing their address, or paste a column of them. ' +\n          'Every address is checked against their consent record and both ' +\n          'suppression lists before anyone is added.'}\n      </Typography>\n\n      <Stack direction=\"row\" spacing={1} useFlexGap sx={{ flexWrap: 'wrap' }}>\n        <TextField\n          size=\"small\"\n          label=\"Email addresses\"\n          placeholder=\"someone@example.com\"\n          multiline\n          minRows={1}\n          maxRows={6}\n          value={addInput}\n          onChange={(event) => setAddInput(event.target.value)}\n          helperText={\n            addresses.length > 1\n              ? `${addresses.length} addresses`\n              : 'One address, or paste many'\n          }\n          sx={{ flexGrow: 1, minWidth: 260 }}\n        />\n        {addresses.length > 1 ? null : (\n          <TextField\n            size=\"small\"\n            label=\"Name\"\n            value={addName}\n            onChange={(event) => setAddName(event.target.value)}\n            sx={{ minWidth: 180 }}\n          />\n        )}\n        <Box>\n          <Button\n            size=\"small\"\n            variant=\"outlined\"\n            disabled={busy || !addresses.length || Boolean(preview)}\n            onClick={() => void handlePreview()}\n          >\n            {busy ? 'Checking…' : 'Check'}\n          </Button>\n        </Box>\n      </Stack>\n\n      {/*\n        The count, in front of the operator, BEFORE the attestation control\n        exists. One assertion covers the batch, so the number it covers has to\n        be on screen when it is given — an attestation offered above an\n        unexamined paste is a signature on a blank page.\n       */}\n      {preview ? (\n        <Stack spacing={1}>\n          <Alert severity={enrollable ? 'info' : 'warning'}>\n            {[\n              preview.optedIn\n                ? `${preview.optedIn} already opted in`\n                : '',\n              preview.needAttestation\n                ? `${preview.needAttestation} with no opt-in on record`\n                : '',\n              preview.refused\n                ? `${preview.refused} cannot be added at all`\n                : '',\n            ]\n              .filter(Boolean)\n              .join(' · ')}\n          </Alert>\n          {/*\n            The HARD refusals only. An address that merely needs the\n            attestation is not a refusal — listing it here would put the very\n            people the checkbox below is about under a heading that says they\n            cannot be added.\n           */}\n          {preview.verdicts\n            .filter((verdict) => verdict.refusal)\n            .map((verdict) => (\n              <Typography\n                key={verdict.input}\n                variant=\"caption\"\n                color=\"text.secondary\"\n              >\n                {`${verdict.input} — ${verdict.summary}`}\n              </Typography>\n            ))}\n          {preview.needAttestation ? (\n            <FormControlLabel\n              control={\n                <Checkbox\n                  checked={attested}\n                  onChange={(event) => setAttested(event.target.checked)}\n                />\n              }\n              label={\n                <Typography variant=\"body2\">\n                  {`I have permission to send marketing email to the ` +\n                    `${preview.needAttestation} ` +\n                    `${preview.needAttestation === 1 ? 'person' : 'people'} ` +\n                    'above with no opt-in on record. This is recorded against ' +\n                    'my account, with the date.'}\n                </Typography>\n              }\n            />\n          ) : null}\n          <Box>\n            <Button\n              size=\"small\"\n              variant=\"contained\"\n              disabled={\n                busy ||\n                !enrollable ||\n                (preview.needAttestation > 0 && !attested)\n              }\n              onClick={() => void handleAdd()}\n            >\n              {busy ? 'Adding…' : `Add ${enrollable}`}\n            </Button>\n          </Box>\n        </Stack>\n      ) : null}\n\n      {/*\n        What actually happened, per address. A batch where one address was\n        suppressed and forty were fine is not a failure, and a bare count would\n        leave the operator to work out which of their lines is missing.\n       */}\n      {results?.length ? (\n        <Stack spacing={0.5}>\n          {results\n            .filter((result) => !result.enrolled)\n            .map((result) => (\n              <Typography\n                key={result.input}\n                variant=\"caption\"\n                color=\"text.secondary\"\n              >\n                {`${result.input} — not added. ${result.error ?? ''}`}\n              </Typography>\n            ))}\n        </Stack>\n      ) : null}\n\n      {members.length === 0 && !hasMore && !filtering ? (\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {'Nobody is on this list yet.'}\n        </Typography>\n      ) : (\n        <>\n          <ListFilterChips\n            fields={LIST_MEMBER_QUERY.fields}\n            headers={LIST_MEMBER_FILTER_HEADERS}\n            clauses={gridFilter.clauses}\n            onChange={gridFilter.setClauses}\n            options={LIST_MEMBER_FILTER_OPTIONS}\n          />\n          <ListQueryNotices refused={refusals} notices={plan.notices} />\n          <ListTable\n            aria-label={`Members of ${listName}`}\n            rows={members}\n            columns={listFilterGridColumns(\n              columns,\n              LIST_MEMBER_QUERY.fields,\n              LIST_MEMBER_FILTER_OPTIONS,\n              LIST_MEMBER_FILTER_HEADERS,\n            )}\n            rowHeight={TABLE_ROW_HEIGHT}\n            // Paged by the footer below, so the grid must not also slice.\n            hideFooter\n            // The panel and the search go to the query; the grid neither\n            // filters nor sorts the page it holds.\n            filterMode=\"server\"\n            filterModel={gridFilter.filterModel}\n            onFilterModelChange={gridFilter.onFilterModelChange}\n            quickFilter\n            disableColumnSorting\n            noRowsLabel=\"No members match these filters\"\n          />\n          <ListPagination\n            page={page}\n            pageSize={pageSize}\n            rowCount={members.length}\n            hasMore={hasMore}\n            onPageChange={setPage}\n            onPageSizeChange={setPageSize}\n          />\n        </>\n      )}\n\n      {/*\n        What the column MEANS, and what to do about the one state an operator\n        can act on. \"No basis on record\" is a fact about this site's records,\n        not a refusal and not a dead end — the remedy is the add form above,\n        which merges onto the membership that is already here rather than\n        creating a second one. Whether a basis-less member is actually mailed\n        is the org's consent policy to decide and is deliberately not claimed\n        here: this surface does not hold that setting, and a caption that\n        guessed it would be wrong for every org on the other mode.\n       */}\n      <Typography variant=\"caption\" color=\"text.secondary\">\n        {'\"No basis on record\" means nobody has recorded this person\\'s ' +\n          'permission for this site — it is not a refusal. To record one, put ' +\n          'their address in the box above and state that you have their ' +\n          'permission; the statement is kept against your account, with the ' +\n          'date.'}\n      </Typography>\n\n      <Typography variant=\"caption\" color=\"text.secondary\">\n        {'Removing someone from a list is not an unsubscribe. It does not add ' +\n          'them to your suppression list, and it does not stop any other list ' +\n          'reaching them. If somebody asked you to stop, suppress the address.'}\n      </Typography>\n    </Stack>\n  )\n}\nListMembersPanel.displayName = 'ListMembersPanel'\n\nexport default ListMembersPanel\n"],"names":["readMarketingBasis","mdiAccountRemoveOutline","MdiIcon","useConfirmationContext","ListFilterChips","ListPagination","ListQueryNotices","listQueryRefusals","ListRowActions","ListTable","listActionsColumn","listFilterGridColumns","TABLE_ROW_HEIGHT","useListGridFilter","useSnackbar","Alert","Box","Button","Checkbox","Chip","FormControlLabel","Stack","TextField","Typography","collection","deleteDoc","doc","useCallback","useEffect","useMemo","useState","useFirestore","useUser","useListQuery","authorizedFetch","LIST_MEMBER_FILTER_HEADERS","LIST_MEMBER_FILTER_OPTIONS","LIST_MEMBER_QUERY","consentLabel","member","group","record","when","basisAtMs","Date","toLocaleDateString","basis","key","label","color","assertedBy","otherGrant","VIA_LABELS","rule","manual","MEMBER_SELECT_FIELDS","viaOf","via","splitAddresses","value","split","map","entry","trim","replace","filter","Boolean","ListMembersPanel","props","hostId","consentGroup","scope","listId","listName","onMembershipChanged","findRule","ruleSummary","firestore","data","user","enqueueSnackbar","confirm","gridFilter","selectFields","rows","members","hasMore","page","setPage","pageSize","setPageSize","plan","declaration","request","clauses","search","searchWords","deps","idField","filtering","length","some","word","onFilterChange","filterKey","JSON","stringify","filters","parse","refusals","refused","fields","headers","options","addInput","setAddInput","addName","setAddName","preview","setPreview","attested","setAttested","results","setResults","busy","setBusy","found","setFound","addresses","emails","post","route","body","response","method","payload","json","catch","ok","handlePreview","error","variant","allowDuplicate","handleFind","Number","matched","persist","handleAdd","name","attestConsent","added","handleRemove","accepted","title","description","email","confirmationText","confirmationButtonProps","then","$id","console","enrollable","optedIn","needAttestation","columns","field","headerName","flex","minWidth","valueGetter","_value","row","width","addedAt","toDate","getTime","renderCell","direction","spacing","sx","alignItems","size","source","noWrap","consent","String","items","icon","path","destructive","onClick","py","border","borderColor","borderRadius","p","clause","disabled","severity","toLocaleString","truncated","complete","useFlexGap","flexWrap","placeholder","multiline","minRows","maxRows","onChange","event","target","helperText","flexGrow","join","verdicts","verdict","refusal","input","summary","control","checked","result","enrolled","setClauses","notices","aria-label","rowHeight","hideFooter","filterMode","filterModel","onFilterModelChange","quickFilter","disableColumnSorting","noRowsLabel","rowCount","onPageChange","onPageSizeChange","displayName"],"mappings":"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"}

package/src/lib/components/site-package-email-preview.d.ts

@@ -0,0 +1,13 @@
+import type { ConsoleSitePackageItemPreviewZoneProps } from '@aglyn/aglyn/plugin-manager/feature-plugins';
+/**
+ * One side of a site email in a site package import (AGL-3545), drawn by
+ * the preview an email's own page shows: the design rendered by the code
+ * that builds the mail, with the site's reusable blocks grafted in, under
+ * its subject line. The item carries its published design as `version`, so
+ * both sides are the email the site would send.
+ */
+export declare function SitePackageEmailPreview(props: ConsoleSitePackageItemPreviewZoneProps): import("react").JSX.Element;
+export declare namespace SitePackageEmailPreview {
+    var displayName: string;
+}
+export default SitePackageEmailPreview;

package/src/lib/components/site-package-email-preview.js

@@ -0,0 +1,47 @@
+/**
+ * @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 } from "react/jsx-runtime";
+import EmailDesignPreview from "./email-design-preview.js";
+const isDoc = (value)=>typeof value === 'object' && value !== null && !Array.isArray(value);
+const text = (value)=>typeof value === 'string' && value ? value : undefined;
+/**
+ * One side of a site email in a site package import (AGL-3545), drawn by
+ * the preview an email's own page shows: the design rendered by the code
+ * that builds the mail, with the site's reusable blocks grafted in, under
+ * its subject line. The item carries its published design as `version`, so
+ * both sides are the email the site would send.
+ */ export function SitePackageEmailPreview(props) {
+    const content = isDoc(props.content) ? props.content : {};
+    const version = isDoc(content['version']) ? content['version'] : {};
+    const subject = text(content['subject']);
+    const preheader = text(content['preheader']);
+    return /*#__PURE__*/ _jsx(EmailDesignPreview, _extends({
+        hostId: props.hostId,
+        nodes: version['nodes']
+    }, subject ? {
+        subject
+    } : {}, preheader ? {
+        preheader
+    } : {}, {
+        emptyMessage: props.side === 'site' ? 'This site’s copy has no design, so the site sends its built-in email.' : 'The file’s copy has no design, so the site would send its built-in email.'
+    }));
+}
+SitePackageEmailPreview.displayName = 'SitePackageEmailPreview';
+export default SitePackageEmailPreview;
+
+//# sourceMappingURL=site-package-email-preview.js.map

package/src/lib/components/site-package-email-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/email/src/lib/components/site-package-email-preview.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 type { ConsoleSitePackageItemPreviewZoneProps } from '@aglyn/aglyn/plugin-manager/feature-plugins'\nimport EmailDesignPreview from './email-design-preview'\n\nconst isDoc = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value)\n\nconst text = (value: unknown): string | undefined =>\n  typeof value === 'string' && value ? value : undefined\n\n/**\n * One side of a site email in a site package import (AGL-3545), drawn by\n * the preview an email's own page shows: the design rendered by the code\n * that builds the mail, with the site's reusable blocks grafted in, under\n * its subject line. The item carries its published design as `version`, so\n * both sides are the email the site would send.\n */\nexport function SitePackageEmailPreview(props: ConsoleSitePackageItemPreviewZoneProps) {\n  const content = isDoc(props.content) ? props.content : {}\n  const version = isDoc(content['version']) ? content['version'] : {}\n  const subject = text(content['subject'])\n  const preheader = text(content['preheader'])\n  return (\n    <EmailDesignPreview\n      hostId={props.hostId}\n      nodes={version['nodes']}\n      {...(subject ? { subject } : {})}\n      {...(preheader ? { preheader } : {})}\n      emptyMessage={\n        props.side === 'site'\n          ? 'This site’s copy has no design, so the site sends its built-in email.'\n          : 'The file’s copy has no design, so the site would send its built-in email.'\n      }\n    />\n  )\n}\nSitePackageEmailPreview.displayName = 'SitePackageEmailPreview'\n\nexport default SitePackageEmailPreview\n"],"names":["EmailDesignPreview","isDoc","value","Array","isArray","text","undefined","SitePackageEmailPreview","props","content","version","subject","preheader","hostId","nodes","emptyMessage","side","displayName"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;;AAGA,OAAOA,wBAAwB,4BAAwB;AAEvD,MAAMC,QAAQ,CAACC,QACb,OAAOA,UAAU,YAAYA,UAAU,QAAQ,CAACC,MAAMC,OAAO,CAACF;AAEhE,MAAMG,OAAO,CAACH,QACZ,OAAOA,UAAU,YAAYA,QAAQA,QAAQI;AAE/C;;;;;;CAMC,GACD,OAAO,SAASC,wBAAwBC,KAA6C;IACnF,MAAMC,UAAUR,MAAMO,MAAMC,OAAO,IAAID,MAAMC,OAAO,GAAG,CAAC;IACxD,MAAMC,UAAUT,MAAMQ,OAAO,CAAC,UAAU,IAAIA,OAAO,CAAC,UAAU,GAAG,CAAC;IAClE,MAAME,UAAUN,KAAKI,OAAO,CAAC,UAAU;IACvC,MAAMG,YAAYP,KAAKI,OAAO,CAAC,YAAY;IAC3C,qBACE,KAACT;QACCa,QAAQL,MAAMK,MAAM;QACpBC,OAAOJ,OAAO,CAAC,QAAQ;OAClBC,UAAU;QAAEA;IAAQ,IAAI,CAAC,GACzBC,YAAY;QAAEA;IAAU,IAAI,CAAC;QAClCG,cACEP,MAAMQ,IAAI,KAAK,SACX,0EACA;;AAIZ;AACAT,wBAAwBU,WAAW,GAAG;AAEtC,eAAeV,wBAAuB"}

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

@@ -14,10 +14,13 @@
  * 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 { TransferResumeImport } from "@aglyn/aglyn/app-utils/transfer-resume-import";
 import { pluginDocsHelp } from "@aglyn/aglyn";
+import { useTransferLauncher } from "@aglyn/aglyn/app-utils/transfer-launcher-context";
 import { ICON_VARIANT_CLOSE } from "@aglyn/shared-data-enums";
-import { mdiEmailCheckOutline } from "@aglyn/shared-data-mdi";
+import { mdiEmailCheckOutline, mdiTrayArrowDown, mdiTrayArrowUp } from "@aglyn/shared-data-mdi";
 import { CardDisplay, Container, MdiIcon, SrOnly, useConfirmationContext } from "@aglyn/shared-ui-jsx";
 import ListFilterChips from "@aglyn/shared-ui-jsx/components/list-filter-chips.component";
 import { ListPagination } from "@aglyn/shared-ui-jsx/components/list-pagination.component";
@@ -48,6 +51,7 @@ import { authorizedFetch } from "@aglyn/shared-util-http/authorized-token";
 import { SUPPRESSION_FILTER_HEADERS, SUPPRESSION_LIST_QUERY } from "../constants/list-queries.js";
 import { describeSuppressionReason as describeReason, readSuppressionTotals, SUPPRESSION_REASONS } from "./suppression-totals.js";
 import { orgSiteName, useEmailOrgMount } from "./email-org-mount.js";
+import { SUPPRESSIONS_RESOURCE } from "../transfer/email-transfer-catalog.js";
 /*
  * What the suppressions grid's Filters panel offers, every clause and the
  * search on the list's query (AGL-3321): see `SUPPRESSION_LIST_QUERY`. The
@@ -167,6 +171,18 @@ const SUPPRESSION_SELECT_FIELDS = [
         idField: '$id'
     });
     const filtering = gridFilter.clauses.length > 0 || gridFilter.searchWords.some((word)=>word.trim());
+    /*
+   * IMPORT AND EXPORT (AGL-3529) open the console's transfer wizard and
+   * export dialog on this site's list. An import only ever adds: an address
+   * already here keeps its entry, and nothing removes one. The export's
+   * "current filter" is this table's own query.
+   */ const transfer = useTransferLauncher();
+    const exportFilter = filtering ? {
+        label: 'Entries matching the table’s filters',
+        value: {
+            filters: plan.filters
+        }
+    } : null;
     const refusals = useMemo(()=>listQueryRefusals(plan.refused, {
             fields: SUPPRESSION_LIST_QUERY.fields,
             headers: SUPPRESSION_FILTER_HEADERS,
@@ -459,11 +475,64 @@ const SUPPRESSION_SELECT_FIELDS = [
         contentGutterY: true,
         contentBordered: "all",
         HeaderProps: {
-            action: /*#__PURE__*/ _jsx(Button, {
-                size: "small",
-                variant: "contained",
-                onClick: ()=>setAdding(true),
-                children: 'Add'
+            action: /*#__PURE__*/ _jsxs(Stack, {
+                direction: "row",
+                spacing: 1,
+                children: [
+                    (transfer == null ? void 0 : transfer.can('export', {
+                        resource: SUPPRESSIONS_RESOURCE,
+                        scope: 'host',
+                        hostId
+                    })) ? /*#__PURE__*/ _jsx(Button, {
+                        size: "small",
+                        variant: "outlined",
+                        startIcon: /*#__PURE__*/ _jsx(MdiIcon, {
+                            path: mdiTrayArrowDown.path,
+                            size: 0.8
+                        }),
+                        onClick: ()=>transfer.openExport(_extends({
+                                resource: SUPPRESSIONS_RESOURCE,
+                                scope: 'host',
+                                hostId
+                            }, exportFilter ? {
+                                filter: exportFilter
+                            } : {})),
+                        children: 'Export'
+                    }) : null,
+                    /*#__PURE__*/ _jsx(TransferResumeImport, {
+                        target: {
+                            resource: SUPPRESSIONS_RESOURCE,
+                            scope: 'host',
+                            hostId
+                        },
+                        onFinished: ()=>setTotalsEpoch((epoch)=>epoch + 1)
+                    }),
+                    (transfer == null ? void 0 : transfer.can('import', {
+                        resource: SUPPRESSIONS_RESOURCE,
+                        scope: 'host',
+                        hostId
+                    })) ? /*#__PURE__*/ _jsx(Button, {
+                        size: "small",
+                        variant: "outlined",
+                        startIcon: /*#__PURE__*/ _jsx(MdiIcon, {
+                            path: mdiTrayArrowUp.path,
+                            size: 0.8
+                        }),
+                        onClick: ()=>transfer.openImport({
+                                resource: SUPPRESSIONS_RESOURCE,
+                                scope: 'host',
+                                hostId,
+                                onFinished: ()=>setTotalsEpoch((epoch)=>epoch + 1)
+                            }),
+                        children: 'Import'
+                    }) : null,
+                    /*#__PURE__*/ _jsx(Button, {
+                        size: "small",
+                        variant: "contained",
+                        onClick: ()=>setAdding(true),
+                        children: 'Add'
+                    })
+                ]
             })
         },
         children: [