@aglyn/plugins-crm 1.0.0-beta.143

package/src/lib/components/crm-bulk-bar-frame.js

@@ -0,0 +1,137 @@
+/**
+ * @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";
+/**
+ * THE CHROME EVERY BULK BAR SHARES (AGL-2621).
+ *
+ * The contacts bar (AGL-2603) settled how a bar over a table reads: it
+ * appears only for a selection and says how many, its actions sit in one
+ * wrapping row with Clear at the end, and whatever the last action could
+ * not do is listed by name in an alert under it until dismissed. Companies,
+ * deals and tasks each have a bar now, and each would be the same frame
+ * around different buttons, so the frame lives here and each bar supplies
+ * its actions and its dialog's field.
+ */ import { Alert, Button, Dialog, DialogActions, DialogContent, DialogTitle, Stack, Typography } from "@mui/material";
+/** "1 company" or "3 companies". */ export function countNoun(count, noun) {
+    return count === 1 ? `1 ${noun.singular}` : `${count.toLocaleString()} ${noun.plural}`;
+}
+export function CrmBulkBarFrame(props) {
+    const { count, noun, busy, onClear, report, onDismissReport, children, extras } = props;
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 1,
+        children: [
+            /*#__PURE__*/ _jsxs(Stack, {
+                direction: "row",
+                spacing: 1,
+                useFlexGap: true,
+                sx: {
+                    alignItems: 'center',
+                    flexWrap: 'wrap',
+                    rowGap: 1,
+                    p: 1,
+                    border: 1,
+                    borderColor: 'divider',
+                    borderRadius: 1
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        sx: {
+                            mr: 1
+                        },
+                        children: `${count.toLocaleString()} selected`
+                    }),
+                    children,
+                    /*#__PURE__*/ _jsx(Button, {
+                        size: "small",
+                        disabled: busy,
+                        onClick: onClear,
+                        children: 'Clear'
+                    })
+                ]
+            }),
+            report ? /*#__PURE__*/ _jsxs(Alert, {
+                severity: "warning",
+                onClose: onDismissReport,
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        children: report.length === 1 ? `One ${noun.singular} was not changed:` : `${report.length} ${noun.plural} were not changed:`
+                    }),
+                    report.map((row)=>/*#__PURE__*/ _jsx(Typography, {
+                            variant: "caption",
+                            component: "div",
+                            children: `${row.label} — ${row.reason}`
+                        }, `${row.label}:${row.reason}`))
+                ]
+            }) : null,
+            extras
+        ]
+    });
+}
+CrmBulkBarFrame.displayName = 'CrmBulkBarFrame';
+/**
+ * The one small dialog a value-taking action opens: what it applies to,
+ * the field, Cancel and Apply. Closing is refused while the action runs.
+ */ export function CrmBulkValueDialog(props) {
+    const { open, title, count, noun, busy, canApply, applyLabel, onClose, onApply, children } = props;
+    return /*#__PURE__*/ _jsxs(Dialog, {
+        open: open,
+        onClose: busy ? undefined : onClose,
+        fullWidth: true,
+        maxWidth: "xs",
+        children: [
+            /*#__PURE__*/ _jsx(DialogTitle, {
+                children: title
+            }),
+            /*#__PURE__*/ _jsx(DialogContent, {
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 1.5,
+                    sx: {
+                        pt: 1
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            children: `Applies to ${countNoun(count, noun)} selected.`
+                        }),
+                        children
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsxs(DialogActions, {
+                children: [
+                    /*#__PURE__*/ _jsx(Button, {
+                        onClick: onClose,
+                        disabled: busy,
+                        children: 'Cancel'
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        variant: "contained",
+                        disabled: busy || !canApply,
+                        onClick: onApply,
+                        children: applyLabel != null ? applyLabel : 'Apply'
+                    })
+                ]
+            })
+        ]
+    });
+}
+CrmBulkValueDialog.displayName = 'CrmBulkValueDialog';
+
+//# sourceMappingURL=crm-bulk-bar-frame.js.map

package/src/lib/components/crm-bulk-bar-frame.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/crm-bulk-bar-frame.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 CHROME EVERY BULK BAR SHARES (AGL-2621).\n *\n * The contacts bar (AGL-2603) settled how a bar over a table reads: it\n * appears only for a selection and says how many, its actions sit in one\n * wrapping row with Clear at the end, and whatever the last action could\n * not do is listed by name in an alert under it until dismissed. Companies,\n * deals and tasks each have a bar now, and each would be the same frame\n * around different buttons, so the frame lives here and each bar supplies\n * its actions and its dialog's field.\n */\n\nimport {\n  Alert,\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport type { ReactNode } from 'react'\nimport type { CrmBulkSkip } from '../model/crm-bulk-writes'\n\n/** How a bar names its rows — \"1 company\", \"3 deals\". */\nexport interface CrmBulkNoun {\n  singular: string\n  plural: string\n}\n\n/** \"1 company\" or \"3 companies\". */\nexport function countNoun(count: number, noun: CrmBulkNoun): string {\n  return count === 1\n    ? `1 ${noun.singular}`\n    : `${count.toLocaleString()} ${noun.plural}`\n}\n\nexport interface CrmBulkBarFrameProps {\n  count: number\n  noun: CrmBulkNoun\n  busy: boolean\n  onClear: () => void\n  /** What the last action could not do, by name, until dismissed. */\n  report: readonly CrmBulkSkip[] | null\n  onDismissReport: () => void\n  /** The action buttons, in order. */\n  children: ReactNode\n  /** Anything the bar mounts beside itself — a dialog, a confirm. */\n  extras?: ReactNode\n}\n\nexport function CrmBulkBarFrame(props: CrmBulkBarFrameProps) {\n  const { count, noun, busy, onClear, report, onDismissReport, children, extras } =\n    props\n  return (\n    <Stack spacing={1}>\n      <Stack\n        direction=\"row\"\n        spacing={1}\n        useFlexGap\n        sx={{\n          alignItems: 'center',\n          flexWrap: 'wrap',\n          rowGap: 1,\n          p: 1,\n          border: 1,\n          borderColor: 'divider',\n          borderRadius: 1,\n        }}\n      >\n        <Typography variant=\"body2\" sx={{ mr: 1 }}>\n          {`${count.toLocaleString()} selected`}\n        </Typography>\n        {children}\n        <Button size=\"small\" disabled={busy} onClick={onClear}>\n          {'Clear'}\n        </Button>\n      </Stack>\n      {report ? (\n        <Alert severity=\"warning\" onClose={onDismissReport}>\n          <Typography variant=\"body2\">\n            {report.length === 1\n              ? `One ${noun.singular} was not changed:`\n              : `${report.length} ${noun.plural} were not changed:`}\n          </Typography>\n          {report.map((row) => (\n            <Typography key={`${row.label}:${row.reason}`} variant=\"caption\" component=\"div\">\n              {`${row.label} — ${row.reason}`}\n            </Typography>\n          ))}\n        </Alert>\n      ) : null}\n      {extras}\n    </Stack>\n  )\n}\nCrmBulkBarFrame.displayName = 'CrmBulkBarFrame'\n\nexport interface CrmBulkValueDialogProps {\n  open: boolean\n  title: string\n  count: number\n  noun: CrmBulkNoun\n  busy: boolean\n  /** Whether Apply may be pressed — the field has a value the action can use. */\n  canApply: boolean\n  applyLabel?: string\n  onClose: () => void\n  onApply: () => void\n  children: ReactNode\n}\n\n/**\n * The one small dialog a value-taking action opens: what it applies to,\n * the field, Cancel and Apply. Closing is refused while the action runs.\n */\nexport function CrmBulkValueDialog(props: CrmBulkValueDialogProps) {\n  const { open, title, count, noun, busy, canApply, applyLabel, onClose, onApply, children } =\n    props\n  return (\n    <Dialog open={open} onClose={busy ? undefined : onClose} fullWidth maxWidth=\"xs\">\n      <DialogTitle>{title}</DialogTitle>\n      <DialogContent>\n        <Stack spacing={1.5} sx={{ pt: 1 }}>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {`Applies to ${countNoun(count, noun)} selected.`}\n          </Typography>\n          {children}\n        </Stack>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={onClose} disabled={busy}>\n          {'Cancel'}\n        </Button>\n        <Button variant=\"contained\" disabled={busy || !canApply} onClick={onApply}>\n          {applyLabel ?? 'Apply'}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\nCrmBulkValueDialog.displayName = 'CrmBulkValueDialog'\n"],"names":["Alert","Button","Dialog","DialogActions","DialogContent","DialogTitle","Stack","Typography","countNoun","count","noun","singular","toLocaleString","plural","CrmBulkBarFrame","props","busy","onClear","report","onDismissReport","children","extras","spacing","direction","useFlexGap","sx","alignItems","flexWrap","rowGap","p","border","borderColor","borderRadius","variant","mr","size","disabled","onClick","severity","onClose","length","map","row","component","label","reason","displayName","CrmBulkValueDialog","open","title","canApply","applyLabel","onApply","undefined","fullWidth","maxWidth","pt","color"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;AAEA;;;;;;;;;;CAUC,GAED,SACEA,KAAK,EACLC,MAAM,EACNC,MAAM,EACNC,aAAa,EACbC,aAAa,EACbC,WAAW,EACXC,KAAK,EACLC,UAAU,QACL,gBAAe;AAUtB,kCAAkC,GAClC,OAAO,SAASC,UAAUC,KAAa,EAAEC,IAAiB;IACxD,OAAOD,UAAU,IACb,CAAC,EAAE,EAAEC,KAAKC,QAAQ,EAAE,GACpB,GAAGF,MAAMG,cAAc,GAAG,CAAC,EAAEF,KAAKG,MAAM,EAAE;AAChD;AAgBA,OAAO,SAASC,gBAAgBC,KAA2B;IACzD,MAAM,EAAEN,KAAK,EAAEC,IAAI,EAAEM,IAAI,EAAEC,OAAO,EAAEC,MAAM,EAAEC,eAAe,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAC7EN;IACF,qBACE,MAACT;QAAMgB,SAAS;;0BACd,MAAChB;gBACCiB,WAAU;gBACVD,SAAS;gBACTE,UAAU;gBACVC,IAAI;oBACFC,YAAY;oBACZC,UAAU;oBACVC,QAAQ;oBACRC,GAAG;oBACHC,QAAQ;oBACRC,aAAa;oBACbC,cAAc;gBAChB;;kCAEA,KAACzB;wBAAW0B,SAAQ;wBAAQR,IAAI;4BAAES,IAAI;wBAAE;kCACrC,GAAGzB,MAAMG,cAAc,GAAG,SAAS,CAAC;;oBAEtCQ;kCACD,KAACnB;wBAAOkC,MAAK;wBAAQC,UAAUpB;wBAAMqB,SAASpB;kCAC3C;;;;YAGJC,uBACC,MAAClB;gBAAMsC,UAAS;gBAAUC,SAASpB;;kCACjC,KAACZ;wBAAW0B,SAAQ;kCACjBf,OAAOsB,MAAM,KAAK,IACf,CAAC,IAAI,EAAE9B,KAAKC,QAAQ,CAAC,iBAAiB,CAAC,GACvC,GAAGO,OAAOsB,MAAM,CAAC,CAAC,EAAE9B,KAAKG,MAAM,CAAC,kBAAkB,CAAC;;oBAExDK,OAAOuB,GAAG,CAAC,CAACC,oBACX,KAACnC;4BAA8C0B,SAAQ;4BAAUU,WAAU;sCACxE,GAAGD,IAAIE,KAAK,CAAC,GAAG,EAAEF,IAAIG,MAAM,EAAE;2BADhB,GAAGH,IAAIE,KAAK,CAAC,CAAC,EAAEF,IAAIG,MAAM,EAAE;;iBAK/C;YACHxB;;;AAGP;AACAP,gBAAgBgC,WAAW,GAAG;AAgB9B;;;CAGC,GACD,OAAO,SAASC,mBAAmBhC,KAA8B;IAC/D,MAAM,EAAEiC,IAAI,EAAEC,KAAK,EAAExC,KAAK,EAAEC,IAAI,EAAEM,IAAI,EAAEkC,QAAQ,EAAEC,UAAU,EAAEZ,OAAO,EAAEa,OAAO,EAAEhC,QAAQ,EAAE,GACxFL;IACF,qBACE,MAACb;QAAO8C,MAAMA;QAAMT,SAASvB,OAAOqC,YAAYd;QAASe,SAAS;QAACC,UAAS;;0BAC1E,KAAClD;0BAAa4C;;0BACd,KAAC7C;0BACC,cAAA,MAACE;oBAAMgB,SAAS;oBAAKG,IAAI;wBAAE+B,IAAI;oBAAE;;sCAC/B,KAACjD;4BAAW0B,SAAQ;4BAAQwB,OAAM;sCAC/B,CAAC,WAAW,EAAEjD,UAAUC,OAAOC,MAAM,UAAU,CAAC;;wBAElDU;;;;0BAGL,MAACjB;;kCACC,KAACF;wBAAOoC,SAASE;wBAASH,UAAUpB;kCACjC;;kCAEH,KAACf;wBAAOgC,SAAQ;wBAAYG,UAAUpB,QAAQ,CAACkC;wBAAUb,SAASe;kCAC/DD,qBAAAA,aAAc;;;;;;AAKzB;AACAJ,mBAAmBD,WAAW,GAAG"}

package/src/lib/components/crm-call-actions.d.ts

@@ -0,0 +1,65 @@
+import { type AglynOrgBilling } from '@aglyn/aglyn';
+import type { ActivityRecordLink } from './activity-queries';
+/**
+ * CLICK-TO-CALL (AGL-2661): a stored phone number, reachable in one tap,
+ * and the call logged in one more.
+ *
+ * A rep working a list opens a record to call the person on it. Until now
+ * the number was text: they read it, switched to a phone, typed it, and
+ * then — if they remembered — opened the activity dialog, chose "call" and
+ * wrote what happened. Two of those four steps are the machine's to do.
+ *
+ * `crmTelHref` in the shared library decides what is callable, so the link
+ * a record page draws and the one a list would draw cannot disagree; a
+ * value it refuses is shown as plain text rather than as a link that rings
+ * nothing.
+ */
+export interface CrmPhoneLinkProps {
+    /** The stored number — E.164 for anything the console wrote. */
+    phone?: string | null;
+    /** What a record with no number shows; nothing renders by default. */
+    fallback?: React.ReactNode;
+}
+/**
+ * A phone number as a `tel:` link, the one shape every CRM surface prints a
+ * number in. Not a link when the value is not a number a dialer could take
+ * — see `crmTelHref` — because a link that cannot ring is worse than text.
+ */
+export declare function CrmPhoneLink(props: CrmPhoneLinkProps): import("react").JSX.Element;
+export declare namespace CrmPhoneLink {
+    var displayName: string;
+}
+export interface CrmCallButtonProps {
+    /**
+     * The site the activity is filed under, or `null` at the organization
+     * level — the same prop `CrmSendEmailButton` takes, for the same reason.
+     */
+    hostId: string | null;
+    org?: Partial<AglynOrgBilling> | null;
+    /** The record the call is about; exactly one, as `ActivityRecordLink` says. */
+    link: ActivityRecordLink;
+    /** The record's number, when the page holds one. */
+    phone?: string | null;
+    /**
+     * The org's plan lacks the CRM (AGL-2788). Logging the call stands locked;
+     * dialing the number writes nothing, and stays.
+     */
+    suiteLocked?: boolean;
+}
+/**
+ * The **Call** and **Log a call** pair a record page carries beside its
+ * number (AGL-2661): the first dials, the second opens the activity dialog
+ * already a call, with the record bound.
+ *
+ * One component file so a record page adds both with one import and one
+ * line, whichever header the page draws its actions in — the shape
+ * `CrmSendEmailButton` established. **Call** is disabled with its reason
+ * for a record whose number a dialer could not take, rather than absent:
+ * a rep looking for it should learn that the number is unusable, not
+ * wonder where the button went. **Log a call** stands whatever the number
+ * is, because a call placed from a mobile is still a call to log.
+ */
+export declare function CrmCallButton(props: CrmCallButtonProps): import("react").JSX.Element;
+export declare namespace CrmCallButton {
+    var displayName: string;
+}

package/src/lib/components/crm-call-actions.js

@@ -0,0 +1,110 @@
+/**
+ * @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 { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { crmTelHref } from "@aglyn/aglyn";
+import { mdiPhoneOutline } from "@aglyn/shared-data-mdi";
+import { MdiIcon } from "@aglyn/shared-ui-jsx";
+import { Button, Link, Tooltip } from "@mui/material";
+import { useState } from "react";
+import { useActivityScope } from "./activity-queries.js";
+import { CrmSuiteLockedButton } from "./crm-suite-lock.js";
+import { LogActivityDialog } from "./log-activity-dialog.js";
+/**
+ * A phone number as a `tel:` link, the one shape every CRM surface prints a
+ * number in. Not a link when the value is not a number a dialer could take
+ * — see `crmTelHref` — because a link that cannot ring is worse than text.
+ */ export function CrmPhoneLink(props) {
+    const { phone, fallback = null } = props;
+    const text = String(phone != null ? phone : '').trim();
+    if (!text) return /*#__PURE__*/ _jsx(_Fragment, {
+        children: fallback
+    });
+    const href = crmTelHref(text);
+    if (!href) return /*#__PURE__*/ _jsx(_Fragment, {
+        children: text
+    });
+    return /*#__PURE__*/ _jsx(Link, {
+        href: href,
+        underline: "hover",
+        children: text
+    });
+}
+CrmPhoneLink.displayName = 'CrmPhoneLink';
+/**
+ * The **Call** and **Log a call** pair a record page carries beside its
+ * number (AGL-2661): the first dials, the second opens the activity dialog
+ * already a call, with the record bound.
+ *
+ * One component file so a record page adds both with one import and one
+ * line, whichever header the page draws its actions in — the shape
+ * `CrmSendEmailButton` established. **Call** is disabled with its reason
+ * for a record whose number a dialer could not take, rather than absent:
+ * a rep looking for it should learn that the number is unusable, not
+ * wonder where the button went. **Log a call** stands whatever the number
+ * is, because a call placed from a mobile is still a call to log.
+ */ export function CrmCallButton(props) {
+    const { hostId, org, link, phone, suiteLocked = false } = props;
+    const [open, setOpen] = useState(false);
+    const scope = useActivityScope(hostId, org);
+    const text = String(phone != null ? phone : '').trim();
+    const href = crmTelHref(text);
+    const reason = !text ? 'This record has no phone number' : !href ? `“${text}” is not a number a dialer can take` : '';
+    const call = /*#__PURE__*/ _jsx(Button, _extends({
+        size: "small",
+        variant: "outlined",
+        disabled: !href,
+        startIcon: /*#__PURE__*/ _jsx(MdiIcon, {
+            path: mdiPhoneOutline.path,
+            size: 0.8
+        })
+    }, href ? {
+        component: 'a',
+        href
+    } : {}, {
+        children: 'Call'
+    }));
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            reason ? /*#__PURE__*/ _jsx(Tooltip, {
+                title: reason,
+                children: /*#__PURE__*/ _jsx("span", {
+                    children: call
+                })
+            }) : call,
+            suiteLocked ? /*#__PURE__*/ _jsx(CrmSuiteLockedButton, {
+                variant: "outlined",
+                children: 'Log a call'
+            }) : /*#__PURE__*/ _jsx(Button, {
+                size: "small",
+                variant: "outlined",
+                onClick: ()=>setOpen(true),
+                children: 'Log a call'
+            }),
+            open && !suiteLocked ? /*#__PURE__*/ _jsx(LogActivityDialog, {
+                open: true,
+                onClose: ()=>setOpen(false),
+                scope: scope,
+                link: link,
+                kind: "call"
+            }) : null
+        ]
+    });
+}
+CrmCallButton.displayName = 'CrmCallButton';
+
+//# sourceMappingURL=crm-call-actions.js.map

