@contractspec/example.crm-pipeline 0.0.0-canary-20260113170453

package/dist/ui/modals/DealActionsModal.d.ts

@@ -0,0 +1,51 @@
+import * as react_jsx_runtime2 from "react/jsx-runtime";
+
+//#region src/ui/modals/DealActionsModal.d.ts
+interface Deal {
+  id: string;
+  name: string;
+  value: number;
+  currency: string;
+  stageId: string;
+  status: 'OPEN' | 'WON' | 'LOST' | 'STALE';
+}
+interface WinDealInput {
+  dealId: string;
+  wonSource?: string;
+  notes?: string;
+}
+interface LoseDealInput {
+  dealId: string;
+  lostReason: string;
+  notes?: string;
+}
+interface MoveDealInput {
+  dealId: string;
+  stageId: string;
+}
+interface DealActionsModalProps {
+  isOpen: boolean;
+  deal: Deal | null;
+  stages: {
+    id: string;
+    name: string;
+  }[];
+  onClose: () => void;
+  onWin: (input: WinDealInput) => Promise<void>;
+  onLose: (input: LoseDealInput) => Promise<void>;
+  onMove: (input: MoveDealInput) => Promise<void>;
+  isLoading?: boolean;
+}
+declare function DealActionsModal({
+  isOpen,
+  deal,
+  stages,
+  onClose,
+  onWin,
+  onLose,
+  onMove,
+  isLoading
+}: DealActionsModalProps): react_jsx_runtime2.JSX.Element | null;
+//#endregion
+export { Deal, DealActionsModal, LoseDealInput, MoveDealInput, WinDealInput };
+//# sourceMappingURL=DealActionsModal.d.ts.map

package/dist/ui/modals/DealActionsModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DealActionsModal.d.ts","names":[],"sources":["../../../src/ui/modals/DealActionsModal.tsx"],"sourcesContent":[],"mappings":";;;UAYiB,IAAA;;;EAAA,KAAA,EAAI,MAAA;EASJ,QAAA,EAAA,MAAY;EAMZ,OAAA,EAAA,MAAA;EAMA,MAAA,EAAA,MAAA,GAAa,KAAA,GAAA,MAAA,GAAA,OAAA;AAG7B;AAMO,UArBS,YAAA,CAqBT;EAGS,MAAA,EAAA,MAAA;EAAiB,SAAA,CAAA,EAAA,MAAA;EAChB,KAAA,CAAA,EAAA,MAAA;;AACA,UApBD,aAAA,CAoBC;EAAkB,MAAA,EAAA,MAAA;EAAO,UAAA,EAAA,MAAA;EAa3B,KAAA,CAAA,EAAA,MAAA;;AAEd,UA7Be,aAAA,CA6Bf;EACA,MAAA,EAAA,MAAA;EACA,OAAA,EAAA,MAAA;;UAxBQ,qBAAA,CA0BR;EACA,MAAA,EAAA,OAAA;EACA,IAAA,EA1BM,IA0BN,GAAA,IAAA;EACC,MAAA,EAAA;IAAqB,EAAA,EAAA,MAAA;IAAA,IAAA,EAAA,MAAA;;;iBAxBP,iBAAiB;kBAChB,kBAAkB;kBAClB,kBAAkB;;;iBAapB,gBAAA;;;;;;;;;GASb,wBAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/modals/DealActionsModal.js

