@aglyn/plugins-crm 1.0.0-beta.143

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

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

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

@@ -0,0 +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 } 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                  {member.label}\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","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":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;;;AAEA;;;;;;;;;;;;;;;;CAgBC,GAED,SAASA,eAAe,QAAQ,eAAc;AAC9C,SAASC,sBAAsB,QAAQ,uBAAsB;AAC7D,SAASC,YAAY,EAAEC,OAAO,QAAQ,iCAAgC;AACtE,SAASC,MAAM,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,gBAAe;AAC3D,SAASC,GAAG,EAAEC,eAAe,QAAQ,qBAAoB;AACzD,SAASC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAO;AACtD,SAASC,eAAe,QAAQ,iCAA6B;AAG7D,SAASC,gBAAgB,QAAQ,2BAAuB;AACxD,SAASC,sBAAsB,QAAQ,gCAA4B;AACnE,SAGEC,cAAc,EACdC,eAAe,EACfC,eAAe,EACfC,gBAAgB,QACX,8BAA0B;AACjC,SACEC,eAAe,EACfC,gBAAgB,EAChBC,WAAW,EACXC,YAAY,QACP,uBAAmB;AAC1B,SAASC,gBAAgB,EAAEC,eAAe,QAAQ,0BAAsB;AACxE,SAASC,iBAAiB,EAAEC,iBAAiB,QAAQ,yBAAqB;AAC1E,SAA8BC,QAAQ,QAAQ,wBAAoB;AAClE,SAEEC,eAAe,EACfC,kBAAkB,EAClBC,SAAS,QACJ,0BAAsB;AAC7B,OAAOC,wBAAwB,6BAAyB;AAoBxD,MAAMC,OAAoB;IAAEC,UAAU;IAAQC,QAAQ;AAAQ;AAI9D,MAAMC,gBAA+C;IACnDC,QAAQ;IACRC,KAAK;AACP;AAEA,MAAMC,UAAU,CAACC,OAA6BA,KAAKC,KAAK,IAAID,KAAKE,GAAG;AAEpE,OAAO,SAASC,aAAaC,KAAwB;IACnD,IAAI,CAACA,MAAMC,QAAQ,CAACC,MAAM,EAAE,OAAO;IACnC,qBAAO,KAACC,+BAAqBH;AAC/B;AACAD,aAAaK,WAAW,GAAG;AAE3B,SAASD,iBAAiBH,KAAwB;cAgNlCK;IA/Md,MAAM,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAEP,QAAQ,EAAEQ,gBAAgB,EAAEJ,SAAS,EAAEK,GAAG,EAAE,GAAGV;IAC5E,MAAMW,YAAYpD;IAClB,MAAM,EAAEqD,MAAMC,IAAI,EAAE,GAAGrD;IACvB,MAAM,EAAEsD,OAAO,EAAE,GAAGxD;IACpB,MAAM,EAAEyD,IAAI,EAAEC,MAAM,EAAEC,KAAK,EAAEC,aAAa,EAAE,GAAGjD,gBAAgB;QAAEkD,YAAY;IAAO;IAEpF,MAAMC,eAAerD,QAAQ;QAC3B,MAAMsD,SAAS,IAAIC,IAAIrB;QACvB,OAAOO,KAAKe,MAAM,CAAC,CAACC,MAAQH,OAAOI,GAAG,CAACD,IAAI1B,GAAG;IAChD,GAAG;QAACU;QAAMP;KAAS;IAEnB,MAAM,CAACyB,SAASC,WAAW,GAAG3D,SAA+B;IAC7D,MAAM,CAAC4D,OAAOC,SAAS,GAAG7D,SAAS;IAEnC,MAAM8D,UAAU/D,QACd,IACEK,eAAeuC,WAAW,CAACoB;;mBACzBnE,IAAI+C,mBAAWJ,yBAAAA,KAAO,CAAC,EAAE,mBAAI,iBAAQA,yBAAAA,KAAO,CAAC,EAAE,oBAAI,IAAIlD,gBAAgB2E,KAAK,EAAED;YAElF;QAACpB;QAAWJ;KAAM;IAGpB,MAAM0B,aAAa,CAACC;QAClBL,SAAS;QACTF,WAAWO;IACb;IAEA,uEAAuE;IACvE,MAAMC,gBAAQ5B,yBAAAA,KAAO,CAAC,EAAE,mBAAI;IAE5B,MAAM6B,UAAUtE,YACd,OAAOuE,MAAmBC;QACxB,MAAMC,UAAU,MAAMtB,MAAM;YAC1BuB,WAAWH,KAAKI,MAAM,CAACvC,MAAM;YAC7BwC,SAASL,KAAKK,OAAO;YACrBC,KAAK,IAAMpE,iBAAiBuD,SAASO,KAAKI,MAAM,EAAE,CAACG,QAAUA,MAAMC,KAAK;YACxEP;QACF;QACA,iEAAiE;QACjE,uDAAuD;QACvD,MAAMQ,UAAU,IAAIxB,IAAIe,KAAKI,MAAM,CAACM,GAAG,CAAC,CAACH,QAAUA,MAAMb,EAAE;QAC3D,MAAM5D,uBACJ0C,MACAjC,iBAAiB0B,QAAQ6B,QACzBf,aAAaG,MAAM,CAAC,CAAC3B,OAASkD,QAAQrB,GAAG,CAAC7B,KAAKE,GAAG;QAEpD,OAAOyC;IACT,GACA;QAACtB;QAAOa;QAASjB;QAAMP;QAAQ6B;QAAOf;KAAa;IAGrD;;;;GAIC,GACD,MAAM4B,WAAWlF,YACf,CACEkE,OACAiB,MAIAX,OAEArB,MAAM;YACJuB,WAAWR,MAAM9B,MAAM;YACvBwC,SAAS,EAAE;YACXC,KAAK,IACHrC,SACIhC,gBAAgB0D,OAAOrC,SAASsD,KAAKC,IAAI,IACzC7E,gBACE2D,OACA,CAACpC,OAASA,KAAKE,GAAG,EAClBH,SACA,OAAOa,OACL,AAAC,CAAA,MAAMyC,KAAKE,KAAK,CAAC3C,KAAI,EAAGuC,GAAG,CAAC;4BAAC,EAAEK,MAAM,EAAW,OAANC;;;+BAAY;4BAAEtB,IAAIqB;2BAAWC;;YAElFf;QACF,IACF;QAACrB;QAAOX;KAAO;IAGjB;;;;GAIC,GACD,MAAMgD,iBAAiBxF,YAAY;QACjC,IAAI,CAACqE,OAAO;QACZ,MAAMoB,OAAOnC,aAAaG,MAAM,CAAC,CAAC3B,OAASA,KAAK4D,MAAM,KAAK;QAC3D,MAAMR,SACJO,MACA;YACEL,MAAM,CAACtD,OAASpB,gBAAgBqC,MAAM;oBAAEP,QAAQA;oBAAkB8C,QAAQxD,KAAKE,GAAG;gBAAC;YACnFqD,OAAO,OAAOnB,QACZ,AAAC,CAAA,MAAMvD,iBAAiBoC,MAAM;oBAAEsB;oBAAOsB,SAASzB,MAAMe,GAAG,CAAC,CAACnD,OAASA,KAAKE,GAAG;gBAAE,EAAC,EAC5E4D,OAAO;QACd,GACA,CAACC,QAAU,CAAC,UAAU,EAAExE,UAAUwE,OAAOtE,OAAO;IAEpD,GAAG;QAAC+B;QAAc4B;QAAUnC;QAAMP;QAAQ6B;KAAM;IAEhD,MAAMyB,cAAc9F,YAAY;QAC9B,IAAI,CAAC4D,WAAW,CAACnB,OAAO;QACxB,MAAM2B,SAASR;QACfC,WAAW;QACX,IAAIO,WAAW,UAAU;YACvB,MAAM2B,cAAcjC,SAAS;YAC7B,MAAMkC,MAAMD,cAAcxD,UAAU0D,MAAM,CAACF,eAAe;YAC1D,MAAMG,aAAa,CAACpE,OAAsB,CAAA;oBACxCwD,QAAQxD,KAAKE,GAAG;oBAChBF,MAAM,aAAKf,gBAAgBe;wBAAOiE;;gBACpC,CAAA;YACA,MAAMb,SACJ5B,cACA;gBACE8B,MAAM,CAACtD,OAASlB,YAAYmC,MAAM;wBAAEP,QAAQA;uBAAqB0D,WAAWpE;gBAC5EuD,OAAO,OAAOnB,QACZ,AAAC,CAAA,MAAMrD,aAAakC,MAAM;wBAAEsB,OAAO5B,KAAK,CAAC,EAAE;wBAAEyB,OAAOA,MAAMe,GAAG,CAACiB;oBAAY,EAAC,EAAGN,OAAO;YACzF,GACA,CAACC,QAAU,CAAC,SAAS,EAAExE,UAAUwE,OAAOtE,MAAM,IAAI,EAAEyE,KAAK;YAE3D;QACF;QACA,MAAMG,UAAUlF,kBAAkB6C;QAClC,MAAMa,SAAyBrB,aAAa2B,GAAG,CAAC,CAACnD,OAAU,CAAA;gBACzDmC,IAAInC,KAAKE,GAAG;gBACZ+C,OAAOlD,QAAQC;gBACfsE,MAAM;gBACN,sEAAsE;gBACtE,iEAAiE;gBACjEtD,MAAM;oBAAEqD;oBAASE,WAAWtG;gBAAkB;YAChD,CAAA;QACA,MAAMuE,QACJ;YAAEK;YAAQC,SAAS,EAAE;QAAC,GACtB,CAACiB,QACCM,YAAY,OACR,CAAC,oBAAoB,EAAE9E,UAAUwE,OAAOtE,OAAO,GAC/C,CAAC,gBAAgB,EAAEF,UAAUwE,OAAOtE,OAAO;IAErD,GAAG;QAACqC;QAASnB;QAAOqB;QAAOvB;QAAWe;QAAc4B;QAAUnC;QAAMP;QAAQ8B;KAAQ;IAEpF,MAAMgC,eAAetG,YAAY;QAC/BI,iBAAiB,sBAAsB,YAAYc,SAASoC,cAAcV;IAC5E,GAAG;QAACU;QAAcV;KAAI;IAEtB,MAAM2D,eAAevG,YAAY;QAC/B,IAAI,CAACyC,SAAS,CAACa,aAAalB,MAAM,EAAE;QACpC,MAAMyD,QAAQvC,aAAalB,MAAM;QACjC,MAAMoE,YAAY,MAAMxD,QAAQ;YAC9BjB,OAAO8D,UAAU,IAAI,sBAAsB,CAAC,OAAO,EAAEA,MAAM,OAAO,CAAC;YACnEY,aACE,GAAGZ,UAAU,IAAI,UAAU,WAAW,8BAA8B,CAAC,GACrE,wEACA;YACFa,kBAAkBb,UAAU,IAAI,gBAAgB;YAChDc,yBAAyB;gBAAEC,OAAO;YAAQ;QAC5C,EACE,0DAA0D;SACzDC,IAAI,CAAC,IAAM,MACXC,KAAK,CAAC,IAAM;QACf,IAAI,CAACN,WAAW;QAChB,MAAM7B,SAAyBrB,aAAa2B,GAAG,CAAC,CAACnD,OAAU,CAAA;gBACzDmC,IAAInC,KAAKE,GAAG;gBACZ+C,OAAOlD,QAAQC;gBACfsE,MAAM;YACR,CAAA;QACA,MAAM3B,UAAU,MAAMH,QACpB;YAAEK;YAAQC,SAAS,EAAE;QAAC,GACtB,CAACJ,OAAS,CAAC,QAAQ,EAAEnD,UAAUmD,MAAMjD,OAAO;QAE9C,MAAMwF,UAAU,IAAIvD,IAAIiB,QAAQsC,OAAO,CAAC9B,GAAG,CAAC,CAACvB,MAAQA,IAAIqB,KAAK;QAC9DpC,iBACEW,aAAaG,MAAM,CAAC,CAAC3B,OAASiF,QAAQpD,GAAG,CAAC9B,QAAQC,QAAQmD,GAAG,CAAC,CAACnD,OAASA,KAAKE,GAAG;IAEpF,GAAG;QAACS;QAAOa;QAAcN;QAASsB;QAAS3B;KAAiB;IAE5D,qBACE,MAACxB;QACC0E,OAAO1D,SAASC,MAAM;QACtB4E,MAAMzF;QACN0B,MAAMA;QACNgE,SAAS,IAAMtE,iBAAiB,EAAE;QAClCO,QAAQA;QACRgE,iBAAiB9D;QACjB+D,sBACE,KAAC/F;YACCqE,MAAM7B,YAAY;YAClB7B,OAAO6B,UAAUlC,aAAa,CAACkC,QAAQ,GAAG;YAC1CiC,OAAO1D,SAASC,MAAM;YACtB4E,MAAMzF;YACN0B,MAAMA;YACNmE,QAAQ;YACRC,SAAS,IAAMxD,WAAW;YAC1ByD,SAAS,IAAM,KAAKxB;sBAEnBlC,YAAY,yBACX,MAAC/D;gBACC0H,MAAM;gBACNC,MAAK;gBACLzC,OAAM;gBACNjB,OAAOA;gBACP2D,UAAU,CAACC,QAAU3D,SAAS2D,MAAMC,MAAM,CAAC7D,KAAK;gBAChD8D,UAAUrF,UAAUsF,OAAO;gBAC3BC,OAAOC,QAAQxF,UAAUuF,KAAK;gBAC9BE,UAAU,GACRzF,mBAAAA,UAAUuF,KAAK,YAAfvF,mBACCA,UAAUsF,OAAO,GACd,sBACA;;kCAGN,KAACjI;wBAASkE,OAAM;kCAAI;;oBACnBvB,UAAU0F,OAAO,CAAChD,GAAG,CAAC,CAACiD,uBACtB,KAACtI;4BAA0BkE,OAAOoE,OAAOC,GAAG;sCACzCD,OAAOnD,KAAK;2BADAmD,OAAOC,GAAG;;iBAK3BvE,YAAY,sBACd,KAAC/D;gBACC2H,MAAK;gBACLY,MAAK;gBACLrD,OAAM;gBACNjB,OAAOA;gBACP2D,UAAU,CAACC,QAAU3D,SAAS2D,MAAMC,MAAM,CAAC7D,KAAK;gBAChDkE,YAAW;gBACXK,WAAW;oBAAEC,YAAY;wBAAEC,QAAQ;oBAAK;gBAAE;iBAE1C;;;0BAIR,KAAC5I;gBAAO6H,MAAK;gBAAQI,UAAU3E,QAAQ,CAACR;gBAAO+F,SAAS,IAAM,KAAKhD;0BAChE;;0BAEH,KAAC7F;gBAAO6H,MAAK;gBAAQI,UAAU3E,QAAQ,CAACR;gBAAO+F,SAAS,IAAMrE,WAAW;0BACtE;;0BAEH,KAACxE;gBACC6H,MAAK;gBACLI,UAAU3E,QAAQ,CAACR;gBACnB+F,SAAS;wBAIoBlF;oBAH3Ba,WAAW;oBACX,8DAA8D;oBAC9D,wBAAwB;oBACxBJ,SAAS/C,mBAAkBsC,iBAAAA,YAAY,CAAC,EAAE,qBAAfA,eAAiB6C,OAAO;gBACrD;0BAEC;;0BAEH,KAACxG;gBAAO6H,MAAK;gBAAQI,UAAU3E;gBAAMuF,SAASlC;0BAC3C;;0BAMH,KAAChF;gBACCmH,UAAS;gBACTpE,KAAK,WAAE5B,yBAAAA,KAAO,CAAC,EAAE,oBAAI;gBACrBD,QAAQA;gBACRoF,UAAU3E;;0BAEZ,KAACtD;gBACC6H,MAAK;gBACLZ,OAAM;gBACNgB,UAAU3E,QAAQ,CAACR;gBACnB+F,SAAS,IAAM,KAAKjC;0BAEnB;;;;AAIT;AACAlE,iBAAiBC,WAAW,GAAG;AAE/B,eAAeL,aAAY"}

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

