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

package/src/lib/components/tasks-bulk-bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/tasks-bulk-bar.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\n/**\n * The bar over the tasks list, for whatever rows are ticked (AGL-2621).\n *\n * Complete them, hand them to somebody, move their due date, take them\n * into a spreadsheet, or delete them. Two of these have a side effect\n * outside the document and go through their ROUTE: completing fires\n * `taskCompleted`, which only the server emits, and assigning tells the\n * assignee, which only the server may write into somebody's inbox — so\n * Complete goes through `crm/task-complete` and Assign through\n * `crm/task-save`, exactly as the checkbox and the drawer do for one task.\n * Under a site that is one request per task, each authorized against the\n * site; beneath the organization hub it is ONE request per action, the\n * routes' org-level batch form (AGL-2637), authorized once by the org and\n * answered per task. The due date and the delete have no effect beyond\n * the document, so they are batched client-direct writes under the rules,\n * as reopening is.\n */\n\nimport { CRM_COLLECTIONS, crmMemberPickerLabel } from '@aglyn/aglyn'\nimport { useConfirmationContext } from '@aglyn/shared-ui-jsx'\nimport { useFirestore, useUser } from '@aglyn/tenant-feature-instance'\nimport { Button, MenuItem, TextField } from '@mui/material'\nimport { doc, serverTimestamp } from 'firebase/firestore'\nimport { useCallback, useMemo, useState } from 'react'\nimport { useCrmBulkApply } from '../hooks/use-crm-bulk-apply'\nimport type { CrmTaskRow } from '../hooks/use-crm-tasks'\nimport type { OrgMemberDirectory } from '../hooks/use-org-member-directory'\nimport { downloadTextFile } from '../model/contacts-csv'\nimport { refreshCrmNextActivity } from '../model/next-activity-api'\nimport {\n  type CrmBulkPlan,\n  type CrmBulkWrite,\n  crmBulkWriters,\n  runCrmBulkBatch,\n  runCrmBulkCalls,\n  runCrmBulkWrites,\n} from '../model/crm-bulk-writes'\nimport {\n  completeCrmTask,\n  completeCrmTasks,\n  saveCrmTask,\n  saveCrmTasks,\n} from '../model/task-api'\nimport { crmTaskCallScope, crmTaskFieldsOf } from '../model/task-routes'\nimport { dueAtToLocalInput, localInputToDueAt } from '../model/task-views'\nimport { type TaskCsvOptions, tasksCsv } from '../model/tasks-csv'\nimport {\n  type CrmBulkNoun,\n  CrmBulkBarFrame,\n  CrmBulkValueDialog,\n  countNoun,\n} from './crm-bulk-bar-frame'\nimport CrmExportAllButton from './crm-export-all-button'\n\nexport interface TasksBulkBarProps {\n  /**\n   * The site the task routes run as, or `null` at the organization level\n   * (AGL-2630), where the routes run as the org — their batch form, one\n   * request per action (AGL-2637).\n   */\n  hostId: string | null\n  /** `['orgs', orgId]`, or `null` while the org is unresolved. */\n  scope: readonly [string, string] | null\n  rows: readonly CrmTaskRow[]\n  selected: readonly string[]\n  onSelectedChange: (ids: string[]) => void\n  /** The section's roster — already read for the Assignee column. */\n  directory: OrgMemberDirectory\n  /** How the export names the assignee and the linked records — the list's own. */\n  csv?: TaskCsvOptions\n}\n\nconst NOUN: CrmBulkNoun = { singular: 'task', plural: 'tasks' }\n\ntype PendingAction = 'assign' | 'due'\n\nconst ACTION_TITLES: Record<PendingAction, string> = {\n  assign: 'Assign to',\n  due: 'Set the due date',\n}\n\nconst labelOf = (task: CrmTaskRow): string => task.title || task.$id\n\nexport function TasksBulkBar(props: TasksBulkBarProps) {\n  if (!props.selected.length) return null\n  return <TasksBulkBarBody {...props} />\n}\nTasksBulkBar.displayName = 'TasksBulkBar'\n\nfunction TasksBulkBarBody(props: TasksBulkBarProps) {\n  const { hostId, scope, rows, selected, onSelectedChange, directory, csv } = props\n  const firestore = useFirestore()\n  const { data: user } = useUser()\n  const { confirm } = useConfirmationContext()\n  const { busy, report, apply, dismissReport } = useCrmBulkApply({ recordKind: 'task' })\n\n  const selectedRows = useMemo(() => {\n    const chosen = new Set(selected)\n    return rows.filter((row) => chosen.has(row.$id))\n  }, [rows, selected])\n\n  const [pending, setPending] = useState<PendingAction | null>(null)\n  const [value, setValue] = useState('')\n\n  const writers = useMemo(\n    () =>\n      crmBulkWriters(firestore, (id) =>\n        doc(firestore, scope?.[0] ?? 'orgs', scope?.[1] ?? '', CRM_COLLECTIONS.tasks, id),\n      ),\n    [firestore, scope],\n  )\n\n  const openAction = (action: PendingAction) => {\n    setValue('')\n    setPending(action)\n  }\n\n  // The org the batch form names — the scope's, which is the org's root.\n  const orgId = scope?.[1] ?? null\n\n  const runPlan = useCallback(\n    async (plan: CrmBulkPlan, done: (count: number) => string) => {\n      const outcome = await apply({\n        attempted: plan.writes.length,\n        skipped: plan.skipped,\n        job: () => runCrmBulkWrites(writers, plan.writes, (write) => write.label),\n        done,\n      })\n      // Client-direct writes: the records the selection names are told\n      // (AGL-2661), once each however many tasks named them.\n      const written = new Set(plan.writes.map((write) => write.id))\n      await refreshCrmNextActivity(\n        user,\n        crmTaskCallScope(hostId, orgId),\n        selectedRows.filter((task) => written.has(task.$id)),\n      )\n      return outcome\n    },\n    [apply, writers, user, hostId, orgId, selectedRows],\n  )\n\n  /**\n   * The routes over the rows: under a site one request per task, in\n   * order, named by title; beneath the org hub one request for them all,\n   * tallied off its per-task answers.\n   */\n  const runCalls = useCallback(\n    (\n      tasks: readonly CrmTaskRow[],\n      call: {\n        each: (task: CrmTaskRow) => Promise<unknown>\n        batch: (tasks: readonly CrmTaskRow[]) => Promise<ReadonlyArray<{ taskId: string; ok: boolean; error?: string }>>\n      },\n      done: (count: number) => string,\n    ) =>\n      apply({\n        attempted: tasks.length,\n        skipped: [],\n        job: () =>\n          hostId\n            ? runCrmBulkCalls(tasks, labelOf, call.each)\n            : runCrmBulkBatch(\n                tasks,\n                (task) => task.$id,\n                labelOf,\n                async (rows) =>\n                  (await call.batch(rows)).map(({ taskId, ...rest }) => ({ id: taskId, ...rest })),\n              ),\n        done,\n      }),\n    [apply, hostId],\n  )\n\n  /*\n   * A task already done is left alone rather than sent: the route would\n   * answer `alreadyDone` and write nothing, and a request that can only\n   * answer nothing is not worth its round trip.\n   */\n  const handleComplete = useCallback(async () => {\n    if (!orgId) return\n    const open = selectedRows.filter((task) => task.status !== 'done')\n    await runCalls(\n      open,\n      {\n        each: (task) => completeCrmTask(user, { hostId: hostId as string, taskId: task.$id }),\n        batch: async (tasks) =>\n          (await completeCrmTasks(user, { orgId, taskIds: tasks.map((task) => task.$id) }))\n            .results,\n      },\n      (count) => `Completed ${countNoun(count, NOUN)}`,\n    )\n  }, [selectedRows, runCalls, user, hostId, orgId])\n\n  const handleApply = useCallback(async () => {\n    if (!pending || !scope) return\n    const action = pending\n    setPending(null)\n    if (action === 'assign') {\n      const assigneeUid = value || null\n      const who = assigneeUid ? directory.nameOf(assigneeUid) : 'nobody'\n      const reassigned = (task: CrmTaskRow) => ({\n        taskId: task.$id,\n        task: { ...crmTaskFieldsOf(task), assigneeUid },\n      })\n      await runCalls(\n        selectedRows,\n        {\n          each: (task) => saveCrmTask(user, { hostId: hostId as string, ...reassigned(task) }),\n          batch: async (tasks) =>\n            (await saveCrmTasks(user, { orgId: scope[1], tasks: tasks.map(reassigned) })).results,\n        },\n        (count) => `Assigned ${countNoun(count, NOUN)} to ${who}`,\n      )\n      return\n    }\n    const dueAtMs = localInputToDueAt(value)\n    const writes: CrmBulkWrite[] = selectedRows.map((task) => ({\n      id: task.$id,\n      label: labelOf(task),\n      kind: 'update',\n      // `null` rather than a deleted field: every view orders by `dueAtMs`,\n      // and a document missing it drops out of the `orderBy` entirely.\n      data: { dueAtMs, updatedAt: serverTimestamp() },\n    }))\n    await runPlan(\n      { writes, skipped: [] },\n      (count) =>\n        dueAtMs === null\n          ? `Due date cleared on ${countNoun(count, NOUN)}`\n          : `Due date set on ${countNoun(count, NOUN)}`,\n    )\n  }, [pending, scope, value, directory, selectedRows, runCalls, user, hostId, runPlan])\n\n  const handleExport = useCallback(() => {\n    downloadTextFile('tasks-selected.csv', 'text/csv', tasksCsv(selectedRows, csv))\n  }, [selectedRows, csv])\n\n  const handleDelete = useCallback(async () => {\n    if (!scope || !selectedRows.length) return\n    const count = selectedRows.length\n    const confirmed = await confirm({\n      title: count === 1 ? 'Delete this task?' : `Delete ${count} tasks?`,\n      description:\n        `${count === 1 ? 'It is' : 'They are'} removed for everyone who can ` +\n        'see them. A finished task is better ticked done, which keeps it in ' +\n        'the Done view.',\n      confirmationText: count === 1 ? 'Delete task' : 'Delete tasks',\n      confirmationButtonProps: { color: 'error' },\n    })\n      // `confirm` resolves with no value and REJECTS on cancel.\n      .then(() => true)\n      .catch(() => false)\n    if (!confirmed) return\n    const writes: CrmBulkWrite[] = selectedRows.map((task) => ({\n      id: task.$id,\n      label: labelOf(task),\n      kind: 'delete',\n    }))\n    const outcome = await runPlan(\n      { writes, skipped: [] },\n      (done) => `Deleted ${countNoun(done, NOUN)}`,\n    )\n    const refused = new Set(outcome.refused.map((row) => row.label))\n    onSelectedChange(\n      selectedRows.filter((task) => refused.has(labelOf(task))).map((task) => task.$id),\n    )\n  }, [scope, selectedRows, confirm, runPlan, onSelectedChange])\n\n  return (\n    <CrmBulkBarFrame\n      count={selected.length}\n      noun={NOUN}\n      busy={busy}\n      onClear={() => onSelectedChange([])}\n      report={report}\n      onDismissReport={dismissReport}\n      extras={\n        <CrmBulkValueDialog\n          open={pending !== null}\n          title={pending ? ACTION_TITLES[pending] : ''}\n          count={selected.length}\n          noun={NOUN}\n          busy={busy}\n          canApply\n          onClose={() => setPending(null)}\n          onApply={() => void handleApply()}\n        >\n          {pending === 'assign' ? (\n            <TextField\n              select\n              size=\"small\"\n              label=\"Assignee\"\n              value={value}\n              onChange={(event) => setValue(event.target.value)}\n              disabled={directory.loading}\n              error={Boolean(directory.error)}\n              helperText={\n                directory.error ??\n                (directory.loading\n                  ? 'Loading the team…'\n                  : 'Somebody other than you is told, as the drawer tells them')\n              }\n            >\n              <MenuItem value=\"\">{'Nobody — clear the assignee'}</MenuItem>\n              {directory.members.map((member) => (\n                <MenuItem key={member.uid} value={member.uid}>\n                  {crmMemberPickerLabel(member)}\n                </MenuItem>\n              ))}\n            </TextField>\n          ) : pending === 'due' ? (\n            <TextField\n              size=\"small\"\n              type=\"datetime-local\"\n              label=\"Due\"\n              value={value}\n              onChange={(event) => setValue(event.target.value)}\n              helperText=\"Leave it empty to clear the due date\"\n              slotProps={{ inputLabel: { shrink: true } }}\n            />\n          ) : null}\n        </CrmBulkValueDialog>\n      }\n    >\n      <Button size=\"small\" disabled={busy || !scope} onClick={() => void handleComplete()}>\n        {'Complete'}\n      </Button>\n      <Button size=\"small\" disabled={busy || !scope} onClick={() => openAction('assign')}>\n        {'Assign'}\n      </Button>\n      <Button\n        size=\"small\"\n        disabled={busy || !scope}\n        onClick={() => {\n          openAction('due')\n          // Start from the first task's own date, so a nudge is an edit\n          // rather than a retype.\n          setValue(dueAtToLocalInput(selectedRows[0]?.dueAtMs))\n        }}\n      >\n        {'Set due'}\n      </Button>\n      <Button size=\"small\" disabled={busy} onClick={handleExport}>\n        {'Export CSV'}\n      </Button>\n      {/*\n        The selection's file is the rows on screen; this one is the whole\n        collection, streamed by the server (AGL-2662).\n      */}\n      <CrmExportAllButton\n        resource=\"tasks\"\n        orgId={scope?.[1] ?? null}\n        hostId={hostId}\n        disabled={busy}\n      />\n      <Button\n        size=\"small\"\n        color=\"error\"\n        disabled={busy || !scope}\n        onClick={() => void handleDelete()}\n      >\n        {'Delete'}\n      </Button>\n    </CrmBulkBarFrame>\n  )\n}\nTasksBulkBarBody.displayName = 'TasksBulkBarBody'\n\nexport default TasksBulkBar\n"],"names":["CRM_COLLECTIONS","crmMemberPickerLabel","useConfirmationContext","useFirestore","useUser","Button","MenuItem","TextField","doc","serverTimestamp","useCallback","useMemo","useState","useCrmBulkApply","downloadTextFile","refreshCrmNextActivity","crmBulkWriters","runCrmBulkBatch","runCrmBulkCalls","runCrmBulkWrites","completeCrmTask","completeCrmTasks","saveCrmTask","saveCrmTasks","crmTaskCallScope","crmTaskFieldsOf","dueAtToLocalInput","localInputToDueAt","tasksCsv","CrmBulkBarFrame","CrmBulkValueDialog","countNoun","CrmExportAllButton","NOUN","singular","plural","ACTION_TITLES","assign","due","labelOf","task","title","$id","TasksBulkBar","props","selected","length","TasksBulkBarBody","displayName","directory","hostId","scope","rows","onSelectedChange","csv","firestore","data","user","confirm","busy","report","apply","dismissReport","recordKind","selectedRows","chosen","Set","filter","row","has","pending","setPending","value","setValue","writers","id","tasks","openAction","action","orgId","runPlan","plan","done","outcome","attempted","writes","skipped","job","write","label","written","map","runCalls","call","each","batch","taskId","rest","handleComplete","open","status","taskIds","results","count","handleApply","assigneeUid","who","nameOf","reassigned","dueAtMs","kind","updatedAt","handleExport","handleDelete","confirmed","description","confirmationText","confirmationButtonProps","color","then","catch","refused","noun","onClear","onDismissReport","extras","canApply","onClose","onApply","select","size","onChange","event","target","disabled","loading","error","Boolean","helperText","members","member","uid","type","slotProps","inputLabel","shrink","onClick","resource"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/tasks-bulk-bar.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\n/**\n * The bar over the tasks list, for whatever rows are ticked (AGL-2621).\n *\n * Complete them, hand them to somebody, move their due date, take them\n * into a spreadsheet, or delete them. Two of these have a side effect\n * outside the document and go through their ROUTE: completing fires\n * `taskCompleted`, which only the server emits, and assigning tells the\n * assignee, which only the server may write into somebody's inbox — so\n * Complete goes through `crm/task-complete` and Assign through\n * `crm/task-save`, exactly as the checkbox and the drawer do for one task.\n * Under a site that is one request per task, each authorized against the\n * site; beneath the organization hub it is ONE request per action, the\n * routes' org-level batch form (AGL-2637), authorized once by the org and\n * answered per task. The due date and the delete have no effect beyond\n * the document, so they are batched client-direct writes under the rules,\n * as reopening is.\n */\n\nimport { CRM_COLLECTIONS, crmMemberPickerLabel } from '@aglyn/aglyn'\nimport { useConfirmationContext } from '@aglyn/shared-ui-jsx'\nimport { useFirestore, useUser } from '@aglyn/tenant-feature-instance'\nimport { Button, MenuItem, TextField } from '@mui/material'\nimport { doc, serverTimestamp } from 'firebase/firestore'\nimport { useCallback, useMemo, useState } from 'react'\nimport { useCrmBulkApply } from '../hooks/use-crm-bulk-apply'\nimport type { CrmTaskRow } from '../hooks/use-crm-tasks'\nimport type { OrgMemberDirectory } from '../hooks/use-org-member-directory'\nimport { refreshCrmNextActivity } from '../model/next-activity-api'\nimport {\n  type CrmBulkPlan,\n  type CrmBulkWrite,\n  crmBulkWriters,\n  runCrmBulkBatch,\n  runCrmBulkCalls,\n  runCrmBulkWrites,\n} from '../model/crm-bulk-writes'\nimport {\n  completeCrmTask,\n  completeCrmTasks,\n  saveCrmTask,\n  saveCrmTasks,\n} from '../model/task-api'\nimport { crmTaskCallScope, crmTaskFieldsOf } from '../model/task-routes'\nimport { dueAtToLocalInput, localInputToDueAt } from '../model/task-views'\nimport {\n  type CrmBulkNoun,\n  CrmBulkBarFrame,\n  CrmBulkValueDialog,\n  countNoun,\n} from './crm-bulk-bar-frame'\nimport { CrmExportButton } from './crm-transfer-buttons'\nimport { CRM_TASKS_RESOURCE } from '../transfer/fields'\n\nexport interface TasksBulkBarProps {\n  /**\n   * The site the task routes run as, or `null` at the organization level\n   * (AGL-2630), where the routes run as the org — their batch form, one\n   * request per action (AGL-2637).\n   */\n  hostId: string | null\n  /** `['orgs', orgId]`, or `null` while the org is unresolved. */\n  scope: readonly [string, string] | null\n  rows: readonly CrmTaskRow[]\n  selected: readonly string[]\n  onSelectedChange: (ids: string[]) => void\n  /** The section's roster — already read for the Assignee column. */\n  directory: OrgMemberDirectory\n}\n\nconst NOUN: CrmBulkNoun = { singular: 'task', plural: 'tasks' }\n\ntype PendingAction = 'assign' | 'due'\n\nconst ACTION_TITLES: Record<PendingAction, string> = {\n  assign: 'Assign to',\n  due: 'Set the due date',\n}\n\nconst labelOf = (task: CrmTaskRow): string => task.title || task.$id\n\nexport function TasksBulkBar(props: TasksBulkBarProps) {\n  if (!props.selected.length) return null\n  return <TasksBulkBarBody {...props} />\n}\nTasksBulkBar.displayName = 'TasksBulkBar'\n\nfunction TasksBulkBarBody(props: TasksBulkBarProps) {\n  const { hostId, scope, rows, selected, onSelectedChange, directory } = props\n  const firestore = useFirestore()\n  const { data: user } = useUser()\n  const { confirm } = useConfirmationContext()\n  const { busy, report, apply, dismissReport } = useCrmBulkApply({ recordKind: 'task' })\n\n  const selectedRows = useMemo(() => {\n    const chosen = new Set(selected)\n    return rows.filter((row) => chosen.has(row.$id))\n  }, [rows, selected])\n\n  const [pending, setPending] = useState<PendingAction | null>(null)\n  const [value, setValue] = useState('')\n\n  const writers = useMemo(\n    () =>\n      crmBulkWriters(firestore, (id) =>\n        doc(firestore, scope?.[0] ?? 'orgs', scope?.[1] ?? '', CRM_COLLECTIONS.tasks, id),\n      ),\n    [firestore, scope],\n  )\n\n  const openAction = (action: PendingAction) => {\n    setValue('')\n    setPending(action)\n  }\n\n  // The org the batch form names — the scope's, which is the org's root.\n  const orgId = scope?.[1] ?? null\n\n  const runPlan = useCallback(\n    async (plan: CrmBulkPlan, done: (count: number) => string) => {\n      const outcome = await apply({\n        attempted: plan.writes.length,\n        skipped: plan.skipped,\n        job: () => runCrmBulkWrites(writers, plan.writes, (write) => write.label),\n        done,\n      })\n      // Client-direct writes: the records the selection names are told\n      // (AGL-2661), once each however many tasks named them.\n      const written = new Set(plan.writes.map((write) => write.id))\n      await refreshCrmNextActivity(\n        user,\n        crmTaskCallScope(hostId, orgId),\n        selectedRows.filter((task) => written.has(task.$id)),\n      )\n      return outcome\n    },\n    [apply, writers, user, hostId, orgId, selectedRows],\n  )\n\n  /**\n   * The routes over the rows: under a site one request per task, in\n   * order, named by title; beneath the org hub one request for them all,\n   * tallied off its per-task answers.\n   */\n  const runCalls = useCallback(\n    (\n      tasks: readonly CrmTaskRow[],\n      call: {\n        each: (task: CrmTaskRow) => Promise<unknown>\n        batch: (tasks: readonly CrmTaskRow[]) => Promise<ReadonlyArray<{ taskId: string; ok: boolean; error?: string }>>\n      },\n      done: (count: number) => string,\n    ) =>\n      apply({\n        attempted: tasks.length,\n        skipped: [],\n        job: () =>\n          hostId\n            ? runCrmBulkCalls(tasks, labelOf, call.each)\n            : runCrmBulkBatch(\n                tasks,\n                (task) => task.$id,\n                labelOf,\n                async (rows) =>\n                  (await call.batch(rows)).map(({ taskId, ...rest }) => ({ id: taskId, ...rest })),\n              ),\n        done,\n      }),\n    [apply, hostId],\n  )\n\n  /*\n   * A task already done is left alone rather than sent: the route would\n   * answer `alreadyDone` and write nothing, and a request that can only\n   * answer nothing is not worth its round trip.\n   */\n  const handleComplete = useCallback(async () => {\n    if (!orgId) return\n    const open = selectedRows.filter((task) => task.status !== 'done')\n    await runCalls(\n      open,\n      {\n        each: (task) => completeCrmTask(user, { hostId: hostId as string, taskId: task.$id }),\n        batch: async (tasks) =>\n          (await completeCrmTasks(user, { orgId, taskIds: tasks.map((task) => task.$id) }))\n            .results,\n      },\n      (count) => `Completed ${countNoun(count, NOUN)}`,\n    )\n  }, [selectedRows, runCalls, user, hostId, orgId])\n\n  const handleApply = useCallback(async () => {\n    if (!pending || !scope) return\n    const action = pending\n    setPending(null)\n    if (action === 'assign') {\n      const assigneeUid = value || null\n      const who = assigneeUid ? directory.nameOf(assigneeUid) : 'nobody'\n      const reassigned = (task: CrmTaskRow) => ({\n        taskId: task.$id,\n        task: { ...crmTaskFieldsOf(task), assigneeUid },\n      })\n      await runCalls(\n        selectedRows,\n        {\n          each: (task) => saveCrmTask(user, { hostId: hostId as string, ...reassigned(task) }),\n          batch: async (tasks) =>\n            (await saveCrmTasks(user, { orgId: scope[1], tasks: tasks.map(reassigned) })).results,\n        },\n        (count) => `Assigned ${countNoun(count, NOUN)} to ${who}`,\n      )\n      return\n    }\n    const dueAtMs = localInputToDueAt(value)\n    const writes: CrmBulkWrite[] = selectedRows.map((task) => ({\n      id: task.$id,\n      label: labelOf(task),\n      kind: 'update',\n      // `null` rather than a deleted field: every view orders by `dueAtMs`,\n      // and a document missing it drops out of the `orderBy` entirely.\n      data: { dueAtMs, updatedAt: serverTimestamp() },\n    }))\n    await runPlan(\n      { writes, skipped: [] },\n      (count) =>\n        dueAtMs === null\n          ? `Due date cleared on ${countNoun(count, NOUN)}`\n          : `Due date set on ${countNoun(count, NOUN)}`,\n    )\n  }, [pending, scope, value, directory, selectedRows, runCalls, user, hostId, runPlan])\n\n  const handleDelete = useCallback(async () => {\n    if (!scope || !selectedRows.length) return\n    const count = selectedRows.length\n    const confirmed = await confirm({\n      title: count === 1 ? 'Delete this task?' : `Delete ${count} tasks?`,\n      description:\n        `${count === 1 ? 'It is' : 'They are'} removed for everyone who can ` +\n        'see them. A finished task is better ticked done, which keeps it in ' +\n        'the Done view.',\n      confirmationText: count === 1 ? 'Delete task' : 'Delete tasks',\n      confirmationButtonProps: { color: 'error' },\n    })\n      // `confirm` resolves with no value and REJECTS on cancel.\n      .then(() => true)\n      .catch(() => false)\n    if (!confirmed) return\n    const writes: CrmBulkWrite[] = selectedRows.map((task) => ({\n      id: task.$id,\n      label: labelOf(task),\n      kind: 'delete',\n    }))\n    const outcome = await runPlan(\n      { writes, skipped: [] },\n      (done) => `Deleted ${countNoun(done, NOUN)}`,\n    )\n    const refused = new Set(outcome.refused.map((row) => row.label))\n    onSelectedChange(\n      selectedRows.filter((task) => refused.has(labelOf(task))).map((task) => task.$id),\n    )\n  }, [scope, selectedRows, confirm, runPlan, onSelectedChange])\n\n  return (\n    <CrmBulkBarFrame\n      count={selected.length}\n      noun={NOUN}\n      busy={busy}\n      onClear={() => onSelectedChange([])}\n      report={report}\n      onDismissReport={dismissReport}\n      extras={\n        <CrmBulkValueDialog\n          open={pending !== null}\n          title={pending ? ACTION_TITLES[pending] : ''}\n          count={selected.length}\n          noun={NOUN}\n          busy={busy}\n          canApply\n          onClose={() => setPending(null)}\n          onApply={() => void handleApply()}\n        >\n          {pending === 'assign' ? (\n            <TextField\n              select\n              size=\"small\"\n              label=\"Assignee\"\n              value={value}\n              onChange={(event) => setValue(event.target.value)}\n              disabled={directory.loading}\n              error={Boolean(directory.error)}\n              helperText={\n                directory.error ??\n                (directory.loading\n                  ? 'Loading the team…'\n                  : 'Somebody other than you is told, as the drawer tells them')\n              }\n            >\n              <MenuItem value=\"\">{'Nobody — clear the assignee'}</MenuItem>\n              {directory.members.map((member) => (\n                <MenuItem key={member.uid} value={member.uid}>\n                  {crmMemberPickerLabel(member)}\n                </MenuItem>\n              ))}\n            </TextField>\n          ) : pending === 'due' ? (\n            <TextField\n              size=\"small\"\n              type=\"datetime-local\"\n              label=\"Due\"\n              value={value}\n              onChange={(event) => setValue(event.target.value)}\n              helperText=\"Leave it empty to clear the due date\"\n              slotProps={{ inputLabel: { shrink: true } }}\n            />\n          ) : null}\n        </CrmBulkValueDialog>\n      }\n    >\n      <Button size=\"small\" disabled={busy || !scope} onClick={() => void handleComplete()}>\n        {'Complete'}\n      </Button>\n      <Button size=\"small\" disabled={busy || !scope} onClick={() => openAction('assign')}>\n        {'Assign'}\n      </Button>\n      <Button\n        size=\"small\"\n        disabled={busy || !scope}\n        onClick={() => {\n          openAction('due')\n          // Start from the first task's own date, so a nudge is an edit\n          // rather than a retype.\n          setValue(dueAtToLocalInput(selectedRows[0]?.dueAtMs))\n        }}\n      >\n        {'Set due'}\n      </Button>\n      {/* The selection through the export dialog: every field, chosen (AGL-3528). */}\n      <CrmExportButton\n        resource={CRM_TASKS_RESOURCE}\n        hostId={hostId}\n        selection={selectedRows.map((row) => row.$id)}\n        disabled={busy}\n      />\n      <Button\n        size=\"small\"\n        color=\"error\"\n        disabled={busy || !scope}\n        onClick={() => void handleDelete()}\n      >\n        {'Delete'}\n      </Button>\n    </CrmBulkBarFrame>\n  )\n}\nTasksBulkBarBody.displayName = 'TasksBulkBarBody'\n\nexport default TasksBulkBar\n"],"names":["CRM_COLLECTIONS","crmMemberPickerLabel","useConfirmationContext","useFirestore","useUser","Button","MenuItem","TextField","doc","serverTimestamp","useCallback","useMemo","useState","useCrmBulkApply","refreshCrmNextActivity","crmBulkWriters","runCrmBulkBatch","runCrmBulkCalls","runCrmBulkWrites","completeCrmTask","completeCrmTasks","saveCrmTask","saveCrmTasks","crmTaskCallScope","crmTaskFieldsOf","dueAtToLocalInput","localInputToDueAt","CrmBulkBarFrame","CrmBulkValueDialog","countNoun","CrmExportButton","CRM_TASKS_RESOURCE","NOUN","singular","plural","ACTION_TITLES","assign","due","labelOf","task","title","$id","TasksBulkBar","props","selected","length","TasksBulkBarBody","displayName","directory","hostId","scope","rows","onSelectedChange","firestore","data","user","confirm","busy","report","apply","dismissReport","recordKind","selectedRows","chosen","Set","filter","row","has","pending","setPending","value","setValue","writers","id","tasks","openAction","action","orgId","runPlan","plan","done","outcome","attempted","writes","skipped","job","write","label","written","map","runCalls","call","each","batch","taskId","rest","handleComplete","open","status","taskIds","results","count","handleApply","assigneeUid","who","nameOf","reassigned","dueAtMs","kind","updatedAt","handleDelete","confirmed","description","confirmationText","confirmationButtonProps","color","then","catch","refused","noun","onClear","onDismissReport","extras","canApply","onClose","onApply","select","size","onChange","event","target","disabled","loading","error","Boolean","helperText","members","member","uid","type","slotProps","inputLabel","shrink","onClick","resource","selection"],"mappings":"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"}

package/src/lib/components/tasks-calendar.d.ts

@@ -1,3 +1,4 @@
+import { type CrmTaskPicklists } from '@aglyn/aglyn';
 import type { CrmTaskRow } from '../hooks/use-crm-tasks';
 export interface TasksCalendarProps {
     /** The window the list is holding — the calendar reads no more than it. */
@@ -6,6 +7,8 @@ export interface TasksCalendarProps {
     onOpen: (task: CrmTaskRow) => void;
     /** The list's window filled, so neither surface is showing everything. */
     truncated?: boolean;
+    /** The org's task lists, which name each entry's type and status on hover (AGL-3517). */
+    picklists?: CrmTaskPicklists;
 }
 /**
  * A MONTH OF TASKS, BY DUE DATE (AGL-2662).

package/src/lib/components/tasks-calendar.js

@@ -15,6 +15,7 @@
  * limitations under the License.
  */ 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { crmTaskPicklistLabels } from "@aglyn/aglyn";
 import { mdiChevronLeft, mdiChevronRight } from "@aglyn/shared-data-mdi";
 import { MdiIcon } from "@aglyn/shared-ui-jsx";
 import { Box, Button, ButtonBase, IconButton, Stack, Typography } from "@mui/material";
@@ -45,7 +46,12 @@ import { bucketTasksByCalendarDay, CALENDAR_DAY_LABELS, CALENDAR_WEEK_DAYS, shif
  * scheduling library for one surface is a dependency the whole console
  * would carry.
  */ export function TasksCalendar(props) {
-    const { tasks, onOpen, truncated } = props;
+    const { tasks, onOpen, truncated, picklists } = props;
+    /** "Call Ada · Call · In Progress" — the entry's type and status on hover. */ const hoverText = (task)=>{
+        if (!picklists) return task.title;
+        const labels = crmTaskPicklistLabels(task, picklists);
+        return `${task.title} · ${labels.type} · ${labels.status}`;
+    };
     /*
    * The clock is read ONCE, at mount. A component that read `Date.now()`
    * per render would move the today square under a reader who left the tab
@@ -173,6 +179,7 @@ import { bucketTasksByCalendarDay, CALENDAR_DAY_LABELS, CALENDAR_WEEK_DAYS, shif
                                             children: [
                                                 shown.map((task)=>/*#__PURE__*/ _jsx(ButtonBase, {
                                                         onClick: ()=>onOpen(task),
+                                                        title: hoverText(task),
                                                         sx: {
                                                             justifyContent: 'flex-start',
                                                             width: '100%',

package/src/lib/components/tasks-calendar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/tasks-calendar.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 { mdiChevronLeft, mdiChevronRight } from '@aglyn/shared-data-mdi'\nimport { MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { Box, Button, ButtonBase, IconButton, Stack, Typography } from '@mui/material'\nimport { useMemo, useState } from 'react'\nimport type { CrmTaskRow } from '../hooks/use-crm-tasks'\nimport {\n  bucketTasksByCalendarDay,\n  CALENDAR_DAY_LABELS,\n  CALENDAR_WEEK_DAYS,\n  shiftCalendarMonth,\n  taskCalendarMonth,\n} from '../model/task-calendar'\n\n/** How many tasks a square lists before folding the rest into a count. */\nconst TASKS_PER_DAY = 3\n\nexport interface TasksCalendarProps {\n  /** The window the list is holding — the calendar reads no more than it. */\n  tasks: readonly CrmTaskRow[]\n  /** Open one task's drawer, the same drawer a row opens. */\n  onOpen: (task: CrmTaskRow) => void\n  /** The list's window filled, so neither surface is showing everything. */\n  truncated?: boolean\n}\n\n/**\n * A MONTH OF TASKS, BY DUE DATE (AGL-2662).\n *\n * The Tasks list answers \"what is on my plate\"; this answers \"what does\n * next week look like\", which a list ordered by due date can only imply.\n *\n * ## Drawn over the list's own window, and never over a second read\n *\n * The rows are the ones the section already holds. A calendar that fetched\n * its own month would be a second listener over the same collection, would\n * disagree with the list whenever the two windows differed, and would put\n * a read behind every page of the arrows. What it costs instead is honesty:\n * the grid can only place what the window carries, so the tasks due in\n * other months are counted under it rather than implied to be absent.\n *\n * ## Hand-built rather than a calendar dependency\n *\n * Seven columns of MUI boxes and the local-day arithmetic in\n * `task-calendar.ts`. The one calendar package already installed\n * (`@mui/x-date-pickers`) draws a date PICKER — a grid whose squares are\n * choices, not content — so it answers a different question, and a\n * scheduling library for one surface is a dependency the whole console\n * would carry.\n */\nexport function TasksCalendar(props: TasksCalendarProps) {\n  const { tasks, onOpen, truncated } = props\n  /*\n   * The clock is read ONCE, at mount. A component that read `Date.now()`\n   * per render would move the today square under a reader who left the tab\n   * open across midnight, without any state having changed — and the grid\n   * is a pure function of this, so what is drawn can be pinned.\n   */\n  const [nowMs] = useState(() => Date.now())\n  const [anchorMs, setAnchorMs] = useState(() => nowMs)\n\n  const month = useMemo(\n    () => taskCalendarMonth(anchorMs, nowMs),\n    [anchorMs, nowMs],\n  )\n  const buckets = useMemo(\n    () => bucketTasksByCalendarDay(tasks, (task) => task.dueAtMs, month),\n    [tasks, month],\n  )\n  const label = useMemo(\n    () =>\n      month.monthDate.toLocaleDateString(undefined, {\n        month: 'long',\n        year: 'numeric',\n      }),\n    [month],\n  )\n\n  return (\n    <Stack spacing={1.5}>\n      <Stack\n        direction=\"row\"\n        spacing={1}\n        sx={{ alignItems: 'center', flexWrap: 'wrap', rowGap: 1 }}\n      >\n        <IconButton\n          size=\"small\"\n          aria-label=\"Previous month\"\n          onClick={() => setAnchorMs((current) => shiftCalendarMonth(current, -1))}\n        >\n          <MdiIcon path={mdiChevronLeft.path} size={0.9} />\n        </IconButton>\n        <Typography variant=\"subtitle1\" sx={{ minWidth: 160, textAlign: 'center' }}>\n          {label}\n        </Typography>\n        <IconButton\n          size=\"small\"\n          aria-label=\"Next month\"\n          onClick={() => setAnchorMs((current) => shiftCalendarMonth(current, 1))}\n        >\n          <MdiIcon path={mdiChevronRight.path} size={0.9} />\n        </IconButton>\n        <Button size=\"small\" onClick={() => setAnchorMs(nowMs)}>\n          {'Today'}\n        </Button>\n      </Stack>\n\n      <Box sx={{ overflowX: 'auto' }}>\n        <Box sx={{ minWidth: 640 }}>\n          <Box\n            sx={{\n              display: 'grid',\n              gridTemplateColumns: `repeat(${CALENDAR_WEEK_DAYS}, 1fr)`,\n              gap: 0.5,\n              mb: 0.5,\n            }}\n          >\n            {CALENDAR_DAY_LABELS.map((day) => (\n              <Typography\n                key={day}\n                variant=\"caption\"\n                color=\"text.secondary\"\n                sx={{ textAlign: 'center' }}\n              >\n                {day}\n              </Typography>\n            ))}\n          </Box>\n          <Box\n            sx={{\n              display: 'grid',\n              gridTemplateColumns: `repeat(${CALENDAR_WEEK_DAYS}, 1fr)`,\n              gap: 0.5,\n            }}\n          >\n            {month.weeks.flat().map((day) => {\n              const held = buckets.byDay.get(day.startMs) ?? []\n              const shown = held.slice(0, TASKS_PER_DAY)\n              const folded = held.length - shown.length\n              return (\n                <Box\n                  key={day.startMs}\n                  sx={{\n                    minHeight: 96,\n                    p: 0.75,\n                    borderRadius: 1,\n                    border: 1,\n                    borderColor: day.isToday ? 'primary.main' : 'divider',\n                    bgcolor: day.inMonth ? 'background.paper' : 'action.hover',\n                  }}\n                >\n                  <Typography\n                    variant=\"caption\"\n                    sx={{\n                      display: 'block',\n                      mb: 0.5,\n                      fontWeight: day.isToday ? 'fontWeightBold' : undefined,\n                      color: day.inMonth ? 'text.primary' : 'text.disabled',\n                    }}\n                  >\n                    {day.date}\n                  </Typography>\n                  <Stack spacing={0.25}>\n                    {shown.map((task) => (\n                      <ButtonBase\n                        key={task.$id}\n                        onClick={() => onOpen(task)}\n                        sx={{\n                          justifyContent: 'flex-start',\n                          width: '100%',\n                          px: 0.5,\n                          py: 0.25,\n                          borderRadius: 0.5,\n                          bgcolor: 'action.selected',\n                          '&:hover': { bgcolor: 'action.focus' },\n                        }}\n                      >\n                        <Typography\n                          variant=\"caption\"\n                          noWrap\n                          sx={{\n                            width: '100%',\n                            textAlign: 'left',\n                            textDecoration:\n                              task.status === 'done' ? 'line-through' : undefined,\n                            color:\n                              task.status === 'done'\n                                ? 'text.secondary'\n                                : day.endMs <= nowMs\n                                  ? 'error.main'\n                                  : 'text.primary',\n                          }}\n                        >\n                          {task.title}\n                        </Typography>\n                      </ButtonBase>\n                    ))}\n                    {folded > 0 ? (\n                      <Typography variant=\"caption\" color=\"text.secondary\">\n                        {`+${folded} more`}\n                      </Typography>\n                    ) : null}\n                  </Stack>\n                </Box>\n              )\n            })}\n          </Box>\n        </Box>\n      </Box>\n\n      {/*\n        What the grid could not place. Said plainly, because a month with\n        nothing on it reads as \"nothing is due\" and the honest reading here\n        is often \"the window's tasks are somewhere else\".\n      */}\n      {buckets.undated.length || buckets.elsewhere.length || truncated ? (\n        <Typography variant=\"caption\" color=\"text.secondary\">\n          {[\n            buckets.elsewhere.length\n              ? `${buckets.elsewhere.length} due outside this month`\n              : '',\n            buckets.undated.length\n              ? `${buckets.undated.length} with no due date`\n              : '',\n            truncated ? 'and the view is showing only its first page' : '',\n          ]\n            .filter(Boolean)\n            .join(' · ')}\n        </Typography>\n      ) : null}\n    </Stack>\n  )\n}\nTasksCalendar.displayName = 'TasksCalendar'\n\nexport default TasksCalendar\n"],"names":["mdiChevronLeft","mdiChevronRight","MdiIcon","Box","Button","ButtonBase","IconButton","Stack","Typography","useMemo","useState","bucketTasksByCalendarDay","CALENDAR_DAY_LABELS","CALENDAR_WEEK_DAYS","shiftCalendarMonth","taskCalendarMonth","TASKS_PER_DAY","TasksCalendar","props","tasks","onOpen","truncated","nowMs","Date","now","anchorMs","setAnchorMs","month","buckets","task","dueAtMs","label","monthDate","toLocaleDateString","undefined","year","spacing","direction","sx","alignItems","flexWrap","rowGap","size","aria-label","onClick","current","path","variant","minWidth","textAlign","overflowX","display","gridTemplateColumns","gap","mb","map","day","color","weeks","flat","held","byDay","get","startMs","shown","slice","folded","length","minHeight","p","borderRadius","border","borderColor","isToday","bgcolor","inMonth","fontWeight","date","justifyContent","width","px","py","noWrap","textDecoration","status","endMs","title","$id","undated","elsewhere","filter","Boolean","join","displayName"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/tasks-calendar.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 CrmTaskPicklists, crmTaskPicklistLabels } from '@aglyn/aglyn'\nimport { mdiChevronLeft, mdiChevronRight } from '@aglyn/shared-data-mdi'\nimport { MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { Box, Button, ButtonBase, IconButton, Stack, Typography } from '@mui/material'\nimport { useMemo, useState } from 'react'\nimport type { CrmTaskRow } from '../hooks/use-crm-tasks'\nimport {\n  bucketTasksByCalendarDay,\n  CALENDAR_DAY_LABELS,\n  CALENDAR_WEEK_DAYS,\n  shiftCalendarMonth,\n  taskCalendarMonth,\n} from '../model/task-calendar'\n\n/** How many tasks a square lists before folding the rest into a count. */\nconst TASKS_PER_DAY = 3\n\nexport interface TasksCalendarProps {\n  /** The window the list is holding — the calendar reads no more than it. */\n  tasks: readonly CrmTaskRow[]\n  /** Open one task's drawer, the same drawer a row opens. */\n  onOpen: (task: CrmTaskRow) => void\n  /** The list's window filled, so neither surface is showing everything. */\n  truncated?: boolean\n  /** The org's task lists, which name each entry's type and status on hover (AGL-3517). */\n  picklists?: CrmTaskPicklists\n}\n\n/**\n * A MONTH OF TASKS, BY DUE DATE (AGL-2662).\n *\n * The Tasks list answers \"what is on my plate\"; this answers \"what does\n * next week look like\", which a list ordered by due date can only imply.\n *\n * ## Drawn over the list's own window, and never over a second read\n *\n * The rows are the ones the section already holds. A calendar that fetched\n * its own month would be a second listener over the same collection, would\n * disagree with the list whenever the two windows differed, and would put\n * a read behind every page of the arrows. What it costs instead is honesty:\n * the grid can only place what the window carries, so the tasks due in\n * other months are counted under it rather than implied to be absent.\n *\n * ## Hand-built rather than a calendar dependency\n *\n * Seven columns of MUI boxes and the local-day arithmetic in\n * `task-calendar.ts`. The one calendar package already installed\n * (`@mui/x-date-pickers`) draws a date PICKER — a grid whose squares are\n * choices, not content — so it answers a different question, and a\n * scheduling library for one surface is a dependency the whole console\n * would carry.\n */\nexport function TasksCalendar(props: TasksCalendarProps) {\n  const { tasks, onOpen, truncated, picklists } = props\n  /** \"Call Ada · Call · In Progress\" — the entry's type and status on hover. */\n  const hoverText = (task: CrmTaskRow) => {\n    if (!picklists) return task.title\n    const labels = crmTaskPicklistLabels(task, picklists)\n    return `${task.title} · ${labels.type} · ${labels.status}`\n  }\n  /*\n   * The clock is read ONCE, at mount. A component that read `Date.now()`\n   * per render would move the today square under a reader who left the tab\n   * open across midnight, without any state having changed — and the grid\n   * is a pure function of this, so what is drawn can be pinned.\n   */\n  const [nowMs] = useState(() => Date.now())\n  const [anchorMs, setAnchorMs] = useState(() => nowMs)\n\n  const month = useMemo(\n    () => taskCalendarMonth(anchorMs, nowMs),\n    [anchorMs, nowMs],\n  )\n  const buckets = useMemo(\n    () => bucketTasksByCalendarDay(tasks, (task) => task.dueAtMs, month),\n    [tasks, month],\n  )\n  const label = useMemo(\n    () =>\n      month.monthDate.toLocaleDateString(undefined, {\n        month: 'long',\n        year: 'numeric',\n      }),\n    [month],\n  )\n\n  return (\n    <Stack spacing={1.5}>\n      <Stack\n        direction=\"row\"\n        spacing={1}\n        sx={{ alignItems: 'center', flexWrap: 'wrap', rowGap: 1 }}\n      >\n        <IconButton\n          size=\"small\"\n          aria-label=\"Previous month\"\n          onClick={() => setAnchorMs((current) => shiftCalendarMonth(current, -1))}\n        >\n          <MdiIcon path={mdiChevronLeft.path} size={0.9} />\n        </IconButton>\n        <Typography variant=\"subtitle1\" sx={{ minWidth: 160, textAlign: 'center' }}>\n          {label}\n        </Typography>\n        <IconButton\n          size=\"small\"\n          aria-label=\"Next month\"\n          onClick={() => setAnchorMs((current) => shiftCalendarMonth(current, 1))}\n        >\n          <MdiIcon path={mdiChevronRight.path} size={0.9} />\n        </IconButton>\n        <Button size=\"small\" onClick={() => setAnchorMs(nowMs)}>\n          {'Today'}\n        </Button>\n      </Stack>\n\n      <Box sx={{ overflowX: 'auto' }}>\n        <Box sx={{ minWidth: 640 }}>\n          <Box\n            sx={{\n              display: 'grid',\n              gridTemplateColumns: `repeat(${CALENDAR_WEEK_DAYS}, 1fr)`,\n              gap: 0.5,\n              mb: 0.5,\n            }}\n          >\n            {CALENDAR_DAY_LABELS.map((day) => (\n              <Typography\n                key={day}\n                variant=\"caption\"\n                color=\"text.secondary\"\n                sx={{ textAlign: 'center' }}\n              >\n                {day}\n              </Typography>\n            ))}\n          </Box>\n          <Box\n            sx={{\n              display: 'grid',\n              gridTemplateColumns: `repeat(${CALENDAR_WEEK_DAYS}, 1fr)`,\n              gap: 0.5,\n            }}\n          >\n            {month.weeks.flat().map((day) => {\n              const held = buckets.byDay.get(day.startMs) ?? []\n              const shown = held.slice(0, TASKS_PER_DAY)\n              const folded = held.length - shown.length\n              return (\n                <Box\n                  key={day.startMs}\n                  sx={{\n                    minHeight: 96,\n                    p: 0.75,\n                    borderRadius: 1,\n                    border: 1,\n                    borderColor: day.isToday ? 'primary.main' : 'divider',\n                    bgcolor: day.inMonth ? 'background.paper' : 'action.hover',\n                  }}\n                >\n                  <Typography\n                    variant=\"caption\"\n                    sx={{\n                      display: 'block',\n                      mb: 0.5,\n                      fontWeight: day.isToday ? 'fontWeightBold' : undefined,\n                      color: day.inMonth ? 'text.primary' : 'text.disabled',\n                    }}\n                  >\n                    {day.date}\n                  </Typography>\n                  <Stack spacing={0.25}>\n                    {shown.map((task) => (\n                      <ButtonBase\n                        key={task.$id}\n                        onClick={() => onOpen(task)}\n                        title={hoverText(task)}\n                        sx={{\n                          justifyContent: 'flex-start',\n                          width: '100%',\n                          px: 0.5,\n                          py: 0.25,\n                          borderRadius: 0.5,\n                          bgcolor: 'action.selected',\n                          '&:hover': { bgcolor: 'action.focus' },\n                        }}\n                      >\n                        <Typography\n                          variant=\"caption\"\n                          noWrap\n                          sx={{\n                            width: '100%',\n                            textAlign: 'left',\n                            textDecoration:\n                              task.status === 'done' ? 'line-through' : undefined,\n                            color:\n                              task.status === 'done'\n                                ? 'text.secondary'\n                                : day.endMs <= nowMs\n                                  ? 'error.main'\n                                  : 'text.primary',\n                          }}\n                        >\n                          {task.title}\n                        </Typography>\n                      </ButtonBase>\n                    ))}\n                    {folded > 0 ? (\n                      <Typography variant=\"caption\" color=\"text.secondary\">\n                        {`+${folded} more`}\n                      </Typography>\n                    ) : null}\n                  </Stack>\n                </Box>\n              )\n            })}\n          </Box>\n        </Box>\n      </Box>\n\n      {/*\n        What the grid could not place. Said plainly, because a month with\n        nothing on it reads as \"nothing is due\" and the honest reading here\n        is often \"the window's tasks are somewhere else\".\n      */}\n      {buckets.undated.length || buckets.elsewhere.length || truncated ? (\n        <Typography variant=\"caption\" color=\"text.secondary\">\n          {[\n            buckets.elsewhere.length\n              ? `${buckets.elsewhere.length} due outside this month`\n              : '',\n            buckets.undated.length\n              ? `${buckets.undated.length} with no due date`\n              : '',\n            truncated ? 'and the view is showing only its first page' : '',\n          ]\n            .filter(Boolean)\n            .join(' · ')}\n        </Typography>\n      ) : null}\n    </Stack>\n  )\n}\nTasksCalendar.displayName = 'TasksCalendar'\n\nexport default TasksCalendar\n"],"names":["crmTaskPicklistLabels","mdiChevronLeft","mdiChevronRight","MdiIcon","Box","Button","ButtonBase","IconButton","Stack","Typography","useMemo","useState","bucketTasksByCalendarDay","CALENDAR_DAY_LABELS","CALENDAR_WEEK_DAYS","shiftCalendarMonth","taskCalendarMonth","TASKS_PER_DAY","TasksCalendar","props","tasks","onOpen","truncated","picklists","hoverText","task","title","labels","type","status","nowMs","Date","now","anchorMs","setAnchorMs","month","buckets","dueAtMs","label","monthDate","toLocaleDateString","undefined","year","spacing","direction","sx","alignItems","flexWrap","rowGap","size","aria-label","onClick","current","path","variant","minWidth","textAlign","overflowX","display","gridTemplateColumns","gap","mb","map","day","color","weeks","flat","held","byDay","get","startMs","shown","slice","folded","length","minHeight","p","borderRadius","border","borderColor","isToday","bgcolor","inMonth","fontWeight","date","justifyContent","width","px","py","noWrap","textDecoration","endMs","$id","undated","elsewhere","filter","Boolean","join","displayName"],"mappings":"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"}

package/src/lib/components/tasks-section.d.ts

@@ -16,9 +16,9 @@ import { type ConsolePluginPageProps } from '@aglyn/aglyn';
  *
  * The rows are selectable, and a selection raises `TasksBulkBar` over the
  * list — Complete and Assign through their routes, the due date and the
- * delete as batched writes (AGL-2621). Export CSV beside the view control
- * writes the view through `tasksCsv()`, naming the assignee and the linked
- * records; the bar writes the same file over the selection.
+ * delete as batched writes (AGL-2621). Import and Export open the console's
+ * wizard and dialog on `crm.tasks` (AGL-3528); the export reads the view's
+ * own query, and the bar opens it on the selection.
  */
 export declare function TasksSection(props: ConsolePluginPageProps): import("react").JSX.Element;
 export declare namespace TasksSection {

package/src/lib/components/tasks-section.js

@@ -16,7 +16,7 @@
  */ 'use client';
 import { _ as _extends } from "@swc/helpers/_/_extends";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { CRM_COLLECTIONS, findOrgMember, pluginDocsHelp } from "@aglyn/aglyn";
+import { CRM_COLLECTIONS, crmPicklistShownLabel, crmTaskPicklistLabels, crmTaskStatusWrite, pluginDocsHelp } from "@aglyn/aglyn";
 import { CardDisplay } from "@aglyn/shared-ui-jsx";
 import { ListTable } from "@aglyn/shared-ui-jsx/components/list-table.component";
 import { useCrmSavedView } from "../hooks/use-crm-saved-view.js";
@@ -32,13 +32,12 @@ import { useCallback, useEffect, useMemo, useState } from "react";
 import { useCrmRecordNames } from "../hooks/use-crm-record-names.js";
 import { useCrmTaskList, useNowMs } from "../hooks/use-crm-tasks.js";
 import { useOrgMemberDirectory } from "../hooks/use-org-member-directory.js";
-import { downloadTextFile } from "../model/contacts-csv.js";
+import { useCrmTaskPicklists } from "../hooks/use-crm-task-picklists.js";
 import { crmRoutes } from "../model/crm-routes.js";
 import { refreshCrmNextActivity } from "../model/next-activity-api.js";
 import { completeCrmTask } from "../model/task-api.js";
 import { crmTaskCallScope } from "../model/task-routes.js";
-import { tasksCsv } from "../model/tasks-csv.js";
-import { CRM_TASK_KIND_LABELS, CRM_TASK_KINDS, CRM_TASK_PRIORITIES, CRM_TASK_PRIORITY_LABELS, CRM_TASK_VIEWS, TASK_LIST_QUERY_FIELDS } from "../model/task-views.js";
+import { CRM_TASK_KINDS, CRM_TASK_PRIORITIES, CRM_TASK_VIEWS, TASK_LIST_QUERY_FIELDS } from "../model/task-views.js";
 import { listFilterGridColumns } from "@aglyn/shared-ui-jsx/const/list-grid-filter";
 import { ListPagination } from "@aglyn/shared-ui-jsx/components/list-pagination.component";
 import { TABLE_PAGE_SIZE_DEFAULT } from "@aglyn/shared-ui-jsx/const/table-pagination";
@@ -49,7 +48,8 @@ import { CrmListActions, CrmListToolbar } from "./crm-list-toolbar.js";
 import { TaskDueText, TaskKindCell, TaskPriorityChip, TaskRecordLink } from "./task-cells.js";
 import TaskEditDrawer from "./task-edit-drawer.js";
 import TasksCalendar from "./tasks-calendar.js";
-import { TaskImportButton } from "./task-import-drawer.js";
+import { CrmExportButton, CrmImportButton } from "./crm-transfer-buttons.js";
+import { CRM_TASKS_RESOURCE } from "../transfer/fields.js";
 import TaskSnoozeMenu from "./task-snooze-menu.js";
 import TasksBulkBar from "./tasks-bulk-bar.js";
 /** What an empty view is headed, by view — "nothing overdue" is good news. */ /*
@@ -70,7 +70,7 @@ import TasksBulkBar from "./tasks-bulk-bar.js";
 ];
 const TASK_FILTER_HEADERS = {
     view: 'Show',
-    kind: 'Kind',
+    kind: 'Type',
     priority: 'Priority',
     assigneeUid: 'Assignee'
 };
@@ -116,9 +116,9 @@ const EMPTY_LABEL = {
  *
  * The rows are selectable, and a selection raises `TasksBulkBar` over the
  * list — Complete and Assign through their routes, the due date and the
- * delete as batched writes (AGL-2621). Export CSV beside the view control
- * writes the view through `tasksCsv()`, naming the assignee and the linked
- * records; the bar writes the same file over the selection.
+ * delete as batched writes (AGL-2621). Import and Export open the console's
+ * wizard and dialog on `crm.tasks` (AGL-3528); the export reads the view's
+ * own query, and the bar opens it on the selection.
  */ export function TasksSection(props) {
     var _ref;
     const { hostId, org, basePath = '' } = props;
@@ -194,25 +194,31 @@ const EMPTY_LABEL = {
     });
     const { tasks, status, fromCache, scope, orgId, readTokens } = list;
     const directory = useOrgMemberDirectory(orgId);
-    const filterOptions = useMemo(()=>({
+    const picklists = useCrmTaskPicklists(orgId);
+    /*
+   * Type and Priority filter on the MEANING the query holds (AGL-3517), so
+   * each option is a meaning, named by the org's label for it.
+   */ const filterOptions = useMemo(()=>({
             view: CRM_TASK_VIEWS.map((option)=>({
                     value: option.id,
                     label: option.label
                 })),
             kind: CRM_TASK_KINDS.map((kind)=>({
                     value: kind,
-                    label: CRM_TASK_KIND_LABELS[kind]
+                    label: crmPicklistShownLabel(picklists.type, kind, null)
                 })),
             priority: CRM_TASK_PRIORITIES.map((priority)=>({
                     value: priority,
-                    label: CRM_TASK_PRIORITY_LABELS[priority]
+                    label: crmPicklistShownLabel(picklists.priority, priority, null)
                 })),
             assigneeUid: directory.members.map((member)=>({
                     value: member.uid,
                     label: member.label
                 }))
         }), [
-        directory.members
+        directory.members,
+        picklists.type,
+        picklists.priority
     ]);
     // What the query could not hold, said above the list rather than matched in memory.
     const refused = useMemo(()=>listQueryRefusals(list.plan.refused, {
@@ -264,21 +270,12 @@ const EMPTY_LABEL = {
         list.plan,
         list.page
     ]);
-    const csvOptions = useMemo(()=>({
-            assigneeEmail: (uid)=>{
-                const member = findOrgMember(directory.members, uid);
-                return (member == null ? void 0 : member.email) || (member == null ? void 0 : member.label) || uid;
-            },
-            recordName: nameOf
+    // The view and its filters, for the export to read the same tasks the list does (AGL-3528).
+    const exportFilter = useMemo(()=>({
+            label: 'what the list shows',
+            plan: list.plan
         }), [
-        directory.members,
-        nameOf
-    ]);
-    const handleExport = useCallback(()=>{
-        downloadTextFile('tasks.csv', 'text/csv', tasksCsv(tasks, csvOptions));
-    }, [
-        tasks,
-        csvOptions
+        list.plan
     ]);
     /*
    * List or month (AGL-2662). A layout choice over the SAME rows and the
@@ -314,12 +311,11 @@ const EMPTY_LABEL = {
         setBusyId(task.$id);
         try {
             if (task.status === 'done') {
-                await updateDoc(doc(firestore, scope[0], scope[1], CRM_COLLECTIONS.tasks, task.$id), {
-                    status: 'open',
+                await updateDoc(doc(firestore, scope[0], scope[1], CRM_COLLECTIONS.tasks, task.$id), _extends({}, crmTaskStatusWrite(picklists.status, false), {
                     completedAtMs: null,
                     completedByUid: deleteField(),
                     updatedAt: serverTimestamp()
-                });
+                }));
                 enqueueSnackbar('Task reopened', {
                     variant: 'success'
                 });
@@ -354,7 +350,8 @@ const EMPTY_LABEL = {
         user,
         hostId,
         orgId,
-        enqueueSnackbar
+        enqueueSnackbar,
+        picklists.status
     ]);
     const columns = useMemo(()=>[
             {
@@ -411,11 +408,12 @@ const EMPTY_LABEL = {
             },
             {
                 field: 'kind',
-                headerName: 'Kind',
+                headerName: 'Type',
                 width: 120,
                 sortable: false,
                 renderCell: ({ row })=>/*#__PURE__*/ _jsx(TaskKindCell, {
-                        kind: row.kind
+                        kind: row.kind,
+                        label: crmTaskPicklistLabels(row, picklists).type
                     })
             },
             {
@@ -424,7 +422,22 @@ const EMPTY_LABEL = {
                 width: 110,
                 sortable: false,
                 renderCell: ({ row })=>/*#__PURE__*/ _jsx(TaskPriorityChip, {
-                        priority: row.priority
+                        priority: row.priority,
+                        label: crmTaskPicklistLabels(row, picklists).priority
+                    })
+            },
+            {
+                // The org's status label (AGL-3517); the checkbox is the open/done half.
+                field: 'statusLabel',
+                headerName: 'Status',
+                width: 150,
+                sortable: false,
+                valueGetter: (_value, row)=>crmTaskPicklistLabels(row, picklists).status,
+                renderCell: ({ row })=>/*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: row.status === 'done' ? 'text.secondary' : undefined,
+                        noWrap: true,
+                        children: crmTaskPicklistLabels(row, picklists).status
                     })
             },
             {
@@ -492,7 +505,8 @@ const EMPTY_LABEL = {
         directory,
         routes,
         nameOf,
-        scope
+        scope,
+        picklists
     ]);
     /* The column and sort models are the view's (AGL-2617). */ const filterColumns = useMemo(()=>listFilterGridColumns(columns, TASK_FILTER_FIELDS, filterOptions, TASK_FILTER_HEADERS), [
         columns,
@@ -513,14 +527,15 @@ const EMPTY_LABEL = {
                     // The record actions, top right and never clipped (AGL-3311).
                     action: /*#__PURE__*/ _jsxs(CrmListActions, {
                         children: [
-                            /*#__PURE__*/ _jsx(TaskImportButton, {
+                            /*#__PURE__*/ _jsx(CrmImportButton, {
+                                resource: CRM_TASKS_RESOURCE,
+                                noun: "tasks",
                                 hostId: hostId
                             }),
-                            /*#__PURE__*/ _jsx(Button, {
-                                size: "small",
-                                onClick: handleExport,
-                                disabled: !tasks.length,
-                                children: 'Export CSV'
+                            /*#__PURE__*/ _jsx(CrmExportButton, {
+                                resource: CRM_TASKS_RESOURCE,
+                                hostId: hostId,
+                                filter: exportFilter
                             }),
                             /*#__PURE__*/ _jsx(Button, {
                                 size: "small",
@@ -586,6 +601,7 @@ const EMPTY_LABEL = {
                         }) : /*#__PURE__*/ _jsx(_Fragment, {
                             children: layout === 'calendar' ? /*#__PURE__*/ _jsx(TasksCalendar, {
                                 tasks: tasks,
+                                picklists: picklists,
                                 truncated: list.hasMore,
                                 onOpen: (task)=>setDrawer({
                                         open: true,
@@ -599,8 +615,7 @@ const EMPTY_LABEL = {
                                         rows: tasks,
                                         selected: selectedIds,
                                         onSelectedChange: setSelectedIds,
-                                        directory: directory,
-                                        csv: csvOptions
+                                        directory: directory
                                     }),
                                     /*#__PURE__*/ _jsx(CrmColumnOrderProvider, {
                                         value: grid.columnOrder,