@@ -0,0 +1,372 @@
+'use client';
+
+import { useState } from "react";
+import { Button } from "@contractspec/lib.design-system";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/ui/modals/DealActionsModal.tsx
+/**
+* DealActionsModal - Actions for a specific deal (Win, Lose, Move)
+*
+* Wires to WinDealContract, LoseDealContract, MoveDealContract
+* via useDealMutations hook.
+*/
+function formatCurrency(value, currency) {
+	return new Intl.NumberFormat("en-US", {
+		style: "currency",
+		currency,
+		minimumFractionDigits: 0,
+		maximumFractionDigits: 0
+	}).format(value);
+}
+function DealActionsModal({ isOpen, deal, stages, onClose, onWin, onLose, onMove, isLoading = false }) {
+	const [mode, setMode] = useState("menu");
+	const [wonSource, setWonSource] = useState("");
+	const [lostReason, setLostReason] = useState("");
+	const [notes, setNotes] = useState("");
+	const [selectedStageId, setSelectedStageId] = useState("");
+	const [error, setError] = useState(null);
+	const resetForm = () => {
+		setMode("menu");
+		setWonSource("");
+		setLostReason("");
+		setNotes("");
+		setSelectedStageId("");
+		setError(null);
+	};
+	const handleClose = () => {
+		resetForm();
+		onClose();
+	};
+	const handleWin = async () => {
+		if (!deal) return;
+		setError(null);
+		try {
+			await onWin({
+				dealId: deal.id,
+				wonSource: wonSource.trim() || void 0,
+				notes: notes.trim() || void 0
+			});
+			handleClose();
+		} catch (err) {
+			setError(err instanceof Error ? err.message : "Failed to mark deal as won");
+		}
+	};
+	const handleLose = async () => {
+		if (!deal) return;
+		setError(null);
+		if (!lostReason.trim()) {
+			setError("Please provide a reason for losing the deal");
+			return;
+		}
+		try {
+			await onLose({
+				dealId: deal.id,
+				lostReason: lostReason.trim(),
+				notes: notes.trim() || void 0
+			});
+			handleClose();
+		} catch (err) {
+			setError(err instanceof Error ? err.message : "Failed to mark deal as lost");
+		}
+	};
+	const handleMove = async () => {
+		if (!deal) return;
+		setError(null);
+		if (!selectedStageId) {
+			setError("Please select a stage");
+			return;
+		}
+		if (selectedStageId === deal.stageId) {
+			setError("Deal is already in this stage");
+			return;
+		}
+		try {
+			await onMove({
+				dealId: deal.id,
+				stageId: selectedStageId
+			});
+			handleClose();
+		} catch (err) {
+			setError(err instanceof Error ? err.message : "Failed to move deal");
+		}
+	};
+	if (!isOpen || !deal) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "bg-background/80 absolute inset-0 backdrop-blur-sm",
+			onClick: handleClose,
+			role: "button",
+			tabIndex: 0,
+			onKeyDown: (e) => {
+				if (e.key === "Enter" || e.key === " ") handleClose();
+			},
+			"aria-label": "Close modal"
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "bg-card border-border relative z-10 w-full max-w-md rounded-xl border p-6 shadow-xl",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "border-border mb-4 border-b pb-4",
+					children: [
+						/* @__PURE__ */ jsx("h2", {
+							className: "text-xl font-semibold",
+							children: deal.name
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "text-primary text-lg font-medium",
+							children: formatCurrency(deal.value, deal.currency)
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: `mt-2 inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${deal.status === "WON" ? "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400" : deal.status === "LOST" ? "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400" : "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400"}`,
+							children: deal.status
+						})
+					]
+				}),
+				mode === "menu" && /* @__PURE__ */ jsxs("div", {
+					className: "space-y-3",
+					children: [
+						deal.status === "OPEN" && /* @__PURE__ */ jsxs(Fragment, { children: [
+							/* @__PURE__ */ jsxs(Button, {
+								className: "w-full justify-start",
+								variant: "ghost",
+								onPress: () => setMode("win"),
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "mr-2",
+									children: "🏆"
+								}), " Mark as Won"]
+							}),
+							/* @__PURE__ */ jsxs(Button, {
+								className: "w-full justify-start",
+								variant: "ghost",
+								onPress: () => setMode("lose"),
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "mr-2",
+									children: "❌"
+								}), " Mark as Lost"]
+							}),
+							/* @__PURE__ */ jsxs(Button, {
+								className: "w-full justify-start",
+								variant: "ghost",
+								onPress: () => {
+									setSelectedStageId(deal.stageId);
+									setMode("move");
+								},
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "mr-2",
+									children: "➡️"
+								}), " Move to Stage"]
+							})
+						] }),
+						deal.status !== "OPEN" && /* @__PURE__ */ jsxs("p", {
+							className: "text-muted-foreground py-4 text-center",
+							children: [
+								"This deal is already ",
+								deal.status.toLowerCase(),
+								". No actions available."
+							]
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "border-border border-t pt-3",
+							children: /* @__PURE__ */ jsx(Button, {
+								className: "w-full",
+								variant: "outline",
+								onPress: handleClose,
+								children: "Close"
+							})
+						})
+					]
+				}),
+				mode === "win" && /* @__PURE__ */ jsxs("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
+							htmlFor: "won-source",
+							className: "text-muted-foreground mb-1 block text-sm font-medium",
+							children: "How did you win this deal?"
+						}), /* @__PURE__ */ jsxs("select", {
+							id: "won-source",
+							value: wonSource,
+							onChange: (e) => setWonSource(e.target.value),
+							className: "border-input bg-background focus:ring-ring h-10 w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none",
+							children: [
+								/* @__PURE__ */ jsx("option", {
+									value: "",
+									children: "Select a source..."
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "referral",
+									children: "Referral"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "cold_outreach",
+									children: "Cold Outreach"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "inbound",
+									children: "Inbound Lead"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "upsell",
+									children: "Upsell"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "other",
+									children: "Other"
+								})
+							]
+						})] }),
+						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
+							htmlFor: "win-notes",
+							className: "text-muted-foreground mb-1 block text-sm font-medium",
+							children: "Notes (optional)"
+						}), /* @__PURE__ */ jsx("textarea", {
+							id: "win-notes",
+							value: notes,
+							onChange: (e) => setNotes(e.target.value),
+							placeholder: "Any additional notes about the win...",
+							rows: 3,
+							className: "border-input bg-background focus:ring-ring w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none"
+						})] }),
+						error && /* @__PURE__ */ jsx("div", {
+							className: "bg-destructive/10 text-destructive rounded-md p-3 text-sm",
+							children: error
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex justify-end gap-3 pt-2",
+							children: [/* @__PURE__ */ jsx(Button, {
+								variant: "ghost",
+								onPress: () => setMode("menu"),
+								disabled: isLoading,
+								children: "Back"
+							}), /* @__PURE__ */ jsx(Button, {
+								onPress: handleWin,
+								disabled: isLoading,
+								children: isLoading ? "Processing..." : "🏆 Confirm Win"
+							})]
+						})
+					]
+				}),
+				mode === "lose" && /* @__PURE__ */ jsxs("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
+							htmlFor: "lost-reason",
+							className: "text-muted-foreground mb-1 block text-sm font-medium",
+							children: "Why was this deal lost? *"
+						}), /* @__PURE__ */ jsxs("select", {
+							id: "lost-reason",
+							value: lostReason,
+							onChange: (e) => setLostReason(e.target.value),
+							className: "border-input bg-background focus:ring-ring h-10 w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none",
+							children: [
+								/* @__PURE__ */ jsx("option", {
+									value: "",
+									children: "Select a reason..."
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "price",
+									children: "Price too high"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "competitor",
+									children: "Lost to competitor"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "no_budget",
+									children: "No budget"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "no_decision",
+									children: "No decision made"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "timing",
+									children: "Bad timing"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "product_fit",
+									children: "Product not a fit"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "other",
+									children: "Other"
+								})
+							]
+						})] }),
+						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
+							htmlFor: "lose-notes",
+							className: "text-muted-foreground mb-1 block text-sm font-medium",
+							children: "Notes (optional)"
+						}), /* @__PURE__ */ jsx("textarea", {
+							id: "lose-notes",
+							value: notes,
+							onChange: (e) => setNotes(e.target.value),
+							placeholder: "Any additional details...",
+							rows: 3,
+							className: "border-input bg-background focus:ring-ring w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none"
+						})] }),
+						error && /* @__PURE__ */ jsx("div", {
+							className: "bg-destructive/10 text-destructive rounded-md p-3 text-sm",
+							children: error
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex justify-end gap-3 pt-2",
+							children: [/* @__PURE__ */ jsx(Button, {
+								variant: "ghost",
+								onPress: () => setMode("menu"),
+								disabled: isLoading,
+								children: "Back"
+							}), /* @__PURE__ */ jsx(Button, {
+								variant: "destructive",
+								onPress: handleLose,
+								disabled: isLoading,
+								children: isLoading ? "Processing..." : "❌ Confirm Loss"
+							})]
+						})
+					]
+				}),
+				mode === "move" && /* @__PURE__ */ jsxs("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
+							htmlFor: "move-stage",
+							className: "text-muted-foreground mb-1 block text-sm font-medium",
+							children: "Move to Stage"
+						}), /* @__PURE__ */ jsx("select", {
+							id: "move-stage",
+							value: selectedStageId,
+							onChange: (e) => setSelectedStageId(e.target.value),
+							className: "border-input bg-background focus:ring-ring h-10 w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none",
+							children: stages.map((stage) => /* @__PURE__ */ jsxs("option", {
+								value: stage.id,
+								children: [stage.name, stage.id === deal.stageId ? " (current)" : ""]
+							}, stage.id))
+						})] }),
+						error && /* @__PURE__ */ jsx("div", {
+							className: "bg-destructive/10 text-destructive rounded-md p-3 text-sm",
+							children: error
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex justify-end gap-3 pt-2",
+							children: [/* @__PURE__ */ jsx(Button, {
+								variant: "ghost",
+								onPress: () => setMode("menu"),
+								disabled: isLoading,
+								children: "Back"
+							}), /* @__PURE__ */ jsx(Button, {
+								onPress: handleMove,
+								disabled: isLoading,
+								children: isLoading ? "Moving..." : "➡️ Move Deal"
+							})]
+						})
+					]
+				})
+			]
+		})]
+	});
+}
+
+//#endregion
+export { DealActionsModal };
+//# sourceMappingURL=DealActionsModal.js.map