@@ -0,0 +1,38 @@
+import type { CrmTaskRow } from '../hooks/use-crm-tasks';
+export interface TasksCalendarProps {
+    /** The window the list is holding — the calendar reads no more than it. */
+    tasks: readonly CrmTaskRow[];
+    /** Open one task's drawer, the same drawer a row opens. */
+    onOpen: (task: CrmTaskRow) => void;
+    /** The list's window filled, so neither surface is showing everything. */
+    truncated?: boolean;
+}
+/**
+ * A MONTH OF TASKS, BY DUE DATE (AGL-2662).
+ *
+ * The Tasks list answers "what is on my plate"; this answers "what does
+ * next week look like", which a list ordered by due date can only imply.
+ *
+ * ## Drawn over the list's own window, and never over a second read
+ *
+ * The rows are the ones the section already holds. A calendar that fetched
+ * its own month would be a second listener over the same collection, would
+ * disagree with the list whenever the two windows differed, and would put
+ * a read behind every page of the arrows. What it costs instead is honesty:
+ * the grid can only place what the window carries, so the tasks due in
+ * other months are counted under it rather than implied to be absent.
+ *
+ * ## Hand-built rather than a calendar dependency
+ *
+ * Seven columns of MUI boxes and the local-day arithmetic in
+ * `task-calendar.ts`. The one calendar package already installed
+ * (`@mui/x-date-pickers`) draws a date PICKER — a grid whose squares are
+ * choices, not content — so it answers a different question, and a
+ * scheduling library for one surface is a dependency the whole console
+ * would carry.
+ */
+export declare function TasksCalendar(props: TasksCalendarProps): import("react").JSX.Element;
+export declare namespace TasksCalendar {
+    var displayName: string;
+}
+export default TasksCalendar;

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

