@contractspec/example.crm-pipeline 1.57.0 → 1.59.0

package/dist/node/ui/modals/index.js

@@ -0,0 +1,638 @@
+// src/ui/modals/CreateDealModal.tsx
+import { useState } from "react";
+import { Button, Input } from "@contractspec/lib.design-system";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+var CURRENCIES = ["USD", "EUR", "GBP", "CAD"];
+var DEFAULT_PIPELINE_ID = "pipeline-1";
+function CreateDealModal({
+  isOpen,
+  onClose,
+  onSubmit,
+  stages,
+  isLoading = false
+}) {
+  const [name, setName] = useState("");
+  const [value, setValue] = useState("");
+  const [currency, setCurrency] = useState("USD");
+  const [stageId, setStageId] = useState(stages[0]?.id ?? "");
+  const [expectedCloseDate, setExpectedCloseDate] = useState("");
+  const [error, setError] = useState(null);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setError(null);
+    if (!name.trim()) {
+      setError("Deal name is required");
+      return;
+    }
+    const numericValue = parseFloat(value);
+    if (isNaN(numericValue) || numericValue <= 0) {
+      setError("Value must be a positive number");
+      return;
+    }
+    if (!stageId) {
+      setError("Please select a pipeline stage");
+      return;
+    }
+    try {
+      await onSubmit({
+        name: name.trim(),
+        value: numericValue,
+        currency,
+        pipelineId: DEFAULT_PIPELINE_ID,
+        stageId,
+        expectedCloseDate: expectedCloseDate ? new Date(expectedCloseDate) : undefined
+      });
+      setName("");
+      setValue("");
+      setCurrency("USD");
+      setStageId(stages[0]?.id ?? "");
+      setExpectedCloseDate("");
+      onClose();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to create deal");
+    }
+  };
+  if (!isOpen)
+    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: onClose,
+        role: "button",
+        tabIndex: 0,
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ")
+            onClose();
+        },
+        "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("h2", {
+            className: "mb-4 text-xl font-semibold",
+            children: "Create New Deal"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("form", {
+            onSubmit: handleSubmit,
+            className: "space-y-4",
+            children: [
+              /* @__PURE__ */ jsxDEV("div", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("label", {
+                    htmlFor: "deal-name",
+                    className: "text-muted-foreground mb-1 block text-sm font-medium",
+                    children: "Deal Name *"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV(Input, {
+                    id: "deal-name",
+                    value: name,
+                    onChange: (e) => setName(e.target.value),
+                    placeholder: "e.g., Enterprise License - Acme Corp",
+                    disabled: isLoading
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "flex gap-3",
+                children: [
+                  /* @__PURE__ */ jsxDEV("div", {
+                    className: "flex-1",
+                    children: [
+                      /* @__PURE__ */ jsxDEV("label", {
+                        htmlFor: "deal-value",
+                        className: "text-muted-foreground mb-1 block text-sm font-medium",
+                        children: "Value *"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV(Input, {
+                        id: "deal-value",
+                        type: "number",
+                        min: "0",
+                        step: "0.01",
+                        value,
+                        onChange: (e) => setValue(e.target.value),
+                        placeholder: "50000",
+                        disabled: isLoading
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV("div", {
+                    className: "w-24",
+                    children: [
+                      /* @__PURE__ */ jsxDEV("label", {
+                        htmlFor: "deal-currency",
+                        className: "text-muted-foreground mb-1 block text-sm font-medium",
+                        children: "Currency"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("select", {
+                        id: "deal-currency",
+                        value: currency,
+                        onChange: (e) => setCurrency(e.target.value),
+                        disabled: isLoading,
+                        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 disabled:opacity-50",
+                        children: CURRENCIES.map((c) => /* @__PURE__ */ jsxDEV("option", {
+                          value: c,
+                          children: c
+                        }, c, false, undefined, this))
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("div", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("label", {
+                    htmlFor: "deal-stage",
+                    className: "text-muted-foreground mb-1 block text-sm font-medium",
+                    children: "Pipeline Stage *"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("select", {
+                    id: "deal-stage",
+                    value: stageId,
+                    onChange: (e) => setStageId(e.target.value),
+                    disabled: isLoading,
+                    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 disabled:opacity-50",
+                    children: stages.map((stage) => /* @__PURE__ */ jsxDEV("option", {
+                      value: stage.id,
+                      children: stage.name
+                    }, stage.id, false, undefined, this))
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("div", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("label", {
+                    htmlFor: "deal-close-date",
+                    className: "text-muted-foreground mb-1 block text-sm font-medium",
+                    children: "Expected Close Date"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV(Input, {
+                    id: "deal-close-date",
+                    type: "date",
+                    value: expectedCloseDate,
+                    onChange: (e) => setExpectedCloseDate(e.target.value),
+                    disabled: isLoading
+                  }, 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, {
+                    type: "button",
+                    variant: "ghost",
+                    onPress: onClose,
+                    disabled: isLoading,
+                    children: "Cancel"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV(Button, {
+                    type: "submit",
+                    disabled: isLoading,
+                    children: isLoading ? "Creating..." : "Create Deal"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/ui/modals/DealActionsModal.tsx
+import { useState as useState2 } from "react";
+import { Button as Button2 } from "@contractspec/lib.design-system";
+import { jsxDEV as jsxDEV2, 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);
+}
+function DealActionsModal({
+  isOpen,
+  deal,
+  stages,
+  onClose,
+  onWin,
+  onLose,
+  onMove,
+  isLoading = false
+}) {
+  const [mode, setMode] = useState2("menu");
+  const [wonSource, setWonSource] = useState2("");
+  const [lostReason, setLostReason] = useState2("");
+  const [notes, setNotes] = useState2("");
+  const [selectedStageId, setSelectedStageId] = useState2("");
+  const [error, setError] = useState2(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__ */ jsxDEV2("div", {
+    className: "fixed inset-0 z-50 flex items-center justify-center",
+    children: [
+      /* @__PURE__ */ jsxDEV2("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__ */ jsxDEV2("div", {
+        className: "bg-card border-border relative z-10 w-full max-w-md rounded-xl border p-6 shadow-xl",
+        children: [
+          /* @__PURE__ */ jsxDEV2("div", {
+            className: "border-border mb-4 border-b pb-4",
+            children: [
+              /* @__PURE__ */ jsxDEV2("h2", {
+                className: "text-xl font-semibold",
+                children: deal.name
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2("p", {
+                className: "text-primary text-lg font-medium",
+                children: formatCurrency(deal.value, deal.currency)
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2("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__ */ jsxDEV2("div", {
+            className: "space-y-3",
+            children: [
+              deal.status === "OPEN" && /* @__PURE__ */ jsxDEV2(Fragment, {
+                children: [
+                  /* @__PURE__ */ jsxDEV2(Button2, {
+                    className: "w-full justify-start",
+                    variant: "ghost",
+                    onPress: () => setMode("win"),
+                    children: [
+                      /* @__PURE__ */ jsxDEV2("span", {
+                        className: "mr-2",
+                        children: "\uD83C\uDFC6"
+                      }, undefined, false, undefined, this),
+                      " Mark as Won"
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV2(Button2, {
+                    className: "w-full justify-start",
+                    variant: "ghost",
+                    onPress: () => setMode("lose"),
+                    children: [
+                      /* @__PURE__ */ jsxDEV2("span", {
+                        className: "mr-2",
+                        children: "❌"
+                      }, undefined, false, undefined, this),
+                      " Mark as Lost"
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV2(Button2, {
+                    className: "w-full justify-start",
+                    variant: "ghost",
+                    onPress: () => {
+                      setSelectedStageId(deal.stageId);
+                      setMode("move");
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxDEV2("span", {
+                        className: "mr-2",
+                        children: "➡️"
+                      }, undefined, false, undefined, this),
+                      " Move to Stage"
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              deal.status !== "OPEN" && /* @__PURE__ */ jsxDEV2("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__ */ jsxDEV2("div", {
+                className: "border-border border-t pt-3",
+                children: /* @__PURE__ */ jsxDEV2(Button2, {
+                  className: "w-full",
+                  variant: "outline",
+                  onPress: handleClose,
+                  children: "Close"
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          mode === "win" && /* @__PURE__ */ jsxDEV2("div", {
+            className: "space-y-4",
+            children: [
+              /* @__PURE__ */ jsxDEV2("div", {
+                children: [
+                  /* @__PURE__ */ jsxDEV2("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__ */ jsxDEV2("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__ */ jsxDEV2("option", {
+                        value: "",
+                        children: "Select a source..."
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("option", {
+                        value: "referral",
+                        children: "Referral"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("option", {
+                        value: "cold_outreach",
+                        children: "Cold Outreach"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("option", {
+                        value: "inbound",
+                        children: "Inbound Lead"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("option", {
+                        value: "upsell",
+                        children: "Upsell"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("option", {
+                        value: "other",
+                        children: "Other"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV2("div", {
+                children: [
+                  /* @__PURE__ */ jsxDEV2("label", {
+                    htmlFor: "win-notes",
+                    className: "text-muted-foreground mb-1 block text-sm font-medium",
+                    children: "Notes (optional)"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV2("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__ */ jsxDEV2("div", {
+                className: "bg-destructive/10 text-destructive rounded-md p-3 text-sm",
+                children: error
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2("div", {
+                className: "flex justify-end gap-3 pt-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV2(Button2, {
+                    variant: "ghost",
+                    onPress: () => setMode("menu"),
+                    disabled: isLoading,
+                    children: "Back"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV2(Button2, {
+                    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__ */ jsxDEV2("div", {
+            className: "space-y-4",
+            children: [
+              /* @__PURE__ */ jsxDEV2("div", {
+                children: [
+                  /* @__PURE__ */ jsxDEV2("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__ */ jsxDEV2("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__ */ jsxDEV2("option", {
+                        value: "",
+                        children: "Select a reason..."
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("option", {
+                        value: "price",
+                        children: "Price too high"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("option", {
+                        value: "competitor",
+                        children: "Lost to competitor"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("option", {
+                        value: "no_budget",
+                        children: "No budget"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("option", {
+                        value: "no_decision",
+                        children: "No decision made"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("option", {
+                        value: "timing",
+                        children: "Bad timing"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("option", {
+                        value: "product_fit",
+                        children: "Product not a fit"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2("option", {
+                        value: "other",
+                        children: "Other"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV2("div", {
+                children: [
+                  /* @__PURE__ */ jsxDEV2("label", {
+                    htmlFor: "lose-notes",
+                    className: "text-muted-foreground mb-1 block text-sm font-medium",
+                    children: "Notes (optional)"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV2("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__ */ jsxDEV2("div", {
+                className: "bg-destructive/10 text-destructive rounded-md p-3 text-sm",
+                children: error
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2("div", {
+                className: "flex justify-end gap-3 pt-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV2(Button2, {
+                    variant: "ghost",
+                    onPress: () => setMode("menu"),
+                    disabled: isLoading,
+                    children: "Back"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV2(Button2, {
+                    variant: "destructive",
+                    onPress: handleLose,
+                    disabled: isLoading,
+                    children: isLoading ? "Processing..." : "❌ Confirm Loss"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          mode === "move" && /* @__PURE__ */ jsxDEV2("div", {
+            className: "space-y-4",
+            children: [
+              /* @__PURE__ */ jsxDEV2("div", {
+                children: [
+                  /* @__PURE__ */ jsxDEV2("label", {
+                    htmlFor: "move-stage",
+                    className: "text-muted-foreground mb-1 block text-sm font-medium",
+                    children: "Move to Stage"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV2("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__ */ jsxDEV2("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__ */ jsxDEV2("div", {
+                className: "bg-destructive/10 text-destructive rounded-md p-3 text-sm",
+                children: error
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2("div", {
+                className: "flex justify-end gap-3 pt-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV2(Button2, {
+                    variant: "ghost",
+                    onPress: () => setMode("menu"),
+                    disabled: isLoading,
+                    children: "Back"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV2(Button2, {
+                    onPress: handleMove,
+                    disabled: isLoading,
+                    children: isLoading ? "Moving..." : "➡️ Move Deal"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+export {
+  DealActionsModal,
+  CreateDealModal
+};

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

@@ -0,0 +1,55 @@
+// src/ui/overlays/demo-overlays.ts
+var 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"
+    }
+  ]
+};
+var 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" }
+  ]
+};
+var crmOverlays = [
+  crmDemoOverlay,
+  crmSalesRepOverlay
+];
+export {
+  crmSalesRepOverlay,
+  crmOverlays,
+  crmDemoOverlay
+};