package/dist/ui/modals/DealActionsModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DealActionsModal.js","names":[],"sources":["../../../src/ui/modals/DealActionsModal.tsx"],"sourcesContent":["'use client';\n\n/**\n * DealActionsModal - Actions for a specific deal (Win, Lose, Move)\n *\n * Wires to WinDealContract, LoseDealContract, MoveDealContract\n * via useDealMutations hook.\n */\nimport { useState } from 'react';\nimport { Button } from '@contractspec/lib.design-system';\n\n// Local type definitions for modal props\nexport interface Deal {\n  id: string;\n  name: string;\n  value: number;\n  currency: string;\n  stageId: string;\n  status: 'OPEN' | 'WON' | 'LOST' | 'STALE';\n}\n\nexport interface WinDealInput {\n  dealId: string;\n  wonSource?: string;\n  notes?: string;\n}\n\nexport interface LoseDealInput {\n  dealId: string;\n  lostReason: string;\n  notes?: string;\n}\n\nexport interface MoveDealInput {\n  dealId: string;\n  stageId: string;\n}\n\ntype ActionMode = 'menu' | 'win' | 'lose' | 'move';\n\ninterface DealActionsModalProps {\n  isOpen: boolean;\n  deal: Deal | null;\n  stages: { id: string; name: string }[];\n  onClose: () => void;\n  onWin: (input: WinDealInput) => Promise<void>;\n  onLose: (input: LoseDealInput) => Promise<void>;\n  onMove: (input: MoveDealInput) => Promise<void>;\n  isLoading?: boolean;\n}\n\nfunction formatCurrency(value: number, currency: string): string {\n  return new Intl.NumberFormat('en-US', {\n    style: 'currency',\n    currency,\n    minimumFractionDigits: 0,\n    maximumFractionDigits: 0,\n  }).format(value);\n}\n\nexport function DealActionsModal({\n  isOpen,\n  deal,\n  stages,\n  onClose,\n  onWin,\n  onLose,\n  onMove,\n  isLoading = false,\n}: DealActionsModalProps) {\n  const [mode, setMode] = useState<ActionMode>('menu');\n  const [wonSource, setWonSource] = useState('');\n  const [lostReason, setLostReason] = useState('');\n  const [notes, setNotes] = useState('');\n  const [selectedStageId, setSelectedStageId] = useState('');\n  const [error, setError] = useState<string | null>(null);\n\n  const resetForm = () => {\n    setMode('menu');\n    setWonSource('');\n    setLostReason('');\n    setNotes('');\n    setSelectedStageId('');\n    setError(null);\n  };\n\n  const handleClose = () => {\n    resetForm();\n    onClose();\n  };\n\n  const handleWin = async () => {\n    if (!deal) return;\n    setError(null);\n\n    try {\n      await onWin({\n        dealId: deal.id,\n        wonSource: wonSource.trim() || undefined,\n        notes: notes.trim() || undefined,\n      });\n      handleClose();\n    } catch (err) {\n      setError(\n        err instanceof Error ? err.message : 'Failed to mark deal as won'\n      );\n    }\n  };\n\n  const handleLose = async () => {\n    if (!deal) return;\n    setError(null);\n\n    if (!lostReason.trim()) {\n      setError('Please provide a reason for losing the deal');\n      return;\n    }\n\n    try {\n      await onLose({\n        dealId: deal.id,\n        lostReason: lostReason.trim(),\n        notes: notes.trim() || undefined,\n      });\n      handleClose();\n    } catch (err) {\n      setError(\n        err instanceof Error ? err.message : 'Failed to mark deal as lost'\n      );\n    }\n  };\n\n  const handleMove = async () => {\n    if (!deal) return;\n    setError(null);\n\n    if (!selectedStageId) {\n      setError('Please select a stage');\n      return;\n    }\n\n    if (selectedStageId === deal.stageId) {\n      setError('Deal is already in this stage');\n      return;\n    }\n\n    try {\n      await onMove({\n        dealId: deal.id,\n        stageId: selectedStageId,\n      });\n      handleClose();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to move deal');\n    }\n  };\n\n  if (!isOpen || !deal) return null;\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n      {/* Backdrop */}\n      <div\n        className=\"bg-background/80 absolute inset-0 backdrop-blur-sm\"\n        onClick={handleClose}\n        role=\"button\"\n        tabIndex={0}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') handleClose();\n        }}\n        aria-label=\"Close modal\"\n      />\n\n      {/* Modal */}\n      <div className=\"bg-card border-border relative z-10 w-full max-w-md rounded-xl border p-6 shadow-xl\">\n        {/* Deal Header */}\n        <div className=\"border-border mb-4 border-b pb-4\">\n          <h2 className=\"text-xl font-semibold\">{deal.name}</h2>\n          <p className=\"text-primary text-lg font-medium\">\n            {formatCurrency(deal.value, deal.currency)}\n          </p>\n          <span\n            className={`mt-2 inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${\n              deal.status === 'WON'\n                ? 'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400'\n                : deal.status === 'LOST'\n                  ? 'bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400'\n                  : 'bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400'\n            }`}\n          >\n            {deal.status}\n          </span>\n        </div>\n\n        {/* Main Menu */}\n        {mode === 'menu' && (\n          <div className=\"space-y-3\">\n            {deal.status === 'OPEN' && (\n              <>\n                <Button\n                  className=\"w-full justify-start\"\n                  variant=\"ghost\"\n                  onPress={() => setMode('win')}\n                >\n                  <span className=\"mr-2\">🏆</span> Mark as Won\n                </Button>\n                <Button\n                  className=\"w-full justify-start\"\n                  variant=\"ghost\"\n                  onPress={() => setMode('lose')}\n                >\n                  <span className=\"mr-2\">❌</span> Mark as Lost\n                </Button>\n                <Button\n                  className=\"w-full justify-start\"\n                  variant=\"ghost\"\n                  onPress={() => {\n                    setSelectedStageId(deal.stageId);\n                    setMode('move');\n                  }}\n                >\n                  <span className=\"mr-2\">➡️</span> Move to Stage\n                </Button>\n              </>\n            )}\n            {deal.status !== 'OPEN' && (\n              <p className=\"text-muted-foreground py-4 text-center\">\n                This deal is already {deal.status.toLowerCase()}. No actions\n                available.\n              </p>\n            )}\n            <div className=\"border-border border-t pt-3\">\n              <Button\n                className=\"w-full\"\n                variant=\"outline\"\n                onPress={handleClose}\n              >\n                Close\n              </Button>\n            </div>\n          </div>\n        )}\n\n        {/* Win Form */}\n        {mode === 'win' && (\n          <div className=\"space-y-4\">\n            <div>\n              <label\n                htmlFor=\"won-source\"\n                className=\"text-muted-foreground mb-1 block text-sm font-medium\"\n              >\n                How did you win this deal?\n              </label>\n              <select\n                id=\"won-source\"\n                value={wonSource}\n                onChange={(e) => setWonSource(e.target.value)}\n                className=\"border-input bg-background focus:ring-ring h-10 w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none\"\n              >\n                <option value=\"\">Select a source...</option>\n                <option value=\"referral\">Referral</option>\n                <option value=\"cold_outreach\">Cold Outreach</option>\n                <option value=\"inbound\">Inbound Lead</option>\n                <option value=\"upsell\">Upsell</option>\n                <option value=\"other\">Other</option>\n              </select>\n            </div>\n\n            <div>\n              <label\n                htmlFor=\"win-notes\"\n                className=\"text-muted-foreground mb-1 block text-sm font-medium\"\n              >\n                Notes (optional)\n              </label>\n              <textarea\n                id=\"win-notes\"\n                value={notes}\n                onChange={(e) => setNotes(e.target.value)}\n                placeholder=\"Any additional notes about the win...\"\n                rows={3}\n                className=\"border-input bg-background focus:ring-ring w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none\"\n              />\n            </div>\n\n            {error && (\n              <div className=\"bg-destructive/10 text-destructive rounded-md p-3 text-sm\">\n                {error}\n              </div>\n            )}\n\n            <div className=\"flex justify-end gap-3 pt-2\">\n              <Button\n                variant=\"ghost\"\n                onPress={() => setMode('menu')}\n                disabled={isLoading}\n              >\n                Back\n              </Button>\n              <Button onPress={handleWin} disabled={isLoading}>\n                {isLoading ? 'Processing...' : '🏆 Confirm Win'}\n              </Button>\n            </div>\n          </div>\n        )}\n\n        {/* Lose Form */}\n        {mode === 'lose' && (\n          <div className=\"space-y-4\">\n            <div>\n              <label\n                htmlFor=\"lost-reason\"\n                className=\"text-muted-foreground mb-1 block text-sm font-medium\"\n              >\n                Why was this deal lost? *\n              </label>\n              <select\n                id=\"lost-reason\"\n                value={lostReason}\n                onChange={(e) => setLostReason(e.target.value)}\n                className=\"border-input bg-background focus:ring-ring h-10 w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none\"\n              >\n                <option value=\"\">Select a reason...</option>\n                <option value=\"price\">Price too high</option>\n                <option value=\"competitor\">Lost to competitor</option>\n                <option value=\"no_budget\">No budget</option>\n                <option value=\"no_decision\">No decision made</option>\n                <option value=\"timing\">Bad timing</option>\n                <option value=\"product_fit\">Product not a fit</option>\n                <option value=\"other\">Other</option>\n              </select>\n            </div>\n\n            <div>\n              <label\n                htmlFor=\"lose-notes\"\n                className=\"text-muted-foreground mb-1 block text-sm font-medium\"\n              >\n                Notes (optional)\n              </label>\n              <textarea\n                id=\"lose-notes\"\n                value={notes}\n                onChange={(e) => setNotes(e.target.value)}\n                placeholder=\"Any additional details...\"\n                rows={3}\n                className=\"border-input bg-background focus:ring-ring w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none\"\n              />\n            </div>\n\n            {error && (\n              <div className=\"bg-destructive/10 text-destructive rounded-md p-3 text-sm\">\n                {error}\n              </div>\n            )}\n\n            <div className=\"flex justify-end gap-3 pt-2\">\n              <Button\n                variant=\"ghost\"\n                onPress={() => setMode('menu')}\n                disabled={isLoading}\n              >\n                Back\n              </Button>\n              <Button\n                variant=\"destructive\"\n                onPress={handleLose}\n                disabled={isLoading}\n              >\n                {isLoading ? 'Processing...' : '❌ Confirm Loss'}\n              </Button>\n            </div>\n          </div>\n        )}\n\n        {/* Move Form */}\n        {mode === 'move' && (\n          <div className=\"space-y-4\">\n            <div>\n              <label\n                htmlFor=\"move-stage\"\n                className=\"text-muted-foreground mb-1 block text-sm font-medium\"\n              >\n                Move to Stage\n              </label>\n              <select\n                id=\"move-stage\"\n                value={selectedStageId}\n                onChange={(e) => setSelectedStageId(e.target.value)}\n                className=\"border-input bg-background focus:ring-ring h-10 w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none\"\n              >\n                {stages.map((stage) => (\n                  <option key={stage.id} value={stage.id}>\n                    {stage.name}\n                    {stage.id === deal.stageId ? ' (current)' : ''}\n                  </option>\n                ))}\n              </select>\n            </div>\n\n            {error && (\n              <div className=\"bg-destructive/10 text-destructive rounded-md p-3 text-sm\">\n                {error}\n              </div>\n            )}\n\n            <div className=\"flex justify-end gap-3 pt-2\">\n              <Button\n                variant=\"ghost\"\n                onPress={() => setMode('menu')}\n                disabled={isLoading}\n              >\n                Back\n              </Button>\n              <Button onPress={handleMove} disabled={isLoading}>\n                {isLoading ? 'Moving...' : '➡️ Move Deal'}\n              </Button>\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/ui/modals/index.d.ts