package/src/lib/components/crm-call-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/crm-call-actions.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport { type AglynOrgBilling, crmTelHref } from '@aglyn/aglyn'\nimport { mdiPhoneOutline } from '@aglyn/shared-data-mdi'\nimport { MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { Button, Link, Tooltip } from '@mui/material'\nimport { useState } from 'react'\nimport type { ActivityRecordLink } from './activity-queries'\nimport { useActivityScope } from './activity-queries'\nimport { CrmSuiteLockedButton } from './crm-suite-lock'\nimport { LogActivityDialog } from './log-activity-dialog'\n\n/**\n * CLICK-TO-CALL (AGL-2661): a stored phone number, reachable in one tap,\n * and the call logged in one more.\n *\n * A rep working a list opens a record to call the person on it. Until now\n * the number was text: they read it, switched to a phone, typed it, and\n * then — if they remembered — opened the activity dialog, chose \"call\" and\n * wrote what happened. Two of those four steps are the machine's to do.\n *\n * `crmTelHref` in the shared library decides what is callable, so the link\n * a record page draws and the one a list would draw cannot disagree; a\n * value it refuses is shown as plain text rather than as a link that rings\n * nothing.\n */\n\nexport interface CrmPhoneLinkProps {\n  /** The stored number — E.164 for anything the console wrote. */\n  phone?: string | null\n  /** What a record with no number shows; nothing renders by default. */\n  fallback?: React.ReactNode\n}\n\n/**\n * A phone number as a `tel:` link, the one shape every CRM surface prints a\n * number in. Not a link when the value is not a number a dialer could take\n * — see `crmTelHref` — because a link that cannot ring is worse than text.\n */\nexport function CrmPhoneLink(props: CrmPhoneLinkProps) {\n  const { phone, fallback = null } = props\n  const text = String(phone ?? '').trim()\n  if (!text) return <>{fallback}</>\n  const href = crmTelHref(text)\n  if (!href) return <>{text}</>\n  return (\n    <Link href={href} underline=\"hover\">\n      {text}\n    </Link>\n  )\n}\nCrmPhoneLink.displayName = 'CrmPhoneLink'\n\nexport interface CrmCallButtonProps {\n  /**\n   * The site the activity is filed under, or `null` at the organization\n   * level — the same prop `CrmSendEmailButton` takes, for the same reason.\n   */\n  hostId: string | null\n  org?: Partial<AglynOrgBilling> | null\n  /** The record the call is about; exactly one, as `ActivityRecordLink` says. */\n  link: ActivityRecordLink\n  /** The record's number, when the page holds one. */\n  phone?: string | null\n  /**\n   * The org's plan lacks the CRM (AGL-2788). Logging the call stands locked;\n   * dialing the number writes nothing, and stays.\n   */\n  suiteLocked?: boolean\n}\n\n/**\n * The **Call** and **Log a call** pair a record page carries beside its\n * number (AGL-2661): the first dials, the second opens the activity dialog\n * already a call, with the record bound.\n *\n * One component file so a record page adds both with one import and one\n * line, whichever header the page draws its actions in — the shape\n * `CrmSendEmailButton` established. **Call** is disabled with its reason\n * for a record whose number a dialer could not take, rather than absent:\n * a rep looking for it should learn that the number is unusable, not\n * wonder where the button went. **Log a call** stands whatever the number\n * is, because a call placed from a mobile is still a call to log.\n */\nexport function CrmCallButton(props: CrmCallButtonProps) {\n  const { hostId, org, link, phone, suiteLocked = false } = props\n  const [open, setOpen] = useState(false)\n  const scope = useActivityScope(hostId, org)\n  const text = String(phone ?? '').trim()\n  const href = crmTelHref(text)\n  const reason = !text\n    ? 'This record has no phone number'\n    : !href\n      ? `“${text}” is not a number a dialer can take`\n      : ''\n  const call = (\n    <Button\n      size=\"small\"\n      variant=\"outlined\"\n      disabled={!href}\n      startIcon={<MdiIcon path={mdiPhoneOutline.path} size={0.8} />}\n      {...(href ? { component: 'a' as const, href } : {})}\n    >\n      {'Call'}\n    </Button>\n  )\n  return (\n    <>\n      {reason ? (\n        <Tooltip title={reason}>\n          <span>{call}</span>\n        </Tooltip>\n      ) : (\n        call\n      )}\n      {suiteLocked ? (\n        <CrmSuiteLockedButton variant=\"outlined\">{'Log a call'}</CrmSuiteLockedButton>\n      ) : (\n        <Button size=\"small\" variant=\"outlined\" onClick={() => setOpen(true)}>\n          {'Log a call'}\n        </Button>\n      )}\n      {open && !suiteLocked ? (\n        <LogActivityDialog\n          open\n          onClose={() => setOpen(false)}\n          scope={scope}\n          link={link}\n          kind=\"call\"\n        />\n      ) : null}\n    </>\n  )\n}\nCrmCallButton.displayName = 'CrmCallButton'\n"],"names":["crmTelHref","mdiPhoneOutline","MdiIcon","Button","Link","Tooltip","useState","useActivityScope","CrmSuiteLockedButton","LogActivityDialog","CrmPhoneLink","props","phone","fallback","text","String","trim","href","underline","displayName","CrmCallButton","hostId","org","link","suiteLocked","open","setOpen","scope","reason","call","size","variant","disabled","startIcon","path","component","title","span","onClick","onClose","kind"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;;AAEA,SAA+BA,UAAU,QAAQ,eAAc;AAC/D,SAASC,eAAe,QAAQ,yBAAwB;AACxD,SAASC,OAAO,QAAQ,uBAAsB;AAC9C,SAASC,MAAM,EAAEC,IAAI,EAAEC,OAAO,QAAQ,gBAAe;AACrD,SAASC,QAAQ,QAAQ,QAAO;AAEhC,SAASC,gBAAgB,QAAQ,wBAAoB;AACrD,SAASC,oBAAoB,QAAQ,sBAAkB;AACvD,SAASC,iBAAiB,QAAQ,2BAAuB;AAwBzD;;;;CAIC,GACD,OAAO,SAASC,aAAaC,KAAwB;IACnD,MAAM,EAAEC,KAAK,EAAEC,WAAW,IAAI,EAAE,GAAGF;IACnC,MAAMG,OAAOC,OAAOH,gBAAAA,QAAS,IAAII,IAAI;IACrC,IAAI,CAACF,MAAM,qBAAO;kBAAGD;;IACrB,MAAMI,OAAOjB,WAAWc;IACxB,IAAI,CAACG,MAAM,qBAAO;kBAAGH;;IACrB,qBACE,KAACV;QAAKa,MAAMA;QAAMC,WAAU;kBACzBJ;;AAGP;AACAJ,aAAaS,WAAW,GAAG;AAoB3B;;;;;;;;;;;;CAYC,GACD,OAAO,SAASC,cAAcT,KAAyB;IACrD,MAAM,EAAEU,MAAM,EAAEC,GAAG,EAAEC,IAAI,EAAEX,KAAK,EAAEY,cAAc,KAAK,EAAE,GAAGb;IAC1D,MAAM,CAACc,MAAMC,QAAQ,GAAGpB,SAAS;IACjC,MAAMqB,QAAQpB,iBAAiBc,QAAQC;IACvC,MAAMR,OAAOC,OAAOH,gBAAAA,QAAS,IAAII,IAAI;IACrC,MAAMC,OAAOjB,WAAWc;IACxB,MAAMc,SAAS,CAACd,OACZ,oCACA,CAACG,OACC,CAAC,CAAC,EAAEH,KAAK,mCAAmC,CAAC,GAC7C;IACN,MAAMe,qBACJ,KAAC1B;QACC2B,MAAK;QACLC,SAAQ;QACRC,UAAU,CAACf;QACXgB,yBAAW,KAAC/B;YAAQgC,MAAMjC,gBAAgBiC,IAAI;YAAEJ,MAAM;;OACjDb,OAAO;QAAEkB,WAAW;QAAclB;IAAK,IAAI,CAAC;kBAEhD;;IAGL,qBACE;;YACGW,uBACC,KAACvB;gBAAQ+B,OAAOR;0BACd,cAAA,KAACS;8BAAMR;;iBAGTA;YAEDL,4BACC,KAAChB;gBAAqBuB,SAAQ;0BAAY;+BAE1C,KAAC5B;gBAAO2B,MAAK;gBAAQC,SAAQ;gBAAWO,SAAS,IAAMZ,QAAQ;0BAC5D;;YAGJD,QAAQ,CAACD,4BACR,KAACf;gBACCgB,IAAI;gBACJc,SAAS,IAAMb,QAAQ;gBACvBC,OAAOA;gBACPJ,MAAMA;gBACNiB,MAAK;iBAEL;;;AAGV;AACApB,cAAcD,WAAW,GAAG"}

package/src/lib/components/crm-column-menu.d.ts

@@ -0,0 +1,21 @@
+import { type GridColumnMenuProps } from '@mui/x-data-grid';
+import type { CrmColumnOrder } from '../hooks/use-crm-view-grid';
+/** Wraps the list whose column menu should offer Move left / Move right. */
+export declare const CrmColumnOrderProvider: import("react").Provider<CrmColumnOrder>;
+/**
+ * The grid's own menu with the move items added between Filter and Hide —
+ * after what the column does, before what happens to it.
+ */
+export declare function CrmColumnMenu(props: GridColumnMenuProps): import("react").JSX.Element;
+export declare namespace CrmColumnMenu {
+    var displayName: string;
+}
+/**
+ * The `slots` a CRM list hands its `ListTable`. One module-level object, so
+ * the grid sees one identity across renders rather than a new slot map —
+ * and a remounted menu — every time the section draws.
+ */
+export declare const CRM_LIST_SLOTS: {
+    readonly columnMenu: typeof CrmColumnMenu;
+};
+export default CrmColumnMenu;

package/src/lib/components/crm-column-menu.js

@@ -0,0 +1,103 @@
+/**
+ * @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 { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * THE COLUMN MENU ON A CRM LIST, with a way to move the column (AGL-2635).
+ *
+ * A saved view keeps its columns in order, and the grid has no gesture for
+ * changing that order: the MIT grid forces `disableColumnReorder`, and
+ * its Manage columns panel only shows and hides. So the menu every
+ * column header already opens — Sort, Hide, Manage columns — grows Move
+ * left and Move right, which go through the view's own `columnOrder` (see
+ * `useCrmViewGrid`) rather than the grid's column state: the view is what
+ * is saved, and the grid draws what the view says.
+ *
+ * ## Fed by context, not slot props
+ *
+ * `ListTable` sets its own `slotProps`, so a caller's `slotProps.columnMenu`
+ * would replace them; a provider around the table costs nothing and reaches
+ * the menu through the grid's portal. A menu opened outside one offers no
+ * move — it is the same menu every other list has.
+ */ import { mdiArrowLeft, mdiArrowRight } from "@aglyn/shared-data-mdi";
+import { MdiIcon } from "@aglyn/shared-ui-jsx";
+import { GridColumnMenu, useGridRootProps } from "@mui/x-data-grid";
+import { createContext, useContext } from "react";
+const CrmColumnOrderContext = /*#__PURE__*/ createContext(null);
+/** Wraps the list whose column menu should offer Move left / Move right. */ export const CrmColumnOrderProvider = CrmColumnOrderContext.Provider;
+/**
+ * Move left and Move right, as one menu item each.
+ *
+ * Disabled at the edge rather than absent, so a column that cannot move
+ * further still says which way it can. A pinned column (`hideable: false`)
+ * has no place in the order and gets neither.
+ */ function MoveColumnItems(props) {
+    const { colDef, onClick } = props;
+    const rootProps = useGridRootProps();
+    const columnOrder = useContext(CrmColumnOrderContext);
+    if (!columnOrder || colDef.hideable === false) return null;
+    const index = columnOrder.order.indexOf(colDef.field);
+    if (index === -1) return null;
+    const MenuItem = rootProps.slots.baseMenuItem;
+    const item = (delta, label, icon, disabled)=>/*#__PURE__*/ _jsx(MenuItem, {
+            disabled: disabled,
+            iconStart: /*#__PURE__*/ _jsx(MdiIcon, {
+                path: icon,
+                size: 0.8
+            }),
+            onClick: (event)=>{
+                // A disabled item still receives an imperative click.
+                if (disabled) return;
+                columnOrder.move(colDef.field, delta);
+                onClick(event);
+            },
+            children: label
+        });
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            item(-1, 'Move left', mdiArrowLeft.path, index === 0),
+            item(1, 'Move right', mdiArrowRight.path, index === columnOrder.order.length - 1)
+        ]
+    });
+}
+MoveColumnItems.displayName = 'MoveColumnItems';
+/**
+ * The grid's own menu with the move items added between Filter and Hide —
+ * after what the column does, before what happens to it.
+ */ export function CrmColumnMenu(props) {
+    return /*#__PURE__*/ _jsx(GridColumnMenu, _extends({}, props, {
+        slots: {
+            columnMenuMoveItems: MoveColumnItems
+        },
+        slotProps: {
+            columnMenuMoveItems: {
+                displayOrder: 25
+            }
+        }
+    }));
+}
+CrmColumnMenu.displayName = 'CrmColumnMenu';
+/**
+ * The `slots` a CRM list hands its `ListTable`. One module-level object, so
+ * the grid sees one identity across renders rather than a new slot map —
+ * and a remounted menu — every time the section draws.
+ */ export const CRM_LIST_SLOTS = {
+    columnMenu: CrmColumnMenu
+};
+export default CrmColumnMenu;
+
+//# sourceMappingURL=crm-column-menu.js.map

