@aglyn/plugins-outreach 1.0.0-beta.274 → 1.0.0-beta.277

package/README.md

@@ -27,7 +27,10 @@ Two halves, like the CRM plugin:
 - **Console** (`registerOutreachConsole`, client barrel): the organization-level
   Sequences hub at `/[orgSlug]/outreach/<section>`, declared through
   `ConsoleExtension.orgNavItems`, behind `release_outreach`, the
-  `features.outreach` entitlement and the `outreach.use` permission.
+  `features.outreach` entitlement and the `outreach.use` permission. Behind
+  the same gates, one widget in a zone the CRM hosts: **Reply in thread from**
+  *the mailbox* in a contact's or a lead's header, before Send email
+  (`crmRecordEmailActions`, AGL-4020).
 - **Console API** (`registerOutreachConsoleApi`, `@aglyn/plugins-outreach/server`):
   handlers under the `outreach/` prefix, served by the console's
   `/api/[...pluginApi]` dispatcher.
@@ -90,6 +93,7 @@ pure functions with no I/O, exported from the package root:
 | `mailbox-notice` | the email a mailbox's owner gets when it pauses itself or needs reconnecting |
 | `gateway-block` | whether a hard bounce is the recipient domain's gateway refusing the sender, rather than one unknown address |
 | `do-not-contact-domain` | how a domain on the do-not-contact list is spelled |
+| `manual-reply` | answering a person who wrote back (AGL-4020): what the enrollment keeps of their messages, the in-thread answer (`Re:`, `In-Reply-To`, `References`, their message quoted) and what still refuses it |
 
 `engine/do-not-contact` derives the do-not-contact document id with
 `node:crypto`, so it is not in the barrel: import
@@ -103,7 +107,8 @@ console alone — each run opens a rep's sealed grant:
 | module | does |
 | -- | -- |
 | `runtime/send-job` | `outreach-send`: due enrollments claimed in a transaction that reserves the mailbox's day, gates asked again, the email composed — with the `List-Unsubscribe` header when the sequence turns it on (AGL-3296), and its links' `outreachLinks` documents written first when it tracks clicks (AGL-3297) — and sent, the step recorded and filed on the contact's timeline; task steps file the rep's task |
-| `runtime/sync-job` | `outreach-sync`: replies, out-of-office answers, opt-outs and bounces read with `format=full` and classified by the engine; the mailbox's health evidence and its automatic pause |
+| `runtime/sync-job` | `outreach-sync`: replies, out-of-office answers, opt-outs and bounces read with `format=full` and classified by the engine; what the person wrote kept on the enrollment (AGL-4020); the mailbox's health evidence and its automatic pause |
+| `routes/reply-routes`, `components/reply-dialog` | **Reply in thread** (AGL-4020): `outreach/enrollments/thread` reads what the person wrote — from the mailbox, for a reply synced before replies were kept — and `outreach/enrollments/reply` sends a member's answer from the enrollment's mailbox in the same thread, kept as a `manual_reply` step record and on the CRM timeline, counted on `health.daily.<day>.manualReplies` and never against the cap; on a sequence that tracks clicks its links go out as short links, each a click of the person's and never the sequence's (AGL-4022) |
 | `runtime/unsubscribe-link`, `runtime/unsubscribe-route` | the signed one-click link (`GET` and RFC 8058 `POST /api/outreach/unsubscribe`), a recipient link that outlives a paused rollout, and the `+unsubscribe` mailto |
 | `runtime/click-link`, `runtime/click-route` | click tracking: the short link every send carries (`GET /api/outreach/l/<id>`, resolved through the top-level `outreachLinks` document, AGL-3297) and the signed `GET /api/outreach/click?t=…` link older emails carry; both recipient links, redirect first, then the click counted once per person with scanners kept apart; on the mailbox domain's verified `links.` host as `https://links.<domain>/<id>` (AGL-3306), which the console middleware rewrites to the same route |
 | `routes/link-domain-routes`, `components/link-domains-card` | Sequences → Mailboxes → **Link domains** (AGL-3306): `outreach/link-domains` lists each mailbox domain's `links.` host and sets one up, checks it or removes it through `@aglyn/tenant-data-admin/server/tracking-hosts` — the domain driver attaches it, an HTTPS probe verifies it; set-up and removal are an owner's or admin's |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aglyn/plugins-outreach",