@@ -0,0 +1,228 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { mdiChevronLeft, mdiChevronRight } from "@aglyn/shared-data-mdi";
+import { MdiIcon } from "@aglyn/shared-ui-jsx";
+import { Box, Button, ButtonBase, IconButton, Stack, Typography } from "@mui/material";
+import { useMemo, useState } from "react";
+import { bucketTasksByCalendarDay, CALENDAR_DAY_LABELS, CALENDAR_WEEK_DAYS, shiftCalendarMonth, taskCalendarMonth } from "../model/task-calendar.js";
+/** How many tasks a square lists before folding the rest into a count. */ const TASKS_PER_DAY = 3;
+/**
+ * A MONTH OF TASKS, BY DUE DATE (AGL-2662).
+ *
+ * The Tasks list answers "what is on my plate"; this answers "what does
+ * next week look like", which a list ordered by due date can only imply.
+ *
+ * ## Drawn over the list's own window, and never over a second read
+ *
+ * The rows are the ones the section already holds. A calendar that fetched
+ * its own month would be a second listener over the same collection, would
+ * disagree with the list whenever the two windows differed, and would put
+ * a read behind every page of the arrows. What it costs instead is honesty:
+ * the grid can only place what the window carries, so the tasks due in
+ * other months are counted under it rather than implied to be absent.
+ *
+ * ## Hand-built rather than a calendar dependency
+ *
+ * Seven columns of MUI boxes and the local-day arithmetic in
+ * `task-calendar.ts`. The one calendar package already installed
+ * (`@mui/x-date-pickers`) draws a date PICKER — a grid whose squares are
+ * choices, not content — so it answers a different question, and a
+ * scheduling library for one surface is a dependency the whole console
+ * would carry.
+ */ export function TasksCalendar(props) {
+    const { tasks, onOpen, truncated } = props;
+    /*
+   * 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
+   * open across midnight, without any state having changed — and the grid
+   * is a pure function of this, so what is drawn can be pinned.
+   */ const [nowMs] = useState(()=>Date.now());
+    const [anchorMs, setAnchorMs] = useState(()=>nowMs);
+    const month = useMemo(()=>taskCalendarMonth(anchorMs, nowMs), [
+        anchorMs,
+        nowMs
+    ]);
+    const buckets = useMemo(()=>bucketTasksByCalendarDay(tasks, (task)=>task.dueAtMs, month), [
+        tasks,
+        month
+    ]);
+    const label = useMemo(()=>month.monthDate.toLocaleDateString(undefined, {
+            month: 'long',
+            year: 'numeric'
+        }), [
+        month
+    ]);
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 1.5,
+        children: [
+            /*#__PURE__*/ _jsxs(Stack, {
+                direction: "row",
+                spacing: 1,
+                sx: {
+                    alignItems: 'center',
+                    flexWrap: 'wrap',
+                    rowGap: 1
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(IconButton, {
+                        size: "small",
+                        "aria-label": "Previous month",
+                        onClick: ()=>setAnchorMs((current)=>shiftCalendarMonth(current, -1)),
+                        children: /*#__PURE__*/ _jsx(MdiIcon, {
+                            path: mdiChevronLeft.path,
+                            size: 0.9
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "subtitle1",
+                        sx: {
+                            minWidth: 160,
+                            textAlign: 'center'
+                        },
+                        children: label
+                    }),
+                    /*#__PURE__*/ _jsx(IconButton, {
+                        size: "small",
+                        "aria-label": "Next month",
+                        onClick: ()=>setAnchorMs((current)=>shiftCalendarMonth(current, 1)),
+                        children: /*#__PURE__*/ _jsx(MdiIcon, {
+                            path: mdiChevronRight.path,
+                            size: 0.9
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        size: "small",
+                        onClick: ()=>setAnchorMs(nowMs),
+                        children: 'Today'
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(Box, {
+                sx: {
+                    overflowX: 'auto'
+                },
+                children: /*#__PURE__*/ _jsxs(Box, {
+                    sx: {
+                        minWidth: 640
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(Box, {
+                            sx: {
+                                display: 'grid',
+                                gridTemplateColumns: `repeat(${CALENDAR_WEEK_DAYS}, 1fr)`,
+                                gap: 0.5,
+                                mb: 0.5
+                            },
+                            children: CALENDAR_DAY_LABELS.map((day)=>/*#__PURE__*/ _jsx(Typography, {
+                                    variant: "caption",
+                                    color: "text.secondary",
+                                    sx: {
+                                        textAlign: 'center'
+                                    },
+                                    children: day
+                                }, day))
+                        }),
+                        /*#__PURE__*/ _jsx(Box, {
+                            sx: {
+                                display: 'grid',
+                                gridTemplateColumns: `repeat(${CALENDAR_WEEK_DAYS}, 1fr)`,
+                                gap: 0.5
+                            },
+                            children: month.weeks.flat().map((day)=>{
+                                var _buckets_byDay_get;
+                                const held = (_buckets_byDay_get = buckets.byDay.get(day.startMs)) != null ? _buckets_byDay_get : [];
+                                const shown = held.slice(0, TASKS_PER_DAY);
+                                const folded = held.length - shown.length;
+                                return /*#__PURE__*/ _jsxs(Box, {
+                                    sx: {
+                                        minHeight: 96,
+                                        p: 0.75,
+                                        borderRadius: 1,
+                                        border: 1,
+                                        borderColor: day.isToday ? 'primary.main' : 'divider',
+                                        bgcolor: day.inMonth ? 'background.paper' : 'action.hover'
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "caption",
+                                            sx: {
+                                                display: 'block',
+                                                mb: 0.5,
+                                                fontWeight: day.isToday ? 'fontWeightBold' : undefined,
+                                                color: day.inMonth ? 'text.primary' : 'text.disabled'
+                                            },
+                                            children: day.date
+                                        }),
+                                        /*#__PURE__*/ _jsxs(Stack, {
+                                            spacing: 0.25,
+                                            children: [
+                                                shown.map((task)=>/*#__PURE__*/ _jsx(ButtonBase, {
+                                                        onClick: ()=>onOpen(task),
+                                                        sx: {
+                                                            justifyContent: 'flex-start',
+                                                            width: '100%',
+                                                            px: 0.5,
+                                                            py: 0.25,
+                                                            borderRadius: 0.5,
+                                                            bgcolor: 'action.selected',
+                                                            '&:hover': {
+                                                                bgcolor: 'action.focus'
+                                                            }
+                                                        },
+                                                        children: /*#__PURE__*/ _jsx(Typography, {
+                                                            variant: "caption",
+                                                            noWrap: true,
+                                                            sx: {
+                                                                width: '100%',
+                                                                textAlign: 'left',
+                                                                textDecoration: task.status === 'done' ? 'line-through' : undefined,
+                                                                color: task.status === 'done' ? 'text.secondary' : day.endMs <= nowMs ? 'error.main' : 'text.primary'
+                                                            },
+                                                            children: task.title
+                                                        })
+                                                    }, task.$id)),
+                                                folded > 0 ? /*#__PURE__*/ _jsx(Typography, {
+                                                    variant: "caption",
+                                                    color: "text.secondary",
+                                                    children: `+${folded} more`
+                                                }) : null
+                                            ]
+                                        })
+                                    ]
+                                }, day.startMs);
+                            })
+                        })
+                    ]
+                })
+            }),
+            buckets.undated.length || buckets.elsewhere.length || truncated ? /*#__PURE__*/ _jsx(Typography, {
+                variant: "caption",
+                color: "text.secondary",
+                children: [
+                    buckets.elsewhere.length ? `${buckets.elsewhere.length} due outside this month` : '',
+                    buckets.undated.length ? `${buckets.undated.length} with no due date` : '',
+                    truncated ? 'and the view is showing only its first page' : ''
+                ].filter(Boolean).join(' · ')
+            }) : null
+        ]
+    });
+}
+TasksCalendar.displayName = 'TasksCalendar';
+export default TasksCalendar;
+
+//# sourceMappingURL=tasks-calendar.js.map