@@ -0,0 +1,3 @@
+import { CreateDealModal } from "./CreateDealModal.js";
+import { DealActionsModal } from "./DealActionsModal.js";
+export { CreateDealModal, DealActionsModal };

package/dist/ui/modals/index.js

@@ -0,0 +1,4 @@
+import { CreateDealModal } from "./CreateDealModal.js";
+import { DealActionsModal } from "./DealActionsModal.js";
+
+export { CreateDealModal, DealActionsModal };

package/dist/ui/overlays/demo-overlays.d.ts

@@ -0,0 +1,19 @@
+import { OverlayDefinition } from "../../shared/overlay-types.js";
+
+//#region src/ui/overlays/demo-overlays.d.ts
+
+/**
+ * Demo user overlay - sample data mode
+ */
+declare const crmDemoOverlay: OverlayDefinition;
+/**
+ * Sales rep overlay - focused view for sales
+ */
+declare const crmSalesRepOverlay: OverlayDefinition;
+/**
+ * All overlays for crm-pipeline
+ */
+declare const crmOverlays: OverlayDefinition[];
+//#endregion
+export { crmDemoOverlay, crmOverlays, crmSalesRepOverlay };
+//# sourceMappingURL=demo-overlays.d.ts.map

package/dist/ui/overlays/demo-overlays.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"demo-overlays.d.ts","names":[],"sources":["../../../src/ui/overlays/demo-overlays.ts"],"sourcesContent":[],"mappings":";;;;;;;cAWa,gBAAgB;;;;cA+BhB,oBAAoB;;;;cAsBpB,aAAa"}

