@aglyn/plugins-marketing 1.0.0-beta.143

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/marketing/src/lib/components/host-experiments-card.component.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport {\n  type AglynOrgBilling,\n  checkEntitlement,\n  createResourceUid,\n  HOST_EVENT_TYPES,\n  pluginDocsHelp,\n  SITE_EVENT_TYPES,\n} from '@aglyn/aglyn'\nimport { compareVariants, summarizeVariantStats, validateExperiment, type ExperimentTarget, type ExperimentVariant, type HostExperiment } from '../model'\nimport {\n  mdiChartBar,\n  mdiDeleteOutline,\n  mdiPause,\n  mdiPencilOutline,\n  mdiPlay,\n} from '@aglyn/shared-data-mdi'\nimport { CardDisplay, MdiIcon, useConfirmationContext } from '@aglyn/shared-ui-jsx'\nimport { ListPagination } from '@aglyn/shared-ui-jsx/components/list-pagination.component'\nimport {\n  ListRowActions,\n  ListTable,\n  listActionsColumn,\n} from '@aglyn/shared-ui-jsx/components/list-table.component'\nimport type { RowActionsMenuItem } from '@aglyn/shared-ui-jsx/components/row-actions-menu.component'\nimport { ScrollTable } from '@aglyn/shared-ui-jsx/components/scroll-table.component'\nimport { TABLE_ROW_HEIGHT } from '@aglyn/shared-ui-jsx/const/table-pagination'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { Timestamp } from '@aglyn/shared-util-timestamp'\nimport {\n  Alert,\n  Button,\n  Chip,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  FormControlLabel,\n  MenuItem,\n  Stack,\n  Switch,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableRow,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport type { GridColDef } from '@mui/x-data-grid'\nimport {\n  collection,\n  deleteDoc,\n  doc,\n  getDocs,\n  limit,\n  orderBy,\n  query,\n  setDoc,\n} from 'firebase/firestore'\nimport { useState } from 'react'\nimport {\n  useFirestore,\n  useFirestoreCollection,\n  useHostActivityLogger,\n  usePagedCollection,\n  writeGuardedBySeed,\n} from '@aglyn/tenant-feature-instance'\nimport {\n  ExperimentResultZone,\n  ExperimentVariantsZone,\n  marketingExperimentVariantDrafts,\n  type MarketingExperimentVariantDraft,\n} from './experiment-zones'\n\nexport interface HostExperimentsCardProps {\n  hostId: string\n  /** Resolved entitlement source (AGL-395). */\n  org?: Partial<AglynOrgBilling>\n}\n\ntype ExperimentDraft = HostExperiment & { $id?: string }\n\nconst STATUS_COLORS: Record<string, 'default' | 'success' | 'info' | 'warning'> =\n  {\n    draft: 'default',\n    running: 'success',\n    paused: 'warning',\n    done: 'info',\n  }\n\n/**\n * Experiments manager (AGL-252): create screen/section/email A/B tests\n * with weighted variants and a conversion goal; start/pause/finish them\n * and read exposures/conversions per variant. Business tier\n * (`ab-testing`).\n */\nexport function HostExperimentsCard(props: HostExperimentsCardProps) {\n  const { hostId } = props\n  const firestore = useFirestore()\n  const { org } = props\n  const { enqueueSnackbar } = useSnackbar()\n  const { confirm } = useConfirmationContext()\n  const logActivity = useHostActivityLogger(hostId)\n  const entitled = checkEntitlement(org, 'abTesting')\n\n  const {\n    rows: experimentRows,\n    hasMore: hasMoreExperiments,\n    page: experimentPage,\n    setPage: setExperimentPage,\n    pageSize: experimentPageSize,\n    setPageSize: setExperimentPageSize,\n    status: experimentsStatus,\n    /**\n     * The rows this editor is seeded from are unconfirmed by the server\n     * (AGL-1358). Editing spreads a whole stored experiment into `editor`\n     * and writes all of it back, so `merge: true` protects nothing — every\n     * field is in the payload. `status` is the one that bites: it is\n     * otherwise only ever moved by the start/pause/finish controls below, so\n     * a cached seed can quietly restart a finished test, or stop a running\n     * one, along with reverting its variant weights and goal.\n     */\n    fromCache: experimentsFromCache,\n  } = usePagedCollection<any>(\n    (pageLimit) =>\n      query(\n        collection(firestore, 'hosts', hostId, 'experiments'),\n        /*\n         * Ordered by the server and paged (AGL-2501, AGL-2292).\n         *\n         * `limit(50)` with no `orderBy` is answered in DOCUMENT-ID order over\n         * ids from `createResourceUid()`, so the window was an arbitrary fifty\n         * that a `localeCompare` in the browser arranged into a convincing A-to-Z\n         * page. A site past fifty experiments could not reach the rest, and\n         * the ones missing left no gap on screen.\n         *\n         * `name` is safe to order on, checked against the writers rather than\n         * assumed: this card is the only thing that creates an experiment,\n         * `newExperiment()` seeds `name: ''` and `validateExperiment` refuses\n         * a save without one, the two server paths (`email-events`,\n         * `campaign-send`) only ever `update` an existing document, and\n         * `experiments` is not in `IMPORTABLE_FIELDS`. There is no writer that\n         * can produce a nameless experiment for `orderBy` to drop.\n         */\n        orderBy('name'),\n        limit(pageLimit),\n      ),\n    [firestore, hostId],\n    { idField: '$id' },\n  )\n  /*\n   * Soft-deleted rows are dropped HERE and not in the query, which is why a\n   * page can render fewer rows than its size: Firestore cannot ask for\n   * documents that LACK a field, and a live experiment has no `deletedAt` at\n   * all. The rows are not re-sorted — the server already ordered them, and\n   * re-sorting a page of a name-ordered walk is the lie the old code told.\n   */\n  const experiments: ExperimentDraft[] = experimentRows.filter(\n    (experiment: any) => !experiment.deletedAt,\n  )\n  const { data: screenDocs } = useFirestoreCollection<any>(\n    () => query(collection(firestore, 'hosts', hostId, 'screens'), limit(100)),\n    [firestore, hostId],\n    { idField: '$id' },\n  )\n  const screenOptions = [...(screenDocs ?? [])]\n    .filter((screen: any) => !screen.deletedAt)\n    .map((screen: any) => ({\n      id: screen.$id as string,\n      name: (screen.displayName ?? screen.name ?? screen.$id) as string,\n    }))\n    .sort((a, b) => a.name.localeCompare(b.name))\n\n  const [editor, setEditor] = useState<ExperimentDraft | null>(null)\n  // Versions of the screen under test (AGL-253): variants pin one each.\n  const { data: versionDocs } = useFirestoreCollection<any>(\n    () =>\n      query(\n        collection(\n          firestore,\n          'hosts',\n          hostId,\n          'screens',\n          editor?.screenId ?? '-none-',\n          'versions',\n        ),\n        limit(50),\n      ),\n    [firestore, hostId, editor?.screenId],\n    { idField: '$id' },\n  )\n  const versionOptions = [...(versionDocs ?? [])]\n    .filter((version: any) => !version.deletedAt)\n    .map((version: any) => ({\n      id: version.$id as string,\n      name: (version.name ?? version.displayName ?? version.$id) as string,\n    }))\n    .sort((a, b) => a.name.localeCompare(b.name))\n  const [results, setResults] = useState<{\n    experiment: ExperimentDraft\n    stats: Record<string, { exposures?: number; conversions?: number }>\n  } | null>(null)\n\n  const patch = (partial: Partial<ExperimentDraft>) =>\n    setEditor((previous) =>\n      previous ? { ...previous, ...partial } : previous,\n    )\n  /**\n   * What a widget in the variants zone proposes, put into the editor's own\n   * fields as unsaved changes. Only the variants the editor already holds are\n   * filled, in order: the test's shape — how many arms, their ids, their\n   * weights, the version each screen variant pins — is the person's, and a\n   * proposal that could add or drop an arm would be changing the test rather\n   * than writing copy for it. A field a widget left empty is left alone, so\n   * a proposal for an email's subject does not blank a body someone typed.\n   */\n  const proposeVariants = (\n    proposed: readonly MarketingExperimentVariantDraft[],\n  ) =>\n    setEditor((previous) =>\n      previous\n        ? {\n            ...previous,\n            variants: previous.variants.map((variant, index) => {\n              const draft = proposed[index]\n              if (!draft) return variant\n              return {\n                ...variant,\n                ...(draft.name ? { name: draft.name } : {}),\n                ...(draft.subject ? { subject: draft.subject } : {}),\n                ...(draft.body ? { body: draft.body } : {}),\n              }\n            }),\n          }\n        : previous,\n    )\n  const patchVariant = (index: number, partial: Partial<ExperimentVariant>) =>\n    setEditor((previous) =>\n      previous\n        ? {\n            ...previous,\n            variants: previous.variants.map((variant, index2) =>\n              index2 === index ? { ...variant, ...partial } : variant,\n            ),\n          }\n        : previous,\n    )\n\n  const newExperiment = (): ExperimentDraft => ({\n    name: '',\n    status: 'draft',\n    target: 'screen' as ExperimentTarget,\n    variants: [\n      { id: 'a', name: 'A (control)', weight: 1 },\n      { id: 'b', name: 'B', weight: 1 },\n    ],\n    goal: { event: 'formSubmission' },\n  })\n\n  const handleSave = async () => {\n    if (!editor) return\n    const problem = validateExperiment(editor)\n    if (problem) {\n      return void enqueueSnackbar(problem, {\n        variant: 'warning',\n        persist: false,\n      })\n    }\n    const id = editor.$id ?? createResourceUid()\n    const { $id: _ignored, ...payload } = editor\n    try {\n      /**\n       * Refuse an EDIT whose seed the server never confirmed (AGL-1358).\n       *\n       * `merge: true` is here so a cleared end date or auto-winner overwrites\n       * (AGL-273), not to protect untouched fields — there are none, because\n       * the payload is the whole stored row spread into `editor`. `status`\n       * and `winnerVariantId` ride along with it, and those are otherwise\n       * only moved by `setStatus`, so a cached seed can restart a test the\n       * owner finished or halt one that is splitting live traffic.\n       *\n       * Only the edit path. A NEW experiment comes from `newExperiment()` at\n       * a fresh uid and can overwrite nothing, and the first snapshot of any\n       * listener is `fromCache: true`, so guarding a create would refuse a\n       * save that was never unsafe.\n       *\n       * The guard WRAPS the write, and the activity log with it: a logged\n       * \"Updated experiment\" whose write never happened leaves the history\n       * disagreeing with the experiment it claims to explain.\n       */\n      const verdict = await writeGuardedBySeed(\n        {\n          subject: 'experiment',\n          unreadable: Boolean(editor.$id) && experimentsStatus === 'error',\n          fromCache: Boolean(editor.$id) && experimentsFromCache,\n        },\n        async () => {\n          await setDoc(\n            doc(firestore, 'hosts', hostId, 'experiments', id),\n            {\n              ...JSON.parse(JSON.stringify(payload)),\n              // Clearing the end date / auto-winner must overwrite — a\n              // merge-set keeps absent keys otherwise (AGL-273).\n              endAtMs: editor.endAtMs ?? null,\n              autoWinner: editor.autoWinner ?? null,\n              updatedAt: Timestamp.now(),\n              ...(editor.$id ? {} : { createdAt: Timestamp.now() }),\n            },\n            { merge: true },\n          )\n          logActivity(\n            editor.$id ? 'Updated experiment' : 'Created experiment',\n            { type: 'content', id, name: editor.name },\n          )\n        },\n      )\n      // A refusal keeps the editor open with everything that was typed.\n      if (!verdict.ok) {\n        return void enqueueSnackbar(verdict.message, {\n          variant: 'warning',\n          persist: false,\n        })\n      }\n      enqueueSnackbar('Experiment saved', {\n        variant: 'success',\n        persist: false,\n      })\n      setEditor(null)\n    } catch (error) {\n      console.error(error)\n      enqueueSnackbar('An error has occurred', { variant: 'error' })\n    }\n  }\n\n  const setStatus = async (\n    experiment: ExperimentDraft,\n    status: HostExperiment['status'],\n    winnerVariantId?: string,\n  ) => {\n    if (!experiment.$id) return\n    // One running experiment per screen (AGL-265): the page runner only\n    // serves the first, so a second would silently never split traffic.\n    if (status === 'running' && experiment.screenId) {\n      const clash = experiments.find(\n        (candidate) =>\n          candidate.$id !== experiment.$id &&\n          candidate.status === 'running' &&\n          candidate.screenId === experiment.screenId,\n      )\n      if (clash) {\n        return void enqueueSnackbar(\n          `\"${clash.name}\" is already running on that screen — pause or ` +\n            'finish it first',\n          { variant: 'warning', persist: false },\n        )\n      }\n    }\n    await setDoc(\n      doc(firestore, 'hosts', hostId, 'experiments', experiment.$id),\n      {\n        status,\n        ...(winnerVariantId ? { winnerVariantId } : {}),\n        updatedAt: Timestamp.now(),\n      },\n      { merge: true },\n    )\n    logActivity(`Experiment ${status}`, {\n      type: 'content',\n      id: experiment.$id,\n      name: experiment.name,\n    })\n  }\n\n  const handleDelete = async (experiment: ExperimentDraft) => {\n    if (!experiment.$id) return\n    const accepted = await confirm({\n      title: 'Delete experiment?',\n      description: `\"${experiment.name}\" and its results are removed.`,\n      confirmationText: 'Delete',\n      confirmationButtonProps: { color: 'error' },\n    })\n      // Resolves with no value and rejects on cancel — gating on the\n      // resolved value alone made this always return (AGL-950).\n      .then(() => true)\n      .catch(() => false)\n    if (!accepted) return\n    await deleteDoc(\n      doc(firestore, 'hosts', hostId, 'experiments', experiment.$id),\n    )\n  }\n\n  const openResults = async (experiment: ExperimentDraft) => {\n    if (!experiment.$id) return\n    const snapshot = await getDocs(\n      collection(\n        firestore,\n        'hosts',\n        hostId,\n        'experiments',\n        experiment.$id,\n        'stats',\n      ),\n    )\n    const stats: Record<string, any> = {}\n    snapshot.forEach((entry) => {\n      stats[entry.id] = entry.data()\n    })\n    setResults({ experiment, stats })\n  }\n\n  /*\n   * One row per experiment. The row opens its results, the one thing every\n   * experiment has to show; starting, pausing, editing and deleting it are in\n   * the row's menu rather than a row of buttons one mis-click from each other.\n   */\n  const experimentActions = (experiment: ExperimentDraft): RowActionsMenuItem[] => [\n    ...(experiment.status === 'running'\n      ? [\n          {\n            key: 'pause',\n            label: 'Pause',\n            icon: <MdiIcon path={mdiPause.path} size={0.8} />,\n            onClick: () => void setStatus(experiment, 'paused'),\n          },\n        ]\n      : experiment.status !== 'done'\n        ? [\n            {\n              key: 'start',\n              label: 'Start',\n              icon: <MdiIcon path={mdiPlay.path} size={0.8} />,\n              onClick: () => void setStatus(experiment, 'running'),\n            },\n          ]\n        : []),\n    {\n      key: 'edit',\n      label: 'Edit',\n      icon: <MdiIcon path={mdiPencilOutline.path} size={0.8} />,\n      onClick: () => setEditor({ ...experiment }),\n    },\n    {\n      key: 'delete',\n      label: 'Delete',\n      icon: <MdiIcon path={mdiDeleteOutline.path} size={0.8} />,\n      destructive: true,\n      onClick: () => void handleDelete(experiment),\n    },\n  ]\n  const experimentColumns: GridColDef<ExperimentDraft>[] = [\n    { field: 'name', headerName: 'Experiment', flex: 1, minWidth: 200 },\n    {\n      field: 'target',\n      headerName: 'Tests',\n      flex: 1,\n      minWidth: 200,\n      valueGetter: (_value, experiment) =>\n        `${experiment.target} · ${(experiment.variants ?? []).length} variants`,\n    },\n    {\n      field: 'status',\n      headerName: 'Status',\n      width: 130,\n      renderCell: ({ row: experiment }) => (\n        <Chip\n          size=\"small\"\n          color={STATUS_COLORS[experiment.status] ?? 'default'}\n          label={experiment.status}\n        />\n      ),\n    },\n    listActionsColumn(\n      (experiment: ExperimentDraft) => (\n        <ListRowActions\n          label={experiment.name || 'this experiment'}\n          quick={{\n            icon: mdiChartBar.path,\n            label: 'Results',\n            onClick: () => void openResults(experiment),\n          }}\n          items={experimentActions(experiment)}\n        />\n      ),\n    ),\n  ]\n\n  return (\n    <CardDisplay\n      header=\"Experiments\"\n      help={pluginDocsHelp('emailCampaigns', { anchor: '#experiments' })}\n      contentGutterX\n      contentGutterY\n      contentBordered=\"all\"\n    >\n      {!entitled ? (\n        <Alert severity=\"info\">\n          {'A/B experiments are included in the Business plan — see ' +\n            'Billing to upgrade.'}\n        </Alert>\n      ) : (\n        <Stack spacing={1.5}>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'Split traffic between variants of a screen, a section, or a ' +\n              'campaign email, and measure which one converts. Visitors ' +\n              'are assigned deterministically, so everyone keeps seeing ' +\n              'the same variant.'}\n          </Typography>\n          <Button\n            size=\"small\"\n            variant=\"contained\"\n            color=\"primary\"\n            sx={{ alignSelf: 'flex-start' }}\n            onClick={() => setEditor(newExperiment())}\n          >\n            {'New experiment'}\n          </Button>\n          {experiments.length === 0 && !hasMoreExperiments ? null : (\n            <>\n            <ListTable\n              aria-label=\"Experiments\"\n              rows={experiments}\n              columns={experimentColumns}\n              rowHeight={TABLE_ROW_HEIGHT}\n              onOpen={(_id, experiment) => void openResults(experiment)}\n              // Paged by the footer below, so the grid must not also slice.\n              hideFooter\n            />\n            <ListPagination\n              page={experimentPage}\n              pageSize={experimentPageSize}\n              // The rows LEFT after the soft-delete filter, not the page the\n              // server returned: the footer must describe what is on screen.\n              rowCount={experiments.length}\n              hasMore={hasMoreExperiments}\n              onPageChange={setExperimentPage}\n              onPageSizeChange={setExperimentPageSize}\n            />\n            </>\n          )}\n        </Stack>\n      )}\n\n      <Dialog\n        open={Boolean(editor)}\n        onClose={() => setEditor(null)}\n        maxWidth=\"sm\"\n        fullWidth\n      >\n        <DialogTitle>\n          {editor?.$id ? 'Edit experiment' : 'New experiment'}\n        </DialogTitle>\n        <DialogContent\n          sx={{ display: 'flex', flexDirection: 'column', gap: 1.5, pt: 1 }}\n        >\n          <TextField\n            size=\"small\"\n            label=\"Name\"\n            required\n            value={editor?.name ?? ''}\n            onChange={(event) => patch({ name: event.target.value })}\n            sx={{ mt: 1 }}\n          />\n          <Stack direction=\"row\" spacing={1}>\n            <TextField\n              select\n              size=\"small\"\n              label=\"Tests\"\n              value={editor?.target ?? 'screen'}\n              onChange={(event) =>\n                patch({ target: event.target.value as ExperimentTarget })\n              }\n              sx={{ minWidth: 140 }}\n            >\n              <MenuItem value=\"screen\">{'A screen'}</MenuItem>\n              <MenuItem value=\"section\">{'A section'}</MenuItem>\n              <MenuItem value=\"email\">{'An email'}</MenuItem>\n            </TextField>\n            {editor?.target !== 'email' ? (\n              <TextField\n                select\n                size=\"small\"\n                label=\"Screen\"\n                value={editor?.screenId ?? ''}\n                onChange={(event) => patch({ screenId: event.target.value })}\n                sx={{ flex: 1 }}\n              >\n                {screenOptions.map((option) => (\n                  <MenuItem key={option.id} value={option.id}>\n                    {option.name}\n                  </MenuItem>\n                ))}\n              </TextField>\n            ) : null}\n          </Stack>\n          {editor?.target === 'section' ? (\n            <TextField\n              size=\"small\"\n              label=\"Element id\"\n              helperText=\"The canvas element the variants swap (from the besigner)\"\n              value={editor?.nodeId ?? ''}\n              onChange={(event) => patch({ nodeId: event.target.value })}\n            />\n          ) : null}\n          <TextField\n            select\n            size=\"small\"\n            label=\"Conversion goal\"\n            value={editor?.goal?.event ?? 'formSubmission'}\n            onChange={(event) =>\n              patch({ goal: { ...editor?.goal, event: event.target.value } })\n            }\n            sx={{ maxWidth: 260 }}\n          >\n            {[...HOST_EVENT_TYPES, ...SITE_EVENT_TYPES].map((eventType) => (\n              <MenuItem key={eventType} value={eventType}>\n                {eventType}\n              </MenuItem>\n            ))}\n          </TextField>\n          {/* Schedule + auto-winner (AGL-273). */}\n          <Stack\n            direction=\"row\"\n            spacing={1}\n            sx={{ alignItems: 'center', flexWrap: 'wrap' }}\n          >\n            <TextField\n              size=\"small\"\n              type=\"datetime-local\"\n              label=\"Ends at (optional)\"\n              slotProps={{ inputLabel: { shrink: true } }}\n              value={\n                editor?.endAtMs\n                  ? new Date(\n                      editor.endAtMs -\n                        new Date().getTimezoneOffset() * 60000,\n                    )\n                      .toISOString()\n                      .slice(0, 16)\n                  : ''\n              }\n              onChange={(event) => {\n                const ms = event.target.value\n                  ? new Date(event.target.value).getTime()\n                  : undefined\n                patch({\n                  endAtMs: Number.isFinite(ms as number) ? ms : undefined,\n                })\n              }}\n              helperText=\"Past this, visitors get the default\"\n            />\n            <FormControlLabel\n              control={\n                <Switch\n                  size=\"small\"\n                  checked={Boolean(editor?.autoWinner)}\n                  onChange={(event) =>\n                    patch({\n                      autoWinner: event.target.checked\n                        ? { minExposures: 200, confidence: 0.95 }\n                        : undefined,\n                    })\n                  }\n                />\n              }\n              label=\"Auto-declare winner\"\n            />\n            {editor?.autoWinner ? (\n              <>\n                <TextField\n                  size=\"small\"\n                  type=\"number\"\n                  label=\"Min exposures / variant\"\n                  value={editor.autoWinner.minExposures}\n                  onChange={(event) =>\n                    patch({\n                      autoWinner: {\n                        ...editor.autoWinner!,\n                        minExposures: Number(event.target.value),\n                      },\n                    })\n                  }\n                  sx={{ width: 170 }}\n                />\n                <TextField\n                  select\n                  size=\"small\"\n                  label=\"Confidence\"\n                  value={String(editor.autoWinner.confidence)}\n                  onChange={(event) =>\n                    patch({\n                      autoWinner: {\n                        ...editor.autoWinner!,\n                        confidence: Number(event.target.value),\n                      },\n                    })\n                  }\n                  sx={{ width: 120 }}\n                >\n                  <MenuItem value=\"0.9\">{'90%'}</MenuItem>\n                  <MenuItem value=\"0.95\">{'95%'}</MenuItem>\n                  <MenuItem value=\"0.99\">{'99%'}</MenuItem>\n                </TextField>\n              </>\n            ) : null}\n          </Stack>\n          <Typography variant=\"subtitle2\">{'Variants'}</Typography>\n          {(editor?.variants ?? []).map((variant, index) => (\n            <Stack key={variant.id} spacing={1}>\n              <Stack direction=\"row\" spacing={1}>\n                <TextField\n                  size=\"small\"\n                  label={`Variant ${variant.id.toUpperCase()}`}\n                  value={variant.name ?? ''}\n                  onChange={(event) =>\n                    patchVariant(index, { name: event.target.value })\n                  }\n                  sx={{ flex: 1 }}\n                />\n                <TextField\n                  size=\"small\"\n                  type=\"number\"\n                  label=\"Weight\"\n                  value={variant.weight ?? 1}\n                  onChange={(event) =>\n                    patchVariant(index, { weight: Number(event.target.value) })\n                  }\n                  sx={{ width: 100 }}\n                />\n                {editor?.target !== 'email' ? (\n                  // Screen/section variants pin a screen version\n                  // (AGL-253); empty = the published version.\n                  <TextField\n                    select\n                    size=\"small\"\n                    label=\"Version\"\n                    value={variant.versionId ?? ''}\n                    onChange={(event) =>\n                      patchVariant(index, { versionId: event.target.value })\n                    }\n                    sx={{ minWidth: 160 }}\n                  >\n                    <MenuItem value=\"\">{'Published (control)'}</MenuItem>\n                    {versionOptions.map((option) => (\n                      <MenuItem key={option.id} value={option.id}>\n                        {option.name}\n                      </MenuItem>\n                    ))}\n                  </TextField>\n                ) : null}\n              </Stack>\n              {editor?.target === 'email' ? (\n                // Email variants override the campaign copy (AGL-255).\n                <Stack direction=\"row\" spacing={1}>\n                  <TextField\n                    size=\"small\"\n                    label=\"Subject override\"\n                    value={variant.subject ?? ''}\n                    onChange={(event) =>\n                      patchVariant(index, { subject: event.target.value })\n                    }\n                    sx={{ width: 220 }}\n                  />\n                  <TextField\n                    size=\"small\"\n                    label=\"Body override\"\n                    value={variant.body ?? ''}\n                    onChange={(event) =>\n                      patchVariant(index, { body: event.target.value })\n                    }\n                    multiline\n                    maxRows={3}\n                    sx={{ flex: 1 }}\n                  />\n                </Stack>\n              ) : null}\n            </Stack>\n          ))}\n          {/*\n            Beneath the variants, never above them: a widget here writes copy\n            FOR the list that precedes it, and the list is what the person\n            came to the dialog for.\n          */}\n          {editor ? (\n            <ExperimentVariantsZone\n              hostId={hostId}\n              experimentId={editor.$id ?? ''}\n              name={editor.name ?? ''}\n              target={editor.target ?? 'screen'}\n              goal={editor.goal?.event ?? ''}\n              variants={marketingExperimentVariantDrafts(editor.variants)}\n              proposeVariants={proposeVariants}\n            />\n          ) : null}\n        </DialogContent>\n        <DialogActions>\n          <Button color=\"inherit\" onClick={() => setEditor(null)}>\n            {'Cancel'}\n          </Button>\n          <Button\n            variant=\"contained\"\n            color=\"primary\"\n            onClick={() => void handleSave()}\n          >\n            {'Save'}\n          </Button>\n        </DialogActions>\n      </Dialog>\n\n      <Dialog\n        open={Boolean(results)}\n        onClose={() => setResults(null)}\n        maxWidth=\"xs\"\n        fullWidth\n      >\n        <DialogTitle>\n          {`Results — ${results?.experiment.name ?? ''}`}\n          {results?.experiment.autoCompleted ? (\n            // The track pipeline decided this one (AGL-273).\n            <Chip\n              size=\"small\"\n              color=\"success\"\n              label=\"Auto-completed\"\n              sx={{ ml: 1 }}\n            />\n          ) : null}\n        </DialogTitle>\n        <DialogContent>\n          <ScrollTable size=\"small\">\n            <TableHead>\n              <TableRow>\n                <TableCell>{'Variant'}</TableCell>\n                <TableCell>{'Exposures'}</TableCell>\n                <TableCell>{'Conversions'}</TableCell>\n                <TableCell>{'Rate'}</TableCell>\n                <TableCell>{'vs control'}</TableCell>\n                <TableCell align=\"right\" />\n              </TableRow>\n            </TableHead>\n            <TableBody>\n              {(results?.experiment.variants ?? []).map((variant, index) => {\n                const summary = summarizeVariantStats(\n                  results?.stats[variant.id] ?? {},\n                )\n                // Lift + z-test confidence vs the first variant (AGL-265).\n                const control = results?.experiment.variants[0]\n                const comparison =\n                  index > 0 && control\n                    ? compareVariants(\n                        results?.stats[control.id] ?? {},\n                        results?.stats[variant.id] ?? {},\n                      )\n                    : null\n                const leader =\n                  summary.exposures > 0 &&\n                  (results?.experiment.variants ?? []).every((other) => {\n                    const otherSummary = summarizeVariantStats(\n                      results?.stats[other.id] ?? {},\n                    )\n                    return summary.rate >= otherSummary.rate\n                  })\n                return (\n                  <TableRow key={variant.id} selected={leader}>\n                    <TableCell>\n                      {variant.name ?? variant.id.toUpperCase()}\n                      {results?.experiment.winnerVariantId === variant.id\n                        ? ' 🏆'\n                        : leader\n                          ? ' ▲'\n                          : ''}\n                    </TableCell>\n                    <TableCell>{summary.exposures}</TableCell>\n                    <TableCell>{summary.conversions}</TableCell>\n                    <TableCell>\n                      {`${(summary.rate * 100).toFixed(1)}%`}\n                    </TableCell>\n                    <TableCell>\n                      {comparison\n                        ? `${\n                            comparison.lift != null\n                              ? `${comparison.lift >= 0 ? '+' : ''}${(comparison.lift * 100).toFixed(0)}%`\n                              : '—'\n                          }${\n                            comparison.confidence != null\n                              ? ` · ${(comparison.confidence * 100).toFixed(0)}% conf.`\n                              : ' · needs data'\n                          }`\n                        : 'control'}\n                    </TableCell>\n                    <TableCell align=\"right\">\n                      {results?.experiment.status !== 'done' ? (\n                        <Button\n                          size=\"small\"\n                          onClick={() => {\n                            if (results) {\n                              void setStatus(\n                                results.experiment,\n                                'done',\n                                variant.id,\n                              )\n                              setResults(null)\n                            }\n                          }}\n                        >\n                          {'Pick winner'}\n                        </Button>\n                      ) : null}\n                    </TableCell>\n                  </TableRow>\n                )\n              })}\n            </TableBody>\n          </ScrollTable>\n          {/*\n            Below the figures, so anything a widget says about this test is\n            read after the counts it is talking about, and the test is named\n            as the results reader labels it — its name, or its id where it has\n            none, which is the same fallback that reader takes.\n          */}\n          {results ? (\n            <ExperimentResultZone\n              hostId={hostId}\n              experimentId={results.experiment.$id ?? ''}\n              test={results.experiment.name?.trim() || (results.experiment.$id ?? '')}\n            />\n          ) : null}\n        </DialogContent>\n        <DialogActions>\n          <Button color=\"inherit\" onClick={() => setResults(null)}>\n            {'Close'}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </CardDisplay>\n  )\n}\nHostExperimentsCard.displayName = 'HostExperimentsCard'\n\nexport default HostExperimentsCard\n"],"names":["checkEntitlement","createResourceUid","HOST_EVENT_TYPES","pluginDocsHelp","SITE_EVENT_TYPES","compareVariants","summarizeVariantStats","validateExperiment","mdiChartBar","mdiDeleteOutline","mdiPause","mdiPencilOutline","mdiPlay","CardDisplay","MdiIcon","useConfirmationContext","ListPagination","ListRowActions","ListTable","listActionsColumn","ScrollTable","TABLE_ROW_HEIGHT","useSnackbar","Timestamp","Alert","Button","Chip","Dialog","DialogActions","DialogContent","DialogTitle","FormControlLabel","MenuItem","Stack","Switch","TableBody","TableCell","TableHead","TableRow","TextField","Typography","collection","deleteDoc","doc","getDocs","limit","orderBy","query","setDoc","useState","useFirestore","useFirestoreCollection","useHostActivityLogger","usePagedCollection","writeGuardedBySeed","ExperimentResultZone","ExperimentVariantsZone","marketingExperimentVariantDrafts","STATUS_COLORS","draft","running","paused","done","HostExperimentsCard","props","editor","results","hostId","firestore","org","enqueueSnackbar","confirm","logActivity","entitled","rows","experimentRows","hasMore","hasMoreExperiments","page","experimentPage","setPage","setExperimentPage","pageSize","experimentPageSize","setPageSize","setExperimentPageSize","status","experimentsStatus","fromCache","experimentsFromCache","pageLimit","idField","experiments","filter","experiment","deletedAt","data","screenDocs","screenOptions","screen","map","id","$id","name","displayName","sort","a","b","localeCompare","setEditor","versionDocs","screenId","versionOptions","version","setResults","patch","partial","previous","proposeVariants","proposed","variants","variant","index","subject","body","patchVariant","index2","newExperiment","target","weight","goal","event","handleSave","problem","persist","_ignored","payload","verdict","unreadable","Boolean","JSON","parse","stringify","endAtMs","autoWinner","updatedAt","now","createdAt","merge","type","ok","message","error","console","setStatus","winnerVariantId","clash","find","candidate","handleDelete","accepted","title","description","confirmationText","confirmationButtonProps","color","then","catch","openResults","snapshot","stats","forEach","entry","experimentActions","key","label","icon","path","size","onClick","destructive","experimentColumns","field","headerName","flex","minWidth","valueGetter","_value","length","width","renderCell","row","quick","items","header","help","anchor","contentGutterX","contentGutterY","contentBordered","severity","spacing","sx","alignSelf","aria-label","columns","rowHeight","onOpen","_id","hideFooter","rowCount","onPageChange","onPageSizeChange","open","onClose","maxWidth","fullWidth","display","flexDirection","gap","pt","required","value","onChange","mt","direction","select","option","helperText","nodeId","eventType","alignItems","flexWrap","slotProps","inputLabel","shrink","Date","getTimezoneOffset","toISOString","slice","ms","getTime","undefined","Number","isFinite","control","checked","minExposures","confidence","String","toUpperCase","versionId","multiline","maxRows","experimentId","autoCompleted","ml","align","summary","comparison","leader","exposures","every","other","otherSummary","rate","selected","conversions","toFixed","lift","test","trim"],"mappings":"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"}

package/src/lib/components/host-marketing-summary-card.component.d.ts

@@ -0,0 +1,15 @@
+export interface HostMarketingSummaryCardProps {
+    hostId: string;
+}
+/**
+ * Marketing at a glance (wave v8): one row of numbers across the
+ * channels this page manages — live overlays and their lifetime
+ * engagement, campaign sends/opens/clicks, and experiment states — so
+ * the hub answers "is anything running and is it working" without
+ * opening each card.
+ */
+export declare function HostMarketingSummaryCard(props: HostMarketingSummaryCardProps): import("react").JSX.Element;
+export declare namespace HostMarketingSummaryCard {
+    var displayName: string;
+}
+export default HostMarketingSummaryCard;

package/src/lib/components/host-marketing-summary-card.component.js

@@ -0,0 +1,161 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { overlayActiveAt } from "../model/index.js";
+import { CardDisplay } from "@aglyn/shared-ui-jsx";
+import { Stack, Typography } from "@mui/material";
+import { collection, limit, query } from "firebase/firestore";
+import { useMemo } from "react";
+import { useFirestore, useFirestoreCollection } from "@aglyn/tenant-feature-instance";
+import { pluginDocsHelp } from "@aglyn/aglyn";
+/**
+ * Marketing at a glance (wave v8): one row of numbers across the
+ * channels this page manages — live overlays and their lifetime
+ * engagement, campaign sends/opens/clicks, and experiment states — so
+ * the hub answers "is anything running and is it working" without
+ * opening each card.
+ */ export function HostMarketingSummaryCard(props) {
+    const { hostId } = props;
+    const firestore = useFirestore();
+    const { data: overlayDocs } = useFirestoreCollection(()=>query(collection(firestore, 'hosts', hostId, 'overlays'), limit(50)), [
+        firestore,
+        hostId
+    ], {
+        idField: '$id'
+    });
+    const { data: campaignDocs } = useFirestoreCollection(()=>query(collection(firestore, 'hosts', hostId, 'campaigns'), limit(50)), [
+        firestore,
+        hostId
+    ], {
+        idField: '$id'
+    });
+    const { data: experimentDocs } = useFirestoreCollection(()=>query(collection(firestore, 'hosts', hostId, 'experiments'), limit(50)), [
+        firestore,
+        hostId
+    ], {
+        idField: '$id'
+    });
+    const summary = useMemo(()=>{
+        const overlays = (overlayDocs != null ? overlayDocs : []).filter((doc)=>!doc.deletedAt);
+        const liveOverlays = overlays.filter((overlay)=>overlay.enabled !== false && overlayActiveAt(overlay, Date.now())).length;
+        let impressions = 0;
+        let overlayClicks = 0;
+        for (const overlay of overlays){
+            var _ref, _ref1;
+            var _overlay_stats, _overlay_stats1;
+            impressions += Number((_ref = (_overlay_stats = overlay.stats) == null ? void 0 : _overlay_stats.impressions) != null ? _ref : 0);
+            overlayClicks += Number((_ref1 = (_overlay_stats1 = overlay.stats) == null ? void 0 : _overlay_stats1.clicks) != null ? _ref1 : 0);
+        }
+        const campaigns = (campaignDocs != null ? campaignDocs : []).filter((doc)=>!doc.deletedAt);
+        let sent = 0;
+        let opens = 0;
+        let emailClicks = 0;
+        let scheduled = 0;
+        for (const campaign of campaigns){
+            var _ref2, _ref3, _ref4;
+            var _campaign_stats, _campaign_stats1, _campaign_stats2;
+            sent += Number((_ref2 = (_campaign_stats = campaign.stats) == null ? void 0 : _campaign_stats.sent) != null ? _ref2 : 0);
+            opens += Number((_ref3 = (_campaign_stats1 = campaign.stats) == null ? void 0 : _campaign_stats1.opens) != null ? _ref3 : 0);
+            emailClicks += Number((_ref4 = (_campaign_stats2 = campaign.stats) == null ? void 0 : _campaign_stats2.clicks) != null ? _ref4 : 0);
+            if (campaign.status === 'scheduled') scheduled += 1;
+        }
+        const experiments = (experimentDocs != null ? experimentDocs : []).filter((doc)=>!doc.deletedAt);
+        const running = experiments.filter((experiment)=>experiment.status === 'running').length;
+        const decided = experiments.filter((experiment)=>experiment.winnerVariantId).length;
+        return {
+            liveOverlays,
+            impressions,
+            overlayClicks,
+            sent,
+            opens,
+            emailClicks,
+            scheduled,
+            running,
+            decided
+        };
+    }, [
+        overlayDocs,
+        campaignDocs,
+        experimentDocs
+    ]);
+    const metrics = [
+        {
+            label: 'Live overlays',
+            value: String(summary.liveOverlays)
+        },
+        {
+            label: 'Overlay views',
+            value: summary.impressions.toLocaleString()
+        },
+        {
+            label: 'Overlay clicks',
+            value: summary.overlayClicks.toLocaleString()
+        },
+        {
+            label: 'Emails sent',
+            value: summary.sent.toLocaleString()
+        },
+        {
+            label: 'Opens / clicks',
+            value: `${summary.opens.toLocaleString()} / ${summary.emailClicks.toLocaleString()}`
+        },
+        ...summary.scheduled ? [
+            {
+                label: 'Scheduled sends',
+                value: String(summary.scheduled)
+            }
+        ] : [],
+        {
+            label: 'Experiments',
+            value: `${summary.running} running · ${summary.decided} decided`
+        }
+    ];
+    return /*#__PURE__*/ _jsx(CardDisplay, {
+        header: 'At a glance',
+        help: pluginDocsHelp('marketingOverlays', {
+            anchor: '#engagement-stats'
+        }),
+        contentGutterX: true,
+        contentGutterY: true,
+        children: /*#__PURE__*/ _jsx(Stack, {
+            direction: "row",
+            spacing: 3,
+            sx: {
+                flexWrap: 'wrap',
+                rowGap: 1.5
+            },
+            children: metrics.map((metric)=>/*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 0,
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "caption",
+                            color: "text.secondary",
+                            children: metric.label
+                        }),
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "h6",
+                            children: metric.value
+                        })
+                    ]
+                }, metric.label))
+        })
+    });
+}
+HostMarketingSummaryCard.displayName = 'HostMarketingSummaryCard';
+export default HostMarketingSummaryCard;
+
+//# sourceMappingURL=host-marketing-summary-card.component.js.map

package/src/lib/components/host-marketing-summary-card.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/marketing/src/lib/components/host-marketing-summary-card.component.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 { overlayActiveAt } from '../model'\nimport { CardDisplay } from '@aglyn/shared-ui-jsx'\nimport { Stack, Typography } from '@mui/material'\nimport { collection, limit, query } from 'firebase/firestore'\nimport { useMemo } from 'react'\nimport {\n  useFirestore,\n  useFirestoreCollection,\n} from '@aglyn/tenant-feature-instance'\nimport { pluginDocsHelp } from '@aglyn/aglyn'\n\nexport interface HostMarketingSummaryCardProps {\n  hostId: string\n}\n\n/**\n * Marketing at a glance (wave v8): one row of numbers across the\n * channels this page manages — live overlays and their lifetime\n * engagement, campaign sends/opens/clicks, and experiment states — so\n * the hub answers \"is anything running and is it working\" without\n * opening each card.\n */\nexport function HostMarketingSummaryCard(props: HostMarketingSummaryCardProps) {\n  const { hostId } = props\n  const firestore = useFirestore()\n  const { data: overlayDocs } = useFirestoreCollection<any>(\n    () => query(collection(firestore, 'hosts', hostId, 'overlays'), limit(50)),\n    [firestore, hostId],\n    { idField: '$id' },\n  )\n  const { data: campaignDocs } = useFirestoreCollection<any>(\n    () =>\n      query(collection(firestore, 'hosts', hostId, 'campaigns'), limit(50)),\n    [firestore, hostId],\n    { idField: '$id' },\n  )\n  const { data: experimentDocs } = useFirestoreCollection<any>(\n    () =>\n      query(collection(firestore, 'hosts', hostId, 'experiments'), limit(50)),\n    [firestore, hostId],\n    { idField: '$id' },\n  )\n\n  const summary = useMemo(() => {\n    const overlays = (overlayDocs ?? []).filter((doc: any) => !doc.deletedAt)\n    const liveOverlays = overlays.filter(\n      (overlay: any) =>\n        overlay.enabled !== false && overlayActiveAt(overlay, Date.now()),\n    ).length\n    let impressions = 0\n    let overlayClicks = 0\n    for (const overlay of overlays) {\n      impressions += Number(overlay.stats?.impressions ?? 0)\n      overlayClicks += Number(overlay.stats?.clicks ?? 0)\n    }\n    const campaigns = (campaignDocs ?? []).filter(\n      (doc: any) => !doc.deletedAt,\n    )\n    let sent = 0\n    let opens = 0\n    let emailClicks = 0\n    let scheduled = 0\n    for (const campaign of campaigns) {\n      sent += Number(campaign.stats?.sent ?? 0)\n      opens += Number(campaign.stats?.opens ?? 0)\n      emailClicks += Number(campaign.stats?.clicks ?? 0)\n      if (campaign.status === 'scheduled') scheduled += 1\n    }\n    const experiments = (experimentDocs ?? []).filter(\n      (doc: any) => !doc.deletedAt,\n    )\n    const running = experiments.filter(\n      (experiment: any) => experiment.status === 'running',\n    ).length\n    const decided = experiments.filter(\n      (experiment: any) => experiment.winnerVariantId,\n    ).length\n    return {\n      liveOverlays,\n      impressions,\n      overlayClicks,\n      sent,\n      opens,\n      emailClicks,\n      scheduled,\n      running,\n      decided,\n    }\n  }, [overlayDocs, campaignDocs, experimentDocs])\n\n  const metrics: Array<{ label: string; value: string }> = [\n    { label: 'Live overlays', value: String(summary.liveOverlays) },\n    {\n      label: 'Overlay views',\n      value: summary.impressions.toLocaleString(),\n    },\n    {\n      label: 'Overlay clicks',\n      value: summary.overlayClicks.toLocaleString(),\n    },\n    { label: 'Emails sent', value: summary.sent.toLocaleString() },\n    {\n      label: 'Opens / clicks',\n      value: `${summary.opens.toLocaleString()} / ${summary.emailClicks.toLocaleString()}`,\n    },\n    ...(summary.scheduled\n      ? [{ label: 'Scheduled sends', value: String(summary.scheduled) }]\n      : []),\n    {\n      label: 'Experiments',\n      value: `${summary.running} running · ${summary.decided} decided`,\n    },\n  ]\n\n  return (\n    <CardDisplay\n      header={'At a glance'}\n      help={pluginDocsHelp('marketingOverlays', {\n        anchor: '#engagement-stats',\n      })}\n      contentGutterX\n      contentGutterY\n    >\n      <Stack\n        direction=\"row\"\n        spacing={3}\n        sx={{ flexWrap: 'wrap', rowGap: 1.5 }}\n      >\n        {metrics.map((metric) => (\n          <Stack key={metric.label} spacing={0}>\n            <Typography variant=\"caption\" color=\"text.secondary\">\n              {metric.label}\n            </Typography>\n            <Typography variant=\"h6\">{metric.value}</Typography>\n          </Stack>\n        ))}\n      </Stack>\n    </CardDisplay>\n  )\n}\nHostMarketingSummaryCard.displayName = 'HostMarketingSummaryCard'\n\nexport default HostMarketingSummaryCard\n"],"names":["overlayActiveAt","CardDisplay","Stack","Typography","collection","limit","query","useMemo","useFirestore","useFirestoreCollection","pluginDocsHelp","HostMarketingSummaryCard","props","hostId","firestore","data","overlayDocs","idField","campaignDocs","experimentDocs","summary","overlays","filter","doc","deletedAt","liveOverlays","overlay","enabled","Date","now","length","impressions","overlayClicks","Number","stats","clicks","campaigns","sent","opens","emailClicks","scheduled","campaign","status","experiments","running","experiment","decided","winnerVariantId","metrics","label","value","String","toLocaleString","header","help","anchor","contentGutterX","contentGutterY","direction","spacing","sx","flexWrap","rowGap","map","metric","variant","color","displayName"],"mappings":"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"}

package/src/lib/components/host-overlays-card.component.d.ts

@@ -0,0 +1,19 @@
+import { type AglynOrgBilling } from '@aglyn/aglyn';
+export interface HostOverlaysCardProps {
+    hostId: string;
+    /** Resolved entitlement source (AGL-395). */
+    org?: Partial<AglynOrgBilling>;
+}
+/**
+ * Marketing hub overlays manager (AGL-251): multiple announcement bars
+ * and popups at `hosts/{hostId}/overlays`, each with a schedule window
+ * and page targeting; the tenant render shows the first active match per
+ * kind (overlay docs win over the legacy single bar/popup fields). A bar's
+ * text and a popup's headline and body are edited through
+ * `useOverlayCopyEditor`, like the single bar and popup cards (AGL-2885).
+ */
+export declare function HostOverlaysCard(props: HostOverlaysCardProps): import("react").JSX.Element;
+export declare namespace HostOverlaysCard {
+    var displayName: string;
+}
+export default HostOverlaysCard;