package/src/lib/components/crm-column-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/crm-column-menu.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 COLUMN MENU ON A CRM LIST, with a way to move the column (AGL-2635).\n *\n * A saved view keeps its columns in order, and the grid has no gesture for\n * changing that order: the MIT grid forces `disableColumnReorder`, and\n * its Manage columns panel only shows and hides. So the menu every\n * column header already opens — Sort, Hide, Manage columns — grows Move\n * left and Move right, which go through the view's own `columnOrder` (see\n * `useCrmViewGrid`) rather than the grid's column state: the view is what\n * is saved, and the grid draws what the view says.\n *\n * ## Fed by context, not slot props\n *\n * `ListTable` sets its own `slotProps`, so a caller's `slotProps.columnMenu`\n * would replace them; a provider around the table costs nothing and reaches\n * the menu through the grid's portal. A menu opened outside one offers no\n * move — it is the same menu every other list has.\n */\n\nimport { mdiArrowLeft, mdiArrowRight } from '@aglyn/shared-data-mdi'\nimport { MdiIcon } from '@aglyn/shared-ui-jsx'\nimport {\n  type GridColDef,\n  GridColumnMenu,\n  type GridColumnMenuProps,\n  useGridRootProps,\n} from '@mui/x-data-grid'\nimport { createContext, type SyntheticEvent, useContext } from 'react'\nimport type { CrmColumnOrder } from '../hooks/use-crm-view-grid'\n\nconst CrmColumnOrderContext = createContext<CrmColumnOrder | null>(null)\n\n/** Wraps the list whose column menu should offer Move left / Move right. */\nexport const CrmColumnOrderProvider = CrmColumnOrderContext.Provider\n\n/**\n * Move left and Move right, as one menu item each.\n *\n * Disabled at the edge rather than absent, so a column that cannot move\n * further still says which way it can. A pinned column (`hideable: false`)\n * has no place in the order and gets neither.\n */\nfunction MoveColumnItems(props: {\n  colDef: GridColDef\n  onClick: (event: SyntheticEvent) => void\n}) {\n  const { colDef, onClick } = props\n  const rootProps = useGridRootProps()\n  const columnOrder = useContext(CrmColumnOrderContext)\n  if (!columnOrder || colDef.hideable === false) return null\n  const index = columnOrder.order.indexOf(colDef.field)\n  if (index === -1) return null\n  const MenuItem = rootProps.slots.baseMenuItem\n  const item = (delta: -1 | 1, label: string, icon: string, disabled: boolean) => (\n    <MenuItem\n      disabled={disabled}\n      iconStart={<MdiIcon path={icon} size={0.8} />}\n      onClick={(event: SyntheticEvent) => {\n        // A disabled item still receives an imperative click.\n        if (disabled) return\n        columnOrder.move(colDef.field, delta)\n        onClick(event)\n      }}\n    >\n      {label}\n    </MenuItem>\n  )\n  return (\n    <>\n      {item(-1, 'Move left', mdiArrowLeft.path, index === 0)}\n      {item(1, 'Move right', mdiArrowRight.path, index === columnOrder.order.length - 1)}\n    </>\n  )\n}\nMoveColumnItems.displayName = 'MoveColumnItems'\n\n/**\n * The grid's own menu with the move items added between Filter and Hide —\n * after what the column does, before what happens to it.\n */\nexport function CrmColumnMenu(props: GridColumnMenuProps) {\n  return (\n    <GridColumnMenu\n      {...props}\n      slots={{ columnMenuMoveItems: MoveColumnItems }}\n      slotProps={{ columnMenuMoveItems: { displayOrder: 25 } }}\n    />\n  )\n}\nCrmColumnMenu.displayName = 'CrmColumnMenu'\n\n/**\n * The `slots` a CRM list hands its `ListTable`. One module-level object, so\n * the grid sees one identity across renders rather than a new slot map —\n * and a remounted menu — every time the section draws.\n */\nexport const CRM_LIST_SLOTS = { columnMenu: CrmColumnMenu } as const\n\nexport default CrmColumnMenu\n"],"names":["mdiArrowLeft","mdiArrowRight","MdiIcon","GridColumnMenu","useGridRootProps","createContext","useContext","CrmColumnOrderContext","CrmColumnOrderProvider","Provider","MoveColumnItems","props","colDef","onClick","rootProps","columnOrder","hideable","index","order","indexOf","field","MenuItem","slots","baseMenuItem","item","delta","label","icon","disabled","iconStart","path","size","event","move","length","displayName","CrmColumnMenu","columnMenuMoveItems","slotProps","displayOrder","CRM_LIST_SLOTS","columnMenu"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;;AAEA;;;;;;;;;;;;;;;;;CAiBC,GAED,SAASA,YAAY,EAAEC,aAAa,QAAQ,yBAAwB;AACpE,SAASC,OAAO,QAAQ,uBAAsB;AAC9C,SAEEC,cAAc,EAEdC,gBAAgB,QACX,mBAAkB;AACzB,SAASC,aAAa,EAAuBC,UAAU,QAAQ,QAAO;AAGtE,MAAMC,sCAAwBF,cAAqC;AAEnE,0EAA0E,GAC1E,OAAO,MAAMG,yBAAyBD,sBAAsBE,QAAQ,CAAA;AAEpE;;;;;;CAMC,GACD,SAASC,gBAAgBC,KAGxB;IACC,MAAM,EAAEC,MAAM,EAAEC,OAAO,EAAE,GAAGF;IAC5B,MAAMG,YAAYV;IAClB,MAAMW,cAAcT,WAAWC;IAC/B,IAAI,CAACQ,eAAeH,OAAOI,QAAQ,KAAK,OAAO,OAAO;IACtD,MAAMC,QAAQF,YAAYG,KAAK,CAACC,OAAO,CAACP,OAAOQ,KAAK;IACpD,IAAIH,UAAU,CAAC,GAAG,OAAO;IACzB,MAAMI,WAAWP,UAAUQ,KAAK,CAACC,YAAY;IAC7C,MAAMC,OAAO,CAACC,OAAeC,OAAeC,MAAcC,yBACxD,KAACP;YACCO,UAAUA;YACVC,yBAAW,KAAC3B;gBAAQ4B,MAAMH;gBAAMI,MAAM;;YACtClB,SAAS,CAACmB;gBACR,sDAAsD;gBACtD,IAAIJ,UAAU;gBACdb,YAAYkB,IAAI,CAACrB,OAAOQ,KAAK,EAAEK;gBAC/BZ,QAAQmB;YACV;sBAECN;;IAGL,qBACE;;YACGF,KAAK,CAAC,GAAG,aAAaxB,aAAa8B,IAAI,EAAEb,UAAU;YACnDO,KAAK,GAAG,cAAcvB,cAAc6B,IAAI,EAAEb,UAAUF,YAAYG,KAAK,CAACgB,MAAM,GAAG;;;AAGtF;AACAxB,gBAAgByB,WAAW,GAAG;AAE9B;;;CAGC,GACD,OAAO,SAASC,cAAczB,KAA0B;IACtD,qBACE,KAACR,6BACKQ;QACJW,OAAO;YAAEe,qBAAqB3B;QAAgB;QAC9C4B,WAAW;YAAED,qBAAqB;gBAAEE,cAAc;YAAG;QAAE;;AAG7D;AACAH,cAAcD,WAAW,GAAG;AAE5B;;;;CAIC,GACD,OAAO,MAAMK,iBAAiB;IAAEC,YAAYL;AAAc,EAAU;AAEpE,eAAeA,cAAa"}

package/src/lib/components/crm-console-page.d.ts

@@ -0,0 +1,19 @@
+import type { ConsolePluginPageProps } from '@aglyn/aglyn';
+/**
+ * Contacts (AGL-109 → AGL-395 → AGL-2595): the CRM hub — people, companies,
+ * deals, tasks, reports and fields — owned by the contacts plugin and
+ * rendered by the shell's generic plugin route. The shell applies the
+ * `release_crm` gate (via the nav tab) and passes the resolved `org`
+ * doc, which the people section reads for the `contactsPerHost` quota.
+ *
+ * Sections are ROUTES, following the hubs that migrated before it (AGL-2501):
+ * `/contacts/people` is the v1 list, and every other section is a URL of its
+ * own, so the page builds one section's body and the others do not exist to
+ * subscribe. The v1 body moved to `contacts-section.tsx` untouched; what this
+ * file adds is the rail and the switch.
+ */
+export declare function CrmConsolePage(props: ConsolePluginPageProps): import("react").JSX.Element;
+export declare namespace CrmConsolePage {
+    var displayName: string;
+}
+export default CrmConsolePage;