package/dist/ui/overlays/demo-overlays.js

@@ -0,0 +1,68 @@
+//#region src/ui/overlays/demo-overlays.ts
+/**
+* Demo user overlay - sample data mode
+*/
+const crmDemoOverlay = {
+	overlayId: "crm-pipeline.demo-user",
+	version: "1.0.0",
+	description: "Demo mode with sample data",
+	appliesTo: {
+		feature: "crm-pipeline",
+		role: "demo"
+	},
+	modifications: [
+		{
+			type: "hideField",
+			field: "importButton",
+			reason: "Not available in demo"
+		},
+		{
+			type: "hideField",
+			field: "exportButton",
+			reason: "Not available in demo"
+		},
+		{
+			type: "addBadge",
+			position: "header",
+			label: "Demo Mode",
+			variant: "warning"
+		}
+	]
+};
+/**
+* Sales rep overlay - focused view for sales
+*/
+const crmSalesRepOverlay = {
+	overlayId: "crm-pipeline.sales-rep",
+	version: "1.0.0",
+	description: "Sales rep focused view",
+	appliesTo: {
+		feature: "crm-pipeline",
+		role: "sales-rep"
+	},
+	modifications: [
+		{
+			type: "hideField",
+			field: "teamMetrics",
+			reason: "Team metrics for managers only"
+		},
+		{
+			type: "hideField",
+			field: "pipelineSettings",
+			reason: "Admin only"
+		},
+		{
+			type: "renameLabel",
+			field: "deals",
+			newLabel: "My Deals"
+		}
+	]
+};
+/**
+* All overlays for crm-pipeline
+*/
+const crmOverlays = [crmDemoOverlay, crmSalesRepOverlay];
+
+//#endregion
+export { crmDemoOverlay, crmOverlays, crmSalesRepOverlay };
+//# sourceMappingURL=demo-overlays.js.map

