@aglyn/plugins-crm 1.0.0-beta.293 → 1.0.0-beta.296

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aglyn/plugins-crm",
-  "version": "1.0.0-beta.293",
+  "version": "1.0.0-beta.296",
   "license": "Apache-2.0",
   "homepage": "https://aglyn.com",
   "repository": {
@@ -25,19 +25,19 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@aglyn/aglyn": "1.0.0-beta.293",
-    "@aglyn/shared-data-enums": "1.0.0-beta.293",
-    "@aglyn/shared-data-mdi": "1.0.0-beta.293",
-    "@aglyn/shared-ui-jsx": "1.0.0-beta.293",
-    "@aglyn/shared-ui-next": "1.0.0-beta.293",
-    "@aglyn/shared-ui-snackstack": "1.0.0-beta.293",
-    "@aglyn/shared-util-email": "1.0.0-beta.293",
-    "@aglyn/shared-util-http": "1.0.0-beta.293",
-    "@aglyn/shared-util-timestamp": "1.0.0-beta.293",
-    "@aglyn/shared-util-tools": "1.0.0-beta.293",
-    "@aglyn/tenant-data-admin": "1.0.0-beta.293",
-    "@aglyn/tenant-feature-instance": "1.0.0-beta.293",
-    "@aglyn/tenant-runtime": "1.0.0-beta.293",
+    "@aglyn/aglyn": "1.0.0-beta.296",
+    "@aglyn/shared-data-enums": "1.0.0-beta.296",
+    "@aglyn/shared-data-mdi": "1.0.0-beta.296",
+    "@aglyn/shared-ui-jsx": "1.0.0-beta.296",
+    "@aglyn/shared-ui-next": "1.0.0-beta.296",
+    "@aglyn/shared-ui-snackstack": "1.0.0-beta.296",
+    "@aglyn/shared-util-email": "1.0.0-beta.296",
+    "@aglyn/shared-util-http": "1.0.0-beta.296",
+    "@aglyn/shared-util-timestamp": "1.0.0-beta.296",
+    "@aglyn/shared-util-tools": "1.0.0-beta.296",
+    "@aglyn/tenant-data-admin": "1.0.0-beta.296",
+    "@aglyn/tenant-feature-instance": "1.0.0-beta.296",
+    "@aglyn/tenant-runtime": "1.0.0-beta.296",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/utilities": "^3.2.2",
     "@swc/helpers": "0.5.23",

package/src/lib/components/activity-list.js

@@ -17,7 +17,7 @@
 import { _ as _extends } from "@swc/helpers/_/_extends";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as Aglyn from "@aglyn/aglyn";
-import { mdiAccountGroupOutline, mdiDeleteOutline, mdiDotsHorizontalCircleOutline, mdiEmailOutline, mdiEmailReceiveOutline, mdiNoteTextOutline, mdiPencilOutline, mdiPhoneOutline } from "@aglyn/shared-data-mdi";
+import { mdiAccountGroupOutline, mdiDeleteOutline, mdiDotsHorizontalCircleOutline, mdiEmailOutline, mdiEmailReceiveOutline, mdiFacebookMessenger, mdiInstagram, mdiLinkedin, mdiMessageTextOutline, mdiNoteTextOutline, mdiPencilOutline, mdiPhoneOutline, mdiWhatsapp } from "@aglyn/shared-data-mdi";
 import { MdiIcon, useConfirmationContext } from "@aglyn/shared-ui-jsx";
 import EmptyStateComponent from "@aglyn/shared-ui-jsx/components/empty-state.component";
 import { ListPagination } from "@aglyn/shared-ui-jsx/components/list-pagination.component";
@@ -36,6 +36,11 @@ import { TimelineEntry, useTimelineExpansion, useTimelinePages } from "./activit
  */ const KIND_ICONS = {
     call: mdiPhoneOutline,
     email: mdiEmailOutline,
+    text: mdiMessageTextOutline,
+    whatsapp: mdiWhatsapp,
+    messenger: mdiFacebookMessenger,
+    instagram: mdiInstagram,
+    linkedin: mdiLinkedin,
     meeting: mdiAccountGroupOutline,
     note: mdiNoteTextOutline,
     other: mdiDotsHorizontalCircleOutline

package/src/lib/components/activity-list.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/activity-list.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 * as Aglyn from '@aglyn/aglyn'\nimport type { CrmActivityKind, CrmActivityRow } from '@aglyn/aglyn'\nimport {\n  mdiAccountGroupOutline,\n  mdiDeleteOutline,\n  mdiDotsHorizontalCircleOutline,\n  mdiEmailOutline,\n  mdiEmailReceiveOutline,\n  mdiNoteTextOutline,\n  mdiPencilOutline,\n  mdiPhoneOutline,\n} from '@aglyn/shared-data-mdi'\nimport { MdiIcon, useConfirmationContext } from '@aglyn/shared-ui-jsx'\nimport EmptyStateComponent from '@aglyn/shared-ui-jsx/components/empty-state.component'\nimport { ListPagination } from '@aglyn/shared-ui-jsx/components/list-pagination.component'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { useUser, useUserName } from '@aglyn/tenant-feature-instance'\nimport { Chip, IconButton, Stack, Tooltip, Typography } from '@mui/material'\nimport { deleteDoc, doc } from 'firebase/firestore'\nimport { type ReactNode, useCallback, useState } from 'react'\nimport { type ActivityScope, useCanEditActivity } from './activity-queries'\nimport {\n  TimelineEntry,\n  type TimelineExpansion,\n  useTimelineExpansion,\n  useTimelinePages,\n} from './activity-timeline'\n\n/**\n * One glyph per kind. Typed against the union so a kind added to the list\n * cannot render with no icon — `MdiIcon` would fall back to its default\n * glyph silently, and a log where every note looks like a placeholder is\n * worse than a build error.\n */\nconst KIND_ICONS: Record<CrmActivityKind, { path: string }> = {\n  call: mdiPhoneOutline,\n  email: mdiEmailOutline,\n  meeting: mdiAccountGroupOutline,\n  note: mdiNoteTextOutline,\n  other: mdiDotsHorizontalCircleOutline,\n}\n\n/** The icon for a kind — a stored kind outside the union draws as `other`. */\nexport function ActivityKindIcon(props: { kind: string; size?: number }) {\n  const { kind, size = 1 } = props\n  const icon = Aglyn.isCrmActivityKind(kind) ? KIND_ICONS[kind] : KIND_ICONS.other\n  return <MdiIcon path={icon.path} size={size} />\n}\nActivityKindIcon.displayName = 'ActivityKindIcon'\n\n/**\n * The author's name for a row (AGL-2600).\n *\n * The denormalized `byName` leads: it is the only name a scoped colleague\n * can read, since a member document is readable by its subject and by\n * org-wide members alone. The signed-in user's OWN rows fall back to their\n * live name — the one case where a lookup is possible — and a row that\n * carries neither (written by a door that did not stamp one) reads as a\n * team member rather than as a uid.\n */\nexport function useActivityAuthorName(): (\n  activity: Pick<CrmActivityRow, 'byUid' | 'byName'>,\n) => string {\n  const { data: user } = useUser()\n  const ownName = useUserName()\n  const uid = user?.uid\n  return useCallback(\n    (activity) => {\n      if (activity.byName) return activity.byName\n      if (uid && activity.byUid === uid && ownName) return ownName\n      return 'A team member'\n    },\n    [uid, ownName],\n  )\n}\n\n/**\n * How long a note's own words may run on a collapsed row before it opens to\n * the rest; a single line under this reads whole, with nothing to open.\n */\nconst ACTIVITY_HEADING_MAX = 80\n\n/**\n * What a collapsed activity reads as, and whether opening it shows more.\n *\n * A subject is the heading and the body is what the row opens to. With no\n * subject the body's first line is the heading, and a body that runs past\n * that line, or past what one line holds, opens to the whole text.\n */\nexport function activityHeading(activity: Pick<CrmActivityRow, 'subject' | 'body'>): {\n  heading: string\n  opens: boolean\n} {\n  const body = typeof activity.body === 'string' ? activity.body.trim() : ''\n  const subject = typeof activity.subject === 'string' ? activity.subject.trim() : ''\n  if (subject) return { heading: subject, opens: body !== '' }\n  const firstLine = body.split('\\n').find((line) => line.trim() !== '')?.trim() ?? ''\n  return {\n    heading: firstLine,\n    opens: body !== firstLine || firstLine.length > ACTIVITY_HEADING_MAX,\n  }\n}\n\n/** \"45 min\" or \"2 h 05 min\" — a duration a manager reads at a glance. */\nfunction durationLabel(minutes: number): string {\n  if (minutes < 60) return `${minutes} min`\n  const hours = Math.floor(minutes / 60)\n  const rest = minutes % 60\n  return rest ? `${hours} h ${String(rest).padStart(2, '0')} min` : `${hours} h`\n}\n\nexport interface ActivityRowProps {\n  activity: CrmActivityRow\n  /** Where the delete is written, from `useActivityScope`. */\n  scope: ActivityScope\n  /** Opens the dialog on this activity. Absent, the row offers no edit. */\n  onEdit?: (activity: CrmActivityRow) => void\n  /**\n   * What sits after the kind, before the body — a feed puts the record the\n   * activity is about here, a record page needs nothing.\n   */\n  subject?: ReactNode\n  /** The clock the relative time is read against; `Date.now()` when absent. */\n  nowMs?: number\n  /**\n   * Whether THIS reader may edit and delete the row — the author, or an\n   * org-wide member. Decided by whoever draws the rows, through\n   * `useCanEditActivity`, once for the whole list: a row that asked for\n   * itself would read the member document once per row.\n   */\n  editable?: boolean\n  /**\n   * Whether the row is open to its body. The list holds it so the card's\n   * \"Expand all\" reaches every row; a row drawn alone holds its own.\n   */\n  expanded?: boolean\n  onToggle?: () => void\n}\n\n/**\n * One logged activity: the kind's icon and label, what was said, how it\n * went, who logged it and how long ago — with edit and delete for whoever\n * may (AGL-2600).\n *\n * Collapsed, the row is its chips, its heading and its caption: the kind,\n * the direction and delivery state, how a call went, the subject or the\n * note's first line, and who, to or from whom, and when. Opened, it shows\n * the body — an email's whole text, a note's every line.\n *\n * Edit and delete appear only when `editable` says this reader may — the\n * author or an org-wide member. That is the console's verdict and not the\n * rules' — see `useCanEditActivity` for why the rules admit more — so the\n * controls are hidden rather than disabled: a disabled button asks \"why\n * not?\", and the honest answer would be \"you could, through the API\".\n */\nexport function ActivityRow(props: ActivityRowProps) {\n  const { activity, scope, onEdit, subject, nowMs, editable } = props\n  const [ownExpanded, setOwnExpanded] = useState(false)\n  const expanded = props.expanded ?? ownExpanded\n  const onToggle = props.onToggle ?? (() => setOwnExpanded((open) => !open))\n  const { firestore, dataScope } = scope\n  const authorName = useActivityAuthorName()\n  const { confirm } = useConfirmationContext()\n  const { enqueueSnackbar } = useSnackbar()\n\n  const handleDelete = useCallback(async () => {\n    if (!dataScope) return\n    const confirmed = await confirm({\n      title: 'Delete this activity?',\n      description:\n        `This ${Aglyn.CRM_ACTIVITY_KIND_LABELS[\n          Aglyn.isCrmActivityKind(activity.kind) ? activity.kind : 'other'\n        ].toLowerCase()} is removed from the record it was logged against. ` +\n        'Nothing the platform captured — a form, an order, a booking — is ' +\n        'affected.',\n      confirmationText: 'Delete activity',\n      confirmationButtonProps: { color: 'error' },\n    })\n      .then(() => true)\n      .catch(() => false)\n    if (!confirmed) return\n    try {\n      await deleteDoc(\n        doc(\n          firestore,\n          dataScope[0],\n          dataScope[1],\n          Aglyn.CRM_COLLECTIONS.activities,\n          activity.$id,\n        ),\n      )\n      enqueueSnackbar('Activity deleted', { variant: 'success', persist: false })\n    } catch (error) {\n      console.error(error)\n      enqueueSnackbar('An error has occurred', {\n        variant: 'error',\n        allowDuplicate: true,\n      })\n    }\n  }, [dataScope, confirm, activity, firestore, enqueueSnackbar])\n\n  const label =\n    Aglyn.CRM_ACTIVITY_KIND_LABELS[\n      Aglyn.isCrmActivityKind(activity.kind) ? activity.kind : 'other'\n    ]\n  /*\n   * A message the platform SENT (AGL-2615) carries a subject, an address\n   * and a delivery state the webhook advances; the state is the chip beside\n   * the kind, red once the message did not land. What was sent is a record\n   * of a fact and offers no edit — a rewritten body would misstate what\n   * left — though whoever may delete a row may still delete this one.\n   */\n  const captured = typeof activity.messageId === 'string' && activity.messageId !== ''\n  const deliveryState = Aglyn.isCrmEmailDeliveryState(activity.deliveryState)\n    ? activity.deliveryState\n    : null\n  // A hand-logged email or call carries a direction too (AGL-3517); only a\n  // message the platform carried or captured is \"sent\" or \"received\" here.\n  const sent = activity.direction === 'outbound' && (deliveryState !== null || captured)\n  /*\n   * A message CAPTURED from a mailbox (AGL-2657) carries the provider's\n   * Message-ID and, when a correspondent wrote it, the `inbound` direction.\n   * It is drawn as its own thing — \"Received\" beside the kind, the sender\n   * where a sent row shows the recipient, no author because nobody on the\n   * team logged it — and a member's copied send reads \"Sent\" without a\n   * delivery chip, since the platform did not carry it. Neither takes the\n   * caller's \"Logged\" chip: nobody logged them.\n   */\n  const received = activity.direction === 'inbound' && captured\n  /*\n   * A hand-logged call or email names its direction in the kind's own chip\n   * — \"Inbound call\", \"Outbound email\" (AGL-3517); a sent or captured\n   * message says it with the chips below instead.\n   */\n  const kindChip =\n    sent || received || captured\n      ? label\n      : Aglyn.crmActivityKindTitle(\n          Aglyn.isCrmActivityKind(activity.kind) ? activity.kind : 'other',\n          activity.direction,\n        )\n  const when = new Date(activity.atMs)\n  const detail = [\n    activity.outcome ? activity.outcome : null,\n    typeof activity.durationMinutes === 'number' && activity.durationMinutes > 0\n      ? durationLabel(activity.durationMinutes)\n      : null,\n  ].filter(Boolean)\n\n  const { heading, opens } = activityHeading(activity)\n  const hasSubject = typeof activity.subject === 'string' && activity.subject.trim() !== ''\n\n  return (\n    <TimelineEntry\n      icon={\n        received ? (\n          <MdiIcon path={mdiEmailReceiveOutline.path} />\n        ) : (\n          <ActivityKindIcon kind={activity.kind} />\n        )\n      }\n      label={heading || label.toLowerCase()}\n      expanded={expanded}\n      onToggle={onToggle}\n      chips={\n        <>\n          <Chip label={kindChip} size=\"small\" />\n          {received ? (\n            <Chip\n              label=\"Received\"\n              size=\"small\"\n              variant=\"outlined\"\n              color=\"info\"\n              data-testid=\"activity-direction\"\n            />\n          ) : captured ? (\n            <Chip\n              label=\"Sent\"\n              size=\"small\"\n              variant=\"outlined\"\n              data-testid=\"activity-direction\"\n            />\n          ) : null}\n          {deliveryState ? (\n            <Tooltip\n              title={\n                typeof activity.deliveryAtMs === 'number'\n                  ? new Date(activity.deliveryAtMs).toLocaleString()\n                  : ''\n              }\n            >\n              <Chip\n                label={Aglyn.CRM_EMAIL_DELIVERY_STATE_LABELS[deliveryState]}\n                size=\"small\"\n                variant=\"outlined\"\n                color={Aglyn.isCrmEmailDeliveryFailure(deliveryState) ? 'error' : 'default'}\n                data-testid=\"activity-delivery-state\"\n              />\n            </Tooltip>\n          ) : null}\n          {captured ? null : subject}\n          {detail.length ? (\n            <Typography variant=\"caption\" color=\"text.secondary\">\n              {detail.join(' · ')}\n            </Typography>\n          ) : null}\n        </>\n      }\n      // With no subject the heading IS the body's first line, so an open\n      // row shows the body alone rather than its first line twice.\n      title={hasSubject || !opens || !expanded ? heading : null}\n      titleVariant={hasSubject ? 'subtitle2' : 'body2'}\n      meta={\n        <Tooltip title={when.toLocaleString()}>\n          <Typography\n            variant=\"caption\"\n            color=\"text.secondary\"\n            sx={{ alignSelf: 'flex-start' }}\n          >\n            {[\n              received ? null : authorName(activity),\n              received && activity.from ? `from ${activity.from}` : null,\n              sent && activity.to ? `to ${activity.to}` : null,\n              Aglyn.activityTimeLabel(activity.atMs, nowMs ?? Date.now()),\n            ]\n              .filter(Boolean)\n              .join(' · ')}\n          </Typography>\n        </Tooltip>\n      }\n      body={\n        opens ? (\n          <Typography variant=\"body2\" sx={{ whiteSpace: 'pre-wrap', overflowWrap: 'anywhere' }}>\n            {activity.body}\n          </Typography>\n        ) : undefined\n      }\n      actions={\n        editable ? (\n          <>\n            {onEdit && !sent && !received ? (\n              <IconButton\n                size=\"small\"\n                aria-label=\"Edit activity\"\n                onClick={() => onEdit(activity)}\n              >\n                <MdiIcon path={mdiPencilOutline.path} size={0.8} />\n              </IconButton>\n            ) : null}\n            <IconButton\n              size=\"small\"\n              aria-label=\"Delete activity\"\n              onClick={handleDelete}\n            >\n              <MdiIcon path={mdiDeleteOutline.path} size={0.8} />\n            </IconButton>\n          </>\n        ) : null\n      }\n    />\n  )\n}\nActivityRow.displayName = 'ActivityRow'\n\nexport interface ActivityListProps {\n  /** Newest-first, as the listener hands them back. */\n  rows: readonly CrmActivityRow[]\n  scope: ActivityScope\n  onEdit?: (activity: CrmActivityRow) => void\n  /** What the list says when there is nothing in it. */\n  emptyText?: string\n  /** The way out of an empty list — the record's \"Log activity\" button. */\n  emptyAction?: ReactNode\n  /** The listener holds less than exists; `onShowMore` widens it. */\n  hasMore?: boolean\n  onShowMore?: () => void\n  /** The listener is reading, so an empty window is not yet an empty log. */\n  loading?: boolean\n  /** The record each row is about, for a list that spans records. */\n  subjectFor?: (activity: CrmActivityRow) => ReactNode\n  /**\n   * No controls on any row, whoever is reading — and no member read to\n   * decide them. A feed that spans records is a place to see what happened,\n   * not to rewrite it; the record's own page is where an activity is\n   * corrected, beside everything else about it.\n   */\n  readOnly?: boolean\n  /**\n   * Which rows are open, held by the card so its header's \"Expand all\"\n   * reaches them. A list with no header control holds its own.\n   */\n  expansion?: TimelineExpansion\n}\n\n/**\n * A newest-first list of logged activities, collapsed to one entry each and\n * paged by the console's shared footer (AGL-2600).\n *\n * The rows arrive ordered — the query is `orderBy('atMs', 'desc')` — and the\n * list does not sort them again; a second sort here is a second place for\n * the order to be defined. The footer pages the window the listener holds,\n * and a page turned past it widens the listener while the probe row says\n * more exists (`useTimelinePages`).\n *\n * Who may edit is decided here, once, and handed to every row: the verdict\n * reads the member document, and the list is the one place that can ask\n * for it a single time however many rows it draws.\n */\nexport function ActivityList(props: ActivityListProps) {\n  const {\n    rows,\n    scope,\n    onEdit,\n    emptyText = 'Nothing logged yet.',\n    emptyAction,\n    hasMore,\n    onShowMore,\n    loading,\n    subjectFor,\n    readOnly,\n  } = props\n  const canEdit = useCanEditActivity(scope.orgId, !readOnly)\n  const ownExpansion = useTimelineExpansion()\n  const expansion = props.expansion ?? ownExpansion\n  const pages = useTimelinePages(rows.length, { hasMore, showMore: onShowMore, loading })\n  // One clock for every row of one paint.\n  const nowMs = Date.now()\n  if (!rows.length) {\n    return loading ? (\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        {'Loading…'}\n      </Typography>\n    ) : (\n      <EmptyStateComponent\n        compact\n        label={'Nothing logged yet'}\n        description={emptyText}\n        action={emptyAction}\n      />\n    )\n  }\n  return (\n    <Stack spacing={2}>\n      {pages.slice(rows).map((activity) => (\n        <ActivityRow\n          key={activity.$id}\n          activity={activity}\n          scope={scope}\n          onEdit={onEdit}\n          subject={subjectFor?.(activity)}\n          nowMs={nowMs}\n          editable={canEdit(activity)}\n          expanded={expansion.isExpanded(activity.$id)}\n          onToggle={() => expansion.toggle(activity.$id)}\n        />\n      ))}\n      <ListPagination {...pages.footer} />\n    </Stack>\n  )\n}\nActivityList.displayName = 'ActivityList'\n\nexport default ActivityList\n"],"names":["Aglyn","mdiAccountGroupOutline","mdiDeleteOutline","mdiDotsHorizontalCircleOutline","mdiEmailOutline","mdiEmailReceiveOutline","mdiNoteTextOutline","mdiPencilOutline","mdiPhoneOutline","MdiIcon","useConfirmationContext","EmptyStateComponent","ListPagination","useSnackbar","useUser","useUserName","Chip","IconButton","Stack","Tooltip","Typography","deleteDoc","doc","useCallback","useState","useCanEditActivity","TimelineEntry","useTimelineExpansion","useTimelinePages","KIND_ICONS","call","email","meeting","note","other","ActivityKindIcon","props","kind","size","icon","isCrmActivityKind","path","displayName","useActivityAuthorName","data","user","ownName","uid","activity","byName","byUid","ACTIVITY_HEADING_MAX","activityHeading","body","trim","subject","heading","opens","firstLine","split","find","line","length","durationLabel","minutes","hours","Math","floor","rest","String","padStart","ActivityRow","scope","onEdit","nowMs","editable","ownExpanded","setOwnExpanded","expanded","onToggle","open","firestore","dataScope","authorName","confirm","enqueueSnackbar","handleDelete","confirmed","title","description","CRM_ACTIVITY_KIND_LABELS","toLowerCase","confirmationText","confirmationButtonProps","color","then","catch","CRM_COLLECTIONS","activities","$id","variant","persist","error","console","allowDuplicate","label","captured","messageId","deliveryState","isCrmEmailDeliveryState","sent","direction","received","kindChip","crmActivityKindTitle","when","Date","atMs","detail","outcome","durationMinutes","filter","Boolean","hasSubject","chips","data-testid","deliveryAtMs","toLocaleString","CRM_EMAIL_DELIVERY_STATE_LABELS","isCrmEmailDeliveryFailure","join","titleVariant","meta","sx","alignSelf","from","to","activityTimeLabel","now","whiteSpace","overflowWrap","undefined","actions","aria-label","onClick","ActivityList","rows","emptyText","emptyAction","hasMore","onShowMore","loading","subjectFor","readOnly","canEdit","orgId","ownExpansion","expansion","pages","showMore","compact","action","spacing","slice","map","isExpanded","toggle","footer"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/activity-list.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 * as Aglyn from '@aglyn/aglyn'\nimport type { CrmActivityKind, CrmActivityRow } from '@aglyn/aglyn'\nimport {\n  mdiAccountGroupOutline,\n  mdiDeleteOutline,\n  mdiDotsHorizontalCircleOutline,\n  mdiEmailOutline,\n  mdiEmailReceiveOutline,\n  mdiFacebookMessenger,\n  mdiInstagram,\n  mdiLinkedin,\n  mdiMessageTextOutline,\n  mdiNoteTextOutline,\n  mdiPencilOutline,\n  mdiPhoneOutline,\n  mdiWhatsapp,\n} from '@aglyn/shared-data-mdi'\nimport { MdiIcon, useConfirmationContext } from '@aglyn/shared-ui-jsx'\nimport EmptyStateComponent from '@aglyn/shared-ui-jsx/components/empty-state.component'\nimport { ListPagination } from '@aglyn/shared-ui-jsx/components/list-pagination.component'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { useUser, useUserName } from '@aglyn/tenant-feature-instance'\nimport { Chip, IconButton, Stack, Tooltip, Typography } from '@mui/material'\nimport { deleteDoc, doc } from 'firebase/firestore'\nimport { type ReactNode, useCallback, useState } from 'react'\nimport { type ActivityScope, useCanEditActivity } from './activity-queries'\nimport {\n  TimelineEntry,\n  type TimelineExpansion,\n  useTimelineExpansion,\n  useTimelinePages,\n} from './activity-timeline'\n\n/**\n * One glyph per kind. Typed against the union so a kind added to the list\n * cannot render with no icon — `MdiIcon` would fall back to its default\n * glyph silently, and a log where every note looks like a placeholder is\n * worse than a build error.\n */\nconst KIND_ICONS: Record<CrmActivityKind, { path: string }> = {\n  call: mdiPhoneOutline,\n  email: mdiEmailOutline,\n  text: mdiMessageTextOutline,\n  whatsapp: mdiWhatsapp,\n  messenger: mdiFacebookMessenger,\n  instagram: mdiInstagram,\n  linkedin: mdiLinkedin,\n  meeting: mdiAccountGroupOutline,\n  note: mdiNoteTextOutline,\n  other: mdiDotsHorizontalCircleOutline,\n}\n\n/** The icon for a kind — a stored kind outside the union draws as `other`. */\nexport function ActivityKindIcon(props: { kind: string; size?: number }) {\n  const { kind, size = 1 } = props\n  const icon = Aglyn.isCrmActivityKind(kind) ? KIND_ICONS[kind] : KIND_ICONS.other\n  return <MdiIcon path={icon.path} size={size} />\n}\nActivityKindIcon.displayName = 'ActivityKindIcon'\n\n/**\n * The author's name for a row (AGL-2600).\n *\n * The denormalized `byName` leads: it is the only name a scoped colleague\n * can read, since a member document is readable by its subject and by\n * org-wide members alone. The signed-in user's OWN rows fall back to their\n * live name — the one case where a lookup is possible — and a row that\n * carries neither (written by a door that did not stamp one) reads as a\n * team member rather than as a uid.\n */\nexport function useActivityAuthorName(): (\n  activity: Pick<CrmActivityRow, 'byUid' | 'byName'>,\n) => string {\n  const { data: user } = useUser()\n  const ownName = useUserName()\n  const uid = user?.uid\n  return useCallback(\n    (activity) => {\n      if (activity.byName) return activity.byName\n      if (uid && activity.byUid === uid && ownName) return ownName\n      return 'A team member'\n    },\n    [uid, ownName],\n  )\n}\n\n/**\n * How long a note's own words may run on a collapsed row before it opens to\n * the rest; a single line under this reads whole, with nothing to open.\n */\nconst ACTIVITY_HEADING_MAX = 80\n\n/**\n * What a collapsed activity reads as, and whether opening it shows more.\n *\n * A subject is the heading and the body is what the row opens to. With no\n * subject the body's first line is the heading, and a body that runs past\n * that line, or past what one line holds, opens to the whole text.\n */\nexport function activityHeading(activity: Pick<CrmActivityRow, 'subject' | 'body'>): {\n  heading: string\n  opens: boolean\n} {\n  const body = typeof activity.body === 'string' ? activity.body.trim() : ''\n  const subject = typeof activity.subject === 'string' ? activity.subject.trim() : ''\n  if (subject) return { heading: subject, opens: body !== '' }\n  const firstLine = body.split('\\n').find((line) => line.trim() !== '')?.trim() ?? ''\n  return {\n    heading: firstLine,\n    opens: body !== firstLine || firstLine.length > ACTIVITY_HEADING_MAX,\n  }\n}\n\n/** \"45 min\" or \"2 h 05 min\" — a duration a manager reads at a glance. */\nfunction durationLabel(minutes: number): string {\n  if (minutes < 60) return `${minutes} min`\n  const hours = Math.floor(minutes / 60)\n  const rest = minutes % 60\n  return rest ? `${hours} h ${String(rest).padStart(2, '0')} min` : `${hours} h`\n}\n\nexport interface ActivityRowProps {\n  activity: CrmActivityRow\n  /** Where the delete is written, from `useActivityScope`. */\n  scope: ActivityScope\n  /** Opens the dialog on this activity. Absent, the row offers no edit. */\n  onEdit?: (activity: CrmActivityRow) => void\n  /**\n   * What sits after the kind, before the body — a feed puts the record the\n   * activity is about here, a record page needs nothing.\n   */\n  subject?: ReactNode\n  /** The clock the relative time is read against; `Date.now()` when absent. */\n  nowMs?: number\n  /**\n   * Whether THIS reader may edit and delete the row — the author, or an\n   * org-wide member. Decided by whoever draws the rows, through\n   * `useCanEditActivity`, once for the whole list: a row that asked for\n   * itself would read the member document once per row.\n   */\n  editable?: boolean\n  /**\n   * Whether the row is open to its body. The list holds it so the card's\n   * \"Expand all\" reaches every row; a row drawn alone holds its own.\n   */\n  expanded?: boolean\n  onToggle?: () => void\n}\n\n/**\n * One logged activity: the kind's icon and label, what was said, how it\n * went, who logged it and how long ago — with edit and delete for whoever\n * may (AGL-2600).\n *\n * Collapsed, the row is its chips, its heading and its caption: the kind,\n * the direction and delivery state, how a call went, the subject or the\n * note's first line, and who, to or from whom, and when. Opened, it shows\n * the body — an email's whole text, a note's every line.\n *\n * Edit and delete appear only when `editable` says this reader may — the\n * author or an org-wide member. That is the console's verdict and not the\n * rules' — see `useCanEditActivity` for why the rules admit more — so the\n * controls are hidden rather than disabled: a disabled button asks \"why\n * not?\", and the honest answer would be \"you could, through the API\".\n */\nexport function ActivityRow(props: ActivityRowProps) {\n  const { activity, scope, onEdit, subject, nowMs, editable } = props\n  const [ownExpanded, setOwnExpanded] = useState(false)\n  const expanded = props.expanded ?? ownExpanded\n  const onToggle = props.onToggle ?? (() => setOwnExpanded((open) => !open))\n  const { firestore, dataScope } = scope\n  const authorName = useActivityAuthorName()\n  const { confirm } = useConfirmationContext()\n  const { enqueueSnackbar } = useSnackbar()\n\n  const handleDelete = useCallback(async () => {\n    if (!dataScope) return\n    const confirmed = await confirm({\n      title: 'Delete this activity?',\n      description:\n        `This ${Aglyn.CRM_ACTIVITY_KIND_LABELS[\n          Aglyn.isCrmActivityKind(activity.kind) ? activity.kind : 'other'\n        ].toLowerCase()} is removed from the record it was logged against. ` +\n        'Nothing the platform captured — a form, an order, a booking — is ' +\n        'affected.',\n      confirmationText: 'Delete activity',\n      confirmationButtonProps: { color: 'error' },\n    })\n      .then(() => true)\n      .catch(() => false)\n    if (!confirmed) return\n    try {\n      await deleteDoc(\n        doc(\n          firestore,\n          dataScope[0],\n          dataScope[1],\n          Aglyn.CRM_COLLECTIONS.activities,\n          activity.$id,\n        ),\n      )\n      enqueueSnackbar('Activity deleted', { variant: 'success', persist: false })\n    } catch (error) {\n      console.error(error)\n      enqueueSnackbar('An error has occurred', {\n        variant: 'error',\n        allowDuplicate: true,\n      })\n    }\n  }, [dataScope, confirm, activity, firestore, enqueueSnackbar])\n\n  const label =\n    Aglyn.CRM_ACTIVITY_KIND_LABELS[\n      Aglyn.isCrmActivityKind(activity.kind) ? activity.kind : 'other'\n    ]\n  /*\n   * A message the platform SENT (AGL-2615) carries a subject, an address\n   * and a delivery state the webhook advances; the state is the chip beside\n   * the kind, red once the message did not land. What was sent is a record\n   * of a fact and offers no edit — a rewritten body would misstate what\n   * left — though whoever may delete a row may still delete this one.\n   */\n  const captured = typeof activity.messageId === 'string' && activity.messageId !== ''\n  const deliveryState = Aglyn.isCrmEmailDeliveryState(activity.deliveryState)\n    ? activity.deliveryState\n    : null\n  // A hand-logged email or call carries a direction too (AGL-3517); only a\n  // message the platform carried or captured is \"sent\" or \"received\" here.\n  const sent = activity.direction === 'outbound' && (deliveryState !== null || captured)\n  /*\n   * A message CAPTURED from a mailbox (AGL-2657) carries the provider's\n   * Message-ID and, when a correspondent wrote it, the `inbound` direction.\n   * It is drawn as its own thing — \"Received\" beside the kind, the sender\n   * where a sent row shows the recipient, no author because nobody on the\n   * team logged it — and a member's copied send reads \"Sent\" without a\n   * delivery chip, since the platform did not carry it. Neither takes the\n   * caller's \"Logged\" chip: nobody logged them.\n   */\n  const received = activity.direction === 'inbound' && captured\n  /*\n   * A hand-logged call or email names its direction in the kind's own chip\n   * — \"Inbound call\", \"Outbound email\" (AGL-3517); a sent or captured\n   * message says it with the chips below instead.\n   */\n  const kindChip =\n    sent || received || captured\n      ? label\n      : Aglyn.crmActivityKindTitle(\n          Aglyn.isCrmActivityKind(activity.kind) ? activity.kind : 'other',\n          activity.direction,\n        )\n  const when = new Date(activity.atMs)\n  const detail = [\n    activity.outcome ? activity.outcome : null,\n    typeof activity.durationMinutes === 'number' && activity.durationMinutes > 0\n      ? durationLabel(activity.durationMinutes)\n      : null,\n  ].filter(Boolean)\n\n  const { heading, opens } = activityHeading(activity)\n  const hasSubject = typeof activity.subject === 'string' && activity.subject.trim() !== ''\n\n  return (\n    <TimelineEntry\n      icon={\n        received ? (\n          <MdiIcon path={mdiEmailReceiveOutline.path} />\n        ) : (\n          <ActivityKindIcon kind={activity.kind} />\n        )\n      }\n      label={heading || label.toLowerCase()}\n      expanded={expanded}\n      onToggle={onToggle}\n      chips={\n        <>\n          <Chip label={kindChip} size=\"small\" />\n          {received ? (\n            <Chip\n              label=\"Received\"\n              size=\"small\"\n              variant=\"outlined\"\n              color=\"info\"\n              data-testid=\"activity-direction\"\n            />\n          ) : captured ? (\n            <Chip\n              label=\"Sent\"\n              size=\"small\"\n              variant=\"outlined\"\n              data-testid=\"activity-direction\"\n            />\n          ) : null}\n          {deliveryState ? (\n            <Tooltip\n              title={\n                typeof activity.deliveryAtMs === 'number'\n                  ? new Date(activity.deliveryAtMs).toLocaleString()\n                  : ''\n              }\n            >\n              <Chip\n                label={Aglyn.CRM_EMAIL_DELIVERY_STATE_LABELS[deliveryState]}\n                size=\"small\"\n                variant=\"outlined\"\n                color={Aglyn.isCrmEmailDeliveryFailure(deliveryState) ? 'error' : 'default'}\n                data-testid=\"activity-delivery-state\"\n              />\n            </Tooltip>\n          ) : null}\n          {captured ? null : subject}\n          {detail.length ? (\n            <Typography variant=\"caption\" color=\"text.secondary\">\n              {detail.join(' · ')}\n            </Typography>\n          ) : null}\n        </>\n      }\n      // With no subject the heading IS the body's first line, so an open\n      // row shows the body alone rather than its first line twice.\n      title={hasSubject || !opens || !expanded ? heading : null}\n      titleVariant={hasSubject ? 'subtitle2' : 'body2'}\n      meta={\n        <Tooltip title={when.toLocaleString()}>\n          <Typography\n            variant=\"caption\"\n            color=\"text.secondary\"\n            sx={{ alignSelf: 'flex-start' }}\n          >\n            {[\n              received ? null : authorName(activity),\n              received && activity.from ? `from ${activity.from}` : null,\n              sent && activity.to ? `to ${activity.to}` : null,\n              Aglyn.activityTimeLabel(activity.atMs, nowMs ?? Date.now()),\n            ]\n              .filter(Boolean)\n              .join(' · ')}\n          </Typography>\n        </Tooltip>\n      }\n      body={\n        opens ? (\n          <Typography variant=\"body2\" sx={{ whiteSpace: 'pre-wrap', overflowWrap: 'anywhere' }}>\n            {activity.body}\n          </Typography>\n        ) : undefined\n      }\n      actions={\n        editable ? (\n          <>\n            {onEdit && !sent && !received ? (\n              <IconButton\n                size=\"small\"\n                aria-label=\"Edit activity\"\n                onClick={() => onEdit(activity)}\n              >\n                <MdiIcon path={mdiPencilOutline.path} size={0.8} />\n              </IconButton>\n            ) : null}\n            <IconButton\n              size=\"small\"\n              aria-label=\"Delete activity\"\n              onClick={handleDelete}\n            >\n              <MdiIcon path={mdiDeleteOutline.path} size={0.8} />\n            </IconButton>\n          </>\n        ) : null\n      }\n    />\n  )\n}\nActivityRow.displayName = 'ActivityRow'\n\nexport interface ActivityListProps {\n  /** Newest-first, as the listener hands them back. */\n  rows: readonly CrmActivityRow[]\n  scope: ActivityScope\n  onEdit?: (activity: CrmActivityRow) => void\n  /** What the list says when there is nothing in it. */\n  emptyText?: string\n  /** The way out of an empty list — the record's \"Log activity\" button. */\n  emptyAction?: ReactNode\n  /** The listener holds less than exists; `onShowMore` widens it. */\n  hasMore?: boolean\n  onShowMore?: () => void\n  /** The listener is reading, so an empty window is not yet an empty log. */\n  loading?: boolean\n  /** The record each row is about, for a list that spans records. */\n  subjectFor?: (activity: CrmActivityRow) => ReactNode\n  /**\n   * No controls on any row, whoever is reading — and no member read to\n   * decide them. A feed that spans records is a place to see what happened,\n   * not to rewrite it; the record's own page is where an activity is\n   * corrected, beside everything else about it.\n   */\n  readOnly?: boolean\n  /**\n   * Which rows are open, held by the card so its header's \"Expand all\"\n   * reaches them. A list with no header control holds its own.\n   */\n  expansion?: TimelineExpansion\n}\n\n/**\n * A newest-first list of logged activities, collapsed to one entry each and\n * paged by the console's shared footer (AGL-2600).\n *\n * The rows arrive ordered — the query is `orderBy('atMs', 'desc')` — and the\n * list does not sort them again; a second sort here is a second place for\n * the order to be defined. The footer pages the window the listener holds,\n * and a page turned past it widens the listener while the probe row says\n * more exists (`useTimelinePages`).\n *\n * Who may edit is decided here, once, and handed to every row: the verdict\n * reads the member document, and the list is the one place that can ask\n * for it a single time however many rows it draws.\n */\nexport function ActivityList(props: ActivityListProps) {\n  const {\n    rows,\n    scope,\n    onEdit,\n    emptyText = 'Nothing logged yet.',\n    emptyAction,\n    hasMore,\n    onShowMore,\n    loading,\n    subjectFor,\n    readOnly,\n  } = props\n  const canEdit = useCanEditActivity(scope.orgId, !readOnly)\n  const ownExpansion = useTimelineExpansion()\n  const expansion = props.expansion ?? ownExpansion\n  const pages = useTimelinePages(rows.length, { hasMore, showMore: onShowMore, loading })\n  // One clock for every row of one paint.\n  const nowMs = Date.now()\n  if (!rows.length) {\n    return loading ? (\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        {'Loading…'}\n      </Typography>\n    ) : (\n      <EmptyStateComponent\n        compact\n        label={'Nothing logged yet'}\n        description={emptyText}\n        action={emptyAction}\n      />\n    )\n  }\n  return (\n    <Stack spacing={2}>\n      {pages.slice(rows).map((activity) => (\n        <ActivityRow\n          key={activity.$id}\n          activity={activity}\n          scope={scope}\n          onEdit={onEdit}\n          subject={subjectFor?.(activity)}\n          nowMs={nowMs}\n          editable={canEdit(activity)}\n          expanded={expansion.isExpanded(activity.$id)}\n          onToggle={() => expansion.toggle(activity.$id)}\n        />\n      ))}\n      <ListPagination {...pages.footer} />\n    </Stack>\n  )\n}\nActivityList.displayName = 'ActivityList'\n\nexport default ActivityList\n"],"names":["Aglyn","mdiAccountGroupOutline","mdiDeleteOutline","mdiDotsHorizontalCircleOutline","mdiEmailOutline","mdiEmailReceiveOutline","mdiFacebookMessenger","mdiInstagram","mdiLinkedin","mdiMessageTextOutline","mdiNoteTextOutline","mdiPencilOutline","mdiPhoneOutline","mdiWhatsapp","MdiIcon","useConfirmationContext","EmptyStateComponent","ListPagination","useSnackbar","useUser","useUserName","Chip","IconButton","Stack","Tooltip","Typography","deleteDoc","doc","useCallback","useState","useCanEditActivity","TimelineEntry","useTimelineExpansion","useTimelinePages","KIND_ICONS","call","email","text","whatsapp","messenger","instagram","linkedin","meeting","note","other","ActivityKindIcon","props","kind","size","icon","isCrmActivityKind","path","displayName","useActivityAuthorName","data","user","ownName","uid","activity","byName","byUid","ACTIVITY_HEADING_MAX","activityHeading","body","trim","subject","heading","opens","firstLine","split","find","line","length","durationLabel","minutes","hours","Math","floor","rest","String","padStart","ActivityRow","scope","onEdit","nowMs","editable","ownExpanded","setOwnExpanded","expanded","onToggle","open","firestore","dataScope","authorName","confirm","enqueueSnackbar","handleDelete","confirmed","title","description","CRM_ACTIVITY_KIND_LABELS","toLowerCase","confirmationText","confirmationButtonProps","color","then","catch","CRM_COLLECTIONS","activities","$id","variant","persist","error","console","allowDuplicate","label","captured","messageId","deliveryState","isCrmEmailDeliveryState","sent","direction","received","kindChip","crmActivityKindTitle","when","Date","atMs","detail","outcome","durationMinutes","filter","Boolean","hasSubject","chips","data-testid","deliveryAtMs","toLocaleString","CRM_EMAIL_DELIVERY_STATE_LABELS","isCrmEmailDeliveryFailure","join","titleVariant","meta","sx","alignSelf","from","to","activityTimeLabel","now","whiteSpace","overflowWrap","undefined","actions","aria-label","onClick","ActivityList","rows","emptyText","emptyAction","hasMore","onShowMore","loading","subjectFor","readOnly","canEdit","orgId","ownExpansion","expansion","pages","showMore","compact","action","spacing","slice","map","isExpanded","toggle","footer"],"mappings":"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"}

package/src/lib/components/deal-board.d.ts

@@ -45,6 +45,16 @@ export interface DealBoardProps {
  * two closed columns start collapsed to a count-free stub and expand on
  * request, which is also when their rows are read — a collapsed column
  * costs no listener.
+ *
+ * ## Empty stages fold too, and the board says when there is more
+ *
+ * A pipeline with Salesforce's ten stages is wider than the card, and the
+ * stages with deals in them were off the edge with nothing to say so. An
+ * open stage with no deals folds to the same narrow stub, labelled and still
+ * a drop target, so the stages that hold work get the room. When the row is
+ * still wider than the card, chevrons at either end page it sideways the way
+ * MUI's scrollable Tabs do — the scrollbar alone stays hidden on a trackpad
+ * until the reader already knows to scroll.
  */
 export declare function DealBoard(props: DealBoardProps): import("react").JSX.Element;
 export declare namespace DealBoard {

package/src/lib/components/deal-board.js

@@ -21,8 +21,9 @@ import { MdiIcon } from "@aglyn/shared-ui-jsx";
 import RowActionsMenu from "@aglyn/shared-ui-jsx/components/row-actions-menu.component";
 import { closestCorners, DndContext, DragOverlay, KeyboardSensor, PointerSensor, useDraggable, useDroppable, useSensor, useSensors } from "@dnd-kit/core";
 import { CSS } from "@dnd-kit/utilities";
-import { Box, Button, Chip, CircularProgress, Paper, Stack, Typography } from "@mui/material";
+import { Box, Button, Chip, CircularProgress, Paper, Stack, TabScrollButton, Tooltip, Typography } from "@mui/material";
 import { useCallback, useMemo, useState } from "react";
+import { useScrollEdges } from "../hooks/use-scroll-edges.js";
 import { daysInStage, formatMoney, openStages } from "../model/deal-board-model.js";
 import { OwnerAvatar } from "./owner-avatar.js";
 /** The droppable id a stage column answers to. */ const columnId = (stageId)=>`stage:${stageId}`;
@@ -54,11 +55,23 @@ const stageOfColumn = (id)=>typeof id === 'string' && id.startsWith('stage:') ?
  * two closed columns start collapsed to a count-free stub and expand on
  * request, which is also when their rows are read — a collapsed column
  * costs no listener.
+ *
+ * ## Empty stages fold too, and the board says when there is more
+ *
+ * A pipeline with Salesforce's ten stages is wider than the card, and the
+ * stages with deals in them were off the edge with nothing to say so. An
+ * open stage with no deals folds to the same narrow stub, labelled and still
+ * a drop target, so the stages that hold work get the room. When the row is
+ * still wider than the card, chevrons at either end page it sideways the way
+ * MUI's scrollable Tabs do — the scrollbar alone stays hidden on a trackpad
+ * until the reader already knows to scroll.
  */ export function DealBoard(props) {
     const { pipeline, deals, won, lost, closedExpanded, onToggleClosed, labelFor, moving, onOpen, onMove, onWon, onLost, nowMs } = props;
     const stages = useMemo(()=>openStages(pipeline), [
         pipeline
     ]);
+    const edges = useScrollEdges();
+    const overflowing = edges.start || edges.end;
     const byStage = useMemo(()=>{
         const map = new Map();
         for (const stage of stages)map.set(stage.id, []);
@@ -165,70 +178,98 @@ const stageOfColumn = (id)=>typeof id === 'string' && id.startsWith('stage:') ?
         onDragEnd: handleDragEnd,
         onDragCancel: ()=>setDragging(null),
         children: [
-            /*#__PURE__*/ _jsx(Box, {
+            /*#__PURE__*/ _jsxs(Stack, {
+                direction: "row",
                 sx: {
-                    overflowX: 'auto',
-                    pb: 1,
+                    alignItems: 'stretch',
                     minWidth: 0,
                     width: '100%'
                 },
-                children: /*#__PURE__*/ _jsxs(Stack, {
-                    direction: "row",
-                    spacing: 1.5,
-                    sx: {
-                        alignItems: 'stretch',
-                        minWidth: 'max-content'
-                    },
-                    children: [
-                        stages.map((stage)=>{
-                            var _ref, _byStage_map_get, _byStage_map_get1;
-                            var _byStage_map_get2, _byStage_map_get_, _byStage_map_get3;
-                            return /*#__PURE__*/ _jsx(StageColumn, {
-                                stage: stage,
-                                count: (_ref = (_byStage_map_get2 = byStage.map.get(stage.id)) == null ? void 0 : _byStage_map_get2.length) != null ? _ref : 0,
-                                total: ((_byStage_map_get = byStage.map.get(stage.id)) != null ? _byStage_map_get : []).reduce((sum, deal)=>sum + (Number(deal.amountCents) || 0), 0),
-                                currency: (_byStage_map_get3 = byStage.map.get(stage.id)) == null ? void 0 : (_byStage_map_get_ = _byStage_map_get3[0]) == null ? void 0 : _byStage_map_get_.currency,
-                                children: ((_byStage_map_get1 = byStage.map.get(stage.id)) != null ? _byStage_map_get1 : []).map(renderCard)
-                            }, stage.id);
-                        }),
-                        byStage.orphans.length ? /*#__PURE__*/ _jsx(StageColumn, {
-                            stage: {
-                                id: '__orphans',
-                                name: 'No stage',
-                                order: Number.MAX_SAFE_INTEGER,
-                                probability: 0,
-                                kind: 'open'
+                children: [
+                    overflowing ? /*#__PURE__*/ _jsx(TabScrollButton, {
+                        direction: "left",
+                        orientation: "horizontal",
+                        disabled: !edges.start,
+                        onClick: ()=>edges.page(-1),
+                        "aria-label": "Show earlier stages",
+                        "data-testid": "deal-board-scroll-start"
+                    }) : null,
+                    /*#__PURE__*/ _jsx(Box, {
+                        ref: edges.ref,
+                        sx: {
+                            overflowX: 'auto',
+                            pb: 1,
+                            minWidth: 0,
+                            flex: 1
+                        },
+                        children: /*#__PURE__*/ _jsxs(Stack, {
+                            direction: "row",
+                            spacing: 1.5,
+                            sx: {
+                                alignItems: 'stretch',
+                                minWidth: 'max-content'
                             },
-                            count: byStage.orphans.length,
-                            total: 0,
-                            currency: undefined,
-                            droppable: false,
-                            caption: "These deals sit in a stage the pipeline no longer has. Move them.",
-                            children: byStage.orphans.map(renderCard)
-                        }) : null,
-                        closedStages.map((stage)=>{
-                            var _ref;
-                            const rows = stage.kind === 'won' ? won : lost;
-                            return /*#__PURE__*/ _jsx(StageColumn, {
-                                stage: stage,
-                                count: (_ref = rows == null ? void 0 : rows.length) != null ? _ref : null,
-                                total: null,
-                                currency: undefined,
-                                collapsed: !closedExpanded,
-                                onToggle: onToggleClosed,
-                                children: closedExpanded && rows === null ? /*#__PURE__*/ _jsx(Stack, {
-                                    sx: {
-                                        alignItems: 'center',
-                                        py: 2
+                            children: [
+                                stages.map((stage)=>{
+                                    var _ref, _byStage_map_get, _byStage_map_get1;
+                                    var _byStage_map_get2, _byStage_map_get3, _byStage_map_get_, _byStage_map_get4;
+                                    return /*#__PURE__*/ _jsx(StageColumn, {
+                                        stage: stage,
+                                        folded: !((_byStage_map_get2 = byStage.map.get(stage.id)) == null ? void 0 : _byStage_map_get2.length),
+                                        count: (_ref = (_byStage_map_get3 = byStage.map.get(stage.id)) == null ? void 0 : _byStage_map_get3.length) != null ? _ref : 0,
+                                        total: ((_byStage_map_get = byStage.map.get(stage.id)) != null ? _byStage_map_get : []).reduce((sum, deal)=>sum + (Number(deal.amountCents) || 0), 0),
+                                        currency: (_byStage_map_get4 = byStage.map.get(stage.id)) == null ? void 0 : (_byStage_map_get_ = _byStage_map_get4[0]) == null ? void 0 : _byStage_map_get_.currency,
+                                        children: ((_byStage_map_get1 = byStage.map.get(stage.id)) != null ? _byStage_map_get1 : []).map(renderCard)
+                                    }, stage.id);
+                                }),
+                                byStage.orphans.length ? /*#__PURE__*/ _jsx(StageColumn, {
+                                    stage: {
+                                        id: '__orphans',
+                                        name: 'No stage',
+                                        order: Number.MAX_SAFE_INTEGER,
+                                        probability: 0,
+                                        kind: 'open'
                                     },
-                                    children: /*#__PURE__*/ _jsx(CircularProgress, {
-                                        size: 20
-                                    })
-                                }) : (rows != null ? rows : []).map(renderCard)
-                            }, stage.id);
+                                    count: byStage.orphans.length,
+                                    total: 0,
+                                    currency: undefined,
+                                    droppable: false,
+                                    caption: "These deals sit in a stage the pipeline no longer has. Move them.",
+                                    children: byStage.orphans.map(renderCard)
+                                }) : null,
+                                closedStages.map((stage)=>{
+                                    var _ref;
+                                    const rows = stage.kind === 'won' ? won : lost;
+                                    return /*#__PURE__*/ _jsx(StageColumn, {
+                                        stage: stage,
+                                        count: (_ref = rows == null ? void 0 : rows.length) != null ? _ref : null,
+                                        total: null,
+                                        currency: undefined,
+                                        collapsed: !closedExpanded,
+                                        onToggle: onToggleClosed,
+                                        children: closedExpanded && rows === null ? /*#__PURE__*/ _jsx(Stack, {
+                                            sx: {
+                                                alignItems: 'center',
+                                                py: 2
+                                            },
+                                            children: /*#__PURE__*/ _jsx(CircularProgress, {
+                                                size: 20
+                                            })
+                                        }) : (rows != null ? rows : []).map(renderCard)
+                                    }, stage.id);
+                                })
+                            ]
                         })
-                    ]
-                })
+                    }),
+                    overflowing ? /*#__PURE__*/ _jsx(TabScrollButton, {
+                        direction: "right",
+                        orientation: "horizontal",
+                        disabled: !edges.end,
+                        onClick: ()=>edges.page(1),
+                        "aria-label": "Show later stages",
+                        "data-testid": "deal-board-scroll-end"
+                    }) : null
+                ]
             }),
             /*#__PURE__*/ _jsx(DragOverlay, {
                 dropAnimation: null,
@@ -244,7 +285,7 @@ const stageOfColumn = (id)=>typeof id === 'string' && id.startsWith('stage:') ?
 }
 DealBoard.displayName = 'DealBoard';
 function StageColumn(props) {
-    const { stage, count, total, currency, droppable = true, collapsed = false, onToggle, caption, children } = props;
+    const { stage, count, total, currency, droppable = true, collapsed = false, folded = false, onToggle, caption, children } = props;
     const { setNodeRef, isOver } = useDroppable({
         id: columnId(stage.id),
         disabled: !droppable || collapsed
@@ -254,7 +295,7 @@ function StageColumn(props) {
         ref: setNodeRef,
         variant: "outlined",
         sx: {
-            width: collapsed ? 56 : 260,
+            width: collapsed || folded ? 56 : 260,
             flexShrink: 0,
             display: 'flex',
             flexDirection: 'column',
@@ -267,7 +308,24 @@ function StageColumn(props) {
                 ]),
             minHeight: 240
         },
-        children: collapsed ? /*#__PURE__*/ _jsx(Button, {
+        children: folded && !collapsed ? /*#__PURE__*/ _jsx(Tooltip, {
+            title: `${stage.name}: no deals · ${stage.probability}% likely to close`,
+            placement: "top",
+            children: /*#__PURE__*/ _jsx(Typography, {
+                variant: "subtitle2",
+                color: "text.secondary",
+                "data-testid": "deal-board-folded-stage",
+                sx: {
+                    flex: 1,
+                    writingMode: 'vertical-rl',
+                    textOrientation: 'mixed',
+                    textAlign: 'center',
+                    py: 2,
+                    alignSelf: 'center'
+                },
+                children: stage.name
+            })
+        }) : collapsed ? /*#__PURE__*/ _jsx(Button, {
             onClick: onToggle,
             sx: {
                 flex: 1,