-  "version": "1.0.0-beta.274",
+  "version": "1.0.0-beta.277",
   "license": "Apache-2.0",
   "homepage": "https://aglyn.com",
   "repository": {
@@ -25,19 +25,19 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@aglyn/aglyn": "1.0.0-beta.274",
-    "@aglyn/shared-data-mdi": "1.0.0-beta.274",
-    "@aglyn/shared-ui-email-campaigns": "1.0.0-beta.274",
-    "@aglyn/shared-ui-jsx": "1.0.0-beta.274",
-    "@aglyn/shared-ui-next": "1.0.0-beta.274",
-    "@aglyn/shared-ui-snackstack": "1.0.0-beta.274",
-    "@aglyn/shared-util-email": "1.0.0-beta.274",
-    "@aglyn/shared-util-http": "1.0.0-beta.274",
-    "@aglyn/shared-util-timestamp": "1.0.0-beta.274",
-    "@aglyn/shared-util-tools": "1.0.0-beta.274",
-    "@aglyn/tenant-data-admin": "1.0.0-beta.274",
-    "@aglyn/tenant-feature-instance": "1.0.0-beta.274",
-    "@aglyn/tenant-runtime": "1.0.0-beta.274",
+    "@aglyn/aglyn": "1.0.0-beta.277",
+    "@aglyn/shared-data-mdi": "1.0.0-beta.277",
+    "@aglyn/shared-ui-email-campaigns": "1.0.0-beta.277",
+    "@aglyn/shared-ui-jsx": "1.0.0-beta.277",
+    "@aglyn/shared-ui-next": "1.0.0-beta.277",
+    "@aglyn/shared-ui-snackstack": "1.0.0-beta.277",
+    "@aglyn/shared-util-email": "1.0.0-beta.277",
+    "@aglyn/shared-util-http": "1.0.0-beta.277",
+    "@aglyn/shared-util-timestamp": "1.0.0-beta.277",
+    "@aglyn/shared-util-tools": "1.0.0-beta.277",
+    "@aglyn/tenant-data-admin": "1.0.0-beta.277",
+    "@aglyn/tenant-feature-instance": "1.0.0-beta.277",
+    "@aglyn/tenant-runtime": "1.0.0-beta.277",
     "@swc/helpers": "0.5.23"
   },
   "peerDependencies": {

package/src/lib/components/enrollment-actions.d.ts

@@ -9,9 +9,14 @@ import type { OutreachApi } from './use-outreach-api';
  * the header of the person's own page (AGL-3332). The same actions, the same
  * words, the same two confirmations — a Stop that asked first in one place
  * and not in the other would be two products.
+ *
+ * REPLY IN THREAD (AGL-4020) is offered once the person wrote back — a
+ * reply, or an automatic answer — and opens the composer that answers them
+ * from the enrollment's own mailbox. Not to a person who opted out or whose
+ * address bounced: nothing would reach them, or they asked for nothing to.
  */
-/** The four the action route takes, and curating the next step (AGL-3324). */
-export type OutreachEnrollmentRowAction = OutreachEnrollmentAction | 'curate';
+/** The four the action route takes, curating the next step (AGL-3324), and answering a reply (AGL-4020). */
+export type OutreachEnrollmentRowAction = OutreachEnrollmentAction | 'curate' | 'reply';
 /** What a member may do to an enrollment in the status it is in. */
 export declare function outreachEnrollmentActionsFor(enrollment: OutreachEnrollment, steps: readonly OutreachSequenceStep[]): OutreachEnrollmentRowAction[];
 export declare const OUTREACH_ENROLLMENT_ACTION_LABELS: Record<OutreachEnrollmentRowAction, string>;
@@ -20,14 +25,16 @@ export declare const OUTREACH_DESTRUCTIVE_ENROLLMENT_ACTIONS: readonly OutreachE
 export interface OutreachEnrollmentActions {
     /** The enrollment an action is running on, if any. */
     busy: string | null;
-    /** Runs one action: straight away, after its confirmation, or in the curate dialog. */
+    /** Runs one action: straight away, after its confirmation, or in the curate or reply dialog. */
     choose(enrollment: OutreachEnrollment, action: OutreachEnrollmentRowAction): void;
     /** The actions as menu items, the destructive ones marked. */
     menuItems(enrollment: OutreachEnrollment, only?: (action: OutreachEnrollmentRowAction) => boolean): RowActionsMenuItem[];
-    /** The confirmation and the curate dialog, rendered once wherever the actions are offered. */
+    /** The confirmation, the curate dialog and the reply composer, rendered once wherever the actions are offered. */
     dialogs: ReactNode;
 }
 export declare function useOutreachEnrollmentActions(input: {
     api: OutreachApi;
     steps: readonly OutreachSequenceStep[];
+    /** The mailbox's zone, for the times the reply composer shows. */
+    timeZone?: string | null;
 }): OutreachEnrollmentActions;

package/src/lib/components/enrollment-actions.js

@@ -18,9 +18,15 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useSnackbar } from "@aglyn/shared-ui-snackstack";
 import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Stack, TextField } from "@mui/material";
 import { useState } from "react";
+import { outreachEnrollmentHasInbound } from "../engine/manual-reply.js";
 import { OutreachCurateStepDialog, outreachNextEmailStepIndex } from "./curate-step-dialog.js";
