@aglyn/plugins-marketing 1.0.0-beta.199 → 1.0.0-beta.201

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/marketing/src/lib/components/emails-list-card.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport { pluginDocsHelp } from '@aglyn/aglyn'\nimport {\n  mdiBullhornOutline,\n  mdiContentCopy,\n  mdiDeleteOutline,\n  mdiEyeOutline,\n  mdiPaletteOutline,\n} from '@aglyn/shared-data-mdi'\nimport {\n  AppLink,\n  CardDisplay,\n  MdiIcon,\n  useConfirmationContext,\n} from '@aglyn/shared-ui-jsx'\nimport ListFilterChips from '@aglyn/shared-ui-jsx/components/list-filter-chips.component'\nimport {\n  ListRowActions,\n  ListTable,\n  listActionsColumn,\n} from '@aglyn/shared-ui-jsx/components/list-table.component'\nimport { inMemoryListField } from '@aglyn/shared-ui-jsx/const/list-grid-filter'\nimport { useListRowsFilter } from '@aglyn/shared-ui-jsx/hooks/use-list-rows-filter'\nimport type { RowActionsMenuItem } from '@aglyn/shared-ui-jsx/components/row-actions-menu.component'\nimport { TABLE_ROW_HEIGHT } from '@aglyn/shared-ui-jsx/const/table-pagination'\nimport { CreateArtifactDrawer } from '@aglyn/shared-ui-jsx-forms'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport {\n  ceilingedWindow,\n  collectionCeiling,\n} from '@aglyn/tenant-feature-instance/hooks/host-collection-queries'\nimport {\n  DUPLICATE_MENU_LABEL,\n  useDuplicateResource,\n  useFirestore,\n  useFirestoreCollection,\n} from '@aglyn/tenant-feature-instance'\nimport { Alert, Button, Chip, Stack, Typography } from '@mui/material'\nimport type { GridColDef } from '@mui/x-data-grid'\nimport { useRouter } from 'next/navigation'\nimport { useCallback, useMemo, useState } from 'react'\nimport {\n  campaignPlacedOnHost,\n  campaignSendDisplay,\n  CAMPAIGN_SEND_CONTAINER_FIELD,\n  type CampaignSendDisplayState,\n} from '@aglyn/shared-ui-email-campaigns/model/campaign-container'\nimport {\n  emailListTimeMs,\n  emailSendTimeMs,\n} from '@aglyn/shared-ui-email-campaigns/model/email-record'\nimport {\n  useCampaignManageApi,\n  useCampaignSendApi,\n} from './use-campaign-send-api'\nimport {\n  EMAIL_STATE_FILTER_FIELD,\n  EMAIL_STATE_OPTIONS,\n  EMAIL_SUBJECT_FILTER_FIELD,\n  emailFilterValues,\n} from './email-send-filter'\nimport { useMarketingHubPath } from './use-marketing-hub-path'\nimport { campaignContainersQuery, campaignSendsQuery } from './campaign-queries'\nimport {\n  orgSiteHubPath,\n  orgSiteName,\n  orgSiteOptions,\n  useMarketingOrgId,\n  useMarketingOrgMount,\n} from './marketing-org-mount'\n\n/** How many messages one read of this list covers. */\nconst EMAIL_CEILING = 30\n\n/**\n * How many campaigns the Campaign filter and the create drawer offer — the\n * same read serves both.\n */\nconst CONTAINER_CEILING = 50\n\n/**\n * The Campaign filter's value for an email filed under no campaign. An empty\n * value reads as \"no value\" to the filter, so a clause on it would never\n * apply; a sentinel is a value like any campaign id.\n */\nconst SINGLE_SEND_FILTER_VALUE = '__single__'\n\n/**\n * Why discard is refused, keyed by the state that refuses it.\n *\n * The KEYS are persisted status values written by the send path. Each line\n * says what to do instead, because \"you cannot\" on its own leaves a merchant\n * with an email they wanted rid of and no next step — and for a scheduled one\n * the next step is a different act with a different consequence, so naming it\n * is the difference between withdrawing mail and losing the record of it.\n *\n * A state absent from here falls through to the generic refusal rather than\n * being flattened into one of these: a state this list cannot name is worth\n * seeing.\n */\nconst DISCARD_REFUSAL: Record<string, string> = {\n  sent: 'This email has been sent. Its report and its unsubscribe links have to go on resolving.',\n  scheduled: 'Cancel the send first — cancelling takes it off the clock and keeps the email.',\n  sending: 'This email is being sent right now.',\n  canceled: 'A canceled email is kept as the record that it was withdrawn.',\n}\n\n/**\n * The chip color for one display state.\n *\n * `sending` is the one worth a color: an email part way through an audience\n * larger than one batch is doing something right now, and a merchant scanning\n * the list for what needs attention should find it without reading. The rest\n * are neutral, because a finished send and a draft are not events.\n */\nconst STATE_COLOR: Partial<\n  Record<CampaignSendDisplayState, 'info' | 'warning'>\n> = {\n  sending: 'info',\n  stopped: 'warning',\n}\n\n/*\n * What the messages grid's Filters panel offers (AGL-3317). The card reads\n * every message under its ceiling, so the panel and the search answer over\n * all of them. State is what the email is DOING (`campaignSendDisplay`),\n * not the status it stores.\n */\nconst EMAIL_FILTER_FIELDS = [\n  EMAIL_SUBJECT_FILTER_FIELD,\n  EMAIL_STATE_FILTER_FIELD,\n  // Matched on a derived key, so the row's own container field stays what\n  // was stored for the row menu that reads it.\n  inMemoryListField('emailCampaignId', 'select', 'campaignFilterKey'),\n  inMemoryListField('site', 'text', 'siteName'),\n]\nconst EMAIL_FILTER_HEADERS: Readonly<Record<string, string>> = {\n  subject: 'Subject',\n  state: 'State',\n  emailCampaignId: 'Campaign',\n  site: 'Site',\n}\n/** What the quick search reads on a message row. */\nconst EMAIL_SEARCH_FIELDS = ['subjectText', 'siteName'] as const\n\nconst emailsDocsHelp = pluginDocsHelp('emailCampaigns', {\n  anchor: '#opens--clicks',\n  excerpt:\n    'Every message this site has sent or has scheduled, each with its own ' +\n    'report: what was delivered, who opened it, and which links they followed.',\n})\n\nexport interface EmailsListCardProps {\n  /** The site, or `null` on the organization's Emails page. */\n  hostId: string | null\n  /**\n   * The Emails page's own URL, under the site or the organization, so a row\n   * can link to the message's own page beneath it.\n   */\n  basePath: string\n}\n\n/**\n * EVERY MESSAGE, AS AGAINST EVERY CAMPAIGN.\n *\n * A campaign groups messages; this is the messages. The two are different\n * questions — \"how did the spring promotion do\" and \"what went out on the\n * 14th, and to whom\" — and they were previously the same list because a\n * campaign document WAS a single send.\n *\n * ## Ordered in the browser, deliberately\n *\n * No SEND date is on every message: a sent one carries `sentAt` and a\n * scheduled one carries `sendAtMs`, written by two different branches of the\n * send path, and a draft carries neither — so `orderBy` on either would not\n * mis-sort this list, it would DROP half of it. `collectionCeiling` reads a\n * bounded window in document-id order and probes one past the ceiling, so the\n * rows are sorted here and the reader is told when there are more.\n *\n * Every writer stamps a `createdAtMs`, which is the field this list could be\n * ordered on in Firestore. Moving it there is a query change with the same\n * hazard as the two above — `orderBy` drops a document missing the field —\n * so it needs the corpus proven to carry one, not just the writers.\n *\n * The page is therefore a SLICE of a window this card already holds, not a\n * query: paging an id-ordered walk and re-sorting each page by date would run\n * in one order within a page and another across them.\n *\n * ## Under a site, and over the organization\n *\n * Sends are the org's. Under a site this lists the ones sent as that site;\n * on the organization's Emails page it lists every site's, with a Site column,\n * and every action on a row names the site that row is sent as — the only\n * site that can duplicate it, discard it or open its template. Creating one\n * there first asks which site it is sent as.\n */\nexport function EmailsListCard(props: EmailsListCardProps) {\n  const { hostId, basePath } = props\n  const firestore = useFirestore()\n  const orgMount = useMarketingOrgMount()\n  const { orgId } = useMarketingOrgId(hostId)\n  // The sibling hub: a campaign's page belongs to the Marketing console —\n  // over the org, the organization's own Marketing page the mount names.\n  const siteMarketingHub = useMarketingHubPath()\n  const marketingHub = orgMount ? orgMount.basePath : siteMarketingHub\n  const router = useRouter()\n\n  const { data: emailDocs } = useFirestoreCollection<any>(\n    () => {\n      const sends = campaignSendsQuery(firestore, orgId, hostId)\n      return sends ? collectionCeiling(sends, EMAIL_CEILING) : null\n    },\n    [firestore, orgId, hostId],\n    { idField: '$id' },\n  )\n  const { rows: readEmails, truncated } = ceilingedWindow<any>(\n    emailDocs,\n    EMAIL_CEILING,\n  )\n  /*\n   * Newest first on the time each message SITS at — its send time where it\n   * has one, its creation where it does not.\n   *\n   * A draft has neither `sentAt` nor `sendAtMs`, so sorting on the send time\n   * alone gave every draft the key 0 and filed the email a merchant is in the\n   * middle of writing at the very bottom of the list, behind whatever paging\n   * it has. `emailListTimeMs` is the same ordering with that one gap closed;\n   * a SENT message still orders by when it went out, never by when it was\n   * drafted.\n   */\n  const emails = useMemo(\n    () =>\n      [...readEmails].sort(\n        (a: any, b: any) => emailListTimeMs(b) - emailListTimeMs(a),\n      ),\n    [readEmails],\n  )\n\n  /*\n   * A message's own pages, beneath the Emails page this list is on — the\n   * site's or the organization's. A template is a site's design, so over the\n   * org it opens on the site the row is sent as.\n   */\n  const messagesPath = `${basePath}/messages`\n  const emailHref = (email: any) => `${messagesPath}/${email.$id}`\n  const templatesHub = (email: any): string | null =>\n    orgMount ? orgSiteHubPath(orgMount, email?.hostId, 'emails') : basePath\n  /** The site a row is sent as, which every action on it must name. */\n  const rowHostId = useCallback(\n    (email: any): string | null =>\n      hostId ?? (email?.hostId ? String(email.hostId) : null),\n    [hostId],\n  )\n  const hostOfEmail = useMemo(\n    () =>\n      new Map<string, string | null>(\n        readEmails.map((email: any) => [\n          String(email.$id),\n          email?.hostId ? String(email.hostId) : null,\n        ]),\n      ),\n    [readEmails],\n  )\n\n  const { confirm } = useConfirmationContext()\n  const { enqueueSnackbar } = useSnackbar()\n  // Duplicate (AGL-2936): a new draft with the message and its design, and\n  // nobody to send to until the person chooses — through the manage door,\n  // which is the plugin's own.\n  const manageForCopy = useCampaignManageApi(hostId)\n  const duplicate = useDuplicateResource({\n    hostId: hostId ?? '',\n    perform: async ({ sourceId, name, attemptKey }) => {\n      const { response, payload } = await manageForCopy({\n        action: 'duplicate',\n        campaignId: sourceId,\n        name,\n        attemptKey,\n        // The copy is made as the site the source is sent as.\n        ...(hostId ? {} : { hostId: hostOfEmail.get(sourceId) ?? undefined }),\n      })\n      if (!response.ok) throw new Error(payload?.error ?? 'Duplicate failed')\n      return {\n        id: String(payload.emailId),\n        versionId: null,\n        name: String(payload.name ?? name),\n      }\n    },\n    onDuplicated: (_kind, copy) =>\n      enqueueSnackbar(`Duplicated as “${copy.name}” — a draft with no audience yet`, {\n        variant: 'success',\n      }),\n  })\n  const manageApi = useCampaignManageApi(hostId)\n  /** The email a discard is in flight for, so its row menu can say so. */\n  const [discardingId, setDiscardingId] = useState('')\n\n  /*==========================================\n   * THROWING AWAY A DRAFT.\n   *\n   * The one removal this surface has, and it is deliberately the narrowest\n   * one: an email that was never sent, whose record nobody outside the\n   * console has ever seen. Everything else on this list is evidence — a sent\n   * message's report is what a merchant answers a complaint with, and its id\n   * is inside the HMAC of every unsubscribe footer it delivered — and a\n   * scheduled one is withdrawn with Cancel, which keeps the record and takes\n   * it off the clock.\n   *\n   * The menu already refuses anything but a draft, and so does the route.\n   * That is not belt and braces: the state on screen is a snapshot that can\n   * be seconds old, and the record can be claimed by `sendNow` in between.\n   * The route's refusal is the one that decides, inside the transaction that\n   * does the delete.\n   *=========================================*/\n  const handleDiscard = useCallback(\n    async (email: any) => {\n      if (discardingId) return\n      const id = String(email?.$id ?? '')\n      const name = String(email?.subject || email?.displayName || 'this draft')\n      const agreed = await confirm({\n        title: 'Discard this draft?',\n        description:\n          `${name} has not been sent to anybody, and discarding it removes ` +\n          'it for good — the subject, the message and everything else ' +\n          'written on it. There is no undo.',\n        confirmationText: 'Discard',\n      })\n        .then(() => true)\n        .catch(() => false)\n      if (!agreed) return\n      setDiscardingId(id)\n      try {\n        const { response, payload } = await manageApi({\n          action: 'discardEmail',\n          campaignId: id,\n          ...(hostId ? {} : { hostId: rowHostId(email) ?? undefined }),\n        })\n        if (!response.ok) {\n          return void enqueueSnackbar(\n            payload?.error ?? 'This draft could not be discarded',\n            { variant: 'warning', allowDuplicate: true },\n          )\n        }\n        enqueueSnackbar('Draft discarded', {\n          variant: 'success',\n          persist: false,\n        })\n      } catch (error) {\n        console.error(error)\n        enqueueSnackbar('This draft could not be discarded', {\n          variant: 'error',\n          allowDuplicate: true,\n        })\n      } finally {\n        setDiscardingId('')\n      }\n    },\n    [confirm, discardingId, enqueueSnackbar, hostId, manageApi, rowHostId],\n  )\n\n  /**\n   * What a message can be opened INTO, from the list.\n   *\n   * All three are places the message's own report already links to, moved one\n   * screen earlier: the report itself, the campaign it belongs to, and the\n   * template it was rendered from. A message need have neither of the last\n   * two — one sent before campaigns grouped anything names no container, and\n   * one composed inline was built from no template — so those entries are\n   * shown DISABLED with the reason rather than hidden. A control that\n   * disappears and a control that does not apply look identical, and only one\n   * of them tells the reader which case they are in.\n   *\n   * DISCARD is the fourth entry and is offered on the same terms: a draft can\n   * be thrown away, and nothing else can. It stays visible on a sent or\n   * scheduled message carrying the reason it is refused, because that is the\n   * honest answer to “how do I get rid of this” — and the route refuses it\n   * too, so the menu is describing a rule rather than being one.\n   */\n  const rowActions = (email: any): RowActionsMenuItem[] => {\n    const containerId = String(email?.[CAMPAIGN_SEND_CONTAINER_FIELD] ?? '')\n    const templateScreenId = String(email?.templateScreenId ?? '')\n    const state = String(email?.status ?? '')\n    const templates = templatesHub(email)\n    /** On the org hub, a send that names no site has nothing to act as. */\n    const siteless = !rowHostId(email)\n    const sitelessReason =\n      'This email does not record which site it was sent as. Manage it from ' +\n      'that site’s own Emails page.'\n    return [\n      {\n        key: 'details',\n        label: 'Open report',\n        icon: <MdiIcon path={mdiEyeOutline.path} size={0.8} />,\n        href: emailHref(email),\n      },\n      {\n        key: 'campaign',\n        label: 'Open its campaign',\n        icon: <MdiIcon path={mdiBullhornOutline.path} size={0.8} />,\n        // The campaign's page belongs to the Marketing console, so this one\n        // href is built from the sibling hub rather than this surface's own.\n        href:\n          containerId && marketingHub\n            ? `${marketingHub}/campaigns/${containerId}`\n            : undefined,\n        disabled: !containerId || !marketingHub,\n        disabledReason: containerId\n          ? 'This site’s console URL has not resolved yet'\n          : 'Sent before campaigns grouped their emails, so it belongs to none',\n      },\n      {\n        key: 'template',\n        label: 'Open its template',\n        icon: <MdiIcon path={mdiPaletteOutline.path} size={0.8} />,\n        href:\n          templateScreenId && templates\n            ? `${templates}/templates/${templateScreenId}`\n            : undefined,\n        disabled: !templateScreenId || !templates,\n        disabledReason: templateScreenId\n          ? 'This site’s console URL has not resolved yet'\n          : 'This message was not built from a template',\n      },\n      {\n        key: 'duplicate',\n        label: DUPLICATE_MENU_LABEL,\n        icon: <MdiIcon path={mdiContentCopy.path} size={0.8} />,\n        disabled: siteless,\n        disabledReason: sitelessReason,\n        onClick: () =>\n          duplicate.request('campaign', {\n            id: String(email.$id),\n            name: String(email?.displayName ?? email?.subject ?? ''),\n          }),\n      },\n      {\n        key: 'discard',\n        label: 'Discard draft',\n        icon: <MdiIcon path={mdiDeleteOutline.path} size={0.8} />,\n        destructive: true,\n        disabled: siteless || state !== 'draft' || Boolean(discardingId),\n        disabledReason: siteless\n          ? sitelessReason\n          : (DISCARD_REFUSAL[state] ?? 'Only a draft can be discarded'),\n        onClick: () => void handleDiscard(email),\n      },\n    ]\n  }\n\n  const [createOpen, setCreateOpen] = useState(false)\n  const [creating, setCreating] = useState(false)\n  const campaignSendApi = useCampaignSendApi(hostId)\n  /*\n   * The sites a new email can be sent as, on the org hub. One site answers\n   * the question itself, so the field is asked only when there is a choice.\n   */\n  const orgSites = useMemo(\n    () => (orgMount ? orgSiteOptions(orgMount) : []),\n    [orgMount],\n  )\n  const askSite = !hostId && orgSites.length > 1\n\n  /*\n   * The campaigns, read while the list is shown: the Campaign filter offers\n   * them by name, and the create drawer offers them to file a new email\n   * under. One capped read of the containers serves both.\n   */\n  const { data: campaignDocs } = useFirestoreCollection<any>(\n    () => {\n      const containers = campaignContainersQuery(firestore, orgId, hostId)\n      return containers ? collectionCeiling(containers, CONTAINER_CEILING) : null\n    },\n    [firestore, orgId, hostId],\n    { idField: '$id' },\n  )\n  const campaignOptions = useMemo(\n    () =>\n      [...(campaignDocs ?? [])]\n        .map((campaign: any) => ({\n          value: String(campaign.$id),\n          label: String(campaign.name || 'Untitled campaign'),\n        }))\n        .sort((a, b) => a.label.localeCompare(b.label)),\n    [campaignDocs],\n  )\n\n  const filterRows = useMemo(\n    () =>\n      emails.map((email: any) => ({\n        ...email,\n        ...emailFilterValues(email),\n        campaignFilterKey: email.emailCampaignId\n          ? String(email.emailCampaignId)\n          : SINGLE_SEND_FILTER_VALUE,\n        siteName: orgMount && email?.hostId ? orgSiteName(orgMount, email.hostId) : '',\n      })),\n    [emails, orgMount],\n  )\n  const filterFields = useMemo(\n    () =>\n      orgMount\n        ? EMAIL_FILTER_FIELDS\n        : EMAIL_FILTER_FIELDS.filter((field) => field.column !== 'site'),\n    [orgMount],\n  )\n  const filterOptions = useMemo(\n    () => ({\n      state: EMAIL_STATE_OPTIONS,\n      emailCampaignId: [\n        { value: SINGLE_SEND_FILTER_VALUE, label: 'Single send' },\n        ...campaignOptions,\n      ],\n    }),\n    [campaignOptions],\n  )\n  const listFilter = useListRowsFilter({\n    rows: filterRows,\n    fields: filterFields,\n    options: filterOptions,\n    headers: EMAIL_FILTER_HEADERS,\n    search: EMAIL_SEARCH_FIELDS,\n  })\n\n  /*==========================================\n   * CREATE, THEN GO TO THE EMAIL'S OWN PAGE.\n   *\n   * The drawer collects only what it takes to MINT the record — the friendly\n   * name, and the campaign it belongs to. Everything else about the email is\n   * written on the email's own page, which is where a record is edited\n   * throughout this console: a list page carries no form.\n   *\n   * The record is real from this moment: `/marketing/campaigns/{id}` resolves,\n   * the row appears in the table below as a Draft, and the id it is created\n   * under is the id it keeps when it is eventually sent. It costs nothing to\n   * exist — the route reserves no allowance and moves no meter for a draft,\n   * and the scheduled processor only ever picks up `scheduled`.\n   *=========================================*/\n  const handleCreate = useCallback(\n    async (values: Record<string, any>) => {\n      if (creating) return\n      const sendAs =\n        hostId ?? (askSite ? String(values.hostId ?? '') : orgSites[0]?.value)\n      if (!sendAs) {\n        return void enqueueSnackbar('Choose the site this email is sent as', {\n          variant: 'warning',\n          allowDuplicate: true,\n        })\n      }\n      /*\n       * The organization hub offers every campaign, because the site is\n       * chosen in the same form. An email can only join a campaign placed on\n       * the site it is sent as — the send route refuses anything else — so\n       * the mismatch is named here, where it can be fixed, rather than\n       * arriving as the route's bare refusal. A site hub lists only the\n       * campaigns placed on it, so there is nothing to check there.\n       */\n      const chosenCampaign =\n        !hostId && values.emailCampaignId\n          ? (campaignDocs ?? []).find(\n              (campaign: any) =>\n                String(campaign.$id) === String(values.emailCampaignId),\n            )\n          : null\n      if (chosenCampaign && !campaignPlacedOnHost(chosenCampaign, sendAs)) {\n        return void enqueueSnackbar(\n          'That campaign is not offered on the site this email is sent as. ' +\n            'Choose another, or add the site to the campaign first.',\n          { variant: 'warning', allowDuplicate: true },\n        )\n      }\n      setCreating(true)\n      try {\n        const { response, payload } = await campaignSendApi({\n          action: 'draft',\n          ...(hostId ? {} : { hostId: sendAs }),\n          displayName: String(values.displayName ?? '').trim(),\n          ...(values.emailCampaignId\n            ? { emailCampaignId: String(values.emailCampaignId) }\n            : {}),\n        })\n        if (!response.ok || !payload?.campaignId) {\n          return void enqueueSnackbar(\n            payload?.error ?? 'This email could not be created',\n            { variant: 'warning', allowDuplicate: true },\n          )\n        }\n        setCreateOpen(false)\n        /*\n         * Straight to where it is WRITTEN. The drawer collected the name and\n         * the campaign; the record now exists and holds nothing else, so the\n         * next thing to do with it is compose it — and its own page is a\n         * report of a send that has not happened.\n         */\n        router.push(`${messagesPath}/${payload.campaignId}/edit`)\n      } catch (error) {\n        console.error(error)\n        enqueueSnackbar('This email could not be created', {\n          variant: 'error',\n          allowDuplicate: true,\n        })\n      } finally {\n        setCreating(false)\n      }\n    },\n    [\n      askSite,\n      campaignDocs,\n      campaignSendApi,\n      creating,\n      enqueueSnackbar,\n      hostId,\n      messagesPath,\n      orgSites,\n      router,\n    ],\n  )\n\n  /*\n   * One row per message, in the order above; the whole window is in hand, so\n   * the grid pages it. The subject is a link AND the row opens the report: a\n   * click handler cannot be middle-clicked or opened in a new tab.\n   */\n  const columns: GridColDef[] = [\n    {\n      field: 'subject',\n      headerName: 'Subject',\n      flex: 1,\n      minWidth: 220,\n      valueGetter: (_value, row) => row.subject || 'Untitled email',\n      renderCell: ({ row, value }) => (\n        <AppLink\n          href={emailHref(row)}\n          // The row's own handler would fire too and push the same route\n          // twice — one history entry per back press.\n          onClick={(event: { stopPropagation: () => void }) =>\n            event.stopPropagation()\n          }\n        >\n          {value}\n        </AppLink>\n      ),\n    },\n    // Which site each row is sent as, on the org hub only.\n    ...(orgMount\n      ? [\n          {\n            field: 'site',\n            headerName: 'Site',\n            width: 150,\n            valueGetter: (_value: unknown, row: any) =>\n              row?.hostId ? orgSiteName(orgMount, row.hostId) : '—',\n          } satisfies GridColDef,\n        ]\n      : []),\n    {\n      /*\n       * WHAT THIS EMAIL IS DOING, not what field it stores.\n       *\n       * An email delivering an audience larger than one batch is written back\n       * as `scheduled` between runs, so a chip rendering the status said\n       * \"Scheduled\" about a send that had already reached five hundred people.\n       * The derivation reads the counters beside the status and says which of\n       * the two it is.\n       */\n      field: 'state',\n      headerName: 'State',\n      width: 150,\n      valueGetter: (_value, row) => campaignSendDisplay(row).label,\n      renderCell: ({ row }) => {\n        const display = campaignSendDisplay(row)\n        return (\n          <Chip\n            size=\"small\"\n            color={STATE_COLOR[display.state]}\n            label={display.label}\n          />\n        )\n      },\n    },\n    {\n      field: 'when',\n      headerName: 'When',\n      width: 190,\n      // Sorted on the time the list is ordered by, so a draft sorts by its\n      // creation rather than as the oldest thing on the page.\n      valueGetter: (_value, row) => emailListTimeMs(row),\n      renderCell: ({ row }) => {\n        const at = emailSendTimeMs(row)\n        return at ? new Date(at).toLocaleString() : '—'\n      },\n    },\n    ...(\n      [\n        ['recipients', 'Addressed'],\n        ['opens', 'Opens'],\n        ['clicks', 'Clicks'],\n      ] as const\n    ).map(\n      ([stat, headerName]): GridColDef => ({\n        field: stat,\n        headerName,\n        type: 'number',\n        align: 'right',\n        headerAlign: 'right',\n        width: 110,\n        valueGetter: (_value, row) => Number(row.stats?.[stat] ?? 0),\n        valueFormatter: (value: number) => value.toLocaleString(),\n      }),\n    ),\n    listActionsColumn(\n      (row) => (\n        <ListRowActions\n          label={String(row.subject || 'Untitled email')}\n          items={rowActions(row)}\n        />\n      ),\n      { width: 72 },\n    ),\n  ]\n\n  return (\n    <CardDisplay\n      header={'Messages'}\n      help={emailsDocsHelp}\n      HeaderProps={{\n        action: (\n          <Button\n            size=\"small\"\n            variant=\"contained\"\n            onClick={() => setCreateOpen(true)}\n          >\n            {'New email'}\n          </Button>\n        ),\n      }}\n      contentGutterX\n      contentGutterY\n    >\n      {duplicate.dialog}\n      <Stack spacing={2}>\n        {emails.length === 0 ? (\n          <Stack spacing={2} sx={{ alignItems: 'flex-start' }}>\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {'Nothing has been sent or scheduled yet. Write one here, or ' +\n                'from a campaign, and it appears in this list with its own ' +\n                'report.'}\n            </Typography>\n            <Button variant=\"contained\" onClick={() => setCreateOpen(true)}>\n              {'New email'}\n            </Button>\n          </Stack>\n        ) : (\n          <>\n            <ListFilterChips {...listFilter.chipsProps} />\n            <ListTable\n              aria-label=\"Messages\"\n              rows={listFilter.rows}\n              columns={listFilter.filterColumns(columns)}\n              rowHeight={TABLE_ROW_HEIGHT}\n              onOpen={(_id, row) => router.push(emailHref(row))}\n              // The panel and the search are the grid's; the card answers\n              // them over every message it read (AGL-3317).\n              {...listFilter.gridProps}\n              initialState={{ columns: { columnVisibilityModel: { emailCampaignId: false } } }}\n              noRowsLabel=\"No messages match these filters\"\n            />\n          </>\n        )}\n        {truncated ? (\n          <Alert severity=\"info\">\n            {`Showing ${EMAIL_CEILING} messages. ${\n              hostId ? 'This site' : 'This organization'\n            } has sent or ` +\n              'scheduled more than that, and the rest are not in this list.'}\n          </Alert>\n        ) : null}\n      </Stack>\n      {/*\n        AN EMAIL WRITTEN HERE BELONGS TO A CAMPAIGN, OR TO NO CAMPAIGN.\n\n        The second is a real answer and not a gap in the model. A send with no\n        container is what the product has always had — every message that\n        predates campaigns is one — and `campaignListRows` adopts each of them\n        as a campaign of one at read time, which is the \"Single send\" chip on\n        the campaigns table. So composing from this list mints nothing, files\n        nothing, and requires nobody to invent a campaign first: it leaves the\n        container empty, and the send that results is presented the way every\n        containerless send already is.\n\n        Offering the campaigns anyway is what stops the opposite mistake — a\n        merchant who DOES have a spring campaign writing its third email into\n        a single send that never joins the rollup.\n      */}\n      <CreateArtifactDrawer\n        open={createOpen}\n        onClose={() => setCreateOpen(false)}\n        title=\"New email\"\n        submitLabel={creating ? 'Creating…' : 'Start writing'}\n        includeDescription={false}\n        onSubmit={handleCreate}\n        extraFields={[\n          ...(askSite\n            ? [\n                {\n                  component: 'select',\n                  name: 'hostId',\n                  label: 'Send as',\n                  isRequired: true,\n                  initialValue: '',\n                  helperText:\n                    'The site this email is sent from — its sender, designs ' +\n                    'and unsubscribe page',\n                  disableDefaultOption: true,\n                  options: orgSites,\n                },\n              ]\n            : []),\n          {\n            component: 'select',\n            name: 'emailCampaignId',\n            label: 'Campaign',\n            initialValue: '',\n            helperText:\n              'Leave this as a single send unless the email belongs with ' +\n              'others',\n            disableDefaultOption: true,\n            options: [\n              { value: '', label: 'Single send — not part of a campaign' },\n              ...campaignOptions,\n            ],\n          },\n        ]}\n      />\n    </CardDisplay>\n  )\n}\nEmailsListCard.displayName = 'EmailsListCard'\n\nexport default EmailsListCard\n"],"names":["pluginDocsHelp","mdiBullhornOutline","mdiContentCopy","mdiDeleteOutline","mdiEyeOutline","mdiPaletteOutline","AppLink","CardDisplay","MdiIcon","useConfirmationContext","ListFilterChips","ListRowActions","ListTable","listActionsColumn","inMemoryListField","useListRowsFilter","TABLE_ROW_HEIGHT","CreateArtifactDrawer","useSnackbar","ceilingedWindow","collectionCeiling","DUPLICATE_MENU_LABEL","useDuplicateResource","useFirestore","useFirestoreCollection","Alert","Button","Chip","Stack","Typography","useRouter","useCallback","useMemo","useState","campaignPlacedOnHost","campaignSendDisplay","CAMPAIGN_SEND_CONTAINER_FIELD","emailListTimeMs","emailSendTimeMs","useCampaignManageApi","useCampaignSendApi","EMAIL_STATE_FILTER_FIELD","EMAIL_STATE_OPTIONS","EMAIL_SUBJECT_FILTER_FIELD","emailFilterValues","useMarketingHubPath","campaignContainersQuery","campaignSendsQuery","orgSiteHubPath","orgSiteName","orgSiteOptions","useMarketingOrgId","useMarketingOrgMount","EMAIL_CEILING","CONTAINER_CEILING","SINGLE_SEND_FILTER_VALUE","DISCARD_REFUSAL","sent","scheduled","sending","canceled","STATE_COLOR","stopped","EMAIL_FILTER_FIELDS","EMAIL_FILTER_HEADERS","subject","state","emailCampaignId","site","EMAIL_SEARCH_FIELDS","emailsDocsHelp","anchor","excerpt","EmailsListCard","props","hostId","basePath","firestore","orgMount","orgId","siteMarketingHub","marketingHub","router","data","emailDocs","sends","idField","rows","readEmails","truncated","emails","sort","a","b","messagesPath","emailHref","email","$id","templatesHub","rowHostId","String","hostOfEmail","Map","map","confirm","enqueueSnackbar","manageForCopy","duplicate","perform","sourceId","name","attemptKey","payload","response","action","campaignId","get","undefined","ok","Error","error","id","emailId","versionId","onDuplicated","_kind","copy","variant","manageApi","discardingId","setDiscardingId","handleDiscard","displayName","agreed","title","description","confirmationText","then","catch","allowDuplicate","persist","console","rowActions","containerId","templateScreenId","status","templates","siteless","sitelessReason","key","label","icon","path","size","href","disabled","disabledReason","onClick","request","destructive","Boolean","createOpen","setCreateOpen","creating","setCreating","campaignSendApi","orgSites","askSite","length","campaignDocs","containers","campaignOptions","campaign","value","localeCompare","filterRows","campaignFilterKey","siteName","filterFields","filter","field","column","filterOptions","listFilter","fields","options","headers","search","handleCreate","values","sendAs","chosenCampaign","find","trim","push","columns","headerName","flex","minWidth","valueGetter","_value","row","renderCell","event","stopPropagation","width","display","color","at","Date","toLocaleString","stat","type","align","headerAlign","Number","stats","valueFormatter","items","header","help","HeaderProps","contentGutterX","contentGutterY","dialog","spacing","sx","alignItems","chipsProps","aria-label","filterColumns","rowHeight","onOpen","_id","gridProps","initialState","columnVisibilityModel","noRowsLabel","severity","open","onClose","submitLabel","includeDescription","onSubmit","extraFields","component","isRequired","initialValue","helperText","disableDefaultOption"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../libs/plugins/marketing/src/lib/components/emails-list-card.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport { pluginDocsHelp } from '@aglyn/aglyn'\nimport {\n  mdiBullhornOutline,\n  mdiContentCopy,\n  mdiDeleteOutline,\n  mdiEyeOutline,\n  mdiPaletteOutline,\n} from '@aglyn/shared-data-mdi'\nimport {\n  AppLink,\n  CardDisplay,\n  MdiIcon,\n  useConfirmationContext,\n} 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 { hiddenFilterVisibility } from '@aglyn/shared-ui-jsx/const/list-filter'\nimport { listFilterGridColumns } from '@aglyn/shared-ui-jsx/const/list-grid-filter'\nimport { useListGridFilter } from '@aglyn/shared-ui-jsx/hooks/use-list-grid-filter'\nimport type { RowActionsMenuItem } from '@aglyn/shared-ui-jsx/components/row-actions-menu.component'\nimport { TABLE_ROW_HEIGHT } from '@aglyn/shared-ui-jsx/const/table-pagination'\nimport { CreateArtifactDrawer } from '@aglyn/shared-ui-jsx-forms'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { collectionCeiling } from '@aglyn/tenant-feature-instance/hooks/host-collection-queries'\nimport { useListQuery } from '@aglyn/tenant-feature-instance/hooks/use-list-query'\nimport {\n  DUPLICATE_MENU_LABEL,\n  useDuplicateResource,\n  useFirestore,\n  useFirestoreCollection,\n} from '@aglyn/tenant-feature-instance'\nimport { Button, Chip, Stack, Typography } from '@mui/material'\nimport type { GridColDef } from '@mui/x-data-grid'\nimport { useRouter } from 'next/navigation'\nimport { useCallback, useMemo, useState } from 'react'\nimport {\n  campaignPlacedOnHost,\n  campaignSendDisplay,\n  CAMPAIGN_SEND_CONTAINER_FIELD,\n  type CampaignSendDisplayState,\n} from '@aglyn/shared-ui-email-campaigns/model/campaign-container'\nimport {\n  emailListTimeMs,\n  emailSendTimeMs,\n} from '@aglyn/shared-ui-email-campaigns/model/email-record'\nimport {\n  useCampaignManageApi,\n  useCampaignSendApi,\n} from './use-campaign-send-api'\nimport {\n  CAMPAIGN_SEND_STATUS_OPTIONS,\n  SINGLE_SEND_FILTER_VALUE,\n  campaignEmailsListQuery,\n  campaignSendsScope,\n  emailCampaignQueryClauses,\n} from '../model/campaign-list-query'\nimport { useMarketingHubPath } from './use-marketing-hub-path'\nimport {\n  campaignContainersQuery,\n  campaignSendsCollection,\n} from './campaign-queries'\nimport {\n  orgSiteHubPath,\n  orgSiteName,\n  orgSiteOptions,\n  useMarketingOrgId,\n  useMarketingOrgMount,\n} from './marketing-org-mount'\n\n/**\n * How many campaigns the Campaign filter and the create drawer offer — the\n * same read serves both. A picker's options, not a list.\n */\nconst CONTAINER_CEILING = 50\n\n/**\n * Why discard is refused, keyed by the state that refuses it.\n *\n * The KEYS are persisted status values written by the send path. Each line\n * says what to do instead, because \"you cannot\" on its own leaves a merchant\n * with an email they wanted rid of and no next step — and for a scheduled one\n * the next step is a different act with a different consequence, so naming it\n * is the difference between withdrawing mail and losing the record of it.\n *\n * A state absent from here falls through to the generic refusal rather than\n * being flattened into one of these: a state this list cannot name is worth\n * seeing.\n */\nconst DISCARD_REFUSAL: Record<string, string> = {\n  sent: 'This email has been sent. Its report and its unsubscribe links have to go on resolving.',\n  scheduled: 'Cancel the send first — cancelling takes it off the clock and keeps the email.',\n  sending: 'This email is being sent right now.',\n  canceled: 'A canceled email is kept as the record that it was withdrawn.',\n}\n\n/**\n * The chip color for one display state.\n *\n * `sending` is the one worth a color: an email part way through an audience\n * larger than one batch is doing something right now, and a merchant scanning\n * the list for what needs attention should find it without reading. The rest\n * are neutral, because a finished send and a draft are not events.\n */\nconst STATE_COLOR: Partial<\n  Record<CampaignSendDisplayState, 'info' | 'warning'>\n> = {\n  sending: 'info',\n  stopped: 'warning',\n  // Waiting on staff, not on the merchant (AGL-3356): worth finding on a scan.\n  held: 'warning',\n}\n\n/*\n * What the messages grid's Filters panel offers, each clause and the search\n * on the list's Firestore query (AGL-3321, `campaignEmailsListQuery`). The\n * State column is what the email is DOING (`campaignSendDisplay`), which no\n * query can ask, so the panel offers the Status it STORES instead.\n */\nconst EMAIL_FILTER_HEADERS: Readonly<Record<string, string>> = {\n  subject: 'Subject',\n  status: 'Status',\n  emailCampaignId: 'Campaign',\n  site: 'Site',\n  createdAtMs: 'Created',\n}\n\nconst emailsDocsHelp = pluginDocsHelp('emailCampaigns', {\n  anchor: '#opens--clicks',\n  excerpt:\n    'Every message this site has sent or has scheduled, each with its own ' +\n    'report: what was delivered, who opened it, and which links they followed.',\n})\n\nexport interface EmailsListCardProps {\n  /** The site, or `null` on the organization's Emails page. */\n  hostId: string | null\n  /**\n   * The Emails page's own URL, under the site or the organization, so a row\n   * can link to the message's own page beneath it.\n   */\n  basePath: string\n}\n\n/**\n * EVERY MESSAGE, AS AGAINST EVERY CAMPAIGN.\n *\n * A campaign groups messages; this is the messages. The two are different\n * questions — \"how did the spring promotion do\" and \"what went out on the\n * 14th, and to whom\" — and they were previously the same list because a\n * campaign document WAS a single send.\n *\n * ## Asked of Firestore, a page at a time\n *\n * No SEND date is on every message — a sent one carries `sentAt`, a\n * scheduled one `sendAtMs`, a draft neither — so the list is ordered on\n * `createdAtMs`, the one date every writer stamps when it mints a record\n * (and `backfill-campaign-list-fields.mjs` stamped on the ones before).\n * Newest first, paged by the query itself.\n *\n * The Filters panel and the search box are the grid's; every clause and the\n * search word go onto that ONE query (AGL-3321, `campaignEmailsListQuery`),\n * so each page is a page of matches — an email that matches on page four is\n * found — and a combination one query cannot hold is refused by name above\n * the table, never answered over the rows that happen to be loaded.\n *\n * ## Under a site, and over the organization\n *\n * Sends are the org's. Under a site this lists the ones sent as that site;\n * on the organization's Emails page it lists every site's, with a Site column,\n * and every action on a row names the site that row is sent as — the only\n * site that can duplicate it, discard it or open its template. Creating one\n * there first asks which site it is sent as.\n */\nexport function EmailsListCard(props: EmailsListCardProps) {\n  const { hostId, basePath } = props\n  const firestore = useFirestore()\n  const orgMount = useMarketingOrgMount()\n  const { orgId } = useMarketingOrgId(hostId)\n  // The sibling hub: a campaign's page belongs to the Marketing console —\n  // over the org, the organization's own Marketing page the mount names.\n  const siteMarketingHub = useMarketingHubPath()\n  const marketingHub = orgMount ? orgMount.basePath : siteMarketingHub\n  const router = useRouter()\n\n  /*\n   * The Filters panel and the search, bound to the grid. Held here rather\n   * than in a saved view: this list keeps no views.\n   */\n  const declaration = campaignEmailsListQuery(!hostId)\n  const gridFilter = useListGridFilter({\n    selectFields: ['status', 'emailCampaignId', 'site'],\n  })\n  const emailPage = useListQuery<any>({\n    collection: campaignSendsCollection(firestore, orgId),\n    declaration,\n    request: {\n      clauses: emailCampaignQueryClauses(gridFilter.clauses),\n      search: gridFilter.searchWords,\n      base: campaignSendsScope(hostId),\n    },\n    deps: [firestore, orgId, hostId],\n    idField: '$id',\n  })\n  const emails = emailPage.rows\n  const filtering =\n    gridFilter.clauses.length > 0 ||\n    gridFilter.searchWords.some((word) => word.trim())\n\n  /*\n   * A message's own pages, beneath the Emails page this list is on — the\n   * site's or the organization's. A template is a site's design, so over the\n   * org it opens on the site the row is sent as.\n   */\n  const messagesPath = `${basePath}/messages`\n  const emailHref = (email: any) => `${messagesPath}/${email.$id}`\n  const templatesHub = (email: any): string | null =>\n    orgMount ? orgSiteHubPath(orgMount, email?.hostId, 'emails') : basePath\n  /** The site a row is sent as, which every action on it must name. */\n  const rowHostId = useCallback(\n    (email: any): string | null =>\n      hostId ?? (email?.hostId ? String(email.hostId) : null),\n    [hostId],\n  )\n  const hostOfEmail = useMemo(\n    () =>\n      new Map<string, string | null>(\n        emails.map((email: any) => [\n          String(email.$id),\n          email?.hostId ? String(email.hostId) : null,\n        ]),\n      ),\n    [emails],\n  )\n\n  const { confirm } = useConfirmationContext()\n  const { enqueueSnackbar } = useSnackbar()\n  // Duplicate (AGL-2936): a new draft with the message and its design, and\n  // nobody to send to until the person chooses — through the manage door,\n  // which is the plugin's own.\n  const manageForCopy = useCampaignManageApi(hostId)\n  const duplicate = useDuplicateResource({\n    hostId: hostId ?? '',\n    perform: async ({ sourceId, name, attemptKey }) => {\n      const { response, payload } = await manageForCopy({\n        action: 'duplicate',\n        campaignId: sourceId,\n        name,\n        attemptKey,\n        // The copy is made as the site the source is sent as.\n        ...(hostId ? {} : { hostId: hostOfEmail.get(sourceId) ?? undefined }),\n      })\n      if (!response.ok) throw new Error(payload?.error ?? 'Duplicate failed')\n      return {\n        id: String(payload.emailId),\n        versionId: null,\n        name: String(payload.name ?? name),\n      }\n    },\n    onDuplicated: (_kind, copy) =>\n      enqueueSnackbar(`Duplicated as “${copy.name}” — a draft with no audience yet`, {\n        variant: 'success',\n      }),\n  })\n  const manageApi = useCampaignManageApi(hostId)\n  /** The email a discard is in flight for, so its row menu can say so. */\n  const [discardingId, setDiscardingId] = useState('')\n\n  /*==========================================\n   * THROWING AWAY A DRAFT.\n   *\n   * The one removal this surface has, and it is deliberately the narrowest\n   * one: an email that was never sent, whose record nobody outside the\n   * console has ever seen. Everything else on this list is evidence — a sent\n   * message's report is what a merchant answers a complaint with, and its id\n   * is inside the HMAC of every unsubscribe footer it delivered — and a\n   * scheduled one is withdrawn with Cancel, which keeps the record and takes\n   * it off the clock.\n   *\n   * The menu already refuses anything but a draft, and so does the route.\n   * That is not belt and braces: the state on screen is a snapshot that can\n   * be seconds old, and the record can be claimed by `sendNow` in between.\n   * The route's refusal is the one that decides, inside the transaction that\n   * does the delete.\n   *=========================================*/\n  const handleDiscard = useCallback(\n    async (email: any) => {\n      if (discardingId) return\n      const id = String(email?.$id ?? '')\n      const name = String(email?.subject || email?.displayName || 'this draft')\n      const agreed = await confirm({\n        title: 'Discard this draft?',\n        description:\n          `${name} has not been sent to anybody, and discarding it removes ` +\n          'it for good — the subject, the message and everything else ' +\n          'written on it. There is no undo.',\n        confirmationText: 'Discard',\n      })\n        .then(() => true)\n        .catch(() => false)\n      if (!agreed) return\n      setDiscardingId(id)\n      try {\n        const { response, payload } = await manageApi({\n          action: 'discardEmail',\n          campaignId: id,\n          ...(hostId ? {} : { hostId: rowHostId(email) ?? undefined }),\n        })\n        if (!response.ok) {\n          return void enqueueSnackbar(\n            payload?.error ?? 'This draft could not be discarded',\n            { variant: 'warning', allowDuplicate: true },\n          )\n        }\n        enqueueSnackbar('Draft discarded', {\n          variant: 'success',\n          persist: false,\n        })\n      } catch (error) {\n        console.error(error)\n        enqueueSnackbar('This draft could not be discarded', {\n          variant: 'error',\n          allowDuplicate: true,\n        })\n      } finally {\n        setDiscardingId('')\n      }\n    },\n    [confirm, discardingId, enqueueSnackbar, hostId, manageApi, rowHostId],\n  )\n\n  /**\n   * What a message can be opened INTO, from the list.\n   *\n   * All three are places the message's own report already links to, moved one\n   * screen earlier: the report itself, the campaign it belongs to, and the\n   * template it was rendered from. A message need have neither of the last\n   * two — one sent before campaigns grouped anything names no container, and\n   * one composed inline was built from no template — so those entries are\n   * shown DISABLED with the reason rather than hidden. A control that\n   * disappears and a control that does not apply look identical, and only one\n   * of them tells the reader which case they are in.\n   *\n   * DISCARD is the fourth entry and is offered on the same terms: a draft can\n   * be thrown away, and nothing else can. It stays visible on a sent or\n   * scheduled message carrying the reason it is refused, because that is the\n   * honest answer to “how do I get rid of this” — and the route refuses it\n   * too, so the menu is describing a rule rather than being one.\n   */\n  const rowActions = (email: any): RowActionsMenuItem[] => {\n    const containerId = String(email?.[CAMPAIGN_SEND_CONTAINER_FIELD] ?? '')\n    const templateScreenId = String(email?.templateScreenId ?? '')\n    const state = String(email?.status ?? '')\n    const templates = templatesHub(email)\n    /** On the org hub, a send that names no site has nothing to act as. */\n    const siteless = !rowHostId(email)\n    const sitelessReason =\n      'This email does not record which site it was sent as. Manage it from ' +\n      'that site’s own Emails page.'\n    return [\n      {\n        key: 'details',\n        label: 'Open report',\n        icon: <MdiIcon path={mdiEyeOutline.path} size={0.8} />,\n        href: emailHref(email),\n      },\n      {\n        key: 'campaign',\n        label: 'Open its campaign',\n        icon: <MdiIcon path={mdiBullhornOutline.path} size={0.8} />,\n        // The campaign's page belongs to the Marketing console, so this one\n        // href is built from the sibling hub rather than this surface's own.\n        href:\n          containerId && marketingHub\n            ? `${marketingHub}/campaigns/${containerId}`\n            : undefined,\n        disabled: !containerId || !marketingHub,\n        disabledReason: containerId\n          ? 'This site’s console URL has not resolved yet'\n          : 'Sent before campaigns grouped their emails, so it belongs to none',\n      },\n      {\n        key: 'template',\n        label: 'Open its template',\n        icon: <MdiIcon path={mdiPaletteOutline.path} size={0.8} />,\n        href:\n          templateScreenId && templates\n            ? `${templates}/templates/${templateScreenId}`\n            : undefined,\n        disabled: !templateScreenId || !templates,\n        disabledReason: templateScreenId\n          ? 'This site’s console URL has not resolved yet'\n          : 'This message was not built from a template',\n      },\n      {\n        key: 'duplicate',\n        label: DUPLICATE_MENU_LABEL,\n        icon: <MdiIcon path={mdiContentCopy.path} size={0.8} />,\n        disabled: siteless,\n        disabledReason: sitelessReason,\n        onClick: () =>\n          duplicate.request('campaign', {\n            id: String(email.$id),\n            name: String(email?.displayName ?? email?.subject ?? ''),\n          }),\n      },\n      {\n        key: 'discard',\n        label: 'Discard draft',\n        icon: <MdiIcon path={mdiDeleteOutline.path} size={0.8} />,\n        destructive: true,\n        disabled: siteless || state !== 'draft' || Boolean(discardingId),\n        disabledReason: siteless\n          ? sitelessReason\n          : (DISCARD_REFUSAL[state] ?? 'Only a draft can be discarded'),\n        onClick: () => void handleDiscard(email),\n      },\n    ]\n  }\n\n  const [createOpen, setCreateOpen] = useState(false)\n  const [creating, setCreating] = useState(false)\n  const campaignSendApi = useCampaignSendApi(hostId)\n  /*\n   * The sites a new email can be sent as, on the org hub. One site answers\n   * the question itself, so the field is asked only when there is a choice.\n   */\n  const orgSites = useMemo(\n    () => (orgMount ? orgSiteOptions(orgMount) : []),\n    [orgMount],\n  )\n  const askSite = !hostId && orgSites.length > 1\n\n  /*\n   * The campaigns, read while the list is shown: the Campaign filter offers\n   * them by name, and the create drawer offers them to file a new email\n   * under. One capped read of the containers serves both.\n   */\n  const { data: campaignDocs } = useFirestoreCollection<any>(\n    () => {\n      const containers = campaignContainersQuery(firestore, orgId, hostId)\n      return containers ? collectionCeiling(containers, CONTAINER_CEILING) : null\n    },\n    [firestore, orgId, hostId],\n    { idField: '$id' },\n  )\n  const campaignOptions = useMemo(\n    () =>\n      [...(campaignDocs ?? [])]\n        .map((campaign: any) => ({\n          value: String(campaign.$id),\n          label: String(campaign.name || 'Untitled campaign'),\n        }))\n        .sort((a, b) => a.label.localeCompare(b.label)),\n    [campaignDocs],\n  )\n\n  const filterOptions = useMemo(\n    () => ({\n      status: CAMPAIGN_SEND_STATUS_OPTIONS,\n      emailCampaignId: [\n        { value: SINGLE_SEND_FILTER_VALUE, label: 'Single send' },\n        ...campaignOptions,\n      ],\n      ...(hostId ? {} : { site: orgSites }),\n    }),\n    [campaignOptions, hostId, orgSites],\n  )\n\n  /*==========================================\n   * CREATE, THEN GO TO THE EMAIL'S OWN PAGE.\n   *\n   * The drawer collects only what it takes to MINT the record — the friendly\n   * name, and the campaign it belongs to. Everything else about the email is\n   * written on the email's own page, which is where a record is edited\n   * throughout this console: a list page carries no form.\n   *\n   * The record is real from this moment: `/marketing/campaigns/{id}` resolves,\n   * the row appears in the table below as a Draft, and the id it is created\n   * under is the id it keeps when it is eventually sent. It costs nothing to\n   * exist — the route reserves no allowance and moves no meter for a draft,\n   * and the scheduled processor only ever picks up `scheduled`.\n   *=========================================*/\n  const handleCreate = useCallback(\n    async (values: Record<string, any>) => {\n      if (creating) return\n      const sendAs =\n        hostId ?? (askSite ? String(values.hostId ?? '') : orgSites[0]?.value)\n      if (!sendAs) {\n        return void enqueueSnackbar('Choose the site this email is sent as', {\n          variant: 'warning',\n          allowDuplicate: true,\n        })\n      }\n      /*\n       * The organization hub offers every campaign, because the site is\n       * chosen in the same form. An email can only join a campaign placed on\n       * the site it is sent as — the send route refuses anything else — so\n       * the mismatch is named here, where it can be fixed, rather than\n       * arriving as the route's bare refusal. A site hub lists only the\n       * campaigns placed on it, so there is nothing to check there.\n       */\n      const chosenCampaign =\n        !hostId && values.emailCampaignId\n          ? (campaignDocs ?? []).find(\n              (campaign: any) =>\n                String(campaign.$id) === String(values.emailCampaignId),\n            )\n          : null\n      if (chosenCampaign && !campaignPlacedOnHost(chosenCampaign, sendAs)) {\n        return void enqueueSnackbar(\n          'That campaign is not offered on the site this email is sent as. ' +\n            'Choose another, or add the site to the campaign first.',\n          { variant: 'warning', allowDuplicate: true },\n        )\n      }\n      setCreating(true)\n      try {\n        const { response, payload } = await campaignSendApi({\n          action: 'draft',\n          ...(hostId ? {} : { hostId: sendAs }),\n          displayName: String(values.displayName ?? '').trim(),\n          ...(values.emailCampaignId\n            ? { emailCampaignId: String(values.emailCampaignId) }\n            : {}),\n        })\n        if (!response.ok || !payload?.campaignId) {\n          return void enqueueSnackbar(\n            payload?.error ?? 'This email could not be created',\n            { variant: 'warning', allowDuplicate: true },\n          )\n        }\n        setCreateOpen(false)\n        /*\n         * Straight to where it is WRITTEN. The drawer collected the name and\n         * the campaign; the record now exists and holds nothing else, so the\n         * next thing to do with it is compose it — and its own page is a\n         * report of a send that has not happened.\n         */\n        router.push(`${messagesPath}/${payload.campaignId}/edit`)\n      } catch (error) {\n        console.error(error)\n        enqueueSnackbar('This email could not be created', {\n          variant: 'error',\n          allowDuplicate: true,\n        })\n      } finally {\n        setCreating(false)\n      }\n    },\n    [\n      askSite,\n      campaignDocs,\n      campaignSendApi,\n      creating,\n      enqueueSnackbar,\n      hostId,\n      messagesPath,\n      orgSites,\n      router,\n    ],\n  )\n\n  /*\n   * One row per message, in the query's order. The subject is a link AND the\n   * row opens the report: a click handler cannot be middle-clicked or opened\n   * in a new tab.\n   */\n  const columns: GridColDef[] = [\n    {\n      field: 'subject',\n      headerName: 'Subject',\n      flex: 1,\n      minWidth: 220,\n      valueGetter: (_value, row) => row.subject || 'Untitled email',\n      renderCell: ({ row, value }) => (\n        <AppLink\n          href={emailHref(row)}\n          // The row's own handler would fire too and push the same route\n          // twice — one history entry per back press.\n          onClick={(event: { stopPropagation: () => void }) =>\n            event.stopPropagation()\n          }\n        >\n          {value}\n        </AppLink>\n      ),\n    },\n    // Which site each row is sent as, on the org hub only.\n    ...(orgMount\n      ? [\n          {\n            field: 'site',\n            headerName: 'Site',\n            width: 150,\n            valueGetter: (_value: unknown, row: any) =>\n              row?.hostId ? orgSiteName(orgMount, row.hostId) : '—',\n          } satisfies GridColDef,\n        ]\n      : []),\n    {\n      /*\n       * WHAT THIS EMAIL IS DOING, not what field it stores.\n       *\n       * An email delivering an audience larger than one batch is written back\n       * as `scheduled` between runs, so a chip rendering the status said\n       * \"Scheduled\" about a send that had already reached five hundred people.\n       * The derivation reads the counters beside the status and says which of\n       * the two it is.\n       */\n      field: 'state',\n      headerName: 'State',\n      width: 150,\n      valueGetter: (_value, row) => campaignSendDisplay(row).label,\n      renderCell: ({ row }) => {\n        const display = campaignSendDisplay(row)\n        return (\n          <Chip\n            size=\"small\"\n            color={STATE_COLOR[display.state]}\n            label={display.label}\n          />\n        )\n      },\n    },\n    {\n      field: 'when',\n      headerName: 'When',\n      width: 190,\n      valueGetter: (_value, row) => emailListTimeMs(row),\n      renderCell: ({ row }) => {\n        const at = emailSendTimeMs(row)\n        return at ? new Date(at).toLocaleString() : '—'\n      },\n    },\n    ...(\n      [\n        ['recipients', 'Addressed'],\n        ['opens', 'Opens'],\n        ['clicks', 'Clicks'],\n      ] as const\n    ).map(\n      ([stat, headerName]): GridColDef => ({\n        field: stat,\n        headerName,\n        type: 'number',\n        align: 'right',\n        headerAlign: 'right',\n        width: 110,\n        valueGetter: (_value, row) => Number(row.stats?.[stat] ?? 0),\n        valueFormatter: (value: number) => value.toLocaleString(),\n      }),\n    ),\n    listActionsColumn(\n      (row) => (\n        <ListRowActions\n          label={String(row.subject || 'Untitled email')}\n          items={rowActions(row)}\n        />\n      ),\n      { width: 72 },\n    ),\n  ]\n\n  const gridColumns = listFilterGridColumns(\n    columns,\n    declaration.fields,\n    filterOptions,\n    EMAIL_FILTER_HEADERS,\n  )\n  /** Nothing stored at all — not a filter that matched nothing. */\n  const none =\n    emailPage.status !== 'loading' &&\n    emails.length === 0 &&\n    !filtering &&\n    emailPage.page === 0\n\n  return (\n    <CardDisplay\n      header={'Messages'}\n      help={emailsDocsHelp}\n      HeaderProps={{\n        action: (\n          <Button\n            size=\"small\"\n            variant=\"contained\"\n            onClick={() => setCreateOpen(true)}\n          >\n            {'New email'}\n          </Button>\n        ),\n      }}\n      contentGutterX\n      contentGutterY\n    >\n      {duplicate.dialog}\n      <Stack spacing={2}>\n        {none ? (\n          <Stack spacing={2} sx={{ alignItems: 'flex-start' }}>\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {'Nothing has been sent or scheduled yet. Write one here, or ' +\n                'from a campaign, and it appears in this list with its own ' +\n                'report.'}\n            </Typography>\n            <Button variant=\"contained\" onClick={() => setCreateOpen(true)}>\n              {'New email'}\n            </Button>\n          </Stack>\n        ) : (\n          <>\n            <ListFilterChips\n              fields={declaration.fields}\n              headers={EMAIL_FILTER_HEADERS}\n              clauses={gridFilter.clauses}\n              onChange={gridFilter.setClauses}\n              options={filterOptions}\n            />\n            <ListQueryNotices\n              refused={listQueryRefusals(emailPage.plan.refused, {\n                fields: declaration.fields,\n                headers: EMAIL_FILTER_HEADERS,\n                options: filterOptions,\n              })}\n              notices={emailPage.plan.notices}\n            />\n            <ListTable\n              aria-label=\"Messages\"\n              rows={emails}\n              columns={gridColumns}\n              rowHeight={TABLE_ROW_HEIGHT}\n              onOpen={(_id, row) => router.push(emailHref(row))}\n              loading={emailPage.status === 'loading'}\n              /*\n               * The panel and the search are the grid's; every clause and\n               * the search word are on the list's query (AGL-3321), and the\n               * grid neither filters nor sorts the page it is handed: the\n               * query's one order, newest first, is the list's.\n               */\n              filterMode=\"server\"\n              filterModel={gridFilter.filterModel}\n              onFilterModelChange={gridFilter.onFilterModelChange}\n              quickFilter\n              disableColumnSorting\n              hideFooter\n              initialState={{\n                columns: {\n                  columnVisibilityModel: hiddenFilterVisibility(\n                    declaration.fields,\n                    columns.map((column) => column.field),\n                  ),\n                },\n              }}\n              noRowsLabel=\"No messages match these filters\"\n            />\n            <ListPagination\n              page={emailPage.page}\n              pageSize={emailPage.pageSize}\n              rowCount={emails.length}\n              hasMore={emailPage.hasMore}\n              onPageChange={emailPage.setPage}\n              onPageSizeChange={emailPage.setPageSize}\n            />\n          </>\n        )}\n      </Stack>\n      {/*\n        AN EMAIL WRITTEN HERE BELONGS TO A CAMPAIGN, OR TO NO CAMPAIGN.\n\n        The second is a real answer and not a gap in the model. A send with no\n        container is what the product has always had — every message that\n        predates campaigns is one — and `campaignListRows` adopts each of them\n        as a campaign of one at read time, which is the \"Single send\" chip on\n        the campaigns table. So composing from this list mints nothing, files\n        nothing, and requires nobody to invent a campaign first: it leaves the\n        container empty, and the send that results is presented the way every\n        containerless send already is.\n\n        Offering the campaigns anyway is what stops the opposite mistake — a\n        merchant who DOES have a spring campaign writing its third email into\n        a single send that never joins the rollup.\n      */}\n      <CreateArtifactDrawer\n        open={createOpen}\n        onClose={() => setCreateOpen(false)}\n        title=\"New email\"\n        submitLabel={creating ? 'Creating…' : 'Start writing'}\n        includeDescription={false}\n        onSubmit={handleCreate}\n        extraFields={[\n          ...(askSite\n            ? [\n                {\n                  component: 'select',\n                  name: 'hostId',\n                  label: 'Send as',\n                  isRequired: true,\n                  initialValue: '',\n                  helperText:\n                    'The site this email is sent from — its sender, designs ' +\n                    'and unsubscribe page',\n                  disableDefaultOption: true,\n                  options: orgSites,\n                },\n              ]\n            : []),\n          {\n            component: 'select',\n            name: 'emailCampaignId',\n            label: 'Campaign',\n            initialValue: '',\n            helperText:\n              'Leave this as a single send unless the email belongs with ' +\n              'others',\n            disableDefaultOption: true,\n            options: [\n              { value: '', label: 'Single send — not part of a campaign' },\n              ...campaignOptions,\n            ],\n          },\n        ]}\n      />\n    </CardDisplay>\n  )\n}\nEmailsListCard.displayName = 'EmailsListCard'\n\nexport default EmailsListCard\n"],"names":["pluginDocsHelp","mdiBullhornOutline","mdiContentCopy","mdiDeleteOutline","mdiEyeOutline","mdiPaletteOutline","AppLink","CardDisplay","MdiIcon","useConfirmationContext","ListFilterChips","ListPagination","ListQueryNotices","listQueryRefusals","ListRowActions","ListTable","listActionsColumn","hiddenFilterVisibility","listFilterGridColumns","useListGridFilter","TABLE_ROW_HEIGHT","CreateArtifactDrawer","useSnackbar","collectionCeiling","useListQuery","DUPLICATE_MENU_LABEL","useDuplicateResource","useFirestore","useFirestoreCollection","Button","Chip","Stack","Typography","useRouter","useCallback","useMemo","useState","campaignPlacedOnHost","campaignSendDisplay","CAMPAIGN_SEND_CONTAINER_FIELD","emailListTimeMs","emailSendTimeMs","useCampaignManageApi","useCampaignSendApi","CAMPAIGN_SEND_STATUS_OPTIONS","SINGLE_SEND_FILTER_VALUE","campaignEmailsListQuery","campaignSendsScope","emailCampaignQueryClauses","useMarketingHubPath","campaignContainersQuery","campaignSendsCollection","orgSiteHubPath","orgSiteName","orgSiteOptions","useMarketingOrgId","useMarketingOrgMount","CONTAINER_CEILING","DISCARD_REFUSAL","sent","scheduled","sending","canceled","STATE_COLOR","stopped","held","EMAIL_FILTER_HEADERS","subject","status","emailCampaignId","site","createdAtMs","emailsDocsHelp","anchor","excerpt","EmailsListCard","props","hostId","basePath","firestore","orgMount","orgId","siteMarketingHub","marketingHub","router","declaration","gridFilter","selectFields","emailPage","collection","request","clauses","search","searchWords","base","deps","idField","emails","rows","filtering","length","some","word","trim","messagesPath","emailHref","email","$id","templatesHub","rowHostId","String","hostOfEmail","Map","map","confirm","enqueueSnackbar","manageForCopy","duplicate","perform","sourceId","name","attemptKey","payload","response","action","campaignId","get","undefined","ok","Error","error","id","emailId","versionId","onDuplicated","_kind","copy","variant","manageApi","discardingId","setDiscardingId","handleDiscard","displayName","agreed","title","description","confirmationText","then","catch","allowDuplicate","persist","console","rowActions","containerId","templateScreenId","state","templates","siteless","sitelessReason","key","label","icon","path","size","href","disabled","disabledReason","onClick","destructive","Boolean","createOpen","setCreateOpen","creating","setCreating","campaignSendApi","orgSites","askSite","data","campaignDocs","containers","campaignOptions","campaign","value","sort","a","b","localeCompare","filterOptions","handleCreate","values","sendAs","chosenCampaign","find","push","columns","field","headerName","flex","minWidth","valueGetter","_value","row","renderCell","event","stopPropagation","width","display","color","at","Date","toLocaleString","stat","type","align","headerAlign","Number","stats","valueFormatter","items","gridColumns","fields","none","page","header","help","HeaderProps","contentGutterX","contentGutterY","dialog","spacing","sx","alignItems","headers","onChange","setClauses","options","refused","plan","notices","aria-label","rowHeight","onOpen","_id","loading","filterMode","filterModel","onFilterModelChange","quickFilter","disableColumnSorting","hideFooter","initialState","columnVisibilityModel","column","noRowsLabel","pageSize","rowCount","hasMore","onPageChange","setPage","onPageSizeChange","setPageSize","open","onClose","submitLabel","includeDescription","onSubmit","extraFields","component","isRequired","initialValue","helperText","disableDefaultOption"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;;AAEA,SAASA,cAAc,QAAQ,eAAc;AAC7C,SACEC,kBAAkB,EAClBC,cAAc,EACdC,gBAAgB,EAChBC,aAAa,EACbC,iBAAiB,QACZ,yBAAwB;AAC/B,SACEC,OAAO,EACPC,WAAW,EACXC,OAAO,EACPC,sBAAsB,QACjB,uBAAsB;AAC7B,OAAOC,qBAAqB,8DAA6D;AACzF,SAASC,cAAc,QAAQ,4DAA2D;AAC1F,OAAOC,oBACLC,iBAAiB,QACZ,+DAA8D;AACrE,SACEC,cAAc,EACdC,SAAS,EACTC,iBAAiB,QACZ,uDAAsD;AAC7D,SAASC,sBAAsB,QAAQ,yCAAwC;AAC/E,SAASC,qBAAqB,QAAQ,8CAA6C;AACnF,SAASC,iBAAiB,QAAQ,kDAAiD;AAEnF,SAASC,gBAAgB,QAAQ,8CAA6C;AAC9E,SAASC,oBAAoB,QAAQ,6BAA4B;AACjE,SAASC,WAAW,QAAQ,8BAA6B;AACzD,SAASC,iBAAiB,QAAQ,+DAA8D;AAChG,SAASC,YAAY,QAAQ,sDAAqD;AAClF,SACEC,oBAAoB,EACpBC,oBAAoB,EACpBC,YAAY,EACZC,sBAAsB,QACjB,iCAAgC;AACvC,SAASC,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEC,UAAU,QAAQ,gBAAe;AAE/D,SAASC,SAAS,QAAQ,kBAAiB;AAC3C,SAASC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAO;AACtD,SACEC,oBAAoB,EACpBC,mBAAmB,EACnBC,6BAA6B,QAExB,4DAA2D;AAClE,SACEC,eAAe,EACfC,eAAe,QACV,sDAAqD;AAC5D,SACEC,oBAAoB,EACpBC,kBAAkB,QACb,6BAAyB;AAChC,SACEC,4BAA4B,EAC5BC,wBAAwB,EACxBC,uBAAuB,EACvBC,kBAAkB,EAClBC,yBAAyB,QACpB,kCAA8B;AACrC,SAASC,mBAAmB,QAAQ,8BAA0B;AAC9D,SACEC,uBAAuB,EACvBC,uBAAuB,QAClB,wBAAoB;AAC3B,SACEC,cAAc,EACdC,WAAW,EACXC,cAAc,EACdC,iBAAiB,EACjBC,oBAAoB,QACf,2BAAuB;AAE9B;;;CAGC,GACD,MAAMC,oBAAoB;AAE1B;;;;;;;;;;;;CAYC,GACD,MAAMC,kBAA0C;IAC9CC,MAAM;IACNC,WAAW;IACXC,SAAS;IACTC,UAAU;AACZ;AAEA;;;;;;;CAOC,GACD,MAAMC,cAEF;IACFF,SAAS;IACTG,SAAS;IACT,6EAA6E;IAC7EC,MAAM;AACR;AAEA;;;;;CAKC,GACD,MAAMC,uBAAyD;IAC7DC,SAAS;IACTC,QAAQ;IACRC,iBAAiB;IACjBC,MAAM;IACNC,aAAa;AACf;AAEA,MAAMC,iBAAiBxE,eAAe,kBAAkB;IACtDyE,QAAQ;IACRC,SACE,0EACA;AACJ;AAYA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BC,GACD,OAAO,SAASC,eAAeC,KAA0B;IACvD,MAAM,EAAEC,MAAM,EAAEC,QAAQ,EAAE,GAAGF;IAC7B,MAAMG,YAAYpD;IAClB,MAAMqD,WAAWxB;IACjB,MAAM,EAAEyB,KAAK,EAAE,GAAG1B,kBAAkBsB;IACpC,wEAAwE;IACxE,uEAAuE;IACvE,MAAMK,mBAAmBjC;IACzB,MAAMkC,eAAeH,WAAWA,SAASF,QAAQ,GAAGI;IACpD,MAAME,SAASnD;IAEf;;;GAGC,GACD,MAAMoD,cAAcvC,wBAAwB,CAAC+B;IAC7C,MAAMS,aAAanE,kBAAkB;QACnCoE,cAAc;YAAC;YAAU;YAAmB;SAAO;IACrD;IACA,MAAMC,YAAYhE,aAAkB;QAClCiE,YAAYtC,wBAAwB4B,WAAWE;QAC/CI;QACAK,SAAS;YACPC,SAAS3C,0BAA0BsC,WAAWK,OAAO;YACrDC,QAAQN,WAAWO,WAAW;YAC9BC,MAAM/C,mBAAmB8B;QAC3B;QACAkB,MAAM;YAAChB;YAAWE;YAAOJ;SAAO;QAChCmB,SAAS;IACX;IACA,MAAMC,SAAST,UAAUU,IAAI;IAC7B,MAAMC,YACJb,WAAWK,OAAO,CAACS,MAAM,GAAG,KAC5Bd,WAAWO,WAAW,CAACQ,IAAI,CAAC,CAACC,OAASA,KAAKC,IAAI;IAEjD;;;;GAIC,GACD,MAAMC,eAAe,GAAG1B,SAAS,SAAS,CAAC;IAC3C,MAAM2B,YAAY,CAACC,QAAe,GAAGF,aAAa,CAAC,EAAEE,MAAMC,GAAG,EAAE;IAChE,MAAMC,eAAe,CAACF,QACpB1B,WAAW5B,eAAe4B,UAAU0B,yBAAAA,MAAO7B,MAAM,EAAE,YAAYC;IACjE,mEAAmE,GACnE,MAAM+B,YAAY3E,YAChB,CAACwE,QACC7B,iBAAAA,SAAW6B,CAAAA,yBAAAA,MAAO7B,MAAM,IAAGiC,OAAOJ,MAAM7B,MAAM,IAAI,MACpD;QAACA;KAAO;IAEV,MAAMkC,cAAc5E,QAClB,IACE,IAAI6E,IACFf,OAAOgB,GAAG,CAAC,CAACP,QAAe;gBACzBI,OAAOJ,MAAMC,GAAG;gBAChBD,CAAAA,yBAAAA,MAAO7B,MAAM,IAAGiC,OAAOJ,MAAM7B,MAAM,IAAI;aACxC,IAEL;QAACoB;KAAO;IAGV,MAAM,EAAEiB,OAAO,EAAE,GAAGzG;IACpB,MAAM,EAAE0G,eAAe,EAAE,GAAG7F;IAC5B,yEAAyE;IACzE,wEAAwE;IACxE,6BAA6B;IAC7B,MAAM8F,gBAAgB1E,qBAAqBmC;IAC3C,MAAMwC,YAAY3F,qBAAqB;QACrCmD,MAAM,EAAEA,iBAAAA,SAAU;QAClByC,SAAS,OAAO,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,UAAU,EAAE;gBAOdV,wBAMfW;YAZf,MAAM,EAAEC,QAAQ,EAAED,OAAO,EAAE,GAAG,MAAMN,cAAc;gBAChDQ,QAAQ;gBACRC,YAAYN;gBACZC;gBACAC;eAEI5C,SAAS,CAAC,IAAI;gBAAEA,MAAM,GAAEkC,mBAAAA,YAAYe,GAAG,CAACP,qBAAhBR,mBAA6BgB;YAAU;YAErE,IAAI,CAACJ,SAASK,EAAE,EAAE,MAAM,IAAIC,cAAMP,2BAAAA,QAASQ,KAAK,mBAAI;YACpD,OAAO;gBACLC,IAAIrB,OAAOY,QAAQU,OAAO;gBAC1BC,WAAW;gBACXb,MAAMV,QAAOY,gBAAAA,QAAQF,IAAI,YAAZE,gBAAgBF;YAC/B;QACF;QACAc,cAAc,CAACC,OAAOC,OACpBrB,gBAAgB,CAAC,eAAe,EAAEqB,KAAKhB,IAAI,CAAC,gCAAgC,CAAC,EAAE;gBAC7EiB,SAAS;YACX;IACJ;IACA,MAAMC,YAAYhG,qBAAqBmC;IACvC,sEAAsE,GACtE,MAAM,CAAC8D,cAAcC,gBAAgB,GAAGxG,SAAS;IAEjD;;;;;;;;;;;;;;;;6CAgB2C,GAC3C,MAAMyG,gBAAgB3G,YACpB,OAAOwE;;QACL,IAAIiC,cAAc;QAClB,MAAMR,KAAKrB,eAAOJ,yBAAAA,MAAOC,GAAG,mBAAI;QAChC,MAAMa,OAAOV,OAAOJ,CAAAA,yBAAAA,MAAOvC,OAAO,MAAIuC,yBAAAA,MAAOoC,WAAW,KAAI;QAC5D,MAAMC,SAAS,MAAM7B,QAAQ;YAC3B8B,OAAO;YACPC,aACE,GAAGzB,KAAK,yDAAyD,CAAC,GAClE,gEACA;YACF0B,kBAAkB;QACpB,GACGC,IAAI,CAAC,IAAM,MACXC,KAAK,CAAC,IAAM;QACf,IAAI,CAACL,QAAQ;QACbH,gBAAgBT;QAChB,IAAI;gBAI4BtB;YAH9B,MAAM,EAAEc,QAAQ,EAAED,OAAO,EAAE,GAAG,MAAMgB,UAAU;gBAC5Cd,QAAQ;gBACRC,YAAYM;eACRtD,SAAS,CAAC,IAAI;gBAAEA,MAAM,GAAEgC,aAAAA,UAAUH,kBAAVG,aAAoBkB;YAAU;YAE5D,IAAI,CAACJ,SAASK,EAAE,EAAE;;gBAChB,OAAO,KAAKb,yBACVO,2BAAAA,QAASQ,KAAK,oBAAI,qCAClB;oBAAEO,SAAS;oBAAWY,gBAAgB;gBAAK;YAE/C;YACAlC,gBAAgB,mBAAmB;gBACjCsB,SAAS;gBACTa,SAAS;YACX;QACF,EAAE,OAAOpB,OAAO;YACdqB,QAAQrB,KAAK,CAACA;YACdf,gBAAgB,qCAAqC;gBACnDsB,SAAS;gBACTY,gBAAgB;YAClB;QACF,SAAU;YACRT,gBAAgB;QAClB;IACF,GACA;QAAC1B;QAASyB;QAAcxB;QAAiBtC;QAAQ6D;QAAW7B;KAAU;IAGxE;;;;;;;;;;;;;;;;;GAiBC,GACD,MAAM2C,aAAa,CAAC9C;gCAiEThD;QAhET,MAAM+F,cAAc3C,eAAOJ,yBAAAA,KAAO,CAACnE,8BAA8B,mBAAI;QACrE,MAAMmH,mBAAmB5C,gBAAOJ,yBAAAA,MAAOgD,gBAAgB,oBAAI;QAC3D,MAAMC,QAAQ7C,gBAAOJ,yBAAAA,MAAOtC,MAAM,oBAAI;QACtC,MAAMwF,YAAYhD,aAAaF;QAC/B,qEAAqE,GACrE,MAAMmD,WAAW,CAAChD,UAAUH;QAC5B,MAAMoD,iBACJ,0EACA;QACF,OAAO;YACL;gBACEC,KAAK;gBACLC,OAAO;gBACPC,oBAAM,KAACzJ;oBAAQ0J,MAAM9J,cAAc8J,IAAI;oBAAEC,MAAM;;gBAC/CC,MAAM3D,UAAUC;YAClB;YACA;gBACEqD,KAAK;gBACLC,OAAO;gBACPC,oBAAM,KAACzJ;oBAAQ0J,MAAMjK,mBAAmBiK,IAAI;oBAAEC,MAAM;;gBACpD,oEAAoE;gBACpE,qEAAqE;gBACrEC,MACEX,eAAetE,eACX,GAAGA,aAAa,WAAW,EAAEsE,aAAa,GAC1C1B;gBACNsC,UAAU,CAACZ,eAAe,CAACtE;gBAC3BmF,gBAAgBb,cACZ,iDACA;YACN;YACA;gBACEM,KAAK;gBACLC,OAAO;gBACPC,oBAAM,KAACzJ;oBAAQ0J,MAAM7J,kBAAkB6J,IAAI;oBAAEC,MAAM;;gBACnDC,MACEV,oBAAoBE,YAChB,GAAGA,UAAU,WAAW,EAAEF,kBAAkB,GAC5C3B;gBACNsC,UAAU,CAACX,oBAAoB,CAACE;gBAChCU,gBAAgBZ,mBACZ,iDACA;YACN;YACA;gBACEK,KAAK;gBACLC,OAAOvI;gBACPwI,oBAAM,KAACzJ;oBAAQ0J,MAAMhK,eAAegK,IAAI;oBAAEC,MAAM;;gBAChDE,UAAUR;gBACVS,gBAAgBR;gBAChBS,SAAS;wBAGQ7D;2BAFfW,UAAU3B,OAAO,CAAC,YAAY;wBAC5ByC,IAAIrB,OAAOJ,MAAMC,GAAG;wBACpBa,MAAMV,QAAOJ,gBAAAA,yBAAAA,MAAOoC,WAAW,oBAAIpC,yBAAAA,MAAOvC,OAAO,YAApCuC,OAAwC;oBACvD;;YACJ;YACA;gBACEqD,KAAK;gBACLC,OAAO;gBACPC,oBAAM,KAACzJ;oBAAQ0J,MAAM/J,iBAAiB+J,IAAI;oBAAEC,MAAM;;gBAClDK,aAAa;gBACbH,UAAUR,YAAYF,UAAU,WAAWc,QAAQ9B;gBACnD2B,gBAAgBT,WACZC,kBACCpG,yBAAAA,eAAe,CAACiG,MAAM,YAAtBjG,yBAA0B;gBAC/B6G,SAAS,IAAM,KAAK1B,cAAcnC;YACpC;SACD;IACH;IAEA,MAAM,CAACgE,YAAYC,cAAc,GAAGvI,SAAS;IAC7C,MAAM,CAACwI,UAAUC,YAAY,GAAGzI,SAAS;IACzC,MAAM0I,kBAAkBnI,mBAAmBkC;IAC3C;;;GAGC,GACD,MAAMkG,WAAW5I,QACf,IAAO6C,WAAW1B,eAAe0B,YAAY,EAAE,EAC/C;QAACA;KAAS;IAEZ,MAAMgG,UAAU,CAACnG,UAAUkG,SAAS3E,MAAM,GAAG;IAE7C;;;;GAIC,GACD,MAAM,EAAE6E,MAAMC,YAAY,EAAE,GAAGtJ,uBAC7B;QACE,MAAMuJ,aAAajI,wBAAwB6B,WAAWE,OAAOJ;QAC7D,OAAOsG,aAAa5J,kBAAkB4J,YAAY1H,qBAAqB;IACzE,GACA;QAACsB;QAAWE;QAAOJ;KAAO,EAC1B;QAAEmB,SAAS;IAAM;IAEnB,MAAMoF,kBAAkBjJ,QACtB,IACE;eAAK+I,uBAAAA,eAAgB,EAAE;SAAE,CACtBjE,GAAG,CAAC,CAACoE,WAAmB,CAAA;gBACvBC,OAAOxE,OAAOuE,SAAS1E,GAAG;gBAC1BqD,OAAOlD,OAAOuE,SAAS7D,IAAI,IAAI;YACjC,CAAA,GACC+D,IAAI,CAAC,CAACC,GAAGC,IAAMD,EAAExB,KAAK,CAAC0B,aAAa,CAACD,EAAEzB,KAAK,IACjD;QAACkB;KAAa;IAGhB,MAAMS,gBAAgBxJ,QACpB,IAAO;YACLiC,QAAQxB;YACRyB,iBAAiB;gBACf;oBAAEiH,OAAOzI;oBAA0BmH,OAAO;gBAAc;mBACrDoB;aACJ;WACGvG,SAAS,CAAC,IAAI;YAAEP,MAAMyG;QAAS,IAErC;QAACK;QAAiBvG;QAAQkG;KAAS;IAGrC;;;;;;;;;;;;;6CAa2C,GAC3C,MAAMa,eAAe1J,YACnB,OAAO2J;YAGyBA;YAAuBd;QAFrD,IAAIH,UAAU;QACd,MAAMkB,SACJjH,iBAAAA,SAAWmG,UAAUlE,QAAO+E,iBAAAA,OAAOhH,MAAM,YAAbgH,iBAAiB,OAAMd,aAAAA,QAAQ,CAAC,EAAE,qBAAXA,WAAaO,KAAK;QACvE,IAAI,CAACQ,QAAQ;YACX,OAAO,KAAK3E,gBAAgB,yCAAyC;gBACnEsB,SAAS;gBACTY,gBAAgB;YAClB;QACF;QACA;;;;;;;OAOC,GACD,MAAM0C,iBACJ,CAAClH,UAAUgH,OAAOxH,eAAe,GAC7B,CAAC6G,uBAAAA,eAAgB,EAAE,EAAEc,IAAI,CACvB,CAACX,WACCvE,OAAOuE,SAAS1E,GAAG,MAAMG,OAAO+E,OAAOxH,eAAe,KAE1D;QACN,IAAI0H,kBAAkB,CAAC1J,qBAAqB0J,gBAAgBD,SAAS;YACnE,OAAO,KAAK3E,gBACV,qEACE,0DACF;gBAAEsB,SAAS;gBAAWY,gBAAgB;YAAK;QAE/C;QACAwB,YAAY;QACZ,IAAI;gBAIoBgB;YAHtB,MAAM,EAAElE,QAAQ,EAAED,OAAO,EAAE,GAAG,MAAMoD,gBAAgB;gBAClDlD,QAAQ;eACJ/C,SAAS,CAAC,IAAI;gBAAEA,QAAQiH;YAAO;gBACnChD,aAAahC,QAAO+E,sBAAAA,OAAO/C,WAAW,YAAlB+C,sBAAsB,IAAItF,IAAI;eAC9CsF,OAAOxH,eAAe,GACtB;gBAAEA,iBAAiByC,OAAO+E,OAAOxH,eAAe;YAAE,IAClD,CAAC;YAEP,IAAI,CAACsD,SAASK,EAAE,IAAI,EAACN,2BAAAA,QAASG,UAAU,GAAE;;gBACxC,OAAO,KAAKV,wBACVO,2BAAAA,QAASQ,KAAK,mBAAI,mCAClB;oBAAEO,SAAS;oBAAWY,gBAAgB;gBAAK;YAE/C;YACAsB,cAAc;YACd;;;;;SAKC,GACDvF,OAAO6G,IAAI,CAAC,GAAGzF,aAAa,CAAC,EAAEkB,QAAQG,UAAU,CAAC,KAAK,CAAC;QAC1D,EAAE,OAAOK,OAAO;YACdqB,QAAQrB,KAAK,CAACA;YACdf,gBAAgB,mCAAmC;gBACjDsB,SAAS;gBACTY,gBAAgB;YAClB;QACF,SAAU;YACRwB,YAAY;QACd;IACF,GACA;QACEG;QACAE;QACAJ;QACAF;QACAzD;QACAtC;QACA2B;QACAuE;QACA3F;KACD;IAGH;;;;GAIC,GACD,MAAM8G,UAAwB;QAC5B;YACEC,OAAO;YACPC,YAAY;YACZC,MAAM;YACNC,UAAU;YACVC,aAAa,CAACC,QAAQC,MAAQA,IAAItI,OAAO,IAAI;YAC7CuI,YAAY,CAAC,EAAED,GAAG,EAAEnB,KAAK,EAAE,iBACzB,KAAChL;oBACC8J,MAAM3D,UAAUgG;oBAChB,+DAA+D;oBAC/D,4CAA4C;oBAC5ClC,SAAS,CAACoC,QACRA,MAAMC,eAAe;8BAGtBtB;;QAGP;QACA,uDAAuD;WACnDtG,WACA;YACE;gBACEmH,OAAO;gBACPC,YAAY;gBACZS,OAAO;gBACPN,aAAa,CAACC,QAAiBC,MAC7BA,CAAAA,uBAAAA,IAAK5H,MAAM,IAAGxB,YAAY2B,UAAUyH,IAAI5H,MAAM,IAAI;YACtD;SACD,GACD,EAAE;QACN;YACE;;;;;;;;OAQC,GACDsH,OAAO;YACPC,YAAY;YACZS,OAAO;YACPN,aAAa,CAACC,QAAQC,MAAQnK,oBAAoBmK,KAAKzC,KAAK;YAC5D0C,YAAY,CAAC,EAAED,GAAG,EAAE;gBAClB,MAAMK,UAAUxK,oBAAoBmK;gBACpC,qBACE,KAAC3K;oBACCqI,MAAK;oBACL4C,OAAOhJ,WAAW,CAAC+I,QAAQnD,KAAK,CAAC;oBACjCK,OAAO8C,QAAQ9C,KAAK;;YAG1B;QACF;QACA;YACEmC,OAAO;YACPC,YAAY;YACZS,OAAO;YACPN,aAAa,CAACC,QAAQC,MAAQjK,gBAAgBiK;YAC9CC,YAAY,CAAC,EAAED,GAAG,EAAE;gBAClB,MAAMO,KAAKvK,gBAAgBgK;gBAC3B,OAAOO,KAAK,IAAIC,KAAKD,IAAIE,cAAc,KAAK;YAC9C;QACF;WACG,AACD;YACE;gBAAC;gBAAc;aAAY;YAC3B;gBAAC;gBAAS;aAAQ;YAClB;gBAAC;gBAAU;aAAS;SACrB,CACDjG,GAAG,CACH,CAAC,CAACkG,MAAMf,WAAW,GAAkB,CAAA;gBACnCD,OAAOgB;gBACPf;gBACAgB,MAAM;gBACNC,OAAO;gBACPC,aAAa;gBACbT,OAAO;gBACPN,aAAa,CAACC,QAAQC;;wBAAeA;2BAAPc,gBAAOd,aAAAA,IAAIe,KAAK,qBAATf,UAAW,CAACU,KAAK,mBAAI;;gBAC1DM,gBAAgB,CAACnC,QAAkBA,MAAM4B,cAAc;YACzD,CAAA;QAEFlM,kBACE,CAACyL,oBACC,KAAC3L;gBACCkJ,OAAOlD,OAAO2F,IAAItI,OAAO,IAAI;gBAC7BuJ,OAAOlE,WAAWiD;gBAGtB;YAAEI,OAAO;QAAG;KAEf;IAED,MAAMc,cAAczM,sBAClBgL,SACA7G,YAAYuI,MAAM,EAClBjC,eACAzH;IAEF,+DAA+D,GAC/D,MAAM2J,OACJrI,UAAUpB,MAAM,KAAK,aACrB6B,OAAOG,MAAM,KAAK,KAClB,CAACD,aACDX,UAAUsI,IAAI,KAAK;IAErB,qBACE,MAACvN;QACCwN,QAAQ;QACRC,MAAMxJ;QACNyJ,aAAa;YACXrG,sBACE,KAAC/F;gBACCsI,MAAK;gBACL1B,SAAQ;gBACR8B,SAAS,IAAMI,cAAc;0BAE5B;;QAGP;QACAuD,cAAc;QACdC,cAAc;;YAEb9G,UAAU+G,MAAM;0BACjB,KAACrM;gBAAMsM,SAAS;0BACbR,qBACC,MAAC9L;oBAAMsM,SAAS;oBAAGC,IAAI;wBAAEC,YAAY;oBAAa;;sCAChD,KAACvM;4BAAWyG,SAAQ;4BAAQsE,OAAM;sCAC/B,gEACC,+DACA;;sCAEJ,KAAClL;4BAAO4G,SAAQ;4BAAY8B,SAAS,IAAMI,cAAc;sCACtD;;;mCAIL;;sCACE,KAACjK;4BACCkN,QAAQvI,YAAYuI,MAAM;4BAC1BY,SAAStK;4BACTyB,SAASL,WAAWK,OAAO;4BAC3B8I,UAAUnJ,WAAWoJ,UAAU;4BAC/BC,SAAShD;;sCAEX,KAAC/K;4BACCgO,SAAS/N,kBAAkB2E,UAAUqJ,IAAI,CAACD,OAAO,EAAE;gCACjDhB,QAAQvI,YAAYuI,MAAM;gCAC1BY,SAAStK;gCACTyK,SAAShD;4BACX;4BACAmD,SAAStJ,UAAUqJ,IAAI,CAACC,OAAO;;sCAEjC,KAAC/N;4BACCgO,cAAW;4BACX7I,MAAMD;4BACNiG,SAASyB;4BACTqB,WAAW5N;4BACX6N,QAAQ,CAACC,KAAKzC,MAAQrH,OAAO6G,IAAI,CAACxF,UAAUgG;4BAC5C0C,SAAS3J,UAAUpB,MAAM,KAAK;4BAC9B;;;;;eAKC,GACDgL,YAAW;4BACXC,aAAa/J,WAAW+J,WAAW;4BACnCC,qBAAqBhK,WAAWgK,mBAAmB;4BACnDC,WAAW;4BACXC,oBAAoB;4BACpBC,UAAU;4BACVC,cAAc;gCACZxD,SAAS;oCACPyD,uBAAuB1O,uBACrBoE,YAAYuI,MAAM,EAClB1B,QAAQjF,GAAG,CAAC,CAAC2I,SAAWA,OAAOzD,KAAK;gCAExC;4BACF;4BACA0D,aAAY;;sCAEd,KAAClP;4BACCmN,MAAMtI,UAAUsI,IAAI;4BACpBgC,UAAUtK,UAAUsK,QAAQ;4BAC5BC,UAAU9J,OAAOG,MAAM;4BACvB4J,SAASxK,UAAUwK,OAAO;4BAC1BC,cAAczK,UAAU0K,OAAO;4BAC/BC,kBAAkB3K,UAAU4K,WAAW;;;;;0BAqB/C,KAAC/O;gBACCgP,MAAM3F;gBACN4F,SAAS,IAAM3F,cAAc;gBAC7B3B,OAAM;gBACNuH,aAAa3F,WAAW,cAAc;gBACtC4F,oBAAoB;gBACpBC,UAAU7E;gBACV8E,aAAa;uBACP1F,UACA;wBACE;4BACE2F,WAAW;4BACXnJ,MAAM;4BACNwC,OAAO;4BACP4G,YAAY;4BACZC,cAAc;4BACdC,YACE,4DACA;4BACFC,sBAAsB;4BACtBpC,SAAS5D;wBACX;qBACD,GACD,EAAE;oBACN;wBACE4F,WAAW;wBACXnJ,MAAM;wBACNwC,OAAO;wBACP6G,cAAc;wBACdC,YACE,+DACA;wBACFC,sBAAsB;wBACtBpC,SAAS;4BACP;gCAAErD,OAAO;gCAAItB,OAAO;4BAAuC;+BACxDoB;yBACJ;oBACH;iBACD;;;;AAIT;AACAzG,eAAemE,WAAW,GAAG;AAE7B,eAAenE,eAAc"}

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

@@ -18,22 +18,26 @@ import { _ as _extends } from "@swc/helpers/_/_extends";
 import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { checkEntitlement, createResourceUid, HOST_EVENT_TYPES, pluginDocsHelp, SITE_EVENT_TYPES } from "@aglyn/aglyn";
+import { nameSearchFields } from "@aglyn/aglyn/app-utils/name-search";
 import { describeVariantComparison, experimentResultRows, validateExperiment } from "../model/index.js";
+import { EXPERIMENT_LIST_QUERY } from "../model/experiment-list-query.js";
 import { mdiChartBar, mdiDeleteOutline, mdiPause, mdiPencilOutline, mdiPlay } from "@aglyn/shared-data-mdi";
 import { CardDisplay, MdiIcon, useConfirmationContext } from "@aglyn/shared-ui-jsx";
 import ListFilterChips from "@aglyn/shared-ui-jsx/components/list-filter-chips.component";
+import ListQueryNotices, { listQueryRefusals } from "@aglyn/shared-ui-jsx/components/list-query-notices.component";
 import { ListPagination } from "@aglyn/shared-ui-jsx/components/list-pagination.component";
 import { ListRowActions, ListTable, listActionsColumn } from "@aglyn/shared-ui-jsx/components/list-table.component";
-import { inMemoryListField } from "@aglyn/shared-ui-jsx/const/list-grid-filter";
-import { usePagedRowsFilter } from "@aglyn/shared-ui-jsx/hooks/use-paged-rows-filter";
+import { listFilterGridColumns } from "@aglyn/shared-ui-jsx/const/list-grid-filter";
+import { useListGridFilter } from "@aglyn/shared-ui-jsx/hooks/use-list-grid-filter";
 import { ScrollTable } from "@aglyn/shared-ui-jsx/components/scroll-table.component";
 import { TABLE_ROW_HEIGHT } from "@aglyn/shared-ui-jsx/const/table-pagination";
 import { useSnackbar } from "@aglyn/shared-ui-snackstack";
 import { Timestamp } from "@aglyn/shared-util-timestamp";
 import { Alert, Button, Chip, Dialog, DialogActions, DialogContent, DialogTitle, FormControlLabel, MenuItem, Stack, Switch, TableBody, TableCell, TableHead, TableRow, TextField, Typography } from "@mui/material";
-import { collection, deleteDoc, doc, getDocs, limit, orderBy, query, setDoc } from "firebase/firestore";
-import { useState } from "react";
-import { useFirestore, useFirestoreCollection, useHostActivityLogger, usePagedCollection, writeGuardedBySeed } from "@aglyn/tenant-feature-instance";
+import { collection, deleteDoc, doc, getDocs, limit, query, setDoc, where } from "firebase/firestore";
+import { useMemo, useState } from "react";
+import { useFirestore, useFirestoreCollection, useHostActivityLogger, writeGuardedBySeed } from "@aglyn/tenant-feature-instance";
+import { useListQuery } from "@aglyn/tenant-feature-instance/hooks/use-list-query";
 import { ExperimentResultZone, ExperimentVariantsZone, marketingExperimentVariantDrafts } from "./experiment-zones.js";
 /** An experiment's status as a chip color, in every list of experiments. */ export const EXPERIMENT_STATUS_COLORS = {
     draft: 'default',
@@ -42,14 +46,10 @@ import { ExperimentResultZone, ExperimentVariantsZone, marketingExperimentVarian
     done: 'info'
 };
 /*
- * What the experiments grid's Filters panel offers (AGL-3317). The list is a
- * paged listener, so a filter matches over what its window has read, which
- * the first filter widens (`usePagedRowsFilter`).
- */ const EXPERIMENT_FILTER_FIELDS = [
-    inMemoryListField('name', 'text'),
-    inMemoryListField('target', 'select'),
-    inMemoryListField('status', 'select')
-];
+ * What the experiments grid's Filters panel offers: the fields of the list's
+ * query declaration (`EXPERIMENT_LIST_QUERY`), every one served by Firestore
+ * (AGL-3321).
+ */ const EXPERIMENT_FILTER_FIELDS = EXPERIMENT_LIST_QUERY.fields;
 const EXPERIMENT_FILTER_HEADERS = {
     name: 'Experiment',
     target: 'Tests',
@@ -75,9 +75,6 @@ const EXPERIMENT_FILTER_OPTIONS = {
             label: status.charAt(0).toUpperCase() + status.slice(1)
         }))
 };
