@contractspec/example.crm-pipeline 1.57.0 → 1.58.0

package/dist/ui/modals/DealActionsModal.js

@@ -1,372 +1,429 @@
-'use client';
-
+// @bun
+// src/ui/modals/DealActionsModal.tsx
 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.
-*/
+import { jsxDEV, Fragment } from "react/jsx-dev-runtime";
+"use client";
 function formatCurrency(value, currency) {
-	return new Intl.NumberFormat("en-US", {
-		style: "currency",
-		currency,
-		minimumFractionDigits: 0,
-		maximumFractionDigits: 0
-	}).format(value);
+  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"
-							})]
-						})
-					]
-				})
-			]
-		})]
-	});
+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() || undefined,
+        notes: notes.trim() || undefined
+      });
+      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() || undefined
+      });
+      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__ */ jsxDEV("div", {
+    className: "fixed inset-0 z-50 flex items-center justify-center",
+    children: [
+      /* @__PURE__ */ jsxDEV("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"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "bg-card border-border relative z-10 w-full max-w-md rounded-xl border p-6 shadow-xl",
+        children: [
+          /* @__PURE__ */ jsxDEV("div", {
+            className: "border-border mb-4 border-b pb-4",
+            children: [
+              /* @__PURE__ */ jsxDEV("h2", {
+                className: "text-xl font-semibold",
+                children: deal.name
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("p", {
+                className: "text-primary text-lg font-medium",
+                children: formatCurrency(deal.value, deal.currency)
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("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
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          mode === "menu" && /* @__PURE__ */ jsxDEV("div", {
+            className: "space-y-3",
+            children: [
+              deal.status === "OPEN" && /* @__PURE__ */ jsxDEV(Fragment, {
+                children: [
+                  /* @__PURE__ */ jsxDEV(Button, {
+                    className: "w-full justify-start",
+                    variant: "ghost",
+                    onPress: () => setMode("win"),
+                    children: [
+                      /* @__PURE__ */ jsxDEV("span", {
+                        className: "mr-2",
+                        children: "\uD83C\uDFC6"
+                      }, undefined, false, undefined, this),
+                      " Mark as Won"
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV(Button, {
+                    className: "w-full justify-start",
+                    variant: "ghost",
+                    onPress: () => setMode("lose"),
+                    children: [
+                      /* @__PURE__ */ jsxDEV("span", {
+                        className: "mr-2",
+                        children: "\u274C"
+                      }, undefined, false, undefined, this),
+                      " Mark as Lost"
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV(Button, {
+                    className: "w-full justify-start",
+                    variant: "ghost",
+                    onPress: () => {
+                      setSelectedStageId(deal.stageId);
+                      setMode("move");
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxDEV("span", {
+                        className: "mr-2",
+                        children: "\u27A1\uFE0F"
+                      }, undefined, false, undefined, this),
+                      " Move to Stage"
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              deal.status !== "OPEN" && /* @__PURE__ */ jsxDEV("p", {
+                className: "text-muted-foreground py-4 text-center",
+                children: [
+                  "This deal is already ",
+                  deal.status.toLowerCase(),
+                  ". No actions available."
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "border-border border-t pt-3",
+                children: /* @__PURE__ */ jsxDEV(Button, {
+                  className: "w-full",
+                  variant: "outline",
+                  onPress: handleClose,
+                  children: "Close"
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          mode === "win" && /* @__PURE__ */ jsxDEV("div", {
+            className: "space-y-4",
+            children: [
+              /* @__PURE__ */ jsxDEV("div", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("label", {
+                    htmlFor: "won-source",
+                    className: "text-muted-foreground mb-1 block text-sm font-medium",
+                    children: "How did you win this deal?"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("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__ */ jsxDEV("option", {
+                        value: "",
+                        children: "Select a source..."
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("option", {
+                        value: "referral",
+                        children: "Referral"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("option", {
+                        value: "cold_outreach",
+                        children: "Cold Outreach"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("option", {
+                        value: "inbound",
+                        children: "Inbound Lead"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("option", {
+                        value: "upsell",
+                        children: "Upsell"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("option", {
+                        value: "other",
+                        children: "Other"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("div", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("label", {
+                    htmlFor: "win-notes",
+                    className: "text-muted-foreground mb-1 block text-sm font-medium",
+                    children: "Notes (optional)"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("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"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              error && /* @__PURE__ */ jsxDEV("div", {
+                className: "bg-destructive/10 text-destructive rounded-md p-3 text-sm",
+                children: error
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "flex justify-end gap-3 pt-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV(Button, {
+                    variant: "ghost",
+                    onPress: () => setMode("menu"),
+                    disabled: isLoading,
+                    children: "Back"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV(Button, {
+                    onPress: handleWin,
+                    disabled: isLoading,
+                    children: isLoading ? "Processing..." : "\uD83C\uDFC6 Confirm Win"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          mode === "lose" && /* @__PURE__ */ jsxDEV("div", {
+            className: "space-y-4",
+            children: [
+              /* @__PURE__ */ jsxDEV("div", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("label", {
+                    htmlFor: "lost-reason",
+                    className: "text-muted-foreground mb-1 block text-sm font-medium",
+                    children: "Why was this deal lost? *"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("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__ */ jsxDEV("option", {
+                        value: "",
+                        children: "Select a reason..."
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("option", {
+                        value: "price",
+                        children: "Price too high"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("option", {
+                        value: "competitor",
+                        children: "Lost to competitor"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("option", {
+                        value: "no_budget",
+                        children: "No budget"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("option", {
+                        value: "no_decision",
+                        children: "No decision made"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("option", {
+                        value: "timing",
+                        children: "Bad timing"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("option", {
+                        value: "product_fit",
+                        children: "Product not a fit"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("option", {
+                        value: "other",
+                        children: "Other"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("div", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("label", {
+                    htmlFor: "lose-notes",
+                    className: "text-muted-foreground mb-1 block text-sm font-medium",
+                    children: "Notes (optional)"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("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"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              error && /* @__PURE__ */ jsxDEV("div", {
+                className: "bg-destructive/10 text-destructive rounded-md p-3 text-sm",
+                children: error
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "flex justify-end gap-3 pt-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV(Button, {
+                    variant: "ghost",
+                    onPress: () => setMode("menu"),
+                    disabled: isLoading,
+                    children: "Back"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV(Button, {
+                    variant: "destructive",
+                    onPress: handleLose,
+                    disabled: isLoading,
+                    children: isLoading ? "Processing..." : "\u274C Confirm Loss"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          mode === "move" && /* @__PURE__ */ jsxDEV("div", {
+            className: "space-y-4",
+            children: [
+              /* @__PURE__ */ jsxDEV("div", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("label", {
+                    htmlFor: "move-stage",
+                    className: "text-muted-foreground mb-1 block text-sm font-medium",
+                    children: "Move to Stage"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("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__ */ jsxDEV("option", {
+                      value: stage.id,
+                      children: [
+                        stage.name,
+                        stage.id === deal.stageId ? " (current)" : ""
+                      ]
+                    }, stage.id, true, undefined, this))
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              error && /* @__PURE__ */ jsxDEV("div", {
+                className: "bg-destructive/10 text-destructive rounded-md p-3 text-sm",
+                children: error
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "flex justify-end gap-3 pt-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV(Button, {
+                    variant: "ghost",
+                    onPress: () => setMode("menu"),
+                    disabled: isLoading,
+                    children: "Back"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV(Button, {
+                    onPress: handleMove,
+                    disabled: isLoading,
+                    children: isLoading ? "Moving..." : "\u27A1\uFE0F Move Deal"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
 }
-
-//#endregion
-export { DealActionsModal };
-//# sourceMappingURL=DealActionsModal.js.map
+export {
+  DealActionsModal
+};