+import { OutreachReplyDialog } from "./reply-dialog.js";
 /** What a member may do to an enrollment in the status it is in. */ export function outreachEnrollmentActionsFor(enrollment, steps) {
     const actions = [];
+    // Answer them in the thread, once they wrote back (AGL-4020).
+    if (outreachEnrollmentHasInbound(enrollment) && enrollment.status !== 'opted_out' && enrollment.status !== 'bounced') {
+        actions.push('reply');
+    }
     // Rewrite the next email for this one person, while one is still to go.
     if (outreachNextEmailStepIndex(enrollment, steps) !== null) actions.push('curate');
     if (enrollment.status === 'active') actions.push('pause', 'stop');
@@ -29,6 +35,7 @@ import { OutreachCurateStepDialog, outreachNextEmailStepIndex } from "./curate-s
     return actions;
 }
 export const OUTREACH_ENROLLMENT_ACTION_LABELS = {
+    reply: 'Reply in thread',
     curate: 'Curate next step',
     pause: 'Pause',
     resume: 'Resume',
@@ -64,6 +71,7 @@ export function useOutreachEnrollmentActions(input) {
     const [detail, setDetail] = useState('');
     const [busy, setBusy] = useState(null);
     const [curating, setCurating] = useState(null);
+    const [replying, setReplying] = useState(null);
     const act = async (enrollment, action, why)=>{
         setBusy(enrollment.id);
         try {
@@ -84,6 +92,8 @@ export function useOutreachEnrollmentActions(input) {
     const choose = (enrollment, action)=>{
         if (action === 'curate') {
             setCurating(enrollment);
+        } else if (action === 'reply') {
+            setReplying(enrollment);
         } else if (CONFIRM[action]) {
             setDetail('');
             setConfirming({
@@ -109,6 +119,12 @@ export function useOutreachEnrollmentActions(input) {
                 api: api,
                 onClose: ()=>setCurating(null)
             }),
+            /*#__PURE__*/ _jsx(OutreachReplyDialog, {
+                enrollment: replying,
+                api: api,
+                timeZone: input.timeZone,
+                onClose: ()=>setReplying(null)
+            }),
             /*#__PURE__*/ _jsx(Dialog, {
                 open: Boolean(confirming),
                 onClose: ()=>setConfirming(null),

package/src/lib/components/enrollment-actions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/outreach/src/lib/components/enrollment-actions.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport type { RowActionsMenuItem } from '@aglyn/shared-ui-jsx/components/row-actions-menu.component'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  Stack,\n  TextField,\n} from '@mui/material'\nimport { type ReactNode, useState } from 'react'\nimport type { OutreachEnrollmentAction } from '../model/outreach-api'\nimport type { OutreachEnrollment, OutreachSequenceStep } from '../model/outreach.types'\nimport { OutreachCurateStepDialog, outreachNextEmailStepIndex } from './curate-step-dialog'\nimport type { OutreachApi } from './use-outreach-api'\n\n/**\n * WHAT A MEMBER CAN DO TO ONE ENROLLMENT (AGL-2980, AGL-3324), in one place\n * for the two places it is offered: a row's menu on the Enrollments tab, and\n * the header of the person's own page (AGL-3332). The same actions, the same\n * words, the same two confirmations — a Stop that asked first in one place\n * and not in the other would be two products.\n */\n\n/** The four the action route takes, and curating the next step (AGL-3324). */\nexport type OutreachEnrollmentRowAction = OutreachEnrollmentAction | 'curate'\n\n/** What a member may do to an enrollment in the status it is in. */\nexport function outreachEnrollmentActionsFor(\n  enrollment: OutreachEnrollment,\n  steps: readonly OutreachSequenceStep[],\n): OutreachEnrollmentRowAction[] {\n  const actions: OutreachEnrollmentRowAction[] = []\n  // Rewrite the next email for this one person, while one is still to go.\n  if (outreachNextEmailStepIndex(enrollment, steps) !== null) actions.push('curate')\n  if (enrollment.status === 'active') actions.push('pause', 'stop')\n  if (enrollment.status === 'paused') actions.push('resume', 'stop')\n  if (enrollment.status !== 'opted_out') actions.push('do_not_contact')\n  return actions\n}\n\nexport const OUTREACH_ENROLLMENT_ACTION_LABELS: Record<OutreachEnrollmentRowAction, string> = {\n  curate: 'Curate next step',\n  pause: 'Pause',\n  resume: 'Resume',\n  stop: 'Stop',\n  do_not_contact: 'Mark do-not-contact',\n}\n\n/** The two actions that end something for good. */\nexport const OUTREACH_DESTRUCTIVE_ENROLLMENT_ACTIONS: readonly OutreachEnrollmentRowAction[] = [\n  'stop',\n  'do_not_contact',\n]\n\n/** What the snackbar says once an action lands. */\nconst DONE_LABELS: Record<Exclude<OutreachEnrollmentAction, 'do_not_contact'>, string> = {\n  pause: 'Paused.',\n  resume: 'Resumed.',\n  stop: 'Stopped.',\n}\n\n/** The two actions that end something for good ask first. */\nconst CONFIRM: Partial<Record<OutreachEnrollmentAction, { title: string; body: string; label: string }>> = {\n  stop: {\n    title: 'Stop this enrollment?',\n    body: 'They won’t get any more steps from this sequence, and they can’t be enrolled in it again.',\n    label: 'Stop',\n  },\n  do_not_contact: {\n    title: 'Mark do-not-contact?',\n    body:\n      'The address goes on your organization’s do-not-contact list, which every sequence checks before ' +\n      'every send, and they are stopped in every sequence they are in.',\n    label: 'Mark do-not-contact',\n  },\n}\n\nexport interface OutreachEnrollmentActions {\n  /** The enrollment an action is running on, if any. */\n  busy: string | null\n  /** Runs one action: straight away, after its confirmation, or in the curate dialog. */\n  choose(enrollment: OutreachEnrollment, action: OutreachEnrollmentRowAction): void\n  /** The actions as menu items, the destructive ones marked. */\n  menuItems(\n    enrollment: OutreachEnrollment,\n    only?: (action: OutreachEnrollmentRowAction) => boolean,\n  ): RowActionsMenuItem[]\n  /** The confirmation and the curate dialog, rendered once wherever the actions are offered. */\n  dialogs: ReactNode\n}\n\nexport function useOutreachEnrollmentActions(input: {\n  api: OutreachApi\n  steps: readonly OutreachSequenceStep[]\n}): OutreachEnrollmentActions {\n  const { api, steps } = input\n  const { enqueueSnackbar } = useSnackbar()\n  const [confirming, setConfirming] = useState<{\n    enrollment: OutreachEnrollment\n    action: OutreachEnrollmentAction\n  } | null>(null)\n  const [detail, setDetail] = useState('')\n  const [busy, setBusy] = useState<string | null>(null)\n  const [curating, setCurating] = useState<OutreachEnrollment | null>(null)\n\n  const act = async (enrollment: OutreachEnrollment, action: OutreachEnrollmentAction, why?: string) => {\n    setBusy(enrollment.id)\n    try {\n      const answer = await api.actOnEnrollment(enrollment.id, action, why)\n      const others = answer.stoppedOthers\n      enqueueSnackbar(\n        action === 'do_not_contact'\n          ? `Marked do-not-contact${others ? `, and stopped in ${others} other ${others === 1 ? 'sequence' : 'sequences'}` : ''}.`\n          : answer.changed\n            ? DONE_LABELS[action]\n            : 'Nothing to change.',\n        { variant: 'success' },\n      )\n    } catch (error) {\n      enqueueSnackbar((error as Error).message, { variant: 'error', allowDuplicate: true })\n    } finally {\n      setBusy(null)\n    }\n  }\n\n  const choose = (enrollment: OutreachEnrollment, action: OutreachEnrollmentRowAction) => {\n    if (action === 'curate') {\n      setCurating(enrollment)\n    } else if (CONFIRM[action]) {\n      setDetail('')\n      setConfirming({ enrollment, action })\n    } else {\n      void act(enrollment, action)\n    }\n  }\n\n  const menuItems = (\n    enrollment: OutreachEnrollment,\n    only?: (action: OutreachEnrollmentRowAction) => boolean,\n  ): RowActionsMenuItem[] =>\n    outreachEnrollmentActionsFor(enrollment, steps)\n      .filter((action) => !only || only(action))\n      .map((action) => ({\n        key: action,\n        label: OUTREACH_ENROLLMENT_ACTION_LABELS[action],\n        onClick: () => choose(enrollment, action),\n        destructive: OUTREACH_DESTRUCTIVE_ENROLLMENT_ACTIONS.includes(action),\n        disabled: busy === enrollment.id,\n      }))\n\n  const dialogs = (\n    <>\n      <OutreachCurateStepDialog enrollment={curating} steps={steps} api={api} onClose={() => setCurating(null)} />\n      <Dialog open={Boolean(confirming)} onClose={() => setConfirming(null)} fullWidth maxWidth=\"xs\">\n        {confirming ? (\n          <>\n            <DialogTitle>{CONFIRM[confirming.action]?.title}</DialogTitle>\n            <DialogContent>\n              <Stack spacing={2}>\n                <DialogContentText>{CONFIRM[confirming.action]?.body}</DialogContentText>\n                <TextField\n                  label=\"Why (optional)\"\n                  value={detail}\n                  onChange={(event) => setDetail(event.target.value)}\n                  fullWidth\n                  slotProps={{ htmlInput: { maxLength: 200 } }}\n                />\n              </Stack>\n            </DialogContent>\n            <DialogActions>\n              <Button onClick={() => setConfirming(null)}>Cancel</Button>\n              <Button\n                color=\"error\"\n                variant=\"contained\"\n                onClick={() => {\n                  const { enrollment, action } = confirming\n                  setConfirming(null)\n                  void act(enrollment, action, detail.trim() || undefined)\n                }}\n              >\n                {CONFIRM[confirming.action]?.label}\n              </Button>\n            </DialogActions>\n          </>\n        ) : null}\n      </Dialog>\n    </>\n  )\n\n  return { busy, choose, menuItems, dialogs }\n}\n"],"names":["useSnackbar","Button","Dialog","DialogActions","DialogContent","DialogContentText","DialogTitle","Stack","TextField","useState","OutreachCurateStepDialog","outreachNextEmailStepIndex","outreachEnrollmentActionsFor","enrollment","steps","actions","push","status","OUTREACH_ENROLLMENT_ACTION_LABELS","curate","pause","resume","stop","do_not_contact","OUTREACH_DESTRUCTIVE_ENROLLMENT_ACTIONS","DONE_LABELS","CONFIRM","title","body","label","useOutreachEnrollmentActions","input","api","enqueueSnackbar","confirming","setConfirming","detail","setDetail","busy","setBusy","curating","setCurating","act","action","why","id","answer","actOnEnrollment","others","stoppedOthers","changed","variant","error","message","allowDuplicate","choose","menuItems","only","filter","map","key","onClick","destructive","includes","disabled","dialogs","onClose","open","Boolean","fullWidth","maxWidth","spacing","value","onChange","event","target","slotProps","htmlInput","maxLength","color","trim","undefined"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../libs/plugins/outreach/src/lib/components/enrollment-actions.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport type { RowActionsMenuItem } from '@aglyn/shared-ui-jsx/components/row-actions-menu.component'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  Stack,\n  TextField,\n} from '@mui/material'\nimport { type ReactNode, useState } from 'react'\nimport { outreachEnrollmentHasInbound } from '../engine/manual-reply'\nimport type { OutreachEnrollmentAction } from '../model/outreach-api'\nimport type { OutreachEnrollment, OutreachSequenceStep } from '../model/outreach.types'\nimport { OutreachCurateStepDialog, outreachNextEmailStepIndex } from './curate-step-dialog'\nimport { OutreachReplyDialog } from './reply-dialog'\nimport type { OutreachApi } from './use-outreach-api'\n\n/**\n * WHAT A MEMBER CAN DO TO ONE ENROLLMENT (AGL-2980, AGL-3324), in one place\n * for the two places it is offered: a row's menu on the Enrollments tab, and\n * the header of the person's own page (AGL-3332). The same actions, the same\n * words, the same two confirmations — a Stop that asked first in one place\n * and not in the other would be two products.\n *\n * REPLY IN THREAD (AGL-4020) is offered once the person wrote back — a\n * reply, or an automatic answer — and opens the composer that answers them\n * from the enrollment's own mailbox. Not to a person who opted out or whose\n * address bounced: nothing would reach them, or they asked for nothing to.\n */\n\n/** The four the action route takes, curating the next step (AGL-3324), and answering a reply (AGL-4020). */\nexport type OutreachEnrollmentRowAction = OutreachEnrollmentAction | 'curate' | 'reply'\n\n/** What a member may do to an enrollment in the status it is in. */\nexport function outreachEnrollmentActionsFor(\n  enrollment: OutreachEnrollment,\n  steps: readonly OutreachSequenceStep[],\n): OutreachEnrollmentRowAction[] {\n  const actions: OutreachEnrollmentRowAction[] = []\n  // Answer them in the thread, once they wrote back (AGL-4020).\n  if (\n    outreachEnrollmentHasInbound(enrollment) &&\n    enrollment.status !== 'opted_out' &&\n    enrollment.status !== 'bounced'\n  ) {\n    actions.push('reply')\n  }\n  // Rewrite the next email for this one person, while one is still to go.\n  if (outreachNextEmailStepIndex(enrollment, steps) !== null) actions.push('curate')\n  if (enrollment.status === 'active') actions.push('pause', 'stop')\n  if (enrollment.status === 'paused') actions.push('resume', 'stop')\n  if (enrollment.status !== 'opted_out') actions.push('do_not_contact')\n  return actions\n}\n\nexport const OUTREACH_ENROLLMENT_ACTION_LABELS: Record<OutreachEnrollmentRowAction, string> = {\n  reply: 'Reply in thread',\n  curate: 'Curate next step',\n  pause: 'Pause',\n  resume: 'Resume',\n  stop: 'Stop',\n  do_not_contact: 'Mark do-not-contact',\n}\n\n/** The two actions that end something for good. */\nexport const OUTREACH_DESTRUCTIVE_ENROLLMENT_ACTIONS: readonly OutreachEnrollmentRowAction[] = [\n  'stop',\n  'do_not_contact',\n]\n\n/** What the snackbar says once an action lands. */\nconst DONE_LABELS: Record<Exclude<OutreachEnrollmentAction, 'do_not_contact'>, string> = {\n  pause: 'Paused.',\n  resume: 'Resumed.',\n  stop: 'Stopped.',\n}\n\n/** The two actions that end something for good ask first. */\nconst CONFIRM: Partial<Record<OutreachEnrollmentAction, { title: string; body: string; label: string }>> = {\n  stop: {\n    title: 'Stop this enrollment?',\n    body: 'They won’t get any more steps from this sequence, and they can’t be enrolled in it again.',\n    label: 'Stop',\n  },\n  do_not_contact: {\n    title: 'Mark do-not-contact?',\n    body:\n      'The address goes on your organization’s do-not-contact list, which every sequence checks before ' +\n      'every send, and they are stopped in every sequence they are in.',\n    label: 'Mark do-not-contact',\n  },\n}\n\nexport interface OutreachEnrollmentActions {\n  /** The enrollment an action is running on, if any. */\n  busy: string | null\n  /** Runs one action: straight away, after its confirmation, or in the curate or reply dialog. */\n  choose(enrollment: OutreachEnrollment, action: OutreachEnrollmentRowAction): void\n  /** The actions as menu items, the destructive ones marked. */\n  menuItems(\n    enrollment: OutreachEnrollment,\n    only?: (action: OutreachEnrollmentRowAction) => boolean,\n  ): RowActionsMenuItem[]\n  /** The confirmation, the curate dialog and the reply composer, rendered once wherever the actions are offered. */\n  dialogs: ReactNode\n}\n\nexport function useOutreachEnrollmentActions(input: {\n  api: OutreachApi\n  steps: readonly OutreachSequenceStep[]\n  /** The mailbox's zone, for the times the reply composer shows. */\n  timeZone?: string | null\n}): OutreachEnrollmentActions {\n  const { api, steps } = input\n  const { enqueueSnackbar } = useSnackbar()\n  const [confirming, setConfirming] = useState<{\n    enrollment: OutreachEnrollment\n    action: OutreachEnrollmentAction\n  } | null>(null)\n  const [detail, setDetail] = useState('')\n  const [busy, setBusy] = useState<string | null>(null)\n  const [curating, setCurating] = useState<OutreachEnrollment | null>(null)\n  const [replying, setReplying] = useState<OutreachEnrollment | null>(null)\n\n  const act = async (enrollment: OutreachEnrollment, action: OutreachEnrollmentAction, why?: string) => {\n    setBusy(enrollment.id)\n    try {\n      const answer = await api.actOnEnrollment(enrollment.id, action, why)\n      const others = answer.stoppedOthers\n      enqueueSnackbar(\n        action === 'do_not_contact'\n          ? `Marked do-not-contact${others ? `, and stopped in ${others} other ${others === 1 ? 'sequence' : 'sequences'}` : ''}.`\n          : answer.changed\n            ? DONE_LABELS[action]\n            : 'Nothing to change.',\n        { variant: 'success' },\n      )\n    } catch (error) {\n      enqueueSnackbar((error as Error).message, { variant: 'error', allowDuplicate: true })\n    } finally {\n      setBusy(null)\n    }\n  }\n\n  const choose = (enrollment: OutreachEnrollment, action: OutreachEnrollmentRowAction) => {\n    if (action === 'curate') {\n      setCurating(enrollment)\n    } else if (action === 'reply') {\n      setReplying(enrollment)\n    } else if (CONFIRM[action]) {\n      setDetail('')\n      setConfirming({ enrollment, action })\n    } else {\n      void act(enrollment, action)\n    }\n  }\n\n  const menuItems = (\n    enrollment: OutreachEnrollment,\n    only?: (action: OutreachEnrollmentRowAction) => boolean,\n  ): RowActionsMenuItem[] =>\n    outreachEnrollmentActionsFor(enrollment, steps)\n      .filter((action) => !only || only(action))\n      .map((action) => ({\n        key: action,\n        label: OUTREACH_ENROLLMENT_ACTION_LABELS[action],\n        onClick: () => choose(enrollment, action),\n        destructive: OUTREACH_DESTRUCTIVE_ENROLLMENT_ACTIONS.includes(action),\n        disabled: busy === enrollment.id,\n      }))\n\n  const dialogs = (\n    <>\n      <OutreachCurateStepDialog enrollment={curating} steps={steps} api={api} onClose={() => setCurating(null)} />\n      <OutreachReplyDialog\n        enrollment={replying}\n        api={api}\n        timeZone={input.timeZone}\n        onClose={() => setReplying(null)}\n      />\n      <Dialog open={Boolean(confirming)} onClose={() => setConfirming(null)} fullWidth maxWidth=\"xs\">\n        {confirming ? (\n          <>\n            <DialogTitle>{CONFIRM[confirming.action]?.title}</DialogTitle>\n            <DialogContent>\n              <Stack spacing={2}>\n                <DialogContentText>{CONFIRM[confirming.action]?.body}</DialogContentText>\n                <TextField\n                  label=\"Why (optional)\"\n                  value={detail}\n                  onChange={(event) => setDetail(event.target.value)}\n                  fullWidth\n                  slotProps={{ htmlInput: { maxLength: 200 } }}\n                />\n              </Stack>\n            </DialogContent>\n            <DialogActions>\n              <Button onClick={() => setConfirming(null)}>Cancel</Button>\n              <Button\n                color=\"error\"\n                variant=\"contained\"\n                onClick={() => {\n                  const { enrollment, action } = confirming\n                  setConfirming(null)\n                  void act(enrollment, action, detail.trim() || undefined)\n                }}\n              >\n                {CONFIRM[confirming.action]?.label}\n              </Button>\n            </DialogActions>\n          </>\n        ) : null}\n      </Dialog>\n    </>\n  )\n\n  return { busy, choose, menuItems, dialogs }\n}\n"],"names":["useSnackbar","Button","Dialog","DialogActions","DialogContent","DialogContentText","DialogTitle","Stack","TextField","useState","outreachEnrollmentHasInbound","OutreachCurateStepDialog","outreachNextEmailStepIndex","OutreachReplyDialog","outreachEnrollmentActionsFor","enrollment","steps","actions","status","push","OUTREACH_ENROLLMENT_ACTION_LABELS","reply","curate","pause","resume","stop","do_not_contact","OUTREACH_DESTRUCTIVE_ENROLLMENT_ACTIONS","DONE_LABELS","CONFIRM","title","body","label","useOutreachEnrollmentActions","input","api","enqueueSnackbar","confirming","setConfirming","detail","setDetail","busy","setBusy","curating","setCurating","replying","setReplying","act","action","why","id","answer","actOnEnrollment","others","stoppedOthers","changed","variant","error","message","allowDuplicate","choose","menuItems","only","filter","map","key","onClick","destructive","includes","disabled","dialogs","onClose","timeZone","open","Boolean","fullWidth","maxWidth","spacing","value","onChange","event","target","slotProps","htmlInput","maxLength","color","trim","undefined"],"mappings":"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"}

package/src/lib/components/enrollment-detail.js

@@ -18,15 +18,16 @@ import { _ as _extends } from "@swc/helpers/_/_extends";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { PageHeaderRecord, pluginDocsHelp } from "@aglyn/aglyn";
 import { pluginRecordHref } from "@aglyn/aglyn/plugin-manager/plugin-record-routes";
-import { mdiAccountCancelOutline, mdiAccountOutline, mdiAccountPlusOutline, mdiAlertCircleOutline, mdiCheckCircleOutline, mdiChevronDown, mdiChevronUp, mdiClipboardCheckOutline, mdiContentCopy, mdiCursorDefaultClickOutline, mdiEmailAlertOutline, mdiEmailOffOutline, mdiEmailOpenOutline, mdiEmailOutline, mdiHandBackLeftOutline, mdiPauseCircleOutline, mdiPencilOutline, mdiPlayCircleOutline, mdiReply, mdiShieldSearch, mdiSkipNext, mdiStopCircleOutline } from "@aglyn/shared-data-mdi";
+import { mdiAccountCancelOutline, mdiAccountOutline, mdiAccountPlusOutline, mdiAlertCircleOutline, mdiCheckCircleOutline, mdiChevronDown, mdiChevronUp, mdiClipboardCheckOutline, mdiContentCopy, mdiCursorDefaultClickOutline, mdiEmailAlertOutline, mdiEmailOffOutline, mdiEmailOpenOutline, mdiEmailOutline, mdiHandBackLeftOutline, mdiPauseCircleOutline, mdiPencilOutline, mdiMessageReplyTextOutline, mdiPlayCircleOutline, mdiReply, mdiReplyOutline, mdiShieldSearch, mdiSkipNext, mdiStopCircleOutline } from "@aglyn/shared-data-mdi";
 import { AppLink, CardDisplay, MdiIcon } from "@aglyn/shared-ui-jsx";
 import EmptyStateComponent from "@aglyn/shared-ui-jsx/components/empty-state.component";
 import RowActionsMenu from "@aglyn/shared-ui-jsx/components/row-actions-menu.component";
 import { useSnackbar } from "@aglyn/shared-ui-snackstack";
 import { useOrgContainerOptions, useOrgMemberOptions } from "@aglyn/tenant-feature-instance";
 import { Alert, Box, Button, Card, Chip, Collapse, Divider, IconButton, Link, List, ListItem, ListItemIcon, ListItemText, Stack, Tooltip, Typography } from "@mui/material";
-import { useCallback, useMemo, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { OUTREACH_MAIL_GATEWAY_LABELS } from "../engine/mail-gateway.js";
+import { outreachEnrollmentHasInbound } from "../engine/manual-reply.js";
 import { outreachNextSendState } from "../engine/next-send.js";
 import { outreachClickSummary } from "../model/enrollment-engagement.js";
 import { outreachEnrollmentFigures, outreachEnrollmentTimeline, outreachStepName } from "../model/enrollment-timeline.js";
@@ -78,6 +79,8 @@ const KIND_ICONS = {
     stopped: mdiStopCircleOutline,
     'do-not-contact': mdiAccountCancelOutline,
     replied: mdiReply,
+    'auto-reply': mdiReplyOutline,
+    answered: mdiMessageReplyTextOutline,
     bounced: mdiEmailAlertOutline,
     'opted-out': mdiEmailOffOutline,
     held: mdiHandBackLeftOutline,
@@ -526,7 +529,7 @@ const TONE_COLORS = {
 }
 export function OutreachEnrollmentDetail(props) {
     var _props_mailboxes_mailboxes_find, _ref, _ref1, _enrollment_gmailThreadId;
-    var _enrollment_campaignIds, _sequence_stats, _sequence_stats1;
+    var _enrollment_campaignIds, _enrollment_inboundMessages, _sequence_stats, _sequence_stats1;
     const { orgId, sectionPath, sequenceId, enrollmentId, orgMount } = props;
     const api = useOutreachApi(orgId);
     const loadedSequence = useOutreachSequence(orgId, sequenceId);
@@ -549,10 +552,6 @@ export function OutreachEnrollmentDetail(props) {
     }, [
         sequence
     ]);
-    const actions = useOutreachEnrollmentActions({
-        api,
-        steps
-    });
     const memberName = useCallback((uid)=>{
         var _ref;
         var _roster_options_find;
@@ -570,6 +569,11 @@ export function OutreachEnrollmentDetail(props) {
     const enrollmentsPath = `${sectionPath}/${sequenceId}/enrollments`;
     const mailbox = (_props_mailboxes_mailboxes_find = props.mailboxes.mailboxes.find((entry)=>entry.id === ((enrollment == null ? void 0 : enrollment.mailboxId) || (sequence == null ? void 0 : sequence.mailboxId)))) != null ? _props_mailboxes_mailboxes_find : null;
     const timeZone = (_ref = mailbox == null ? void 0 : mailbox.timezone) != null ? _ref : null;
+    const actions = useOutreachEnrollmentActions({
+        api,
+        steps,
+        timeZone
+    });
     const time = (ms)=>formatOutreachTime(ms, timeZone);
     const timeline = useMemo(()=>{
         var _ref;
@@ -590,6 +594,24 @@ export function OutreachEnrollmentDetail(props) {
         timeZone,
         gateway.data
     ]);
+    /*
+   * A reply synced before replies were kept is on the enrollment only as an
+   * id (AGL-4020). Once per page, the thread route reads it from the mailbox
+   * and keeps it; the enrollment's listener then shows it in the timeline.
+   * A member who may not read that mailbox is answered with nothing new.
+   */ const backfilled = useRef(null);
+    const unreadReply = enrollment !== null && outreachEnrollmentHasInbound(enrollment) && !((_enrollment_inboundMessages = enrollment.inboundMessages) == null ? void 0 : _enrollment_inboundMessages.length);
+    useEffect(()=>{
+        if (!unreadReply || !enrollmentId || backfilled.current === enrollmentId) return;
+        backfilled.current = enrollmentId;
+        api.readEnrollmentThread(enrollmentId).catch((error)=>{
+            console.warn('[outreach] their reply could not be read from the mailbox', error);
+        });
+    }, [
+        api,
+        enrollmentId,
+        unreadReply
+    ]);
     const back = /*#__PURE__*/ _jsx(Button, _extends({}, {
         component: AppLink,
         componentVariant: 'naked',
@@ -639,11 +661,12 @@ export function OutreachEnrollmentDetail(props) {
     const open = enrollment.status === 'active' || enrollment.status === 'paused';
     const held = enrollment.status === 'paused' && enrollment.stopReason === 'gateway_blocked_here';
     /*
-   * The one act that moves the person forward is the button: resuming a
-   * paused one, else curating the next email. Everything else is in the
-   * menu, the destructive acts included, as on every record page.
+   * The one act that moves the person forward is the button: answering a
+   * person who wrote back (AGL-4020), else resuming a paused one, else
+   * curating the next email. Everything else is in the menu, the
+   * destructive acts included, as on every record page.
    */ const available = outreachEnrollmentActionsFor(enrollment, steps);
-    const primary = available.includes('resume') ? 'resume' : available.includes('curate') ? 'curate' : null;
+    const primary = available.includes('reply') ? 'reply' : available.includes('resume') ? 'resume' : available.includes('curate') ? 'curate' : null;
     const menu = actions.menuItems(enrollment, (action)=>action !== primary);
     const dash = (value)=>value ? value.toLocaleString() : '—';
     const notTracked = !trackClicks && !figures.clicks && !figures.scannerClicks ? 'Not tracked' : undefined;
@@ -691,7 +714,7 @@ export function OutreachEnrollmentDetail(props) {
                                 size: "small",
                                 disabled: actions.busy === enrollment.id,
                                 onClick: ()=>actions.choose(enrollment, primary),
-                                children: held ? 'Resume and send' : OUTREACH_ENROLLMENT_ACTION_LABELS[primary]
+                                children: held && primary === 'resume' ? 'Resume and send' : OUTREACH_ENROLLMENT_ACTION_LABELS[primary]
                             }) : null,
                             menu.length ? /*#__PURE__*/ _jsx(RowActionsMenu, {
                                 label: name,
@@ -804,7 +827,11 @@ export function OutreachEnrollmentDetail(props) {
                                 /*#__PURE__*/ _jsx(OutreachFigure, {
                                     label: "Replies",
                                     value: dash(figures.replies)
-                                })
+                                }),
+                                figures.answers ? /*#__PURE__*/ _jsx(OutreachFigure, {
+                                    label: "Answers sent",
+                                    value: dash(figures.answers)
+                                }) : null
                             ]
                         }) : /*#__PURE__*/ _jsx(Typography, {
                             variant: "body2",