-const EXPERIMENT_SEARCH_FIELDS = [
-    'name'
-];
 /**
  * Experiments manager (AGL-252): create screen/section/email A/B tests
  * with weighted variants and a conversion goal; start/pause/finish them
@@ -93,7 +90,21 @@ const EXPERIMENT_SEARCH_FIELDS = [
     const { confirm } = useConfirmationContext();
     const logActivity = useHostActivityLogger(hostId);
     const entitled = checkEntitlement(org, 'abTesting');
-    const { data: experimentData, rows: experimentRows, hasMore: hasMoreExperiments, page: experimentPage, setPage: setExperimentPage, pageSize: experimentPageSize, setPageSize: setExperimentPageSize, status: experimentsStatus, /**
+    /*
+   * The Filters panel and the search box are the grid's; the clauses and the
+   * words go onto ONE query over the site's experiments, ordered by name, and
+   * each page is a page of that query's matches (AGL-3321). A clause the
+   * query cannot hold beside the others is not applied, and the notice above
+   * the list says which and why — never answered over the experiments that
+   * happen to be loaded.
+   */ const gridFilter = useListGridFilter({
+        selectFields: [
+            'target',
+            'status'
+        ]
+    });
+    const filtering = gridFilter.clauses.length > 0 || gridFilter.searchWords.some((word)=>word.trim());
+    const { rows: experimentRows, hasMore: hasMoreExperiments, page: experimentPage, setPage: setExperimentPage, pageSize: experimentPageSize, setPageSize: setExperimentPageSize, status: experimentsStatus, /**
      * The rows this editor is seeded from are unconfirmed by the server
      * (AGL-1358). Editing spreads a whole stored experiment into `editor`
      * and writes all of it back, so `merge: true` protects nothing — every
@@ -101,50 +112,40 @@ const EXPERIMENT_SEARCH_FIELDS = [
      * otherwise only ever moved by the start/pause/finish controls below, so
      * a cached seed can quietly restart a finished test, or stop a running
      * one, along with reverting its variant weights and goal.
-     */ fromCache: experimentsFromCache } = usePagedCollection((pageLimit)=>query(collection(firestore, 'hosts', hostId, 'experiments'), /*
-         * Ordered by the server and paged (AGL-2501, AGL-2292).
-         *
-         * `limit(50)` with no `orderBy` is answered in DOCUMENT-ID order over
-         * ids from `createResourceUid()`, so the window was an arbitrary fifty
-         * that a `localeCompare` in the browser arranged into a convincing A-to-Z
-         * page. A site past fifty experiments could not reach the rest, and
-         * the ones missing left no gap on screen.
-         *
-         * `name` is safe to order on, checked against the writers rather than
-         * assumed: this card is the only thing that creates an experiment,
-         * `newExperiment()` seeds `name: ''` and `validateExperiment` refuses
-         * a save without one, the two server paths (`email-events`,
-         * `campaign-send`) only ever `update` an existing document, and
-         * `experiments` is not in `IMPORTABLE_FIELDS`. There is no writer that
-         * can produce a nameless experiment for `orderBy` to drop.
-         */ orderBy('name'), limit(pageLimit)), [
-        firestore,
-        hostId
-    ], {
+     */ fromCache: experimentsFromCache, plan: experimentPlan } = useListQuery({
+        collection: collection(firestore, 'hosts', hostId, 'experiments'),
+        /*
+     * Ordered by the server and paged (AGL-2501, AGL-2292): the declaration's
+     * one order is `name`, which every writer sets — the editor refuses a save
+     * without one (`validateExperiment`), the besigner's section shortcut
+     * names its draft, the two send-path readers only ever write the stats
+     * beneath an experiment, and `experiments` is not in `IMPORTABLE_FIELDS`.
+     * There is no writer that can produce a nameless experiment for `orderBy`
+     * to drop.
+     *
+     * Nothing is dropped after the query either. An experiment is never
+     * soft-deleted — Delete below is a `deleteDoc` — so every row the query
+     * returns is live, and a page holds as many rows as its size.
+     */ declaration: EXPERIMENT_LIST_QUERY,
+        request: {
+            clauses: gridFilter.clauses,
+            search: gridFilter.searchWords
+        },
+        deps: [
+            firestore,
+            hostId
+        ],
         idField: '$id'
     });
-    /*
-   * Soft-deleted rows are dropped HERE and not in the query, which is why a
-   * page can render fewer rows than its size: Firestore cannot ask for
-   * documents that LACK a field, and a live experiment has no `deletedAt` at
-   * all. The rows are not re-sorted — the server already ordered them, and
-   * re-sorting a page of a name-ordered walk is the lie the old code told.
-   */ const experimentsLive = experimentRows.filter((experiment)=>!experiment.deletedAt);
-    const experimentFilter = usePagedRowsFilter({
-        data: (experimentData != null ? experimentData : []).filter((experiment)=>!experiment.deletedAt),
-        rows: experimentsLive,
-        hasMore: hasMoreExperiments,
-        page: experimentPage,
-        setPage: setExperimentPage,
-        pageSize: experimentPageSize,
-        setPageSize: setExperimentPageSize
-    }, {
-        fields: EXPERIMENT_FILTER_FIELDS,
-        options: EXPERIMENT_FILTER_OPTIONS,
-        headers: EXPERIMENT_FILTER_HEADERS,
-        search: EXPERIMENT_SEARCH_FIELDS
-    });
-    const experiments = experimentFilter.rows;
+    const experiments = experimentRows;
+    const experimentColumnsFor = (columns)=>listFilterGridColumns(columns, EXPERIMENT_FILTER_FIELDS, EXPERIMENT_FILTER_OPTIONS, EXPERIMENT_FILTER_HEADERS);
+    const experimentRefusals = useMemo(()=>listQueryRefusals(experimentPlan.refused, {
+            fields: EXPERIMENT_FILTER_FIELDS,
+            headers: EXPERIMENT_FILTER_HEADERS,
+            options: EXPERIMENT_FILTER_OPTIONS
+        }), [
+        experimentPlan.refused
+    ]);
     const [editor, setEditor] = useState(null);
     /*
    * The screens and their versions fill the EDITOR's pickers and nothing
@@ -269,8 +270,8 @@ const EXPERIMENT_SEARCH_FIELDS = [
                 unreadable: Boolean(editor.$id) && experimentsStatus === 'error',
                 fromCache: Boolean(editor.$id) && experimentsFromCache
             }, async ()=>{
-                var _editor_endAtMs, _editor_autoWinner;
-                await setDoc(doc(firestore, 'hosts', hostId, 'experiments', id), _extends({}, JSON.parse(JSON.stringify(payload)), {
+                var _editor_name, _editor_endAtMs, _editor_autoWinner;
+                await setDoc(doc(firestore, 'hosts', hostId, 'experiments', id), _extends({}, JSON.parse(JSON.stringify(payload)), nameSearchFields((_editor_name = editor.name) != null ? _editor_name : ''), {
                     // Clearing the end date / auto-winner must overwrite — a
                     // merge-set keeps absent keys otherwise (AGL-273).
                     endAtMs: (_editor_endAtMs = editor.endAtMs) != null ? _editor_endAtMs : null,
@@ -308,10 +309,19 @@ const EXPERIMENT_SEARCH_FIELDS = [
     };
     const setStatus = async (experiment, status, winnerVariantId)=>{
         if (!experiment.$id) return;
-        // One running experiment per screen (AGL-265): the page runner only
-        // serves the first, so a second would silently never split traffic.
-        if (status === 'running' && experiment.screenId) {
-            const clash = experimentsLive.find((candidate)=>candidate.$id !== experiment.$id && candidate.status === 'running' && candidate.screenId === experiment.screenId);
+        /*
+     * One running experiment per screen (AGL-265): the page runner only
+     * serves the first, so a second would silently never split traffic.
+     *
+     * Asked of Firestore, not of the rows on screen: the list is one page of
+     * a query the reader may have narrowed, and the running test on the same
+     * screen is as likely to be on another page, or filtered out, as on this
+     * one. Two equalities, served by merging their single-field indexes.
+     */ if (status === 'running' && experiment.screenId) {
+            const running = await getDocs(query(collection(firestore, 'hosts', hostId, 'experiments'), where('status', '==', 'running'), where('screenId', '==', experiment.screenId), limit(2)));
+            const clash = running.docs.map((entry)=>_extends({}, entry.data(), {
+                    $id: entry.id
+                })).find((candidate)=>candidate.$id !== experiment.$id);
             if (clash) {
                 return void enqueueSnackbar(`"${clash.name}" is already running on that screen — pause or ` + 'finish it first', {
                     variant: 'warning',
@@ -477,26 +487,48 @@ const EXPERIMENT_SEARCH_FIELDS = [
                         onClick: ()=>setEditor(newExperiment()),
                         children: 'New experiment'
                     }),
-                    experimentsLive.length === 0 && !hasMoreExperiments && !experimentFilter.filtering ? null : /*#__PURE__*/ _jsxs(_Fragment, {
+                    experiments.length === 0 && !hasMoreExperiments && experimentPage === 0 && !filtering ? null : /*#__PURE__*/ _jsxs(_Fragment, {
                         children: [
-                            /*#__PURE__*/ _jsx(ListFilterChips, _extends({}, experimentFilter.chipsProps)),
-                            experimentFilter.filtering && hasMoreExperiments ? /*#__PURE__*/ _jsx(Typography, {
-                                variant: "caption",
-                                color: "text.secondary",
-                                children: `Filtering the ${experimentFilter.read} experiments read so far — the next page reads more.`
-                            }) : null,
-                            /*#__PURE__*/ _jsx(ListTable, _extends({
+                            /*#__PURE__*/ _jsx(ListFilterChips, {
+                                fields: EXPERIMENT_FILTER_FIELDS,
+                                headers: EXPERIMENT_FILTER_HEADERS,
+                                clauses: gridFilter.clauses,
+                                onChange: gridFilter.setClauses,
+                                options: EXPERIMENT_FILTER_OPTIONS
+                            }),
+                            /*#__PURE__*/ _jsx(ListQueryNotices, {
+                                refused: experimentRefusals,
+                                notices: experimentPlan.notices
+                            }),
+                            /*#__PURE__*/ _jsx(ListTable, {
                                 "aria-label": "Experiments",
                                 rows: experiments,
-                                columns: experimentFilter.filterColumns(experimentColumns),
+                                columns: experimentColumnsFor(experimentColumns),
                                 rowHeight: TABLE_ROW_HEIGHT,
                                 onOpen: (_id, experiment)=>void openResults(experiment),
                                 // Paged by the footer below, so the grid must not also slice.
-                                hideFooter: true
-                            }, experimentFilter.gridProps, {
+                                hideFooter: true,
+                                // The rows keep the query's order; a header sort would order
+                                // only the page on screen and read as the whole list's.
+                                disableColumnSorting: true,
+                                /*
+               * The panel and the search are the grid's; every clause and the
+               * search word are on the list's query (AGL-3321), so the grid
+               * never narrows the page it is handed.
+               */ filterMode: "server",
+                                filterModel: gridFilter.filterModel,
+                                onFilterModelChange: gridFilter.onFilterModelChange,
+                                quickFilter: true,
                                 noRowsLabel: "No experiments match these filters"
-                            })),
-                            /*#__PURE__*/ _jsx(ListPagination, _extends({}, experimentFilter.pagination))
+                            }),
+                            /*#__PURE__*/ _jsx(ListPagination, {
+                                page: experimentPage,
+                                pageSize: experimentPageSize,
+                                rowCount: experiments.length,
+                                hasMore: hasMoreExperiments,
+                                onPageChange: setExperimentPage,
+                                onPageSizeChange: setExperimentPageSize
+                            })
                         ]
                     })
                 ]