package/dist/ui/overlays/demo-overlays.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"demo-overlays.js","names":[],"sources":["../../../src/ui/overlays/demo-overlays.ts"],"sourcesContent":["/**\n * Demo Overlay Definitions for CRM Pipeline\n *\n * These overlays customize the presentation for different contexts\n * (e.g., demo users, different roles).\n */\nimport type { OverlayDefinition } from '../../shared/overlay-types';\n\n/**\n * Demo user overlay - sample data mode\n */\nexport const crmDemoOverlay: OverlayDefinition = {\n  overlayId: 'crm-pipeline.demo-user',\n  version: '1.0.0',\n  description: 'Demo mode with sample data',\n  appliesTo: {\n    feature: 'crm-pipeline',\n    role: 'demo',\n  },\n  modifications: [\n    {\n      type: 'hideField',\n      field: 'importButton',\n      reason: 'Not available in demo',\n    },\n    {\n      type: 'hideField',\n      field: 'exportButton',\n      reason: 'Not available in demo',\n    },\n    {\n      type: 'addBadge',\n      position: 'header',\n      label: 'Demo Mode',\n      variant: 'warning',\n    },\n  ],\n};\n\n/**\n * Sales rep overlay - focused view for sales\n */\nexport const crmSalesRepOverlay: OverlayDefinition = {\n  overlayId: 'crm-pipeline.sales-rep',\n  version: '1.0.0',\n  description: 'Sales rep focused view',\n  appliesTo: {\n    feature: 'crm-pipeline',\n    role: 'sales-rep',\n  },\n  modifications: [\n    {\n      type: 'hideField',\n      field: 'teamMetrics',\n      reason: 'Team metrics for managers only',\n    },\n    { type: 'hideField', field: 'pipelineSettings', reason: 'Admin only' },\n    { type: 'renameLabel', field: 'deals', newLabel: 'My Deals' },\n  ],\n};\n\n/**\n * All overlays for crm-pipeline\n */\nexport const crmOverlays: OverlayDefinition[] = [\n  crmDemoOverlay,\n  crmSalesRepOverlay,\n];\n"],"mappings":";;;;AAWA,MAAa,iBAAoC;CAC/C,WAAW;CACX,SAAS;CACT,aAAa;CACb,WAAW;EACT,SAAS;EACT,MAAM;EACP;CACD,eAAe;EACb;GACE,MAAM;GACN,OAAO;GACP,QAAQ;GACT;EACD;GACE,MAAM;GACN,OAAO;GACP,QAAQ;GACT;EACD;GACE,MAAM;GACN,UAAU;GACV,OAAO;GACP,SAAS;GACV;EACF;CACF;;;;AAKD,MAAa,qBAAwC;CACnD,WAAW;CACX,SAAS;CACT,aAAa;CACb,WAAW;EACT,SAAS;EACT,MAAM;EACP;CACD,eAAe;EACb;GACE,MAAM;GACN,OAAO;GACP,QAAQ;GACT;EACD;GAAE,MAAM;GAAa,OAAO;GAAoB,QAAQ;GAAc;EACtE;GAAE,MAAM;GAAe,OAAO;GAAS,UAAU;GAAY;EAC9D;CACF;;;;AAKD,MAAa,cAAmC,CAC9C,gBACA,mBACD"}

