@aglyn/plugins-crm 1.0.0-beta.143

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

@@ -0,0 +1,478 @@
+/**
+ * @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 { mdiChevronRight, mdiOpenInNew, mdiThumbDownOutline, mdiTrophyOutline } from "@aglyn/shared-data-mdi";
+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 { useCallback, useMemo, useState } from "react";
+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}`;
+const stageOfColumn = (id)=>typeof id === 'string' && id.startsWith('stage:') ? id.slice('stage:'.length) : null;
+/**
+ * The pipeline as columns (AGL-2598): one per open stage, Won and Lost at
+ * the end, cards dragged between them.
+ *
+ * ## Dragging is a request, not a write
+ *
+ * `@dnd-kit` handles the pointer; when a card is released over another
+ * column the board calls `onMove`, and the SECTION calls the stage route.
+ * The card is not moved locally: it dims while the request is in flight
+ * and lands in its new column when the listener hears the write. An
+ * optimistic move that the server refused — no permission, a stage the
+ * pipeline lost meanwhile — would have to be animated back, and a card that
+ * jumps back with no explanation reads as a bug in the board rather than a
+ * refusal by the server, which is what it was.
+ *
+ * The pointer sensor needs a few pixels of travel before a drag begins, so
+ * a click on the title still opens the deal and a click on the menu still
+ * opens the menu. The keyboard sensor makes the same move reachable without
+ * a mouse; the card menu's "Move to" items are the other route.
+ *
+ * ## Won and Lost fold away
+ *
+ * A closed deal is history, and a board that drew every won deal of the
+ * year beside the four open stages would push the work off the screen. The
+ * 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.
+ */ 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 byStage = useMemo(()=>{
+        const map = new Map();
+        for (const stage of stages)map.set(stage.id, []);
+        const orphans = [];
+        for (const deal of deals){
+            const column = map.get(deal.stageId);
+            if (column) column.push(deal);
+            else orphans.push(deal);
+        }
+        return {
+            map,
+            orphans
+        };
+    }, [
+        stages,
+        deals
+    ]);
+    const sensors = useSensors(useSensor(PointerSensor, {
+        activationConstraint: {
+            distance: 6
+        }
+    }), useSensor(KeyboardSensor));
+    const [dragging, setDragging] = useState(null);
+    const handleDragStart = useCallback((event)=>{
+        var _ref;
+        var _event_active_data_current;
+        setDragging((_ref = (_event_active_data_current = event.active.data.current) == null ? void 0 : _event_active_data_current['deal']) != null ? _ref : null);
+    }, []);
+    const handleDragEnd = useCallback((event)=>{
+        var _event_active_data_current, _event_over;
+        setDragging(null);
+        const deal = (_event_active_data_current = event.active.data.current) == null ? void 0 : _event_active_data_current['deal'];
+        const target = stageOfColumn((_event_over = event.over) == null ? void 0 : _event_over.id);
+        if (!deal || !target || target === deal.stageId) return;
+        const stage = pipeline.stages.find((entry)=>entry.id === target);
+        if (!stage) return;
+        if (stage.kind === 'won') return onWon(deal);
+        if (stage.kind === 'lost') return onLost(deal);
+        onMove(deal, target);
+    }, [
+        pipeline,
+        onMove,
+        onWon,
+        onLost
+    ]);
+    const cardActions = useCallback((deal)=>[
+            {
+                key: 'open',
+                label: 'Open',
+                icon: /*#__PURE__*/ _jsx(MdiIcon, {
+                    path: mdiOpenInNew.path,
+                    size: 0.8
+                }),
+                onClick: ()=>onOpen(deal)
+            },
+            ...stages.filter((stage)=>stage.id !== deal.stageId).map((stage)=>({
+                    key: `move:${stage.id}`,
+                    label: `Move to ${stage.name}`,
+                    icon: /*#__PURE__*/ _jsx(MdiIcon, {
+                        path: mdiChevronRight.path,
+                        size: 0.8
+                    }),
+                    onClick: ()=>onMove(deal, stage.id)
+                })),
+            {
+                key: 'won',
+                label: 'Mark won',
+                icon: /*#__PURE__*/ _jsx(MdiIcon, {
+                    path: mdiTrophyOutline.path,
+                    size: 0.8
+                }),
+                onClick: ()=>onWon(deal)
+            },
+            {
+                key: 'lost',
+                label: 'Mark lost',
+                icon: /*#__PURE__*/ _jsx(MdiIcon, {
+                    path: mdiThumbDownOutline.path,
+                    size: 0.8
+                }),
+                onClick: ()=>onLost(deal),
+                destructive: true
+            }
+        ], [
+        stages,
+        onOpen,
+        onMove,
+        onWon,
+        onLost
+    ]);
+    const renderCard = (deal)=>/*#__PURE__*/ _jsx(DealCard, {
+            deal: deal,
+            ownerLabel: labelFor(deal.ownerUid),
+            days: daysInStage(deal, nowMs),
+            pending: moving.has(deal.$id),
+            actions: cardActions(deal),
+            onOpen: ()=>onOpen(deal)
+        }, deal.$id);
+    const closedStages = pipeline.stages.filter((stage)=>stage.kind !== 'open');
+    return /*#__PURE__*/ _jsxs(DndContext, {
+        sensors: sensors,
+        collisionDetection: closestCorners,
+        onDragStart: handleDragStart,
+        onDragEnd: handleDragEnd,
+        onDragCancel: ()=>setDragging(null),
+        children: [
+            /*#__PURE__*/ _jsx(Box, {
+                sx: {
+                    overflowX: 'auto',
+                    pb: 1,
+                    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'
+                            },
+                            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);
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx(DragOverlay, {
+                dropAnimation: null,
+                children: dragging ? /*#__PURE__*/ _jsx(DealCardBody, {
+                    deal: dragging,
+                    ownerLabel: labelFor(dragging.ownerUid),
+                    days: daysInStage(dragging, nowMs),
+                    lifted: true
+                }) : null
+            })
+        ]
+    });
+}
+DealBoard.displayName = 'DealBoard';
+function StageColumn(props) {
+    const { stage, count, total, currency, droppable = true, collapsed = false, onToggle, caption, children } = props;
+    const { setNodeRef, isOver } = useDroppable({
+        id: columnId(stage.id),
+        disabled: !droppable || collapsed
+    });
+    const closed = stage.kind !== 'open';
+    return /*#__PURE__*/ _jsx(Paper, {
+        ref: setNodeRef,
+        variant: "outlined",
+        sx: {
+            width: collapsed ? 56 : 260,
+            flexShrink: 0,
+            display: 'flex',
+            flexDirection: 'column',
+            bgcolor: isOver ? 'action.hover' : 'background.default',
+            borderColor: isOver ? 'primary.main' : undefined,
+            transition: (theme)=>theme.transitions.create([
+                    'background-color',
+                    'border-color',
+                    'width'
+                ]),
+            minHeight: 240
+        },
+        children: collapsed ? /*#__PURE__*/ _jsx(Button, {
+            onClick: onToggle,
+            sx: {
+                flex: 1,
+                writingMode: 'vertical-rl',
+                textOrientation: 'mixed',
+                py: 2,
+                typography: 'subtitle2'
+            },
+            color: stage.kind === 'won' ? 'success' : 'inherit',
+            children: stage.name
+        }) : /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                /*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    sx: {
+                        alignItems: 'center',
+                        px: 1.5,
+                        py: 1
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "subtitle2",
+                            sx: {
+                                flex: 1
+                            },
+                            noWrap: true,
+                            children: stage.name
+                        }),
+                        count !== null ? /*#__PURE__*/ _jsx(Chip, {
+                            size: "small",
+                            label: count
+                        }) : null,
+                        closed && onToggle ? /*#__PURE__*/ _jsx(Button, {
+                            size: "small",
+                            onClick: onToggle,
+                            children: 'Hide'
+                        }) : null
+                    ]
+                }),
+                !closed ? /*#__PURE__*/ _jsx(Typography, {
+                    variant: "caption",
+                    color: "text.secondary",
+                    sx: {
+                        px: 1.5
+                    },
+                    children: `${stage.probability}% · ${total ? formatMoney(total, currency) : 'no value yet'}`
+                }) : null,
+                caption ? /*#__PURE__*/ _jsx(Typography, {
+                    variant: "caption",
+                    color: "warning.main",
+                    sx: {
+                        px: 1.5
+                    },
+                    children: caption
+                }) : null,
+                /*#__PURE__*/ _jsx(Stack, {
+                    spacing: 1,
+                    sx: {
+                        p: 1,
+                        flex: 1
+                    },
+                    children: children
+                })
+            ]
+        })
+    });
+}
+StageColumn.displayName = 'StageColumn';
+function DealCard(props) {
+    const { deal, ownerLabel, days, pending, actions, onOpen } = props;
+    const { attributes, listeners, setNodeRef, transform, isDragging } = useDraggable({
+        id: deal.$id,
+        data: {
+            deal
+        },
+        disabled: pending || deal.status !== 'open'
+    });
+    return /*#__PURE__*/ _jsx(Box, _extends({
+        ref: setNodeRef,
+        sx: {
+            transform: CSS.Translate.toString(transform),
+            opacity: isDragging ? 0.3 : pending ? 0.5 : 1,
+            cursor: deal.status === 'open' && !pending ? 'grab' : 'default',
+            outline: 'none',
+            '&:focus-visible': {
+                borderRadius: 1,
+                boxShadow: (theme)=>`0 0 0 2px ${theme.palette.primary.main}`
+            }
+        }
+    }, attributes, listeners, {
+        children: /*#__PURE__*/ _jsx(DealCardBody, {
+            deal: deal,
+            ownerLabel: ownerLabel,
+            days: days,
+            menu: /*#__PURE__*/ _jsx(RowActionsMenu, {
+                items: actions,
+                label: deal.title
+            }),
+            onOpen: onOpen
+        })
+    }));
+}
+DealCard.displayName = 'DealCard';
+/**
+ * What a card shows: the title, the amount, who it is with, the owner and
+ * how long it has sat here. Shared by the card in its column and the copy
+ * that follows the pointer, so the two cannot drift.
+ */ export function DealCardBody(props) {
+    const { deal, ownerLabel, days, menu, onOpen, lifted } = props;
+    const withWhom = [
+        deal.contactName,
+        deal.companyName
+    ].filter(Boolean).join(' · ');
+    return /*#__PURE__*/ _jsxs(Paper, {
+        elevation: lifted ? 6 : 1,
+        sx: {
+            p: 1.25,
+            width: lifted ? 244 : undefined
+        },
+        children: [
+            /*#__PURE__*/ _jsxs(Stack, {
+                direction: "row",
+                spacing: 0.5,
+                sx: {
+                    alignItems: 'flex-start'
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        component: onOpen ? 'button' : 'span',
+                        onClick: onOpen,
+                        // The title is the link into the deal, drawn as text: a button
+                        // element so it is focusable and announced, unstyled so it reads
+                        // as the card's heading rather than a control beside it.
+                        sx: {
+                            flex: 1,
+                            textAlign: 'left',
+                            font: 'inherit',
+                            fontWeight: 'medium',
+                            color: 'inherit',
+                            background: 'none',
+                            border: 0,
+                            p: 0,
+                            cursor: onOpen ? 'pointer' : 'inherit',
+                            '&:hover': onOpen ? {
+                                textDecoration: 'underline'
+                            } : undefined
+                        },
+                        children: deal.title || 'Untitled deal'
+                    }),
+                    menu ? /*#__PURE__*/ _jsx(Box, {
+                        // The menu must not start a drag, and the sensor listens on the
+                        // whole card, so pointer-down here stops before it reaches it.
+                        onPointerDown: (event)=>event.stopPropagation(),
+                        onKeyDown: (event)=>event.stopPropagation(),
+                        sx: {
+                            m: -0.5
+                        },
+                        children: menu
+                    }) : null
+                ]
+            }),
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "subtitle2",
+                sx: {
+                    mt: 0.5
+                },
+                children: typeof deal.amountCents === 'number' ? formatMoney(deal.amountCents, deal.currency) : '—'
+            }),
+            withWhom ? /*#__PURE__*/ _jsx(Typography, {
+                variant: "caption",
+                color: "text.secondary",
+                noWrap: true,
+                sx: {
+                    display: 'block'
+                },
+                children: withWhom
+            }) : null,
+            /*#__PURE__*/ _jsxs(Stack, {
+                direction: "row",
+                spacing: 1,
+                sx: {
+                    alignItems: 'center',
+                    mt: 1
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(OwnerAvatar, {
+                        label: ownerLabel,
+                        size: 22
+                    }),
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "caption",
+                        color: "text.secondary",
+                        sx: {
+                            flex: 1
+                        },
+                        children: deal.status === 'open' ? `${days} ${days === 1 ? 'day' : 'days'} in stage` : deal.status === 'won' ? 'Won' : 'Lost'
+                    })
+                ]
+            })
+        ]
+    });
+}
+DealCardBody.displayName = 'DealCardBody';
+export default DealBoard;
+
+//# sourceMappingURL=deal-board.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/deal-board.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 { CrmDealStage } from '@aglyn/aglyn'\nimport {\n  mdiChevronRight,\n  mdiOpenInNew,\n  mdiThumbDownOutline,\n  mdiTrophyOutline,\n} from '@aglyn/shared-data-mdi'\nimport { MdiIcon } from '@aglyn/shared-ui-jsx'\nimport RowActionsMenu, {\n  type RowActionsMenuItem,\n} from '@aglyn/shared-ui-jsx/components/row-actions-menu.component'\nimport {\n  closestCorners,\n  DndContext,\n  type DragEndEvent,\n  DragOverlay,\n  type DragStartEvent,\n  KeyboardSensor,\n  PointerSensor,\n  useDraggable,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core'\nimport { CSS } from '@dnd-kit/utilities'\nimport {\n  Box,\n  Button,\n  Chip,\n  CircularProgress,\n  Paper,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport { useCallback, useMemo, useState } from 'react'\nimport {\n  daysInStage,\n  type DealDoc,\n  formatMoney,\n  openStages,\n  type PipelineDoc,\n} from '../model/deal-board-model'\nimport { OwnerAvatar } from './owner-avatar'\n\n/** The droppable id a stage column answers to. */\nconst columnId = (stageId: string) => `stage:${stageId}`\nconst stageOfColumn = (id: unknown) =>\n  typeof id === 'string' && id.startsWith('stage:') ? id.slice('stage:'.length) : null\n\nexport interface DealBoardProps {\n  pipeline: PipelineDoc\n  /** Every open deal in the pipeline; the board sorts them into columns. */\n  deals: readonly DealDoc[]\n  /** The closed columns' rows once expanded; `null` while collapsed. */\n  won: readonly DealDoc[] | null\n  lost: readonly DealDoc[] | null\n  closedExpanded: boolean\n  onToggleClosed: () => void\n  /** The owner's name for a uid, from the roster. */\n  labelFor: (uid: string | undefined) => string\n  /** Deals whose move is in flight — drawn dimmed, not draggable. */\n  moving: ReadonlySet<string>\n  onOpen: (deal: DealDoc) => void\n  onMove: (deal: DealDoc, stageId: string) => void\n  onWon: (deal: DealDoc) => void\n  onLost: (deal: DealDoc) => void\n  nowMs: number\n}\n\n/**\n * The pipeline as columns (AGL-2598): one per open stage, Won and Lost at\n * the end, cards dragged between them.\n *\n * ## Dragging is a request, not a write\n *\n * `@dnd-kit` handles the pointer; when a card is released over another\n * column the board calls `onMove`, and the SECTION calls the stage route.\n * The card is not moved locally: it dims while the request is in flight\n * and lands in its new column when the listener hears the write. An\n * optimistic move that the server refused — no permission, a stage the\n * pipeline lost meanwhile — would have to be animated back, and a card that\n * jumps back with no explanation reads as a bug in the board rather than a\n * refusal by the server, which is what it was.\n *\n * The pointer sensor needs a few pixels of travel before a drag begins, so\n * a click on the title still opens the deal and a click on the menu still\n * opens the menu. The keyboard sensor makes the same move reachable without\n * a mouse; the card menu's \"Move to\" items are the other route.\n *\n * ## Won and Lost fold away\n *\n * A closed deal is history, and a board that drew every won deal of the\n * year beside the four open stages would push the work off the screen. The\n * two closed columns start collapsed to a count-free stub and expand on\n * request, which is also when their rows are read — a collapsed column\n * costs no listener.\n */\nexport function DealBoard(props: DealBoardProps) {\n  const {\n    pipeline,\n    deals,\n    won,\n    lost,\n    closedExpanded,\n    onToggleClosed,\n    labelFor,\n    moving,\n    onOpen,\n    onMove,\n    onWon,\n    onLost,\n    nowMs,\n  } = props\n  const stages = useMemo(() => openStages(pipeline), [pipeline])\n  const byStage = useMemo(() => {\n    const map = new Map<string, DealDoc[]>()\n    for (const stage of stages) map.set(stage.id, [])\n    const orphans: DealDoc[] = []\n    for (const deal of deals) {\n      const column = map.get(deal.stageId)\n      if (column) column.push(deal)\n      else orphans.push(deal)\n    }\n    return { map, orphans }\n  }, [stages, deals])\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 6 } }),\n    useSensor(KeyboardSensor),\n  )\n  const [dragging, setDragging] = useState<DealDoc | null>(null)\n  const handleDragStart = useCallback((event: DragStartEvent) => {\n    setDragging((event.active.data.current?.['deal'] as DealDoc) ?? null)\n  }, [])\n  const handleDragEnd = useCallback(\n    (event: DragEndEvent) => {\n      setDragging(null)\n      const deal = event.active.data.current?.['deal'] as DealDoc | undefined\n      const target = stageOfColumn(event.over?.id)\n      if (!deal || !target || target === deal.stageId) return\n      const stage = pipeline.stages.find((entry) => entry.id === target)\n      if (!stage) return\n      if (stage.kind === 'won') return onWon(deal)\n      if (stage.kind === 'lost') return onLost(deal)\n      onMove(deal, target)\n    },\n    [pipeline, onMove, onWon, onLost],\n  )\n\n  const cardActions = useCallback(\n    (deal: DealDoc): RowActionsMenuItem[] => [\n      {\n        key: 'open',\n        label: 'Open',\n        icon: <MdiIcon path={mdiOpenInNew.path} size={0.8} />,\n        onClick: () => onOpen(deal),\n      },\n      ...stages\n        .filter((stage) => stage.id !== deal.stageId)\n        .map((stage) => ({\n          key: `move:${stage.id}`,\n          label: `Move to ${stage.name}`,\n          icon: <MdiIcon path={mdiChevronRight.path} size={0.8} />,\n          onClick: () => onMove(deal, stage.id),\n        })),\n      {\n        key: 'won',\n        label: 'Mark won',\n        icon: <MdiIcon path={mdiTrophyOutline.path} size={0.8} />,\n        onClick: () => onWon(deal),\n      },\n      {\n        key: 'lost',\n        label: 'Mark lost',\n        icon: <MdiIcon path={mdiThumbDownOutline.path} size={0.8} />,\n        onClick: () => onLost(deal),\n        destructive: true,\n      },\n    ],\n    [stages, onOpen, onMove, onWon, onLost],\n  )\n\n  const renderCard = (deal: DealDoc) => (\n    <DealCard\n      key={deal.$id}\n      deal={deal}\n      ownerLabel={labelFor(deal.ownerUid)}\n      days={daysInStage(deal, nowMs)}\n      pending={moving.has(deal.$id)}\n      actions={cardActions(deal)}\n      onOpen={() => onOpen(deal)}\n    />\n  )\n\n  const closedStages = pipeline.stages.filter((stage) => stage.kind !== 'open')\n\n  return (\n    <DndContext\n      sensors={sensors}\n      collisionDetection={closestCorners}\n      onDragStart={handleDragStart}\n      onDragEnd={handleDragEnd}\n      onDragCancel={() => setDragging(null)}\n    >\n      {/*\n        The board scrolls sideways; the page does not. The columns are\n        fixed-width and refuse to shrink, so the row is as wide as its\n        stages — and a flex item's implicit `min-width: auto` would hand\n        that width up to the card and the page rather than clip it here.\n        `minWidth: 0` is what lets this box be narrower than its content,\n        which is the whole condition for the scrollbar to appear on it.\n       */}\n      <Box sx={{ overflowX: 'auto', pb: 1, minWidth: 0, width: '100%' }}>\n        <Stack direction=\"row\" spacing={1.5} sx={{ alignItems: 'stretch', minWidth: 'max-content' }}>\n          {stages.map((stage) => (\n            <StageColumn\n              key={stage.id}\n              stage={stage}\n              count={byStage.map.get(stage.id)?.length ?? 0}\n              total={(byStage.map.get(stage.id) ?? []).reduce(\n                (sum, deal) => sum + (Number(deal.amountCents) || 0),\n                0,\n              )}\n              currency={byStage.map.get(stage.id)?.[0]?.currency}\n            >\n              {(byStage.map.get(stage.id) ?? []).map(renderCard)}\n            </StageColumn>\n          ))}\n          {byStage.orphans.length ? (\n            <StageColumn\n              stage={{\n                id: '__orphans',\n                name: 'No stage',\n                order: Number.MAX_SAFE_INTEGER,\n                probability: 0,\n                kind: 'open',\n              }}\n              count={byStage.orphans.length}\n              total={0}\n              currency={undefined}\n              droppable={false}\n              caption=\"These deals sit in a stage the pipeline no longer has. Move them.\"\n            >\n              {byStage.orphans.map(renderCard)}\n            </StageColumn>\n          ) : null}\n          {closedStages.map((stage) => {\n            const rows = stage.kind === 'won' ? won : lost\n            return (\n              <StageColumn\n                key={stage.id}\n                stage={stage}\n                count={rows?.length ?? null}\n                total={null}\n                currency={undefined}\n                collapsed={!closedExpanded}\n                onToggle={onToggleClosed}\n              >\n                {closedExpanded && rows === null ? (\n                  <Stack sx={{ alignItems: 'center', py: 2 }}>\n                    <CircularProgress size={20} />\n                  </Stack>\n                ) : (\n                  (rows ?? []).map(renderCard)\n                )}\n              </StageColumn>\n            )\n          })}\n        </Stack>\n      </Box>\n      <DragOverlay dropAnimation={null}>\n        {dragging ? (\n          <DealCardBody\n            deal={dragging}\n            ownerLabel={labelFor(dragging.ownerUid)}\n            days={daysInStage(dragging, nowMs)}\n            lifted\n          />\n        ) : null}\n      </DragOverlay>\n    </DndContext>\n  )\n}\nDealBoard.displayName = 'DealBoard'\n\ninterface StageColumnProps {\n  stage: CrmDealStage\n  /** Cards in the column, or null while a closed column has not loaded. */\n  count: number | null\n  /** The column's open value in cents, or null for a closed column. */\n  total: number | null\n  currency: string | undefined\n  droppable?: boolean\n  collapsed?: boolean\n  onToggle?: () => void\n  caption?: string\n  children?: React.ReactNode\n}\n\nfunction StageColumn(props: StageColumnProps) {\n  const {\n    stage,\n    count,\n    total,\n    currency,\n    droppable = true,\n    collapsed = false,\n    onToggle,\n    caption,\n    children,\n  } = props\n  const { setNodeRef, isOver } = useDroppable({\n    id: columnId(stage.id),\n    disabled: !droppable || collapsed,\n  })\n  const closed = stage.kind !== 'open'\n  return (\n    <Paper\n      ref={setNodeRef}\n      variant=\"outlined\"\n      sx={{\n        width: collapsed ? 56 : 260,\n        flexShrink: 0,\n        display: 'flex',\n        flexDirection: 'column',\n        bgcolor: isOver ? 'action.hover' : 'background.default',\n        borderColor: isOver ? 'primary.main' : undefined,\n        transition: (theme) => theme.transitions.create(['background-color', 'border-color', 'width']),\n        minHeight: 240,\n      }}\n    >\n      {collapsed ? (\n        <Button\n          onClick={onToggle}\n          sx={{\n            flex: 1,\n            writingMode: 'vertical-rl',\n            textOrientation: 'mixed',\n            py: 2,\n            typography: 'subtitle2',\n          }}\n          color={stage.kind === 'won' ? 'success' : 'inherit'}\n        >\n          {stage.name}\n        </Button>\n      ) : (\n        <>\n          <Stack\n            direction=\"row\"\n            spacing={1}\n            sx={{ alignItems: 'center', px: 1.5, py: 1 }}\n          >\n            <Typography variant=\"subtitle2\" sx={{ flex: 1 }} noWrap>\n              {stage.name}\n            </Typography>\n            {count !== null ? <Chip size=\"small\" label={count} /> : null}\n            {closed && onToggle ? (\n              <Button size=\"small\" onClick={onToggle}>\n                {'Hide'}\n              </Button>\n            ) : null}\n          </Stack>\n          {!closed ? (\n            <Typography variant=\"caption\" color=\"text.secondary\" sx={{ px: 1.5 }}>\n              {`${stage.probability}% · ${total ? formatMoney(total, currency) : 'no value yet'}`}\n            </Typography>\n          ) : null}\n          {caption ? (\n            <Typography variant=\"caption\" color=\"warning.main\" sx={{ px: 1.5 }}>\n              {caption}\n            </Typography>\n          ) : null}\n          <Stack spacing={1} sx={{ p: 1, flex: 1 }}>\n            {children}\n          </Stack>\n        </>\n      )}\n    </Paper>\n  )\n}\nStageColumn.displayName = 'StageColumn'\n\ninterface DealCardProps {\n  deal: DealDoc\n  ownerLabel: string\n  days: number\n  pending: boolean\n  actions: RowActionsMenuItem[]\n  onOpen: () => void\n}\n\nfunction DealCard(props: DealCardProps) {\n  const { deal, ownerLabel, days, pending, actions, onOpen } = props\n  const { attributes, listeners, setNodeRef, transform, isDragging } = useDraggable({\n    id: deal.$id,\n    data: { deal },\n    disabled: pending || deal.status !== 'open',\n  })\n  return (\n    <Box\n      ref={setNodeRef}\n      sx={{\n        transform: CSS.Translate.toString(transform),\n        opacity: isDragging ? 0.3 : pending ? 0.5 : 1,\n        cursor: deal.status === 'open' && !pending ? 'grab' : 'default',\n        outline: 'none',\n        '&:focus-visible': {\n          borderRadius: 1,\n          boxShadow: (theme) => `0 0 0 2px ${theme.palette.primary.main}`,\n        },\n      }}\n      // The sensor's attributes and listeners carry no `sx`, and they come\n      // AFTER it so the card's own styles are what the rule sees first.\n      {...attributes}\n      {...listeners}\n    >\n      <DealCardBody\n        deal={deal}\n        ownerLabel={ownerLabel}\n        days={days}\n        menu={<RowActionsMenu items={actions} label={deal.title} />}\n        onOpen={onOpen}\n      />\n    </Box>\n  )\n}\nDealCard.displayName = 'DealCard'\n\ninterface DealCardBodyProps {\n  deal: DealDoc\n  ownerLabel: string\n  days: number\n  menu?: React.ReactNode\n  onOpen?: () => void\n  lifted?: boolean\n}\n\n/**\n * What a card shows: the title, the amount, who it is with, the owner and\n * how long it has sat here. Shared by the card in its column and the copy\n * that follows the pointer, so the two cannot drift.\n */\nexport function DealCardBody(props: DealCardBodyProps) {\n  const { deal, ownerLabel, days, menu, onOpen, lifted } = props\n  const withWhom = [deal.contactName, deal.companyName].filter(Boolean).join(' · ')\n  return (\n    <Paper\n      elevation={lifted ? 6 : 1}\n      sx={{ p: 1.25, width: lifted ? 244 : undefined }}\n    >\n      <Stack direction=\"row\" spacing={0.5} sx={{ alignItems: 'flex-start' }}>\n        <Typography\n          variant=\"body2\"\n          component={onOpen ? 'button' : 'span'}\n          onClick={onOpen}\n          // The title is the link into the deal, drawn as text: a button\n          // element so it is focusable and announced, unstyled so it reads\n          // as the card's heading rather than a control beside it.\n          sx={{\n            flex: 1,\n            textAlign: 'left',\n            font: 'inherit',\n            fontWeight: 'medium',\n            color: 'inherit',\n            background: 'none',\n            border: 0,\n            p: 0,\n            cursor: onOpen ? 'pointer' : 'inherit',\n            '&:hover': onOpen ? { textDecoration: 'underline' } : undefined,\n          }}\n        >\n          {deal.title || 'Untitled deal'}\n        </Typography>\n        {menu ? (\n          <Box\n            // The menu must not start a drag, and the sensor listens on the\n            // whole card, so pointer-down here stops before it reaches it.\n            onPointerDown={(event) => event.stopPropagation()}\n            onKeyDown={(event) => event.stopPropagation()}\n            sx={{ m: -0.5 }}\n          >\n            {menu}\n          </Box>\n        ) : null}\n      </Stack>\n      <Typography variant=\"subtitle2\" sx={{ mt: 0.5 }}>\n        {typeof deal.amountCents === 'number'\n          ? formatMoney(deal.amountCents, deal.currency)\n          : '—'}\n      </Typography>\n      {withWhom ? (\n        <Typography variant=\"caption\" color=\"text.secondary\" noWrap sx={{ display: 'block' }}>\n          {withWhom}\n        </Typography>\n      ) : null}\n      <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center', mt: 1 }}>\n        <OwnerAvatar label={ownerLabel} size={22} />\n        <Typography variant=\"caption\" color=\"text.secondary\" sx={{ flex: 1 }}>\n          {deal.status === 'open'\n            ? `${days} ${days === 1 ? 'day' : 'days'} in stage`\n            : deal.status === 'won'\n              ? 'Won'\n              : 'Lost'}\n        </Typography>\n      </Stack>\n    </Paper>\n  )\n}\nDealCardBody.displayName = 'DealCardBody'\n\nexport default DealBoard\n"],"names":["mdiChevronRight","mdiOpenInNew","mdiThumbDownOutline","mdiTrophyOutline","MdiIcon","RowActionsMenu","closestCorners","DndContext","DragOverlay","KeyboardSensor","PointerSensor","useDraggable","useDroppable","useSensor","useSensors","CSS","Box","Button","Chip","CircularProgress","Paper","Stack","Typography","useCallback","useMemo","useState","daysInStage","formatMoney","openStages","OwnerAvatar","columnId","stageId","stageOfColumn","id","startsWith","slice","length","DealBoard","props","pipeline","deals","won","lost","closedExpanded","onToggleClosed","labelFor","moving","onOpen","onMove","onWon","onLost","nowMs","stages","byStage","map","Map","stage","set","orphans","deal","column","get","push","sensors","activationConstraint","distance","dragging","setDragging","handleDragStart","event","active","data","current","handleDragEnd","target","over","find","entry","kind","cardActions","key","label","icon","path","size","onClick","filter","name","destructive","renderCard","DealCard","ownerLabel","ownerUid","days","pending","has","$id","actions","closedStages","collisionDetection","onDragStart","onDragEnd","onDragCancel","sx","overflowX","pb","minWidth","width","direction","spacing","alignItems","StageColumn","count","total","reduce","sum","Number","amountCents","currency","order","MAX_SAFE_INTEGER","probability","undefined","droppable","caption","rows","collapsed","onToggle","py","dropAnimation","DealCardBody","lifted","displayName","children","setNodeRef","isOver","disabled","closed","ref","variant","flexShrink","display","flexDirection","bgcolor","borderColor","transition","theme","transitions","create","minHeight","flex","writingMode","textOrientation","typography","color","px","noWrap","p","attributes","listeners","transform","isDragging","status","Translate","toString","opacity","cursor","outline","borderRadius","boxShadow","palette","primary","main","menu","items","title","withWhom","contactName","companyName","Boolean","join","elevation","component","textAlign","font","fontWeight","background","border","textDecoration","onPointerDown","stopPropagation","onKeyDown","m","mt"],"mappings":"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"}

package/src/lib/components/deal-detail-page.d.ts

@@ -0,0 +1,18 @@
+import { type CrmDetailPageProps } from '../model/crm-routes';
+/**
+ * `/crm/deals/{dealId}` — one deal (AGL-2598).
+ *
+ * The record behind a card: its stage and the controls that move it, what
+ * it is worth and who it is with, the products behind the amount
+ * (AGL-2620), and the tasks and activity filed against it. One live
+ * document read; the pipeline and the roster are the same bounded reads
+ * the board makes. Editing opens the same drawer the board creates with,
+ * and deleting is the one destructive act here — confirmed, then a
+ * client-direct delete the rules allow the same people who could have
+ * created it.
+ */
+export declare function DealDetailPage(props: CrmDetailPageProps): import("react").JSX.Element;
+export declare namespace DealDetailPage {
+    var displayName: string;
+}
+export default DealDetailPage;