@aglyn/plugins-crm 1.0.0-beta.143

package/src/lib/components/deals-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/deals-section.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 ConsolePluginPageProps,\n  type CrmDealStatus,\n  dealStageById,\n  filterByNextActivity,\n  findOrgMember,\n  isNoNextActivityClause,\n  ORG_SCOPE_TOKEN,\n  pluginDocsHelp,\n} from '@aglyn/aglyn'\nimport {\n  mdiCogOutline,\n  mdiPlus,\n  mdiTableLarge,\n  mdiViewColumnOutline,\n} from '@aglyn/shared-data-mdi'\nimport { CardDisplay, MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { ListPagination } from '@aglyn/shared-ui-jsx/components/list-pagination.component'\nimport { ListTable } from '@aglyn/shared-ui-jsx/components/list-table.component'\nimport { useCrmSavedView } from '../hooks/use-crm-saved-view'\nimport { useCrmViewGrid } from '../hooks/use-crm-view-grid'\nimport { CRM_LIST_SLOTS, CrmColumnOrderProvider } from './crm-column-menu'\nimport { NoNextActivityToggle, nextActivityColumn } from './crm-next-activity-column'\nimport CrmViewsControl from './crm-views-control'\nimport EmptyStateComponent from '@aglyn/shared-ui-jsx/components/empty-state.component'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport {\n  Alert,\n  Button,\n  Chip,\n  CircularProgress,\n  MenuItem,\n  Stack,\n  TextField,\n  ToggleButton,\n  ToggleButtonGroup,\n  Typography,\n} from '@mui/material'\nimport type { GridColDef } from '@mui/x-data-grid'\nimport { useRouter } from 'next/navigation'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { useContactFieldDefinitions } from '../hooks/use-contact-field-definitions'\nimport { useCrmScope } from '../hooks/use-crm-scope'\nimport { useDealStageApi } from '../hooks/use-deal-stage-api'\nimport {\n  BOARD_CLOSED_LIMIT,\n  BOARD_OPEN_LIMIT,\n  useDealsByStatus,\n  usePagedDeals,\n} from '../hooks/use-deals'\nimport { useOrgMemberDirectory } from '../hooks/use-org-member-directory'\nimport { usePipeline } from '../hooks/use-pipeline'\nimport { downloadTextFile } from '../model/contacts-csv'\nimport { crmRoutes } from '../model/crm-routes'\nimport { type DealCsvOptions, dealsCsv } from '../model/deals-csv'\nimport {\n  boardSummary,\n  DEAL_STATUS_LABELS,\n  type DealDoc,\n  formatAmountByCurrency,\n  formatMoney,\n} from '../model/deal-board-model'\nimport { customFieldColumns } from './contact-custom-columns'\nimport { DealBoard } from './deal-board'\nimport { DealEditDrawer } from './deal-edit-drawer'\nimport { DealImportButton } from './deal-import-drawer'\nimport DealsBulkBar from './deals-bulk-bar'\nimport { LostReasonDialog } from './lost-reason-dialog'\nimport { OwnerAvatar } from './owner-avatar'\nimport { PipelinesDialog } from './pipelines-dialog'\n\ntype View = 'board' | 'table'\ntype StatusFilter = CrmDealStatus | 'all'\n\n\n/** What a pipeline made at the organization level is stamped with — the org's own token. */\nconst ORG_PIPELINE_TOKENS: readonly string[] = [ORG_SCOPE_TOKEN]\n\n/**\n * `/crm/deals` — the pipeline (AGL-2598).\n *\n * ## Two views of one pipeline\n *\n * The BOARD is one pipeline's open deals, one column per open stage, read\n * in one bounded listener over `(visibleTo, pipelineId, status, updatedAt)`\n * and sorted into columns here — a listener per column would be five\n * subscriptions for one board. The TABLE is the same pipeline's deals,\n * paged by the query, with a status toggle; it is where the closed history\n * is found. The three figures above both come from the board's read, so\n * they describe what is in play whichever view is showing.\n *\n * ## Which pipeline\n *\n * The switcher in the header (AGL-2620) picks among the ACTIVE pipelines\n * and opens on the default; the board, the table, the figures and the New\n * deal drawer all follow it. It is section state rather than a route: a\n * pipeline is a lens on the section, and a saved view that names one\n * composes with it. **Pipelines** opens the dialog that creates, renames,\n * defaults, archives and — through it — edits the stages of each.\n *\n * ## Every move goes through the route\n *\n * A drag, a card's \"Move to\", \"Mark won\" and \"Mark lost\" all end in\n * `useDealStageApi`, never a Firestore write: the stage is the fact the\n * automations listen for, and only the server emits the event. The section\n * marks the card pending while the request runs and lets the listener land\n * it — see `DealBoard` for why a move is not applied optimistically.\n *\n * ## Creation is a button\n *\n * \"New deal\" opens a drawer; there is no form above the list. The drawer\n * writes client-direct against the rules, stamped with this console's scope.\n *\n * ## The table selects and exports (AGL-2621)\n *\n * The table's rows are selectable, and a selection raises `DealsBulkBar`\n * over it — whose stage moves go through the same `useDealStageApi` as a\n * drag. Export CSV beside the status toggle writes the page through\n * `dealsCsv()`, naming the pipeline, the stage and the owner; the bar\n * writes the same file over the selection.\n */\nexport function DealsSection(props: ConsolePluginPageProps) {\n  const { hostId, org, basePath } = props\n  const routes = crmRoutes(basePath ?? '')\n  const router = useRouter()\n  const { enqueueSnackbar } = useSnackbar()\n  const scope = useCrmScope({ hostId, org })\n  const pipelineState = usePipeline(scope.orgId, {\n    hostId,\n    org: (org ?? null) as Record<string, unknown> | null,\n  })\n  const { activePipelines } = pipelineState\n  const [pipelineId, setPipelineId] = useState<string | null>(null)\n  // The chosen pipeline while it is still active; else the default. A\n  // pipeline archived from another tab falls back rather than leaving the\n  // board on a pipeline the picker no longer lists.\n  const pipeline =\n    (pipelineId ? activePipelines.find((entry) => entry.$id === pipelineId) : null) ??\n    pipelineState.pipeline\n  const roster = useOrgMemberDirectory(scope.orgId)\n  const api = useDealStageApi(hostId)\n  const nowMs = useMemo(() => Date.now(), [])\n  // The org's deal fields, for the table's optional columns (AGL-2661).\n  const dealFields = useContactFieldDefinitions(scope.orgId, 'deal')\n\n  const [view, setView] = useState<View>('board')\n  const [closedExpanded, setClosedExpanded] = useState(false)\n  /*\n   * The table's status filter is the saved VIEW'S (AGL-2617): a view of\n   * deals is a view of the table, and it holds the status beside the\n   * columns and the sort. Opening one shows the table, because the board\n   * has no columns to arrange and answers to the pipeline's stages alone.\n   */\n  const views = useCrmSavedView({\n    section: 'deals',\n    hostId,\n    org,\n    basePath: basePath ?? '',\n  })\n  const statusFilter: StatusFilter = useMemo(() => {\n    const value = views.state.filters.find((clause) => clause.field === 'status')?.value\n    return value === 'open' || value === 'won' || value === 'lost' ? value : 'all'\n  }, [views.state.filters])\n  // The status is the query's clause; the \"No next activity\" clause beside\n  // it (AGL-2661) narrows the loaded page and survives a status change.\n  const viewFilters = views.state.filters\n  const setStatusFilter = useCallback(\n    (next: StatusFilter) =>\n      views.setFilters([\n        ...(next === 'all' ? [] : [{ field: 'status', op: 'equals', value: next }]),\n        ...viewFilters.filter(isNoNextActivityClause),\n      ]),\n    [views.setFilters, viewFilters],\n  )\n  useEffect(() => {\n    if (views.currentId) setView('table')\n  }, [views.currentId])\n\n  // The board's read stays on in the table view too: it is what the summary\n  // above both views is computed from, and it is already bounded.\n  const open = useDealsByStatus(\n    scope.orgId,\n    scope.visibleTo,\n    pipeline?.$id ?? null,\n    'open',\n    BOARD_OPEN_LIMIT,\n  )\n  const closedPipelineId =\n    view === 'board' && closedExpanded ? (pipeline?.$id ?? null) : null\n  const won = useDealsByStatus(scope.orgId, scope.visibleTo, closedPipelineId, 'won', BOARD_CLOSED_LIMIT)\n  const lost = useDealsByStatus(scope.orgId, scope.visibleTo, closedPipelineId, 'lost', BOARD_CLOSED_LIMIT)\n  const paged = usePagedDeals(\n    view === 'table' ? scope.orgId : null,\n    scope.visibleTo,\n    statusFilter,\n    pipeline?.$id ?? null,\n  )\n\n  const summary = useMemo(() => boardSummary(open.data, pipeline), [open.data, pipeline])\n\n  /*\n   * MOVES IN FLIGHT. A card in this set is dimmed and cannot be dragged\n   * again until the route answers; the listener is what moves it.\n   */\n  const [moving, setMoving] = useState<ReadonlySet<string>>(() => new Set())\n  const track = useCallback(\n    async (deal: DealDoc, request: () => Promise<unknown>, done: string) => {\n      setMoving((current) => new Set(current).add(deal.$id))\n      try {\n        await request()\n        enqueueSnackbar(done, { variant: 'success', persist: false })\n        return true\n      } catch (error) {\n        enqueueSnackbar(\n          error instanceof Error ? error.message : 'The deal could not be moved.',\n          { variant: 'warning', allowDuplicate: true },\n        )\n        return false\n      } finally {\n        setMoving((current) => {\n          const next = new Set(current)\n          next.delete(deal.$id)\n          return next\n        })\n      }\n    },\n    [enqueueSnackbar],\n  )\n  const handleMove = useCallback(\n    (deal: DealDoc, stageId: string) => {\n      const stage = dealStageById(pipeline, stageId)\n      void track(\n        deal,\n        () => api.moveToStage(deal, stageId),\n        `Moved to ${stage?.name ?? 'stage'}`,\n      )\n    },\n    [api, pipeline, track],\n  )\n  const handleWon = useCallback(\n    (deal: DealDoc) => void track(deal, () => api.markWon(deal), 'Deal won'),\n    [api, track],\n  )\n  const [losing, setLosing] = useState<DealDoc | null>(null)\n  const handleLost = useCallback((deal: DealDoc) => setLosing(deal), [])\n  const confirmLost = useCallback(\n    (reason: string) => {\n      const deal = losing\n      if (!deal) return\n      setLosing(null)\n      void track(deal, () => api.markLost(deal, reason), 'Deal marked lost')\n    },\n    [api, losing, track],\n  )\n\n  const openDeal = useCallback(\n    (deal: DealDoc) => router.push(routes.deal(deal.$id)),\n    [router, routes],\n  )\n\n  const [creating, setCreating] = useState(false)\n  const [managingPipelines, setManagingPipelines] = useState(false)\n\n  const [selectedIds, setSelectedIds] = useState<string[]>([])\n  // A page or a status is a different set of rows; a selection made on\n  // the last one would be a count over rows no longer on screen.\n  useEffect(() => setSelectedIds([]), [statusFilter, paged.page])\n  const csvOptions: DealCsvOptions = useMemo(\n    () => ({\n      pipelineName: (id) => pipelineState.pipelineById(id)?.name,\n      stageName: (pipelineId, stageId) =>\n        dealStageById(pipelineState.pipelineById(pipelineId), stageId)?.name,\n      ownerEmail: (uid) => {\n        const member = findOrgMember(roster.members, uid)\n        return member?.email || member?.label || uid\n      },\n    }),\n    [pipelineState, roster.members],\n  )\n  const handleExport = useCallback(() => {\n    downloadTextFile('deals.csv', 'text/csv', dealsCsv(paged.rows, csvOptions))\n  }, [paged.rows, csvOptions])\n\n  const columns: GridColDef[] = useMemo(\n    () => [\n      {\n        field: 'title',\n        headerName: 'Deal',\n        flex: 1.6,\n        minWidth: 220,\n        renderCell: ({ row }: { row: DealDoc }) => {\n          const withWhom = [row.contactName, row.companyName].filter(Boolean).join(' · ')\n          return (\n            <Stack sx={{ justifyContent: 'center', lineHeight: 1.25 }}>\n              <Typography variant=\"body2\" sx={{ lineHeight: 1.25 }}>\n                {row.title || 'Untitled deal'}\n              </Typography>\n              {withWhom ? (\n                <Typography variant=\"caption\" color=\"text.secondary\" noWrap sx={{ lineHeight: 1.25 }}>\n                  {withWhom}\n                </Typography>\n              ) : null}\n            </Stack>\n          )\n        },\n      },\n      {\n        field: 'stageId',\n        headerName: 'Stage',\n        flex: 0.9,\n        minWidth: 140,\n        valueGetter: (_value: unknown, row: DealDoc) =>\n          dealStageById(pipelineState.pipelineById(row.pipelineId), row.stageId)?.name ??\n          row.stageId,\n      },\n      {\n        field: 'amountCents',\n        headerName: 'Amount',\n        flex: 0.8,\n        minWidth: 120,\n        align: 'right',\n        headerAlign: 'right',\n        valueGetter: (_value: unknown, row: DealDoc) => row.amountCents ?? null,\n        renderCell: ({ row }: { row: DealDoc }) =>\n          typeof row.amountCents === 'number' ? formatMoney(row.amountCents, row.currency) : '—',\n      },\n      {\n        field: 'ownerUid',\n        headerName: 'Owner',\n        flex: 0.9,\n        minWidth: 140,\n        valueGetter: (_value: unknown, row: DealDoc) => roster.nameOf(row.ownerUid),\n        renderCell: ({ row }: { row: DealDoc }) => {\n          const label = roster.nameOf(row.ownerUid)\n          return label ? (\n            <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n              <OwnerAvatar label={label} size={22} />\n              <Typography variant=\"body2\" noWrap>\n                {label}\n              </Typography>\n            </Stack>\n          ) : (\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {'—'}\n            </Typography>\n          )\n        },\n      },\n      {\n        field: 'expectedCloseAtMs',\n        headerName: 'Expected close',\n        flex: 0.8,\n        minWidth: 130,\n        type: 'date',\n        valueGetter: (_value: unknown, row: DealDoc) =>\n          typeof row.expectedCloseAtMs === 'number' ? new Date(row.expectedCloseAtMs) : null,\n        renderCell: ({ row }: { row: DealDoc }) =>\n          typeof row.expectedCloseAtMs === 'number'\n            ? new Date(row.expectedCloseAtMs).toLocaleDateString()\n            : '—',\n      },\n      {\n        field: 'status',\n        headerName: 'Status',\n        flex: 0.6,\n        minWidth: 100,\n        renderCell: ({ row }: { row: DealDoc }) => (\n          <Chip\n            size=\"small\"\n            label={DEAL_STATUS_LABELS[row.status] ?? row.status}\n            color={row.status === 'won' ? 'success' : row.status === 'lost' ? 'default' : 'primary'}\n            variant={row.status === 'open' ? 'outlined' : 'filled'}\n          />\n        ),\n      },\n      // When the earliest open task against the deal is due (AGL-2661).\n      nextActivityColumn(nowMs),\n      // The org's deal fields as optional columns (AGL-2661).\n      ...customFieldColumns(dealFields.active),\n    ],\n    [pipelineState, roster, dealFields.active, nowMs],\n  )\n  const tableRows = useMemo(\n    () => filterByNextActivity(paged.rows, viewFilters),\n    [paged.rows, viewFilters],\n  )\n  /* The table's column and sort models are the view's (AGL-2617). */\n  const grid = useCrmViewGrid(views, columns)\n\n  const noOrg = scope.ready && !scope.orgId\n  const pipelineLoading =\n    !noOrg && (pipelineState.status === 'loading' || pipelineState.seeding || (!pipeline && pipelineState.status !== 'error'))\n\n  return (\n    <>\n      <CardDisplay\n        header={'Deals'}\n        help={pluginDocsHelp('deals', { anchor: '#the-board-and-the-table' })}\n        actions={\n          <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n            {activePipelines.length > 1 ? (\n              <TextField\n                select\n                size=\"small\"\n                label=\"Pipeline\"\n                value={pipeline?.$id ?? ''}\n                onChange={(event) => setPipelineId(event.target.value)}\n                sx={{ minWidth: 160 }}\n                slotProps={{ select: { 'aria-label': 'Pipeline' } }}\n              >\n                {activePipelines.map((entry) => (\n                  <MenuItem key={entry.$id} value={entry.$id}>\n                    {entry.name}\n                  </MenuItem>\n                ))}\n              </TextField>\n            ) : null}\n            <Button\n              size=\"small\"\n              startIcon={<MdiIcon path={mdiCogOutline.path} size={0.8} />}\n              disabled={!scope.orgId || pipelineState.status === 'loading'}\n              onClick={() => setManagingPipelines(true)}\n            >\n              {'Pipelines'}\n            </Button>\n            <Button\n              size=\"small\"\n              variant=\"contained\"\n              startIcon={<MdiIcon path={mdiPlus.path} size={0.8} />}\n              disabled={!pipeline || !scope.orgId}\n              onClick={() => setCreating(true)}\n            >\n              {'New deal'}\n            </Button>\n          </Stack>\n        }\n        contentGutterX\n        contentGutterY\n      >\n        <Stack spacing={2}>\n          <Stack\n            direction=\"row\"\n            spacing={3}\n            sx={{ alignItems: 'flex-end', flexWrap: 'wrap', rowGap: 1 }}\n          >\n            <Figure label=\"Open deals\" value={summary.openCount.toLocaleString()} />\n            <Figure label=\"Pipeline value\" value={formatAmountByCurrency(summary.valueByCurrency)} />\n            <Figure label=\"Weighted value\" value={formatAmountByCurrency(summary.weightedByCurrency)} />\n            <Stack sx={{ flex: 1 }} />\n            <ToggleButtonGroup\n              exclusive\n              size=\"small\"\n              color=\"primary\"\n              value={view}\n              onChange={(_event, next) => {\n                if (next) setView(next as View)\n              }}\n              aria-label=\"View\"\n            >\n              <ToggleButton value=\"board\" aria-label=\"Board\">\n                <MdiIcon path={mdiViewColumnOutline.path} size={0.8} />\n                <Typography variant=\"button\" sx={{ ml: 0.5 }}>\n                  {'Board'}\n                </Typography>\n              </ToggleButton>\n              <ToggleButton value=\"table\" aria-label=\"Table\">\n                <MdiIcon path={mdiTableLarge.path} size={0.8} />\n                <Typography variant=\"button\" sx={{ ml: 0.5 }}>\n                  {'Table'}\n                </Typography>\n              </ToggleButton>\n            </ToggleButtonGroup>\n          </Stack>\n\n          {noOrg ? (\n            <Alert severity=\"info\">\n              {'This site has no organization, so it has no pipeline.'}\n            </Alert>\n          ) : pipelineState.status === 'error' ? (\n            <Alert severity=\"warning\">\n              {'The pipeline could not be read. Deals need the \"Manage data\" permission.'}\n            </Alert>\n          ) : pipelineLoading ? (\n            <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n              <CircularProgress size={18} />\n              <Typography variant=\"body2\" color=\"text.secondary\">\n                {pipelineState.seeding ? 'Setting up your Sales pipeline…' : 'Loading the pipeline…'}\n              </Typography>\n            </Stack>\n          ) : view === 'board' && pipeline ? (\n            <>\n              {open.status === 'success' && open.data.length === 0 ? (\n                <EmptyStateComponent\n                  compact\n                  label={'No open deals yet'}\n                  description={'A deal is a sale in progress, moved across the stages below as it advances.'}\n                  action={\n                    <Button\n                      size=\"small\"\n                      variant=\"contained\"\n                      startIcon={<MdiIcon path={mdiPlus.path} size={0.8} />}\n                      disabled={!pipeline || !scope.orgId}\n                      onClick={() => setCreating(true)}\n                    >\n                      {'New deal'}\n                    </Button>\n                  }\n                />\n              ) : null}\n              <DealBoard\n                pipeline={pipeline}\n                deals={open.data}\n                won={closedExpanded && won.status !== 'loading' ? won.data : null}\n                lost={closedExpanded && lost.status !== 'loading' ? lost.data : null}\n                closedExpanded={closedExpanded}\n                onToggleClosed={() => setClosedExpanded((current) => !current)}\n                labelFor={roster.nameOf}\n                moving={moving}\n                onOpen={openDeal}\n                onMove={handleMove}\n                onWon={handleWon}\n                onLost={handleLost}\n                nowMs={nowMs}\n              />\n            </>\n          ) : (\n            <Stack spacing={1.5}>\n              {/* The view this table is showing, beside the status it narrows by (AGL-2617). */}\n              <Stack\n                direction=\"row\"\n                spacing={2}\n                sx={{ alignItems: 'center', flexWrap: 'wrap', rowGap: 1 }}\n              >\n                <CrmViewsControl controller={views} allLabel=\"All deals\" />\n                <ToggleButtonGroup\n                  exclusive\n                  size=\"small\"\n                  value={statusFilter}\n                  onChange={(_event, next) => {\n                    if (next) setStatusFilter(next as StatusFilter)\n                  }}\n                  aria-label=\"Status\"\n                >\n                  <ToggleButton value=\"all\">{'All'}</ToggleButton>\n                  <ToggleButton value=\"open\">{'Open'}</ToggleButton>\n                  <ToggleButton value=\"won\">{'Won'}</ToggleButton>\n                  <ToggleButton value=\"lost\">{'Lost'}</ToggleButton>\n                </ToggleButtonGroup>\n                <NoNextActivityToggle filters={viewFilters} onChange={views.setFilters} />\n                <Stack sx={{ flex: 1 }} />\n                <DealImportButton hostId={hostId} />\n                <Button size=\"small\" onClick={handleExport} disabled={!paged.rows.length}>\n                  {'Export CSV'}\n                </Button>\n              </Stack>\n              {paged.status === 'success' && paged.rows.length === 0 && paged.page === 0 ? (\n                <EmptyStateComponent\n                  label={statusFilter === 'all' ? 'No deals yet' : `No ${statusFilter} deals`}\n                  description={\n                    statusFilter === 'all'\n                      ? 'A deal is a sale in progress, moved across the pipeline as it advances.'\n                      : undefined\n                  }\n                  action={\n                    statusFilter === 'all' ? (\n                      <Button\n                        size=\"small\"\n                        variant=\"contained\"\n                        startIcon={<MdiIcon path={mdiPlus.path} size={0.8} />}\n                        disabled={!pipeline || !scope.orgId}\n                        onClick={() => setCreating(true)}\n                      >\n                        {'New deal'}\n                      </Button>\n                    ) : undefined\n                  }\n                />\n              ) : (\n                <>\n                  <DealsBulkBar\n                    hostId={hostId}\n                    scope={scope.scope}\n                    rows={tableRows}\n                    selected={selectedIds}\n                    onSelectedChange={setSelectedIds}\n                    pipelineById={pipelineState.pipelineById}\n                    roster={roster}\n                    api={api}\n                    csv={csvOptions}\n                  />\n                  <CrmColumnOrderProvider value={grid.columnOrder}>\n                    <ListTable\n                      rows={tableRows}\n                      columns={grid.columns}\n                      slots={CRM_LIST_SLOTS}\n                      selectable={{ selected: selectedIds, onChange: setSelectedIds }}\n                      onOpen={(_id, row) => openDeal(row as DealDoc)}\n                      // Columns and sort are the view's, controlled (AGL-2617).\n                      columnVisibilityModel={grid.columnVisibilityModel}\n                      onColumnVisibilityModelChange={grid.onColumnVisibilityModelChange}\n                      sortModel={grid.sortModel}\n                      onSortModelChange={grid.onSortModelChange}\n                      hideFooter\n                    />\n                  </CrmColumnOrderProvider>\n                  <ListPagination\n                    page={paged.page}\n                    pageSize={paged.pageSize}\n                    rowCount={paged.rows.length}\n                    hasMore={paged.hasMore}\n                    onPageChange={paged.setPage}\n                    onPageSizeChange={paged.setPageSize}\n                  />\n                </>\n              )}\n            </Stack>\n          )}\n        </Stack>\n      </CardDisplay>\n      <DealEditDrawer\n        open={creating}\n        onClose={() => setCreating(false)}\n        hostId={hostId}\n        org={org}\n        pipelines={activePipelines}\n        defaultPipeline={pipeline}\n      />\n      <PipelinesDialog\n        open={managingPipelines}\n        onClose={() => setManagingPipelines(false)}\n        orgId={scope.orgId ?? ''}\n        // A pipeline made here is stamped the way the seeded default is\n        // (`usePipeline`): the site's own tokens under a site; at the\n        // organization level the org token, with the picked site as its\n        // provenance (AGL-2630).\n        hostId={scope.createHostId}\n        pipelines={pipelineState.pipelines}\n        fromCache={pipelineState.fromCache}\n        unreadable={pipelineState.status === 'error'}\n        visibleToTokens={scope.visibleTo}\n        createTokens={scope.level === 'site' ? scope.createTokens : ORG_PIPELINE_TOKENS}\n      />\n      <LostReasonDialog\n        open={Boolean(losing)}\n        dealTitle={losing?.title ?? ''}\n        onClose={() => setLosing(null)}\n        onConfirm={confirmLost}\n      />\n    </>\n  )\n}\nDealsSection.displayName = 'DealsSection'\n\nfunction Figure(props: { label: string; value: string }) {\n  return (\n    <Stack sx={{ lineHeight: 1.2 }}>\n      <Typography variant=\"caption\" color=\"text.secondary\">\n        {props.label}\n      </Typography>\n      <Typography variant=\"h6\" component=\"span\">\n        {props.value}\n      </Typography>\n    </Stack>\n  )\n}\nFigure.displayName = 'Figure'\n\nexport default DealsSection\n"],"names":["dealStageById","filterByNextActivity","findOrgMember","isNoNextActivityClause","ORG_SCOPE_TOKEN","pluginDocsHelp","mdiCogOutline","mdiPlus","mdiTableLarge","mdiViewColumnOutline","CardDisplay","MdiIcon","ListPagination","ListTable","useCrmSavedView","useCrmViewGrid","CRM_LIST_SLOTS","CrmColumnOrderProvider","NoNextActivityToggle","nextActivityColumn","CrmViewsControl","EmptyStateComponent","useSnackbar","Alert","Button","Chip","CircularProgress","MenuItem","Stack","TextField","ToggleButton","ToggleButtonGroup","Typography","useRouter","useCallback","useEffect","useMemo","useState","useContactFieldDefinitions","useCrmScope","useDealStageApi","BOARD_CLOSED_LIMIT","BOARD_OPEN_LIMIT","useDealsByStatus","usePagedDeals","useOrgMemberDirectory","usePipeline","downloadTextFile","crmRoutes","dealsCsv","boardSummary","DEAL_STATUS_LABELS","formatAmountByCurrency","formatMoney","customFieldColumns","DealBoard","DealEditDrawer","DealImportButton","DealsBulkBar","LostReasonDialog","OwnerAvatar","PipelinesDialog","ORG_PIPELINE_TOKENS","DealsSection","props","pipelineId","scope","hostId","org","basePath","routes","router","enqueueSnackbar","pipelineState","orgId","activePipelines","setPipelineId","pipeline","find","entry","$id","roster","api","nowMs","Date","now","dealFields","view","setView","closedExpanded","setClosedExpanded","views","section","statusFilter","value","state","filters","clause","field","viewFilters","setStatusFilter","next","setFilters","op","filter","currentId","open","visibleTo","closedPipelineId","won","lost","paged","summary","data","moving","setMoving","Set","track","deal","request","done","current","add","variant","persist","error","Error","message","allowDuplicate","delete","handleMove","stageId","stage","moveToStage","name","handleWon","markWon","losing","setLosing","handleLost","confirmLost","reason","markLost","openDeal","push","creating","setCreating","managingPipelines","setManagingPipelines","selectedIds","setSelectedIds","page","csvOptions","pipelineName","id","pipelineById","stageName","ownerEmail","uid","member","members","email","label","handleExport","rows","columns","headerName","flex","minWidth","renderCell","row","withWhom","contactName","companyName","Boolean","join","sx","justifyContent","lineHeight","title","color","noWrap","valueGetter","_value","align","headerAlign","amountCents","currency","nameOf","ownerUid","direction","spacing","alignItems","size","type","expectedCloseAtMs","toLocaleDateString","status","active","tableRows","grid","noOrg","ready","pipelineLoading","seeding","header","help","anchor","actions","length","select","onChange","event","target","slotProps","map","startIcon","path","disabled","onClick","contentGutterX","contentGutterY","flexWrap","rowGap","Figure","openCount","toLocaleString","valueByCurrency","weightedByCurrency","exclusive","_event","aria-label","ml","severity","compact","description","action","deals","onToggleClosed","labelFor","onOpen","onMove","onWon","onLost","controller","allLabel","undefined","selected","onSelectedChange","csv","columnOrder","slots","selectable","_id","columnVisibilityModel","onColumnVisibilityModelChange","sortModel","onSortModelChange","hideFooter","pageSize","rowCount","hasMore","onPageChange","setPage","onPageSizeChange","setPageSize","onClose","pipelines","defaultPipeline","createHostId","fromCache","unreadable","visibleToTokens","createTokens","level","dealTitle","onConfirm","displayName","component"],"mappings":"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"}

package/src/lib/components/email-capture-card.d.ts

@@ -0,0 +1,42 @@
+/**
+ * @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.
+ */
+export interface EmailCaptureCardProps {
+    /** The site the section is read under, or `null` at the organization level. */
+    hostId: string | null;
+    /** Whether the reader may rotate the address — a workspace owner or admin. */
+    canManage: boolean;
+    /** Whether the scope and the role are known, so the address may be asked for. */
+    ready: boolean;
+}
+/** The accessible name of the rotate action. */
+export declare const ROTATE_CAPTURE_ADDRESS_LABEL = "Rotate address";
+/**
+ * "Email capture" — the workspace's one address for filing mail on
+ * records (AGL-2657), with Copy and Rotate.
+ *
+ * The address is the organization's, so the card reads the same under a
+ * site and at the organization level; what differs is only which route
+ * variant answers. Rotation is behind a confirmation because it is the
+ * one destructive act here: the old address goes quiet the moment the new
+ * token is written, and every mailbox rule that carried it stops filing
+ * without a word — the confirmation is where that word is said.
+ */
+export declare function EmailCaptureCard(props: EmailCaptureCardProps): import("react").JSX.Element;
+export declare namespace EmailCaptureCard {
+    var displayName: string;
+}
+export default EmailCaptureCard;

package/src/lib/components/email-capture-card.js

@@ -0,0 +1,134 @@
+/**
+ * @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 { pluginDocsHelp } from "@aglyn/aglyn";
+import { CardDisplay, useConfirmationContext } from "@aglyn/shared-ui-jsx";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { Button, FormHelperText, InputAdornment, Stack, TextField, Typography } from "@mui/material";
+import { CAPTURE_ADDRESS_HELPER, CopyCaptureAddressButton } from "./copy-capture-address-button.js";
+import { useCrmInboundAddress } from "./use-crm-inbound-address.js";
+/** The accessible name of the rotate action. */ export const ROTATE_CAPTURE_ADDRESS_LABEL = 'Rotate address';
+/**
+ * "Email capture" — the workspace's one address for filing mail on
+ * records (AGL-2657), with Copy and Rotate.
+ *
+ * The address is the organization's, so the card reads the same under a
+ * site and at the organization level; what differs is only which route
+ * variant answers. Rotation is behind a confirmation because it is the
+ * one destructive act here: the old address goes quiet the moment the new
+ * token is written, and every mailbox rule that carried it stops filing
+ * without a word — the confirmation is where that word is said.
+ */ export function EmailCaptureCard(props) {
+    const { hostId, canManage, ready } = props;
+    const capture = useCrmInboundAddress(hostId, {
+        enabled: ready
+    });
+    const { confirm } = useConfirmationContext();
+    const { enqueueSnackbar } = useSnackbar();
+    const handleRotate = async ()=>{
+        const confirmed = await confirm({
+            title: 'Rotate the capture address?',
+            description: 'The current address stops filing mail the moment it is replaced, and ' + 'anything sent to it afterwards is dropped. Update every mailbox rule ' + 'and shortcut that carries it.',
+            confirmationText: ROTATE_CAPTURE_ADDRESS_LABEL,
+            confirmationButtonProps: {
+                color: 'error'
+            }
+        }).then(()=>true).catch(()=>false);
+        if (!confirmed) return;
+        const result = await capture.rotate();
+        if (result.ok === false) {
+            enqueueSnackbar(result.error, {
+                variant: 'error',
+                allowDuplicate: true
+            });
+            return;
+        }
+        enqueueSnackbar('Capture address rotated', {
+            variant: 'success',
+            persist: false
+        });
+    };
+    const canRotate = ready && canManage && capture.status === 'ready' && !capture.rotating;
+    return /*#__PURE__*/ _jsx(CardDisplay, {
+        header: 'Email capture',
+        help: pluginDocsHelp('crmSettings', {
+            anchor: '#email-capture'
+        }),
+        contentGutterX: true,
+        contentGutterY: true,
+        HeaderProps: {
+            action: /*#__PURE__*/ _jsx(Button, {
+                variant: "outlined",
+                disabled: !canRotate,
+                onClick: ()=>void handleRotate(),
+                children: ROTATE_CAPTURE_ADDRESS_LABEL
+            })
+        },
+        children: /*#__PURE__*/ _jsxs(Stack, {
+            spacing: 1,
+            children: [
+                /*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    color: "text.secondary",
+                    children: 'One address for the whole workspace. A message forwarded or copied ' + 'to it is filed on the timeline of the contact or lead it was with; ' + 'the site the record belongs to is read off the record.'
+                }),
+                capture.status === 'ready' ? /*#__PURE__*/ _jsx(TextField, {
+                    size: "small",
+                    label: "Capture address",
+                    value: capture.address,
+                    slotProps: {
+                        input: {
+                            readOnly: true,
+                            endAdornment: /*#__PURE__*/ _jsx(InputAdornment, {
+                                position: "end",
+                                children: /*#__PURE__*/ _jsx(CopyCaptureAddressButton, {
+                                    address: capture.address
+                                })
+                            })
+                        },
+                        inputLabel: {
+                            shrink: true
+                        }
+                    },
+                    sx: {
+                        maxWidth: 520
+                    }
+                }) : capture.status === 'error' ? /*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    color: "error",
+                    children: capture.error
+                }) : /*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    color: "text.secondary",
+                    children: 'Loading the address…'
+                }),
+                /*#__PURE__*/ _jsx(FormHelperText, {
+                    children: `${CAPTURE_ADDRESS_HELPER} Only mail from or to somebody already in ` + 'the CRM is filed; anything else is dropped and noted in the ' + 'organization’s activity feed by its sender’s domain.'
+                }),
+                ready && !canManage ? /*#__PURE__*/ _jsx(Typography, {
+                    variant: "caption",
+                    color: "text.secondary",
+                    children: 'Only a workspace owner or admin can rotate the address.'
+                }) : null
+            ]
+        })
+    });
+}
+EmailCaptureCard.displayName = 'EmailCaptureCard';
+export default EmailCaptureCard;
+
+//# sourceMappingURL=email-capture-card.js.map

package/src/lib/components/email-capture-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/email-capture-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\n'use client'\n\nimport { pluginDocsHelp } from '@aglyn/aglyn'\nimport { CardDisplay, useConfirmationContext } from '@aglyn/shared-ui-jsx'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport {\n  Button,\n  FormHelperText,\n  InputAdornment,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport {\n  CAPTURE_ADDRESS_HELPER,\n  CopyCaptureAddressButton,\n} from './copy-capture-address-button'\nimport { useCrmInboundAddress } from './use-crm-inbound-address'\n\nexport interface EmailCaptureCardProps {\n  /** The site the section is read under, or `null` at the organization level. */\n  hostId: string | null\n  /** Whether the reader may rotate the address — a workspace owner or admin. */\n  canManage: boolean\n  /** Whether the scope and the role are known, so the address may be asked for. */\n  ready: boolean\n}\n\n/** The accessible name of the rotate action. */\nexport const ROTATE_CAPTURE_ADDRESS_LABEL = 'Rotate address'\n\n/**\n * \"Email capture\" — the workspace's one address for filing mail on\n * records (AGL-2657), with Copy and Rotate.\n *\n * The address is the organization's, so the card reads the same under a\n * site and at the organization level; what differs is only which route\n * variant answers. Rotation is behind a confirmation because it is the\n * one destructive act here: the old address goes quiet the moment the new\n * token is written, and every mailbox rule that carried it stops filing\n * without a word — the confirmation is where that word is said.\n */\nexport function EmailCaptureCard(props: EmailCaptureCardProps) {\n  const { hostId, canManage, ready } = props\n  const capture = useCrmInboundAddress(hostId, { enabled: ready })\n  const { confirm } = useConfirmationContext()\n  const { enqueueSnackbar } = useSnackbar()\n\n  const handleRotate = async () => {\n    const confirmed = await confirm({\n      title: 'Rotate the capture address?',\n      description:\n        'The current address stops filing mail the moment it is replaced, and ' +\n        'anything sent to it afterwards is dropped. Update every mailbox rule ' +\n        'and shortcut that carries it.',\n      confirmationText: ROTATE_CAPTURE_ADDRESS_LABEL,\n      confirmationButtonProps: { color: 'error' },\n    })\n      .then(() => true)\n      .catch(() => false)\n    if (!confirmed) return\n    const result = await capture.rotate()\n    if (result.ok === false) {\n      enqueueSnackbar(result.error, { variant: 'error', allowDuplicate: true })\n      return\n    }\n    enqueueSnackbar('Capture address rotated', { variant: 'success', persist: false })\n  }\n\n  const canRotate = ready && canManage && capture.status === 'ready' && !capture.rotating\n  return (\n    <CardDisplay\n      header={'Email capture'}\n      help={pluginDocsHelp('crmSettings', { anchor: '#email-capture' })}\n      contentGutterX\n      contentGutterY\n      HeaderProps={{\n        action: (\n          <Button variant=\"outlined\" disabled={!canRotate} onClick={() => void handleRotate()}>\n            {ROTATE_CAPTURE_ADDRESS_LABEL}\n          </Button>\n        ),\n      }}\n    >\n      <Stack spacing={1}>\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {'One address for the whole workspace. A message forwarded or copied ' +\n            'to it is filed on the timeline of the contact or lead it was with; ' +\n            'the site the record belongs to is read off the record.'}\n        </Typography>\n        {capture.status === 'ready' ? (\n          <TextField\n            size=\"small\"\n            label=\"Capture address\"\n            value={capture.address}\n            slotProps={{\n              input: {\n                readOnly: true,\n                endAdornment: (\n                  <InputAdornment position=\"end\">\n                    <CopyCaptureAddressButton address={capture.address} />\n                  </InputAdornment>\n                ),\n              },\n              inputLabel: { shrink: true },\n            }}\n            sx={{ maxWidth: 520 }}\n          />\n        ) : capture.status === 'error' ? (\n          <Typography variant=\"body2\" color=\"error\">\n            {capture.error}\n          </Typography>\n        ) : (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'Loading the address…'}\n          </Typography>\n        )}\n        <FormHelperText>\n          {`${CAPTURE_ADDRESS_HELPER} Only mail from or to somebody already in ` +\n            'the CRM is filed; anything else is dropped and noted in the ' +\n            'organization’s activity feed by its sender’s domain.'}\n        </FormHelperText>\n        {ready && !canManage ? (\n          <Typography variant=\"caption\" color=\"text.secondary\">\n            {'Only a workspace owner or admin can rotate the address.'}\n          </Typography>\n        ) : null}\n      </Stack>\n    </CardDisplay>\n  )\n}\nEmailCaptureCard.displayName = 'EmailCaptureCard'\n\nexport default EmailCaptureCard\n"],"names":["pluginDocsHelp","CardDisplay","useConfirmationContext","useSnackbar","Button","FormHelperText","InputAdornment","Stack","TextField","Typography","CAPTURE_ADDRESS_HELPER","CopyCaptureAddressButton","useCrmInboundAddress","ROTATE_CAPTURE_ADDRESS_LABEL","EmailCaptureCard","props","hostId","canManage","ready","capture","enabled","confirm","enqueueSnackbar","handleRotate","confirmed","title","description","confirmationText","confirmationButtonProps","color","then","catch","result","rotate","ok","error","variant","allowDuplicate","persist","canRotate","status","rotating","header","help","anchor","contentGutterX","contentGutterY","HeaderProps","action","disabled","onClick","spacing","size","label","value","address","slotProps","input","readOnly","endAdornment","position","inputLabel","shrink","sx","maxWidth","displayName"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GAED;;AAEA,SAASA,cAAc,QAAQ,eAAc;AAC7C,SAASC,WAAW,EAAEC,sBAAsB,QAAQ,uBAAsB;AAC1E,SAASC,WAAW,QAAQ,8BAA6B;AACzD,SACEC,MAAM,EACNC,cAAc,EACdC,cAAc,EACdC,KAAK,EACLC,SAAS,EACTC,UAAU,QACL,gBAAe;AACtB,SACEC,sBAAsB,EACtBC,wBAAwB,QACnB,mCAA+B;AACtC,SAASC,oBAAoB,QAAQ,+BAA2B;AAWhE,8CAA8C,GAC9C,OAAO,MAAMC,+BAA+B,iBAAgB;AAE5D;;;;;;;;;;CAUC,GACD,OAAO,SAASC,iBAAiBC,KAA4B;IAC3D,MAAM,EAAEC,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGH;IACrC,MAAMI,UAAUP,qBAAqBI,QAAQ;QAAEI,SAASF;IAAM;IAC9D,MAAM,EAAEG,OAAO,EAAE,GAAGnB;IACpB,MAAM,EAAEoB,eAAe,EAAE,GAAGnB;IAE5B,MAAMoB,eAAe;QACnB,MAAMC,YAAY,MAAMH,QAAQ;YAC9BI,OAAO;YACPC,aACE,0EACA,0EACA;YACFC,kBAAkBd;YAClBe,yBAAyB;gBAAEC,OAAO;YAAQ;QAC5C,GACGC,IAAI,CAAC,IAAM,MACXC,KAAK,CAAC,IAAM;QACf,IAAI,CAACP,WAAW;QAChB,MAAMQ,SAAS,MAAMb,QAAQc,MAAM;QACnC,IAAID,OAAOE,EAAE,KAAK,OAAO;YACvBZ,gBAAgBU,OAAOG,KAAK,EAAE;gBAAEC,SAAS;gBAASC,gBAAgB;YAAK;YACvE;QACF;QACAf,gBAAgB,2BAA2B;YAAEc,SAAS;YAAWE,SAAS;QAAM;IAClF;IAEA,MAAMC,YAAYrB,SAASD,aAAaE,QAAQqB,MAAM,KAAK,WAAW,CAACrB,QAAQsB,QAAQ;IACvF,qBACE,KAACxC;QACCyC,QAAQ;QACRC,MAAM3C,eAAe,eAAe;YAAE4C,QAAQ;QAAiB;QAC/DC,cAAc;QACdC,cAAc;QACdC,aAAa;YACXC,sBACE,KAAC5C;gBAAOgC,SAAQ;gBAAWa,UAAU,CAACV;gBAAWW,SAAS,IAAM,KAAK3B;0BAClEV;;QAGP;kBAEA,cAAA,MAACN;YAAM4C,SAAS;;8BACd,KAAC1C;oBAAW2B,SAAQ;oBAAQP,OAAM;8BAC/B,wEACC,wEACA;;gBAEHV,QAAQqB,MAAM,KAAK,wBAClB,KAAChC;oBACC4C,MAAK;oBACLC,OAAM;oBACNC,OAAOnC,QAAQoC,OAAO;oBACtBC,WAAW;wBACTC,OAAO;4BACLC,UAAU;4BACVC,4BACE,KAACrD;gCAAesD,UAAS;0CACvB,cAAA,KAACjD;oCAAyB4C,SAASpC,QAAQoC,OAAO;;;wBAGxD;wBACAM,YAAY;4BAAEC,QAAQ;wBAAK;oBAC7B;oBACAC,IAAI;wBAAEC,UAAU;oBAAI;qBAEpB7C,QAAQqB,MAAM,KAAK,wBACrB,KAAC/B;oBAAW2B,SAAQ;oBAAQP,OAAM;8BAC/BV,QAAQgB,KAAK;mCAGhB,KAAC1B;oBAAW2B,SAAQ;oBAAQP,OAAM;8BAC/B;;8BAGL,KAACxB;8BACE,GAAGK,uBAAuB,0CAA0C,CAAC,GACpE,iEACA;;gBAEHQ,SAAS,CAACD,0BACT,KAACR;oBAAW2B,SAAQ;oBAAUP,OAAM;8BACjC;qBAED;;;;AAIZ;AACAf,iBAAiBmD,WAAW,GAAG;AAE/B,eAAenD,iBAAgB"}

package/src/lib/components/email-template-drawer.d.ts

@@ -0,0 +1,33 @@
+import { type CrmEmailTemplateKind, type CrmEmailTemplateRow, type CrmEmailTemplateVisibility } from '@aglyn/aglyn';
+/** What the drawer hands back — the template's editable half. */
+export interface EmailTemplateDraft {
+    name: string;
+    kind: CrmEmailTemplateKind;
+    visibility: CrmEmailTemplateVisibility;
+    /** `''` on a snippet. */
+    subject: string;
+    body: string;
+}
+export interface EmailTemplateDrawerProps {
+    open: boolean;
+    onClose: () => void;
+    /** The template being edited, or `null` to create one. */
+    template: CrmEmailTemplateRow | null;
+    /** Receives the draft; closing on success is the caller's job. */
+    onSubmit: (draft: EmailTemplateDraft) => Promise<void> | void;
+}
+/**
+ * The one form an email template or snippet is created and edited through
+ * (AGL-2658).
+ *
+ * A template has a subject; a snippet is a paragraph and has none, so the
+ * Subject field comes and goes with the kind. Both are plain text with
+ * merge fields, which the caption spells out in full because a rep writing
+ * a template is not on the record page where the Insert menu lives, and
+ * the fields are the whole point of writing one.
+ */
+export declare function EmailTemplateDrawer(props: EmailTemplateDrawerProps): import("react").JSX.Element;
+export declare namespace EmailTemplateDrawer {
+    var displayName: string;
+}
+export default EmailTemplateDrawer;

package/src/lib/components/email-template-drawer.js

@@ -0,0 +1,209 @@
+/**
+ * @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 { CRM_EMAIL_BODY_MAX, CRM_EMAIL_SUBJECT_MAX, CRM_EMAIL_TEMPLATE_KIND_LABELS, CRM_EMAIL_TEMPLATE_KINDS, CRM_EMAIL_TEMPLATE_NAME_MAX, CRM_EMAIL_TEMPLATE_VISIBILITIES, CRM_EMAIL_TEMPLATE_VISIBILITY_LABELS, CRM_MERGE_FIELDS, crmMergeFieldToken, isCrmEmailTemplateKind, isCrmEmailTemplateVisibility } from "@aglyn/aglyn";
+import { Button, Drawer, MenuItem, Stack, TextField, Typography } from "@mui/material";
+import { useCallback, useEffect, useState } from "react";
+/** The fields, as a caption lists them: `{{contact.firstName}}, …`. */ const FIELD_TOKENS = CRM_MERGE_FIELDS.map((field)=>crmMergeFieldToken(field.key)).join(', ');
+/**
+ * The one form an email template or snippet is created and edited through
+ * (AGL-2658).
+ *
+ * A template has a subject; a snippet is a paragraph and has none, so the
+ * Subject field comes and goes with the kind. Both are plain text with
+ * merge fields, which the caption spells out in full because a rep writing
+ * a template is not on the record page where the Insert menu lives, and
+ * the fields are the whole point of writing one.
+ */ export function EmailTemplateDrawer(props) {
+    const { open, onClose, template, onSubmit } = props;
+    const editing = Boolean(template);
+    const [name, setName] = useState('');
+    const [kind, setKind] = useState('template');
+    const [visibility, setVisibility] = useState('shared');
+    const [subject, setSubject] = useState('');
+    const [body, setBody] = useState('');
+    const [busy, setBusy] = useState(false);
+    const [error, setError] = useState(null);
+    // Seeded on every open, from the template when there is one: a drawer
+    // that kept the previous draft would offer it as the next template.
+    useEffect(()=>{
+        var _ref, _ref1, _ref2, _ref3, _ref4;
+        if (!open) return;
+        setName((_ref = template == null ? void 0 : template.name) != null ? _ref : '');
+        setKind((_ref1 = template == null ? void 0 : template.kind) != null ? _ref1 : 'template');
+        setVisibility((_ref2 = template == null ? void 0 : template.visibility) != null ? _ref2 : 'shared');
+        setSubject((_ref3 = template == null ? void 0 : template.subject) != null ? _ref3 : '');
+        setBody((_ref4 = template == null ? void 0 : template.body) != null ? _ref4 : '');
+        setBusy(false);
+        setError(null);
+    }, [
+        open,
+        template
+    ]);
+    const canSubmit = !busy && name.trim().length > 0 && body.trim().length > 0;
+    const handleSubmit = useCallback(async ()=>{
+        if (!canSubmit) return;
+        setBusy(true);
+        setError(null);
+        try {
+            await onSubmit({
+                name: name.trim().slice(0, CRM_EMAIL_TEMPLATE_NAME_MAX),
+                kind,
+                visibility,
+                subject: kind === 'template' ? subject.trim().slice(0, CRM_EMAIL_SUBJECT_MAX) : '',
+                body: body.trim().slice(0, CRM_EMAIL_BODY_MAX)
+            });
+        } catch (caught) {
+            console.error(caught);
+            setError('Could not save the template. Try again.');
+        } finally{
+            setBusy(false);
+        }
+    }, [
+        canSubmit,
+        onSubmit,
+        name,
+        kind,
+        visibility,
+        subject,
+        body
+    ]);
+    return /*#__PURE__*/ _jsx(Drawer, {
+        anchor: "right",
+        open: open,
+        onClose: onClose,
+        children: /*#__PURE__*/ _jsxs(Stack, {
+            spacing: 2,
+            sx: {
+                width: 420,
+                maxWidth: '100vw',
+                p: 3
+            },
+            children: [
+                /*#__PURE__*/ _jsx(Typography, {
+                    variant: "h6",
+                    children: editing ? 'Edit template' : 'New template'
+                }),
+                /*#__PURE__*/ _jsx(TextField, {
+                    size: "small",
+                    label: "Name",
+                    value: name,
+                    onChange: (event)=>setName(event.target.value),
+                    autoFocus: !editing,
+                    slotProps: {
+                        htmlInput: {
+                            maxLength: CRM_EMAIL_TEMPLATE_NAME_MAX
+                        }
+                    },
+                    fullWidth: true
+                }),
+                /*#__PURE__*/ _jsx(TextField, {
+                    select: true,
+                    size: "small",
+                    label: "Kind",
+                    value: kind,
+                    onChange: (event)=>{
+                        const next = event.target.value;
+                        if (isCrmEmailTemplateKind(next)) setKind(next);
+                    },
+                    helperText: kind === 'template' ? 'Fills in the subject and the message of an email.' : 'A paragraph inserted where the cursor is.',
+                    fullWidth: true,
+                    children: CRM_EMAIL_TEMPLATE_KINDS.map((option)=>/*#__PURE__*/ _jsx(MenuItem, {
+                            value: option,
+                            children: CRM_EMAIL_TEMPLATE_KIND_LABELS[option]
+                        }, option))
+                }),
+                /*#__PURE__*/ _jsx(TextField, {
+                    select: true,
+                    size: "small",
+                    label: "Who it is for",
+                    value: visibility,
+                    onChange: (event)=>{
+                        const next = event.target.value;
+                        if (isCrmEmailTemplateVisibility(next)) setVisibility(next);
+                    },
+                    helperText: visibility === 'shared' ? 'Every CRM editor can use and change it.' : 'Listed for you alone.',
+                    fullWidth: true,
+                    children: CRM_EMAIL_TEMPLATE_VISIBILITIES.map((option)=>/*#__PURE__*/ _jsx(MenuItem, {
+                            value: option,
+                            children: CRM_EMAIL_TEMPLATE_VISIBILITY_LABELS[option]
+                        }, option))
+                }),
+                kind === 'template' ? /*#__PURE__*/ _jsx(TextField, {
+                    size: "small",
+                    label: "Subject",
+                    value: subject,
+                    onChange: (event)=>setSubject(event.target.value),
+                    helperText: "Optional. An email keeps its own subject when this is blank.",
+                    slotProps: {
+                        htmlInput: {
+                            maxLength: CRM_EMAIL_SUBJECT_MAX
+                        }
+                    },
+                    fullWidth: true
+                }) : null,
+                /*#__PURE__*/ _jsx(TextField, {
+                    size: "small",
+                    label: "Message",
+                    value: body,
+                    onChange: (event)=>setBody(event.target.value),
+                    multiline: true,
+                    minRows: 6,
+                    helperText: "Plain text. A blank line starts a new paragraph.",
+                    slotProps: {
+                        htmlInput: {
+                            maxLength: CRM_EMAIL_BODY_MAX
+                        }
+                    },
+                    fullWidth: true
+                }),
+                /*#__PURE__*/ _jsx(Typography, {
+                    variant: "caption",
+                    color: "text.secondary",
+                    children: `Merge fields are filled in from the record when the email is sent: ${FIELD_TOKENS}.`
+                }),
+                error ? /*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    color: "error",
+                    children: error
+                }) : null,
+                /*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    children: [
+                        /*#__PURE__*/ _jsx(Button, {
+                            variant: "contained",
+                            color: "primary",
+                            disabled: !canSubmit,
+                            onClick: handleSubmit,
+                            children: editing ? 'Save' : 'Create template'
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            onClick: onClose,
+                            disabled: busy,
+                            children: 'Cancel'
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+EmailTemplateDrawer.displayName = 'EmailTemplateDrawer';
+export default EmailTemplateDrawer;
+
+//# sourceMappingURL=email-template-drawer.js.map

package/src/lib/components/email-template-drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/email-template-drawer.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport {\n  CRM_EMAIL_BODY_MAX,\n  CRM_EMAIL_SUBJECT_MAX,\n  CRM_EMAIL_TEMPLATE_KIND_LABELS,\n  CRM_EMAIL_TEMPLATE_KINDS,\n  CRM_EMAIL_TEMPLATE_NAME_MAX,\n  CRM_EMAIL_TEMPLATE_VISIBILITIES,\n  CRM_EMAIL_TEMPLATE_VISIBILITY_LABELS,\n  CRM_MERGE_FIELDS,\n  type CrmEmailTemplateKind,\n  type CrmEmailTemplateRow,\n  type CrmEmailTemplateVisibility,\n  crmMergeFieldToken,\n  isCrmEmailTemplateKind,\n  isCrmEmailTemplateVisibility,\n} from '@aglyn/aglyn'\nimport {\n  Button,\n  Drawer,\n  MenuItem,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { useCallback, useEffect, useState } from 'react'\n\n/** What the drawer hands back — the template's editable half. */\nexport interface EmailTemplateDraft {\n  name: string\n  kind: CrmEmailTemplateKind\n  visibility: CrmEmailTemplateVisibility\n  /** `''` on a snippet. */\n  subject: string\n  body: string\n}\n\nexport interface EmailTemplateDrawerProps {\n  open: boolean\n  onClose: () => void\n  /** The template being edited, or `null` to create one. */\n  template: CrmEmailTemplateRow | null\n  /** Receives the draft; closing on success is the caller's job. */\n  onSubmit: (draft: EmailTemplateDraft) => Promise<void> | void\n}\n\n/** The fields, as a caption lists them: `{{contact.firstName}}, …`. */\nconst FIELD_TOKENS = CRM_MERGE_FIELDS.map((field) => crmMergeFieldToken(field.key)).join(', ')\n\n/**\n * The one form an email template or snippet is created and edited through\n * (AGL-2658).\n *\n * A template has a subject; a snippet is a paragraph and has none, so the\n * Subject field comes and goes with the kind. Both are plain text with\n * merge fields, which the caption spells out in full because a rep writing\n * a template is not on the record page where the Insert menu lives, and\n * the fields are the whole point of writing one.\n */\nexport function EmailTemplateDrawer(props: EmailTemplateDrawerProps) {\n  const { open, onClose, template, onSubmit } = props\n  const editing = Boolean(template)\n\n  const [name, setName] = useState('')\n  const [kind, setKind] = useState<CrmEmailTemplateKind>('template')\n  const [visibility, setVisibility] = useState<CrmEmailTemplateVisibility>('shared')\n  const [subject, setSubject] = useState('')\n  const [body, setBody] = useState('')\n  const [busy, setBusy] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n\n  // Seeded on every open, from the template when there is one: a drawer\n  // that kept the previous draft would offer it as the next template.\n  useEffect(() => {\n    if (!open) return\n    setName(template?.name ?? '')\n    setKind(template?.kind ?? 'template')\n    setVisibility(template?.visibility ?? 'shared')\n    setSubject(template?.subject ?? '')\n    setBody(template?.body ?? '')\n    setBusy(false)\n    setError(null)\n  }, [open, template])\n\n  const canSubmit = !busy && name.trim().length > 0 && body.trim().length > 0\n\n  const handleSubmit = useCallback(async () => {\n    if (!canSubmit) return\n    setBusy(true)\n    setError(null)\n    try {\n      await onSubmit({\n        name: name.trim().slice(0, CRM_EMAIL_TEMPLATE_NAME_MAX),\n        kind,\n        visibility,\n        subject: kind === 'template' ? subject.trim().slice(0, CRM_EMAIL_SUBJECT_MAX) : '',\n        body: body.trim().slice(0, CRM_EMAIL_BODY_MAX),\n      })\n    } catch (caught) {\n      console.error(caught)\n      setError('Could not save the template. Try again.')\n    } finally {\n      setBusy(false)\n    }\n  }, [canSubmit, onSubmit, name, kind, visibility, subject, body])\n\n  return (\n    <Drawer anchor=\"right\" open={open} onClose={onClose}>\n      <Stack spacing={2} sx={{ width: 420, maxWidth: '100vw', p: 3 }}>\n        <Typography variant=\"h6\">{editing ? 'Edit template' : 'New template'}</Typography>\n        <TextField\n          size=\"small\"\n          label=\"Name\"\n          value={name}\n          onChange={(event) => setName(event.target.value)}\n          autoFocus={!editing}\n          slotProps={{ htmlInput: { maxLength: CRM_EMAIL_TEMPLATE_NAME_MAX } }}\n          fullWidth\n        />\n        <TextField\n          select\n          size=\"small\"\n          label=\"Kind\"\n          value={kind}\n          onChange={(event) => {\n            const next = event.target.value\n            if (isCrmEmailTemplateKind(next)) setKind(next)\n          }}\n          helperText={\n            kind === 'template'\n              ? 'Fills in the subject and the message of an email.'\n              : 'A paragraph inserted where the cursor is.'\n          }\n          fullWidth\n        >\n          {CRM_EMAIL_TEMPLATE_KINDS.map((option) => (\n            <MenuItem key={option} value={option}>\n              {CRM_EMAIL_TEMPLATE_KIND_LABELS[option]}\n            </MenuItem>\n          ))}\n        </TextField>\n        <TextField\n          select\n          size=\"small\"\n          label=\"Who it is for\"\n          value={visibility}\n          onChange={(event) => {\n            const next = event.target.value\n            if (isCrmEmailTemplateVisibility(next)) setVisibility(next)\n          }}\n          helperText={\n            visibility === 'shared'\n              ? 'Every CRM editor can use and change it.'\n              : 'Listed for you alone.'\n          }\n          fullWidth\n        >\n          {CRM_EMAIL_TEMPLATE_VISIBILITIES.map((option) => (\n            <MenuItem key={option} value={option}>\n              {CRM_EMAIL_TEMPLATE_VISIBILITY_LABELS[option]}\n            </MenuItem>\n          ))}\n        </TextField>\n        {kind === 'template' ? (\n          <TextField\n            size=\"small\"\n            label=\"Subject\"\n            value={subject}\n            onChange={(event) => setSubject(event.target.value)}\n            helperText=\"Optional. An email keeps its own subject when this is blank.\"\n            slotProps={{ htmlInput: { maxLength: CRM_EMAIL_SUBJECT_MAX } }}\n            fullWidth\n          />\n        ) : null}\n        <TextField\n          size=\"small\"\n          label=\"Message\"\n          value={body}\n          onChange={(event) => setBody(event.target.value)}\n          multiline\n          minRows={6}\n          helperText=\"Plain text. A blank line starts a new paragraph.\"\n          slotProps={{ htmlInput: { maxLength: CRM_EMAIL_BODY_MAX } }}\n          fullWidth\n        />\n        <Typography variant=\"caption\" color=\"text.secondary\">\n          {`Merge fields are filled in from the record when the email is sent: ${FIELD_TOKENS}.`}\n        </Typography>\n        {error ? (\n          <Typography variant=\"body2\" color=\"error\">\n            {error}\n          </Typography>\n        ) : null}\n        <Stack direction=\"row\" spacing={1}>\n          <Button variant=\"contained\" color=\"primary\" disabled={!canSubmit} onClick={handleSubmit}>\n            {editing ? 'Save' : 'Create template'}\n          </Button>\n          <Button onClick={onClose} disabled={busy}>\n            {'Cancel'}\n          </Button>\n        </Stack>\n      </Stack>\n    </Drawer>\n  )\n}\nEmailTemplateDrawer.displayName = 'EmailTemplateDrawer'\n\nexport default EmailTemplateDrawer\n"],"names":["CRM_EMAIL_BODY_MAX","CRM_EMAIL_SUBJECT_MAX","CRM_EMAIL_TEMPLATE_KIND_LABELS","CRM_EMAIL_TEMPLATE_KINDS","CRM_EMAIL_TEMPLATE_NAME_MAX","CRM_EMAIL_TEMPLATE_VISIBILITIES","CRM_EMAIL_TEMPLATE_VISIBILITY_LABELS","CRM_MERGE_FIELDS","crmMergeFieldToken","isCrmEmailTemplateKind","isCrmEmailTemplateVisibility","Button","Drawer","MenuItem","Stack","TextField","Typography","useCallback","useEffect","useState","FIELD_TOKENS","map","field","key","join","EmailTemplateDrawer","props","open","onClose","template","onSubmit","editing","Boolean","name","setName","kind","setKind","visibility","setVisibility","subject","setSubject","body","setBody","busy","setBusy","error","setError","canSubmit","trim","length","handleSubmit","slice","caught","console","anchor","spacing","sx","width","maxWidth","p","variant","size","label","value","onChange","event","target","autoFocus","slotProps","htmlInput","maxLength","fullWidth","select","next","helperText","option","multiline","minRows","color","direction","disabled","onClick","displayName"],"mappings":"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"}

package/src/lib/components/email-templates-card.d.ts

@@ -0,0 +1,33 @@
+import { type AglynOrgBilling } from '@aglyn/aglyn';
+export interface EmailTemplatesCardProps {
+    /** The site the section is read under, or `null` at the organization level. */
+    hostId: string | null;
+    org?: Partial<AglynOrgBilling> | null;
+}
+/**
+ * "Email templates" — the letters the team keeps for **Send email**
+ * (AGL-2658): every template and snippet this member can use, with a
+ * drawer to write one and a row menu to edit or delete it.
+ *
+ * ## Whose card this is
+ *
+ * Unlike the switches above it, which the org's owner or admin alone may
+ * move, this card is every CRM editor's: a template is working material,
+ * not policy. The rules gate the rest — a shared row is any editor's, a
+ * personal row its owner's — and a colleague's personal rows are not
+ * listed here at all, so every row on screen is one this member may
+ * change.
+ *
+ * ## Where a new template lands
+ *
+ * Under a site, in that site's scope; from the organization's own hub, in
+ * the org's — the same rule the send dialog's Save as template follows
+ * (`useCrmEmailTemplateScope`). A personal template is owned by its
+ * writer; switching one to shared drops the owner, and back to personal
+ * makes the member editing it the owner.
+ */
+export declare function EmailTemplatesCard(props: EmailTemplatesCardProps): import("react").JSX.Element;
+export declare namespace EmailTemplatesCard {
+    var displayName: string;
+}
+export default EmailTemplatesCard;