package/dist/ui/overlays/index.d.ts

@@ -0,0 +1,2 @@
+import { crmDemoOverlay, crmOverlays, crmSalesRepOverlay } from "./demo-overlays.js";
+export { crmDemoOverlay, crmOverlays, crmSalesRepOverlay };

package/dist/ui/overlays/index.js

@@ -0,0 +1,3 @@
+import { crmDemoOverlay, crmOverlays, crmSalesRepOverlay } from "./demo-overlays.js";
+
+export { crmDemoOverlay, crmOverlays, crmSalesRepOverlay };

package/dist/ui/renderers/index.d.ts

@@ -0,0 +1,3 @@
+import { crmPipelineReactRenderer } from "./pipeline.renderer.js";
+import { crmDashboardMarkdownRenderer, crmPipelineMarkdownRenderer } from "./pipeline.markdown.js";
+export { crmDashboardMarkdownRenderer, crmPipelineMarkdownRenderer, crmPipelineReactRenderer };

package/dist/ui/renderers/index.js

@@ -0,0 +1,4 @@
+import { crmPipelineReactRenderer } from "./pipeline.renderer.js";
+import { crmDashboardMarkdownRenderer, crmPipelineMarkdownRenderer } from "./pipeline.markdown.js";
+
+export { crmDashboardMarkdownRenderer, crmPipelineMarkdownRenderer, crmPipelineReactRenderer };

package/dist/ui/renderers/pipeline.markdown.d.ts

@@ -0,0 +1,23 @@
+import { PresentationRenderer } from "@contractspec/lib.contracts";
+
+//#region src/ui/renderers/pipeline.markdown.d.ts
+
+/**
+ * Markdown renderer for CRM Pipeline Kanban view (crm-pipeline.deal.pipeline)
+ * Only handles PipelineKanbanView component
+ */
+declare const crmPipelineMarkdownRenderer: PresentationRenderer<{
+  mimeType: string;
+  body: string;
+}>;
+/**
+ * Markdown renderer for CRM Dashboard (crm-pipeline.dashboard)
+ * Only handles CrmDashboard component
+ */
+declare const crmDashboardMarkdownRenderer: PresentationRenderer<{
+  mimeType: string;
+  body: string;
+}>;
+//#endregion
+export { crmDashboardMarkdownRenderer, crmPipelineMarkdownRenderer };
+//# sourceMappingURL=pipeline.markdown.d.ts.map

package/dist/ui/renderers/pipeline.markdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline.markdown.d.ts","names":[],"sources":["../../../src/ui/renderers/pipeline.markdown.ts"],"sourcesContent":[],"mappings":";;;;;;;;cAsCa,6BAA6B;;;;;;;;cA0E7B,8BAA8B"}