@contractspec/example.crm-pipeline 3.7.17 → 3.7.18

package/dist/ui/CrmDashboard.js

@@ -1,1548 +1,2 @@
 // @bun
-// src/ui/CrmDealCard.tsx
-import { jsxDEV } 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 CrmDealCard({ deal, onClick }) {
-  const daysUntilClose = deal.expectedCloseDate ? Math.ceil((deal.expectedCloseDate.getTime() - Date.now()) / (1000 * 60 * 60 * 24)) : null;
-  return /* @__PURE__ */ jsxDEV("div", {
-    onClick,
-    className: "cursor-pointer rounded-lg border border-border bg-card p-3 shadow-sm transition-shadow hover:shadow-md",
-    role: "button",
-    tabIndex: 0,
-    onKeyDown: (e) => {
-      if (e.key === "Enter" || e.key === " ")
-        onClick?.();
-    },
-    children: [
-      /* @__PURE__ */ jsxDEV("h4", {
-        className: "font-medium leading-snug",
-        children: deal.name
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
-        className: "mt-2 font-semibold text-lg text-primary",
-        children: formatCurrency(deal.value, deal.currency)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
-        className: "mt-3 flex items-center justify-between text-muted-foreground text-xs",
-        children: [
-          daysUntilClose !== null && /* @__PURE__ */ jsxDEV("span", {
-            className: daysUntilClose < 0 ? "text-red-500" : daysUntilClose <= 7 ? "text-yellow-600 dark:text-yellow-500" : "",
-            children: daysUntilClose < 0 ? `${Math.abs(daysUntilClose)}d overdue` : daysUntilClose === 0 ? "Due today" : `${daysUntilClose}d left`
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("span", {
-            className: `rounded px-1.5 py-0.5 font-medium text-xs ${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)
-    ]
-  }, undefined, true, undefined, this);
-}
-
-// src/ui/CrmPipelineBoard.tsx
-import { useState } from "react";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
-"use client";
-function formatCurrency2(value) {
-  if (value >= 1e6)
-    return `$${(value / 1e6).toFixed(1)}M`;
-  if (value >= 1000)
-    return `$${(value / 1000).toFixed(0)}K`;
-  return `$${value}`;
-}
-function CrmPipelineBoard({
-  dealsByStage,
-  stages,
-  onDealClick,
-  onDealMove
-}) {
-  const [quickMoveOpen, setQuickMoveOpen] = useState(null);
-  const sortedStages = [...stages].sort((a, b) => a.position - b.position);
-  const handleQuickMove = (dealId, toStageId) => {
-    onDealMove?.(dealId, toStageId);
-    setQuickMoveOpen(null);
-  };
-  return /* @__PURE__ */ jsxDEV2("div", {
-    className: "flex gap-4 overflow-x-auto pb-4",
-    children: sortedStages.map((stage) => {
-      const deals = dealsByStage[stage.id] ?? [];
-      const stageValue = deals.reduce((sum, d) => sum + d.value, 0);
-      return /* @__PURE__ */ jsxDEV2("div", {
-        className: "flex w-72 flex-shrink-0 flex-col rounded-lg bg-muted/30",
-        children: [
-          /* @__PURE__ */ jsxDEV2("div", {
-            className: "flex items-center justify-between border-border border-b px-3 py-2",
-            children: [
-              /* @__PURE__ */ jsxDEV2("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV2("h3", {
-                    className: "font-medium",
-                    children: stage.name
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("p", {
-                    className: "text-muted-foreground text-xs",
-                    children: [
-                      deals.length,
-                      " deals \xB7 ",
-                      formatCurrency2(stageValue)
-                    ]
-                  }, undefined, true, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV2("span", {
-                className: "flex h-6 w-6 items-center justify-center rounded-full bg-muted font-medium text-xs",
-                children: deals.length
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV2("div", {
-            className: "flex flex-1 flex-col gap-2 p-2",
-            children: deals.length === 0 ? /* @__PURE__ */ jsxDEV2("div", {
-              className: "flex h-24 items-center justify-center rounded-md border-2 border-muted-foreground/20 border-dashed text-muted-foreground text-xs",
-              children: "No deals"
-            }, undefined, false, undefined, this) : deals.map((deal) => /* @__PURE__ */ jsxDEV2("div", {
-              className: "group relative",
-              children: [
-                /* @__PURE__ */ jsxDEV2(CrmDealCard, {
-                  deal,
-                  onClick: () => onDealClick?.(deal.id)
-                }, undefined, false, undefined, this),
-                deal.status === "OPEN" && onDealMove && /* @__PURE__ */ jsxDEV2("div", {
-                  className: "absolute top-1 right-1 opacity-0 transition-opacity group-hover:opacity-100",
-                  children: [
-                    /* @__PURE__ */ jsxDEV2("button", {
-                      type: "button",
-                      onClick: (e) => {
-                        e.stopPropagation();
-                        setQuickMoveOpen(quickMoveOpen === deal.id ? null : deal.id);
-                      },
-                      className: "flex h-6 w-6 items-center justify-center rounded border border-border bg-background text-xs shadow-sm hover:bg-muted",
-                      title: "Quick move",
-                      children: "\u27A1\uFE0F"
-                    }, undefined, false, undefined, this),
-                    quickMoveOpen === deal.id && /* @__PURE__ */ jsxDEV2("div", {
-                      className: "absolute top-7 right-0 z-20 min-w-[140px] rounded-lg border border-border bg-card py-1 shadow-lg",
-                      children: [
-                        /* @__PURE__ */ jsxDEV2("p", {
-                          className: "px-3 py-1 font-medium text-muted-foreground text-xs",
-                          children: "Move to:"
-                        }, undefined, false, undefined, this),
-                        sortedStages.filter((s) => s.id !== deal.stageId).map((s) => /* @__PURE__ */ jsxDEV2("button", {
-                          type: "button",
-                          onClick: (e) => {
-                            e.stopPropagation();
-                            handleQuickMove(deal.id, s.id);
-                          },
-                          className: "w-full px-3 py-1.5 text-left text-sm hover:bg-muted",
-                          children: s.name
-                        }, s.id, false, undefined, this))
-                      ]
-                    }, undefined, true, undefined, this)
-                  ]
-                }, undefined, true, undefined, this)
-              ]
-            }, deal.id, true, undefined, this))
-          }, undefined, false, undefined, this)
-        ]
-      }, stage.id, true, undefined, this);
-    })
-  }, undefined, false, undefined, this);
-}
-
-// src/ui/hooks/useDealList.ts
-import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
-import { useCallback, useEffect, useMemo, useState as useState2 } from "react";
-"use client";
-function useDealList(options = {}) {
-  const { handlers, projectId } = useTemplateRuntime();
-  const { crm } = handlers;
-  const [data, setData] = useState2(null);
-  const [dealsByStage, setDealsByStage] = useState2({});
-  const [stages, setStages] = useState2([]);
-  const [loading, setLoading] = useState2(true);
-  const [error, setError] = useState2(null);
-  const [internalPage, setInternalPage] = useState2(0);
-  const pipelineId = options.pipelineId ?? "pipeline-1";
-  const pageIndex = options.pageIndex ?? internalPage;
-  const pageSize = options.pageSize ?? options.limit ?? 50;
-  const [sort] = options.sorting ?? [];
-  const sortBy = sort?.id;
-  const sortDirection = sort ? sort.desc ? "desc" : "asc" : undefined;
-  const fetchData = useCallback(async () => {
-    setLoading(true);
-    setError(null);
-    try {
-      const [dealsResult, stageDealsResult, stagesResult] = await Promise.all([
-        crm.listDeals({
-          projectId,
-          pipelineId,
-          stageId: options.stageId,
-          status: options.status === "all" ? undefined : options.status,
-          search: options.search,
-          limit: pageSize,
-          offset: pageIndex * pageSize,
-          sortBy: sortBy === "name" || sortBy === "value" || sortBy === "status" || sortBy === "expectedCloseDate" || sortBy === "updatedAt" ? sortBy : undefined,
-          sortDirection
-        }),
-        crm.getDealsByStage({ projectId, pipelineId }),
-        crm.getPipelineStages({ pipelineId })
-      ]);
-      setData(dealsResult);
-      setDealsByStage(stageDealsResult);
-      setStages(stagesResult);
-    } catch (err) {
-      setError(err instanceof Error ? err : new Error("Unknown error"));
-    } finally {
-      setLoading(false);
-    }
-  }, [
-    crm,
-    projectId,
-    pipelineId,
-    options.stageId,
-    options.status,
-    options.search,
-    pageIndex,
-    pageSize,
-    sortBy,
-    sortDirection
-  ]);
-  useEffect(() => {
-    fetchData();
-  }, [fetchData]);
-  const stats = useMemo(() => {
-    if (!data)
-      return null;
-    const open = data.deals.filter((d) => d.status === "OPEN");
-    const won = data.deals.filter((d) => d.status === "WON");
-    const lost = data.deals.filter((d) => d.status === "LOST");
-    return {
-      total: data.total,
-      totalValue: data.totalValue,
-      openCount: open.length,
-      openValue: open.reduce((sum, d) => sum + d.value, 0),
-      wonCount: won.length,
-      wonValue: won.reduce((sum, d) => sum + d.value, 0),
-      lostCount: lost.length
-    };
-  }, [data]);
-  return {
-    data,
-    dealsByStage,
-    stages,
-    loading,
-    error,
-    stats,
-    page: pageIndex + 1,
-    pageIndex,
-    pageSize,
-    refetch: fetchData,
-    nextPage: options.pageIndex === undefined ? () => setInternalPage((page) => page + 1) : undefined,
-    prevPage: options.pageIndex === undefined ? () => pageIndex > 0 && setInternalPage((page) => page - 1) : undefined
-  };
-}
-
-// src/ui/hooks/useDealMutations.ts
-import { useTemplateRuntime as useTemplateRuntime2 } from "@contractspec/lib.example-shared-ui";
-import { useCallback as useCallback2, useState as useState3 } from "react";
-function useDealMutations(options = {}) {
-  const { handlers, projectId } = useTemplateRuntime2();
-  const { crm } = handlers;
-  const [createState, setCreateState] = useState3({
-    loading: false,
-    error: null,
-    data: null
-  });
-  const [moveState, setMoveState] = useState3({
-    loading: false,
-    error: null,
-    data: null
-  });
-  const [winState, setWinState] = useState3({
-    loading: false,
-    error: null,
-    data: null
-  });
-  const [loseState, setLoseState] = useState3({
-    loading: false,
-    error: null,
-    data: null
-  });
-  const createDeal = useCallback2(async (input) => {
-    setCreateState({ loading: true, error: null, data: null });
-    try {
-      const result = await crm.createDeal(input, {
-        projectId,
-        ownerId: "user-1"
-      });
-      setCreateState({ loading: false, error: null, data: result });
-      options.onSuccess?.();
-      return result;
-    } catch (err) {
-      const error = err instanceof Error ? err : new Error("Failed to create deal");
-      setCreateState({ loading: false, error, data: null });
-      options.onError?.(error);
-      return null;
-    }
-  }, [crm, projectId, options]);
-  const moveDeal = useCallback2(async (input) => {
-    setMoveState({ loading: true, error: null, data: null });
-    try {
-      const result = await crm.moveDeal(input);
-      setMoveState({ loading: false, error: null, data: result });
-      options.onSuccess?.();
-      return result;
-    } catch (err) {
-      const error = err instanceof Error ? err : new Error("Failed to move deal");
-      setMoveState({ loading: false, error, data: null });
-      options.onError?.(error);
-      return null;
-    }
-  }, [crm, options]);
-  const winDeal = useCallback2(async (input) => {
-    setWinState({ loading: true, error: null, data: null });
-    try {
-      const result = await crm.winDeal(input);
-      setWinState({ loading: false, error: null, data: result });
-      options.onSuccess?.();
-      return result;
-    } catch (err) {
-      const error = err instanceof Error ? err : new Error("Failed to mark deal as won");
-      setWinState({ loading: false, error, data: null });
-      options.onError?.(error);
-      return null;
-    }
-  }, [crm, options]);
-  const loseDeal = useCallback2(async (input) => {
-    setLoseState({ loading: true, error: null, data: null });
-    try {
-      const result = await crm.loseDeal(input);
-      setLoseState({ loading: false, error: null, data: result });
-      options.onSuccess?.();
-      return result;
-    } catch (err) {
-      const error = err instanceof Error ? err : new Error("Failed to mark deal as lost");
-      setLoseState({ loading: false, error, data: null });
-      options.onError?.(error);
-      return null;
-    }
-  }, [crm, options]);
-  return {
-    createDeal,
-    moveDeal,
-    winDeal,
-    loseDeal,
-    createState,
-    moveState,
-    winState,
-    loseState,
-    isLoading: createState.loading || moveState.loading || winState.loading || loseState.loading
-  };
-}
-
-// src/ui/modals/CreateDealModal.tsx
-import { Button, Input } from "@contractspec/lib.design-system";
-import { useState as useState4 } from "react";
-import { jsxDEV as jsxDEV3 } 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] = useState4("");
-  const [value, setValue] = useState4("");
-  const [currency, setCurrency] = useState4("USD");
-  const [stageId, setStageId] = useState4(stages[0]?.id ?? "");
-  const [expectedCloseDate, setExpectedCloseDate] = useState4("");
-  const [error, setError] = useState4(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__ */ jsxDEV3("div", {
-    className: "fixed inset-0 z-50 flex items-center justify-center",
-    children: [
-      /* @__PURE__ */ jsxDEV3("div", {
-        className: "absolute inset-0 bg-background/80 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__ */ jsxDEV3("div", {
-        className: "relative z-10 w-full max-w-md rounded-xl border border-border bg-card p-6 shadow-xl",
-        children: [
-          /* @__PURE__ */ jsxDEV3("h2", {
-            className: "mb-4 font-semibold text-xl",
-            children: "Create New Deal"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3("form", {
-            onSubmit: handleSubmit,
-            className: "space-y-4",
-            children: [
-              /* @__PURE__ */ jsxDEV3("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV3("label", {
-                    htmlFor: "deal-name",
-                    className: "mb-1 block font-medium text-muted-foreground text-sm",
-                    children: "Deal Name *"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV3(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__ */ jsxDEV3("div", {
-                className: "flex gap-3",
-                children: [
-                  /* @__PURE__ */ jsxDEV3("div", {
-                    className: "flex-1",
-                    children: [
-                      /* @__PURE__ */ jsxDEV3("label", {
-                        htmlFor: "deal-value",
-                        className: "mb-1 block font-medium text-muted-foreground text-sm",
-                        children: "Value *"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3(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__ */ jsxDEV3("div", {
-                    className: "w-24",
-                    children: [
-                      /* @__PURE__ */ jsxDEV3("label", {
-                        htmlFor: "deal-currency",
-                        className: "mb-1 block font-medium text-muted-foreground text-sm",
-                        children: "Currency"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("select", {
-                        id: "deal-currency",
-                        value: currency,
-                        onChange: (e) => setCurrency(e.target.value),
-                        disabled: isLoading,
-                        className: "h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50",
-                        children: CURRENCIES.map((c) => /* @__PURE__ */ jsxDEV3("option", {
-                          value: c,
-                          children: c
-                        }, c, false, undefined, this))
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV3("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV3("label", {
-                    htmlFor: "deal-stage",
-                    className: "mb-1 block font-medium text-muted-foreground text-sm",
-                    children: "Pipeline Stage *"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("select", {
-                    id: "deal-stage",
-                    value: stageId,
-                    onChange: (e) => setStageId(e.target.value),
-                    disabled: isLoading,
-                    className: "h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50",
-                    children: stages.map((stage) => /* @__PURE__ */ jsxDEV3("option", {
-                      value: stage.id,
-                      children: stage.name
-                    }, stage.id, false, undefined, this))
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV3("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV3("label", {
-                    htmlFor: "deal-close-date",
-                    className: "mb-1 block font-medium text-muted-foreground text-sm",
-                    children: "Expected Close Date"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV3(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__ */ jsxDEV3("div", {
-                className: "rounded-md bg-destructive/10 p-3 text-destructive text-sm",
-                children: error
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("div", {
-                className: "flex justify-end gap-3 pt-2",
-                children: [
-                  /* @__PURE__ */ jsxDEV3(Button, {
-                    type: "button",
-                    variant: "ghost",
-                    onPress: onClose,
-                    disabled: isLoading,
-                    children: "Cancel"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV3(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 { Button as Button2 } from "@contractspec/lib.design-system";
-import { useState as useState5 } from "react";
-import { jsxDEV as jsxDEV4, Fragment } from "react/jsx-dev-runtime";
-"use client";
-function formatCurrency3(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] = useState5("menu");
-  const [wonSource, setWonSource] = useState5("");
-  const [lostReason, setLostReason] = useState5("");
-  const [notes, setNotes] = useState5("");
-  const [selectedStageId, setSelectedStageId] = useState5("");
-  const [error, setError] = useState5(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__ */ jsxDEV4("div", {
-    className: "fixed inset-0 z-50 flex items-center justify-center",
-    children: [
-      /* @__PURE__ */ jsxDEV4("div", {
-        className: "absolute inset-0 bg-background/80 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__ */ jsxDEV4("div", {
-        className: "relative z-10 w-full max-w-md rounded-xl border border-border bg-card p-6 shadow-xl",
-        children: [
-          /* @__PURE__ */ jsxDEV4("div", {
-            className: "mb-4 border-border border-b pb-4",
-            children: [
-              /* @__PURE__ */ jsxDEV4("h2", {
-                className: "font-semibold text-xl",
-                children: deal.name
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4("p", {
-                className: "font-medium text-lg text-primary",
-                children: formatCurrency3(deal.value, deal.currency)
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4("span", {
-                className: `mt-2 inline-flex rounded-full px-2 py-0.5 font-medium text-xs ${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__ */ jsxDEV4("div", {
-            className: "space-y-3",
-            children: [
-              deal.status === "OPEN" && /* @__PURE__ */ jsxDEV4(Fragment, {
-                children: [
-                  /* @__PURE__ */ jsxDEV4(Button2, {
-                    className: "w-full justify-start",
-                    variant: "ghost",
-                    onPress: () => setMode("win"),
-                    children: [
-                      /* @__PURE__ */ jsxDEV4("span", {
-                        className: "mr-2",
-                        children: "\uD83C\uDFC6"
-                      }, undefined, false, undefined, this),
-                      " Mark as Won"
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV4(Button2, {
-                    className: "w-full justify-start",
-                    variant: "ghost",
-                    onPress: () => setMode("lose"),
-                    children: [
-                      /* @__PURE__ */ jsxDEV4("span", {
-                        className: "mr-2",
-                        children: "\u274C"
-                      }, undefined, false, undefined, this),
-                      " Mark as Lost"
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV4(Button2, {
-                    className: "w-full justify-start",
-                    variant: "ghost",
-                    onPress: () => {
-                      setSelectedStageId(deal.stageId);
-                      setMode("move");
-                    },
-                    children: [
-                      /* @__PURE__ */ jsxDEV4("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__ */ jsxDEV4("p", {
-                className: "py-4 text-center text-muted-foreground",
-                children: [
-                  "This deal is already ",
-                  deal.status.toLowerCase(),
-                  ". No actions available."
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV4("div", {
-                className: "border-border border-t pt-3",
-                children: /* @__PURE__ */ jsxDEV4(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__ */ jsxDEV4("div", {
-            className: "space-y-4",
-            children: [
-              /* @__PURE__ */ jsxDEV4("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV4("label", {
-                    htmlFor: "won-source",
-                    className: "mb-1 block font-medium text-muted-foreground text-sm",
-                    children: "How did you win this deal?"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV4("select", {
-                    id: "won-source",
-                    value: wonSource,
-                    onChange: (e) => setWonSource(e.target.value),
-                    className: "h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring",
-                    children: [
-                      /* @__PURE__ */ jsxDEV4("option", {
-                        value: "",
-                        children: "Select a source..."
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV4("option", {
-                        value: "referral",
-                        children: "Referral"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV4("option", {
-                        value: "cold_outreach",
-                        children: "Cold Outreach"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV4("option", {
-                        value: "inbound",
-                        children: "Inbound Lead"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV4("option", {
-                        value: "upsell",
-                        children: "Upsell"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV4("option", {
-                        value: "other",
-                        children: "Other"
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV4("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV4("label", {
-                    htmlFor: "win-notes",
-                    className: "mb-1 block font-medium text-muted-foreground text-sm",
-                    children: "Notes (optional)"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV4("textarea", {
-                    id: "win-notes",
-                    value: notes,
-                    onChange: (e) => setNotes(e.target.value),
-                    placeholder: "Any additional notes about the win...",
-                    rows: 3,
-                    className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              error && /* @__PURE__ */ jsxDEV4("div", {
-                className: "rounded-md bg-destructive/10 p-3 text-destructive text-sm",
-                children: error
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4("div", {
-                className: "flex justify-end gap-3 pt-2",
-                children: [
-                  /* @__PURE__ */ jsxDEV4(Button2, {
-                    variant: "ghost",
-                    onPress: () => setMode("menu"),
-                    disabled: isLoading,
-                    children: "Back"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV4(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__ */ jsxDEV4("div", {
-            className: "space-y-4",
-            children: [
-              /* @__PURE__ */ jsxDEV4("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV4("label", {
-                    htmlFor: "lost-reason",
-                    className: "mb-1 block font-medium text-muted-foreground text-sm",
-                    children: "Why was this deal lost? *"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV4("select", {
-                    id: "lost-reason",
-                    value: lostReason,
-                    onChange: (e) => setLostReason(e.target.value),
-                    className: "h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring",
-                    children: [
-                      /* @__PURE__ */ jsxDEV4("option", {
-                        value: "",
-                        children: "Select a reason..."
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV4("option", {
-                        value: "price",
-                        children: "Price too high"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV4("option", {
-                        value: "competitor",
-                        children: "Lost to competitor"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV4("option", {
-                        value: "no_budget",
-                        children: "No budget"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV4("option", {
-                        value: "no_decision",
-                        children: "No decision made"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV4("option", {
-                        value: "timing",
-                        children: "Bad timing"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV4("option", {
-                        value: "product_fit",
-                        children: "Product not a fit"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV4("option", {
-                        value: "other",
-                        children: "Other"
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV4("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV4("label", {
-                    htmlFor: "lose-notes",
-                    className: "mb-1 block font-medium text-muted-foreground text-sm",
-                    children: "Notes (optional)"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV4("textarea", {
-                    id: "lose-notes",
-                    value: notes,
-                    onChange: (e) => setNotes(e.target.value),
-                    placeholder: "Any additional details...",
-                    rows: 3,
-                    className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              error && /* @__PURE__ */ jsxDEV4("div", {
-                className: "rounded-md bg-destructive/10 p-3 text-destructive text-sm",
-                children: error
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4("div", {
-                className: "flex justify-end gap-3 pt-2",
-                children: [
-                  /* @__PURE__ */ jsxDEV4(Button2, {
-                    variant: "ghost",
-                    onPress: () => setMode("menu"),
-                    disabled: isLoading,
-                    children: "Back"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV4(Button2, {
-                    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__ */ jsxDEV4("div", {
-            className: "space-y-4",
-            children: [
-              /* @__PURE__ */ jsxDEV4("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV4("label", {
-                    htmlFor: "move-stage",
-                    className: "mb-1 block font-medium text-muted-foreground text-sm",
-                    children: "Move to Stage"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV4("select", {
-                    id: "move-stage",
-                    value: selectedStageId,
-                    onChange: (e) => setSelectedStageId(e.target.value),
-                    className: "h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring",
-                    children: stages.map((stage) => /* @__PURE__ */ jsxDEV4("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__ */ jsxDEV4("div", {
-                className: "rounded-md bg-destructive/10 p-3 text-destructive text-sm",
-                children: error
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4("div", {
-                className: "flex justify-end gap-3 pt-2",
-                children: [
-                  /* @__PURE__ */ jsxDEV4(Button2, {
-                    variant: "ghost",
-                    onPress: () => setMode("menu"),
-                    disabled: isLoading,
-                    children: "Back"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV4(Button2, {
-                    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);
-}
-
-// src/ui/tables/DealListTab.tsx
-import {
-  Button as Button3,
-  DataTable,
-  LoaderBlock
-} from "@contractspec/lib.design-system";
-import { useContractTable } from "@contractspec/lib.presentation-runtime-react";
-import { Badge } from "@contractspec/lib.ui-kit-web/ui/badge";
-import { HStack, VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { Text } from "@contractspec/lib.ui-kit-web/ui/text";
-import * as React from "react";
-import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
-"use client";
-function formatCurrency4(value, currency = "USD") {
-  return new Intl.NumberFormat("en-US", {
-    style: "currency",
-    currency,
-    minimumFractionDigits: 0,
-    maximumFractionDigits: 0
-  }).format(value);
-}
-function statusVariant(status) {
-  switch (status) {
-    case "WON":
-      return "default";
-    case "LOST":
-      return "destructive";
-    case "STALE":
-      return "outline";
-    default:
-      return "secondary";
-  }
-}
-function DealListDataTable({
-  deals,
-  totalItems,
-  pageIndex,
-  pageSize,
-  sorting,
-  loading,
-  onSortingChange,
-  onPaginationChange,
-  onDealClick
-}) {
-  const controller = useContractTable({
-    data: deals,
-    columns: [
-      {
-        id: "deal",
-        header: "Deal",
-        label: "Deal",
-        accessor: (deal) => deal.name,
-        cell: ({ item }) => /* @__PURE__ */ jsxDEV5(VStack, {
-          gap: "xs",
-          children: [
-            /* @__PURE__ */ jsxDEV5(Text, {
-              className: "font-medium text-sm",
-              children: item.name
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV5(Text, {
-              className: "text-muted-foreground text-xs",
-              children: item.companyId ?? "Unassigned company"
-            }, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this),
-        size: 240,
-        minSize: 180,
-        canSort: true,
-        canPin: true,
-        canResize: true
-      },
-      {
-        id: "value",
-        header: "Value",
-        label: "Value",
-        accessorKey: "value",
-        cell: ({ item }) => formatCurrency4(item.value, item.currency),
-        align: "right",
-        size: 140,
-        canSort: true,
-        canResize: true
-      },
-      {
-        id: "status",
-        header: "Status",
-        label: "Status",
-        accessorKey: "status",
-        cell: ({ value }) => /* @__PURE__ */ jsxDEV5(Badge, {
-          variant: statusVariant(value),
-          children: String(value)
-        }, undefined, false, undefined, this),
-        size: 130,
-        canSort: true,
-        canHide: true,
-        canPin: true,
-        canResize: true
-      },
-      {
-        id: "expectedCloseDate",
-        header: "Expected Close",
-        label: "Expected Close",
-        accessor: (deal) => deal.expectedCloseDate?.toISOString() ?? "",
-        cell: ({ item }) => item.expectedCloseDate?.toLocaleDateString() ?? "Not scheduled",
-        size: 170,
-        canSort: true,
-        canHide: true,
-        canResize: true
-      },
-      {
-        id: "updatedAt",
-        header: "Updated",
-        label: "Updated",
-        accessor: (deal) => deal.updatedAt.toISOString(),
-        cell: ({ item }) => item.updatedAt.toLocaleDateString(),
-        size: 140,
-        canSort: true,
-        canHide: true,
-        canResize: true
-      },
-      {
-        id: "actions",
-        header: "Actions",
-        label: "Actions",
-        accessor: (deal) => deal.id,
-        cell: ({ item }) => /* @__PURE__ */ jsxDEV5(Button3, {
-          variant: "ghost",
-          size: "sm",
-          onPress: () => onDealClick?.(item.id),
-          children: "Actions"
-        }, undefined, false, undefined, this),
-        size: 120,
-        canSort: false,
-        canHide: false,
-        canPin: false,
-        canResize: false
-      }
-    ],
-    executionMode: "server",
-    selectionMode: "multiple",
-    totalItems,
-    state: {
-      sorting,
-      pagination: {
-        pageIndex,
-        pageSize
-      }
-    },
-    onSortingChange,
-    onPaginationChange,
-    initialState: {
-      columnVisibility: { updatedAt: false },
-      columnPinning: { left: ["deal", "status"], right: [] }
-    },
-    renderExpandedContent: (deal) => /* @__PURE__ */ jsxDEV5(VStack, {
-      gap: "sm",
-      className: "py-2",
-      children: [
-        /* @__PURE__ */ jsxDEV5(HStack, {
-          justify: "between",
-          children: [
-            /* @__PURE__ */ jsxDEV5(Text, {
-              className: "font-medium text-sm",
-              children: "Owner"
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV5(Text, {
-              className: "text-muted-foreground text-sm",
-              children: deal.ownerId
-            }, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV5(HStack, {
-          justify: "between",
-          children: [
-            /* @__PURE__ */ jsxDEV5(Text, {
-              className: "font-medium text-sm",
-              children: "Contact"
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV5(Text, {
-              className: "text-muted-foreground text-sm",
-              children: deal.contactId ?? "No linked contact"
-            }, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this),
-        deal.wonSource ? /* @__PURE__ */ jsxDEV5(HStack, {
-          justify: "between",
-          children: [
-            /* @__PURE__ */ jsxDEV5(Text, {
-              className: "font-medium text-sm",
-              children: "Won Source"
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV5(Text, {
-              className: "text-muted-foreground text-sm",
-              children: deal.wonSource
-            }, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this) : null,
-        deal.lostReason ? /* @__PURE__ */ jsxDEV5(HStack, {
-          justify: "between",
-          children: [
-            /* @__PURE__ */ jsxDEV5(Text, {
-              className: "font-medium text-sm",
-              children: "Lost Reason"
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV5(Text, {
-              className: "text-muted-foreground text-sm",
-              children: deal.lostReason
-            }, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this) : null,
-        deal.notes ? /* @__PURE__ */ jsxDEV5(VStack, {
-          gap: "xs",
-          children: [
-            /* @__PURE__ */ jsxDEV5(Text, {
-              className: "font-medium text-sm",
-              children: "Notes"
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV5(Text, {
-              className: "text-muted-foreground text-sm",
-              children: deal.notes
-            }, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this) : null
-      ]
-    }, undefined, true, undefined, this),
-    getCanExpand: () => true
-  });
-  return /* @__PURE__ */ jsxDEV5(DataTable, {
-    controller,
-    title: "All Deals",
-    description: "Server-mode table using the shared ContractSpec controller.",
-    loading,
-    toolbar: /* @__PURE__ */ jsxDEV5(HStack, {
-      gap: "sm",
-      className: "flex-wrap",
-      children: [
-        /* @__PURE__ */ jsxDEV5(Text, {
-          className: "text-muted-foreground text-sm",
-          children: [
-            "Selected ",
-            controller.selectedRowIds.length
-          ]
-        }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV5(Text, {
-          className: "text-muted-foreground text-sm",
-          children: [
-            totalItems,
-            " total deals"
-          ]
-        }, undefined, true, undefined, this)
-      ]
-    }, undefined, true, undefined, this),
-    footer: `Page ${controller.pageIndex + 1} of ${controller.pageCount}`,
-    emptyState: /* @__PURE__ */ jsxDEV5("div", {
-      className: "rounded-md border border-dashed p-8 text-center text-muted-foreground text-sm",
-      children: "No deals found"
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
-}
-function DealListTab({
-  onDealClick
-}) {
-  const [sorting, setSorting] = React.useState([
-    { id: "value", desc: true }
-  ]);
-  const [pagination, setPagination] = React.useState({
-    pageIndex: 0,
-    pageSize: 3
-  });
-  const { data, loading } = useDealList({
-    pageIndex: pagination.pageIndex,
-    pageSize: pagination.pageSize,
-    sorting
-  });
-  if (loading && !data) {
-    return /* @__PURE__ */ jsxDEV5(LoaderBlock, {
-      label: "Loading deals..."
-    }, undefined, false, undefined, this);
-  }
-  return /* @__PURE__ */ jsxDEV5(DealListDataTable, {
-    deals: data?.deals ?? [],
-    totalItems: data?.total ?? 0,
-    pageIndex: pagination.pageIndex,
-    pageSize: pagination.pageSize,
-    sorting,
-    loading,
-    onSortingChange: (nextSorting) => {
-      setSorting(nextSorting);
-      setPagination((current) => ({ ...current, pageIndex: 0 }));
-    },
-    onPaginationChange: setPagination,
-    onDealClick
-  }, undefined, false, undefined, this);
-}
-
-// src/ui/CrmDashboard.tsx
-import {
-  Button as Button4,
-  ErrorState,
-  LoaderBlock as LoaderBlock2,
-  StatCard,
-  StatCardGroup
-} from "@contractspec/lib.design-system";
-import {
-  Tabs,
-  TabsContent,
-  TabsList,
-  TabsTrigger
-} from "@contractspec/lib.ui-kit-web/ui/tabs";
-import { useCallback as useCallback3, useState as useState7 } from "react";
-import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
-"use client";
-function formatCurrency5(value, currency = "USD") {
-  return new Intl.NumberFormat("en-US", {
-    style: "currency",
-    currency,
-    minimumFractionDigits: 0,
-    maximumFractionDigits: 0
-  }).format(value);
-}
-function CrmDashboard() {
-  const [isCreateModalOpen, setIsCreateModalOpen] = useState7(false);
-  const [selectedDeal, setSelectedDeal] = useState7(null);
-  const [isDealActionsOpen, setIsDealActionsOpen] = useState7(false);
-  const { data, dealsByStage, stages, loading, error, stats, refetch } = useDealList();
-  const mutations = useDealMutations({
-    onSuccess: () => {
-      refetch();
-    }
-  });
-  const handleDealClick = useCallback3((dealId) => {
-    const deal = dealsByStage ? Object.values(dealsByStage).flat().find((d) => d.id === dealId) : null;
-    if (deal) {
-      setSelectedDeal(deal);
-      setIsDealActionsOpen(true);
-    }
-  }, [dealsByStage]);
-  const handleDealMove = useCallback3(async (dealId, toStageId) => {
-    await mutations.moveDeal({ dealId, stageId: toStageId });
-  }, [mutations]);
-  if (loading && !data) {
-    return /* @__PURE__ */ jsxDEV6(LoaderBlock2, {
-      label: "Loading CRM..."
-    }, undefined, false, undefined, this);
-  }
-  if (error) {
-    return /* @__PURE__ */ jsxDEV6(ErrorState, {
-      title: "Failed to load CRM",
-      description: error.message,
-      onRetry: refetch,
-      retryLabel: "Retry"
-    }, undefined, false, undefined, this);
-  }
-  return /* @__PURE__ */ jsxDEV6("div", {
-    className: "space-y-6",
-    children: [
-      /* @__PURE__ */ jsxDEV6("div", {
-        className: "flex items-center justify-between",
-        children: [
-          /* @__PURE__ */ jsxDEV6("h2", {
-            className: "font-bold text-2xl",
-            children: "CRM Pipeline"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV6(Button4, {
-            onClick: () => setIsCreateModalOpen(true),
-            children: [
-              /* @__PURE__ */ jsxDEV6("span", {
-                className: "mr-2",
-                children: "+"
-              }, undefined, false, undefined, this),
-              " Create Deal"
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      stats && /* @__PURE__ */ jsxDEV6(StatCardGroup, {
-        children: [
-          /* @__PURE__ */ jsxDEV6(StatCard, {
-            label: "Total Pipeline",
-            value: formatCurrency5(stats.totalValue),
-            hint: `${stats.total} deals`
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV6(StatCard, {
-            label: "Open Deals",
-            value: formatCurrency5(stats.openValue),
-            hint: `${stats.openCount} active`
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV6(StatCard, {
-            label: "Won",
-            value: formatCurrency5(stats.wonValue),
-            hint: `${stats.wonCount} closed`
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV6(StatCard, {
-            label: "Lost",
-            value: stats.lostCount,
-            hint: "deals lost"
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV6(Tabs, {
-        defaultValue: "pipeline",
-        className: "w-full",
-        children: [
-          /* @__PURE__ */ jsxDEV6(TabsList, {
-            children: [
-              /* @__PURE__ */ jsxDEV6(TabsTrigger, {
-                value: "pipeline",
-                children: [
-                  /* @__PURE__ */ jsxDEV6("span", {
-                    className: "mr-2",
-                    children: "\uD83D\uDCCA"
-                  }, undefined, false, undefined, this),
-                  "Pipeline"
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV6(TabsTrigger, {
-                value: "list",
-                children: [
-                  /* @__PURE__ */ jsxDEV6("span", {
-                    className: "mr-2",
-                    children: "\uD83D\uDCCB"
-                  }, undefined, false, undefined, this),
-                  "All Deals"
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV6(TabsTrigger, {
-                value: "metrics",
-                children: [
-                  /* @__PURE__ */ jsxDEV6("span", {
-                    className: "mr-2",
-                    children: "\uD83D\uDCC8"
-                  }, undefined, false, undefined, this),
-                  "Metrics"
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV6(TabsContent, {
-            value: "pipeline",
-            className: "min-h-[400px]",
-            children: /* @__PURE__ */ jsxDEV6(CrmPipelineBoard, {
-              dealsByStage,
-              stages,
-              onDealClick: handleDealClick,
-              onDealMove: handleDealMove
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV6(TabsContent, {
-            value: "list",
-            className: "min-h-[400px]",
-            children: /* @__PURE__ */ jsxDEV6(DealListTab, {
-              onDealClick: handleDealClick
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV6(TabsContent, {
-            value: "metrics",
-            className: "min-h-[400px]",
-            children: /* @__PURE__ */ jsxDEV6(MetricsTab, {
-              stats
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV6(CreateDealModal, {
-        isOpen: isCreateModalOpen,
-        onClose: () => setIsCreateModalOpen(false),
-        onSubmit: async (input) => {
-          await mutations.createDeal(input);
-        },
-        stages,
-        isLoading: mutations.createState.loading
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV6(DealActionsModal, {
-        isOpen: isDealActionsOpen,
-        deal: selectedDeal,
-        stages,
-        onClose: () => {
-          setIsDealActionsOpen(false);
-          setSelectedDeal(null);
-        },
-        onWin: async (input) => {
-          await mutations.winDeal(input);
-        },
-        onLose: async (input) => {
-          await mutations.loseDeal(input);
-        },
-        onMove: async (input) => {
-          await mutations.moveDeal(input);
-          refetch();
-        },
-        isLoading: mutations.isLoading
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-function MetricsTab({
-  stats
-}) {
-  if (!stats)
-    return null;
-  return /* @__PURE__ */ jsxDEV6("div", {
-    className: "space-y-6",
-    children: /* @__PURE__ */ jsxDEV6("div", {
-      className: "rounded-xl border border-border bg-card p-6",
-      children: [
-        /* @__PURE__ */ jsxDEV6("h3", {
-          className: "mb-4 font-semibold text-lg",
-          children: "Pipeline Overview"
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV6("dl", {
-          className: "grid gap-4 sm:grid-cols-3",
-          children: [
-            /* @__PURE__ */ jsxDEV6("div", {
-              children: [
-                /* @__PURE__ */ jsxDEV6("dt", {
-                  className: "text-muted-foreground text-sm",
-                  children: "Win Rate"
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV6("dd", {
-                  className: "font-semibold text-2xl",
-                  children: [
-                    stats.total > 0 ? (stats.wonCount / stats.total * 100).toFixed(0) : 0,
-                    "%"
-                  ]
-                }, undefined, true, undefined, this)
-              ]
-            }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsxDEV6("div", {
-              children: [
-                /* @__PURE__ */ jsxDEV6("dt", {
-                  className: "text-muted-foreground text-sm",
-                  children: "Avg Deal Size"
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV6("dd", {
-                  className: "font-semibold text-2xl",
-                  children: formatCurrency5(stats.total > 0 ? stats.totalValue / stats.total : 0)
-                }, undefined, false, undefined, this)
-              ]
-            }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsxDEV6("div", {
-              children: [
-                /* @__PURE__ */ jsxDEV6("dt", {
-                  className: "text-muted-foreground text-sm",
-                  children: "Conversion"
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV6("dd", {
-                  className: "font-semibold text-2xl",
-                  children: [
-                    stats.wonCount,
-                    " / ",
-                    stats.total
-                  ]
-                }, undefined, true, undefined, this)
-              ]
-            }, undefined, true, undefined, this)
-          ]
-        }, undefined, true, undefined, this)
-      ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
-}
-export {
-  CrmDashboard
-};
+import{jsx as u,jsxs as YJ}from"react/jsx-runtime";function AJ(J,K){return new Intl.NumberFormat("en-US",{style:"currency",currency:K,minimumFractionDigits:0,maximumFractionDigits:0}).format(J)}function ZJ({deal:J,onClick:K}){let N=J.expectedCloseDate?Math.ceil((J.expectedCloseDate.getTime()-Date.now())/86400000):null;return YJ("div",{onClick:K,className:"cursor-pointer rounded-lg border border-border bg-card p-3 shadow-sm transition-shadow hover:shadow-md",role:"button",tabIndex:0,onKeyDown:(G)=>{if(G.key==="Enter"||G.key===" ")K?.()},children:[u("h4",{className:"font-medium leading-snug",children:J.name}),u("div",{className:"mt-2 font-semibold text-lg text-primary",children:AJ(J.value,J.currency)}),YJ("div",{className:"mt-3 flex items-center justify-between text-muted-foreground text-xs",children:[N!==null&&u("span",{className:N<0?"text-red-500":N<=7?"text-yellow-600 dark:text-yellow-500":"",children:N<0?`${Math.abs(N)}d overdue`:N===0?"Due today":`${N}d left`}),u("span",{className:`rounded px-1.5 py-0.5 font-medium text-xs ${J.status==="WON"?"bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400":J.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:J.status})]})]})}import{useState as HJ}from"react";import{jsx as C,jsxs as m}from"react/jsx-runtime";function NJ(J){if(J>=1e6)return`$${(J/1e6).toFixed(1)}M`;if(J>=1000)return`$${(J/1000).toFixed(0)}K`;return`$${J}`}function $J({dealsByStage:J,stages:K,onDealClick:N,onDealMove:G}){let[z,P]=HJ(null),O=[...K].sort((H,Q)=>H.position-Q.position),A=(H,Q)=>{G?.(H,Q),P(null)};return C("div",{className:"flex gap-4 overflow-x-auto pb-4",children:O.map((H)=>{let Q=J[H.id]??[],Y=Q.reduce((_,W)=>_+W.value,0);return m("div",{className:"flex w-72 flex-shrink-0 flex-col rounded-lg bg-muted/30",children:[m("div",{className:"flex items-center justify-between border-border border-b px-3 py-2",children:[m("div",{children:[C("h3",{className:"font-medium",children:H.name}),m("p",{className:"text-muted-foreground text-xs",children:[Q.length," deals \xB7 ",NJ(Y)]})]}),C("span",{className:"flex h-6 w-6 items-center justify-center rounded-full bg-muted font-medium text-xs",children:Q.length})]}),C("div",{className:"flex flex-1 flex-col gap-2 p-2",children:Q.length===0?C("div",{className:"flex h-24 items-center justify-center rounded-md border-2 border-muted-foreground/20 border-dashed text-muted-foreground text-xs",children:"No deals"}):Q.map((_)=>m("div",{className:"group relative",children:[C(ZJ,{deal:_,onClick:()=>N?.(_.id)}),_.status==="OPEN"&&G&&m("div",{className:"absolute top-1 right-1 opacity-0 transition-opacity group-hover:opacity-100",children:[C("button",{type:"button",onClick:(W)=>{W.stopPropagation(),P(z===_.id?null:_.id)},className:"flex h-6 w-6 items-center justify-center rounded border border-border bg-background text-xs shadow-sm hover:bg-muted",title:"Quick move",children:"\u27A1\uFE0F"}),z===_.id&&m("div",{className:"absolute top-7 right-0 z-20 min-w-[140px] rounded-lg border border-border bg-card py-1 shadow-lg",children:[C("p",{className:"px-3 py-1 font-medium text-muted-foreground text-xs",children:"Move to:"}),O.filter((W)=>W.id!==_.stageId).map((W)=>C("button",{type:"button",onClick:(V)=>{V.stopPropagation(),A(_.id,W.id)},className:"w-full px-3 py-1.5 text-left text-sm hover:bg-muted",children:W.name},W.id))]})]})]},_.id))})]},H.id)})})}import{useTemplateRuntime as UJ}from"@contractspec/lib.example-shared-ui";import{useCallback as WJ,useEffect as PJ,useMemo as wJ,useState as S}from"react";function x(J={}){let{handlers:K,projectId:N}=UJ(),{crm:G}=K,[z,P]=S(null),[O,A]=S({}),[H,Q]=S([]),[Y,_]=S(!0),[W,V]=S(null),[T,b]=S(0),q=J.pipelineId??"pipeline-1",Z=J.pageIndex??T,X=J.pageSize??J.limit??50,[R]=J.sorting??[],k=R?.id,L=R?R.desc?"desc":"asc":void 0,c=WJ(async()=>{_(!0),V(null);try{let[M,F,o]=await Promise.all([G.listDeals({projectId:N,pipelineId:q,stageId:J.stageId,status:J.status==="all"?void 0:J.status,search:J.search,limit:X,offset:Z*X,sortBy:k==="name"||k==="value"||k==="status"||k==="expectedCloseDate"||k==="updatedAt"?k:void 0,sortDirection:L}),G.getDealsByStage({projectId:N,pipelineId:q}),G.getPipelineStages({pipelineId:q})]);P(M),A(F),Q(o)}catch(M){V(M instanceof Error?M:Error("Unknown error"))}finally{_(!1)}},[G,N,q,J.stageId,J.status,J.search,Z,X,k,L]);PJ(()=>{c()},[c]);let n=wJ(()=>{if(!z)return null;let M=z.deals.filter((D)=>D.status==="OPEN"),F=z.deals.filter((D)=>D.status==="WON"),o=z.deals.filter((D)=>D.status==="LOST");return{total:z.total,totalValue:z.totalValue,openCount:M.length,openValue:M.reduce((D,a)=>D+a.value,0),wonCount:F.length,wonValue:F.reduce((D,a)=>D+a.value,0),lostCount:o.length}},[z]);return{data:z,dealsByStage:O,stages:H,loading:Y,error:W,stats:n,page:Z+1,pageIndex:Z,pageSize:X,refetch:c,nextPage:J.pageIndex===void 0?()=>b((M)=>M+1):void 0,prevPage:J.pageIndex===void 0?()=>Z>0&&b((M)=>M-1):void 0}}import{useTemplateRuntime as VJ}from"@contractspec/lib.example-shared-ui";import{useCallback as i,useState as d}from"react";function GJ(J={}){let{handlers:K,projectId:N}=VJ(),{crm:G}=K,[z,P]=d({loading:!1,error:null,data:null}),[O,A]=d({loading:!1,error:null,data:null}),[H,Q]=d({loading:!1,error:null,data:null}),[Y,_]=d({loading:!1,error:null,data:null}),W=i(async(q)=>{P({loading:!0,error:null,data:null});try{let Z=await G.createDeal(q,{projectId:N,ownerId:"user-1"});return P({loading:!1,error:null,data:Z}),J.onSuccess?.(),Z}catch(Z){let X=Z instanceof Error?Z:Error("Failed to create deal");return P({loading:!1,error:X,data:null}),J.onError?.(X),null}},[G,N,J]),V=i(async(q)=>{A({loading:!0,error:null,data:null});try{let Z=await G.moveDeal(q);return A({loading:!1,error:null,data:Z}),J.onSuccess?.(),Z}catch(Z){let X=Z instanceof Error?Z:Error("Failed to move deal");return A({loading:!1,error:X,data:null}),J.onError?.(X),null}},[G,J]),T=i(async(q)=>{Q({loading:!0,error:null,data:null});try{let Z=await G.winDeal(q);return Q({loading:!1,error:null,data:Z}),J.onSuccess?.(),Z}catch(Z){let X=Z instanceof Error?Z:Error("Failed to mark deal as won");return Q({loading:!1,error:X,data:null}),J.onError?.(X),null}},[G,J]),b=i(async(q)=>{_({loading:!0,error:null,data:null});try{let Z=await G.loseDeal(q);return _({loading:!1,error:null,data:Z}),J.onSuccess?.(),Z}catch(Z){let X=Z instanceof Error?Z:Error("Failed to mark deal as lost");return _({loading:!1,error:X,data:null}),J.onError?.(X),null}},[G,J]);return{createDeal:W,moveDeal:V,winDeal:T,loseDeal:b,createState:z,moveState:O,winState:H,loseState:Y,isLoading:z.loading||O.loading||H.loading||Y.loading}}import{Button as _J,Input as t}from"@contractspec/lib.design-system";import{useState as p}from"react";import{jsx as E,jsxs as v}from"react/jsx-runtime";var OJ=["USD","EUR","GBP","CAD"],RJ="pipeline-1";function qJ({isOpen:J,onClose:K,onSubmit:N,stages:G,isLoading:z=!1}){let[P,O]=p(""),[A,H]=p(""),[Q,Y]=p("USD"),[_,W]=p(G[0]?.id??""),[V,T]=p(""),[b,q]=p(null),Z=async(X)=>{if(X.preventDefault(),q(null),!P.trim()){q("Deal name is required");return}let R=parseFloat(A);if(isNaN(R)||R<=0){q("Value must be a positive number");return}if(!_){q("Please select a pipeline stage");return}try{await N({name:P.trim(),value:R,currency:Q,pipelineId:RJ,stageId:_,expectedCloseDate:V?new Date(V):void 0}),O(""),H(""),Y("USD"),W(G[0]?.id??""),T(""),K()}catch(k){q(k instanceof Error?k.message:"Failed to create deal")}};if(!J)return null;return v("div",{className:"fixed inset-0 z-50 flex items-center justify-center",children:[E("div",{className:"absolute inset-0 bg-background/80 backdrop-blur-sm",onClick:K,role:"button",tabIndex:0,onKeyDown:(X)=>{if(X.key==="Enter"||X.key===" ")K()},"aria-label":"Close modal"}),v("div",{className:"relative z-10 w-full max-w-md rounded-xl border border-border bg-card p-6 shadow-xl",children:[E("h2",{className:"mb-4 font-semibold text-xl",children:"Create New Deal"}),v("form",{onSubmit:Z,className:"space-y-4",children:[v("div",{children:[E("label",{htmlFor:"deal-name",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Deal Name *"}),E(t,{id:"deal-name",value:P,onChange:(X)=>O(X.target.value),placeholder:"e.g., Enterprise License - Acme Corp",disabled:z})]}),v("div",{className:"flex gap-3",children:[v("div",{className:"flex-1",children:[E("label",{htmlFor:"deal-value",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Value *"}),E(t,{id:"deal-value",type:"number",min:"0",step:"0.01",value:A,onChange:(X)=>H(X.target.value),placeholder:"50000",disabled:z})]}),v("div",{className:"w-24",children:[E("label",{htmlFor:"deal-currency",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Currency"}),E("select",{id:"deal-currency",value:Q,onChange:(X)=>Y(X.target.value),disabled:z,className:"h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50",children:OJ.map((X)=>E("option",{value:X,children:X},X))})]})]}),v("div",{children:[E("label",{htmlFor:"deal-stage",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Pipeline Stage *"}),E("select",{id:"deal-stage",value:_,onChange:(X)=>W(X.target.value),disabled:z,className:"h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50",children:G.map((X)=>E("option",{value:X.id,children:X.name},X.id))})]}),v("div",{children:[E("label",{htmlFor:"deal-close-date",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Expected Close Date"}),E(t,{id:"deal-close-date",type:"date",value:V,onChange:(X)=>T(X.target.value),disabled:z})]}),b&&E("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:b}),v("div",{className:"flex justify-end gap-3 pt-2",children:[E(_J,{type:"button",variant:"ghost",onPress:K,disabled:z,children:"Cancel"}),E(_J,{type:"submit",disabled:z,children:z?"Creating...":"Create Deal"})]})]})]})]})}import{Button as y}from"@contractspec/lib.design-system";import{useState as g}from"react";import{jsx as $,jsxs as w,Fragment as EJ}from"react/jsx-runtime";function fJ(J,K){return new Intl.NumberFormat("en-US",{style:"currency",currency:K,minimumFractionDigits:0,maximumFractionDigits:0}).format(J)}function QJ({isOpen:J,deal:K,stages:N,onClose:G,onWin:z,onLose:P,onMove:O,isLoading:A=!1}){let[H,Q]=g("menu"),[Y,_]=g(""),[W,V]=g(""),[T,b]=g(""),[q,Z]=g(""),[X,R]=g(null),k=()=>{Q("menu"),_(""),V(""),b(""),Z(""),R(null)},L=()=>{k(),G()},c=async()=>{if(!K)return;R(null);try{await z({dealId:K.id,wonSource:Y.trim()||void 0,notes:T.trim()||void 0}),L()}catch(F){R(F instanceof Error?F.message:"Failed to mark deal as won")}},n=async()=>{if(!K)return;if(R(null),!W.trim()){R("Please provide a reason for losing the deal");return}try{await P({dealId:K.id,lostReason:W.trim(),notes:T.trim()||void 0}),L()}catch(F){R(F instanceof Error?F.message:"Failed to mark deal as lost")}},M=async()=>{if(!K)return;if(R(null),!q){R("Please select a stage");return}if(q===K.stageId){R("Deal is already in this stage");return}try{await O({dealId:K.id,stageId:q}),L()}catch(F){R(F instanceof Error?F.message:"Failed to move deal")}};if(!J||!K)return null;return w("div",{className:"fixed inset-0 z-50 flex items-center justify-center",children:[$("div",{className:"absolute inset-0 bg-background/80 backdrop-blur-sm",onClick:L,role:"button",tabIndex:0,onKeyDown:(F)=>{if(F.key==="Enter"||F.key===" ")L()},"aria-label":"Close modal"}),w("div",{className:"relative z-10 w-full max-w-md rounded-xl border border-border bg-card p-6 shadow-xl",children:[w("div",{className:"mb-4 border-border border-b pb-4",children:[$("h2",{className:"font-semibold text-xl",children:K.name}),$("p",{className:"font-medium text-lg text-primary",children:fJ(K.value,K.currency)}),$("span",{className:`mt-2 inline-flex rounded-full px-2 py-0.5 font-medium text-xs ${K.status==="WON"?"bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400":K.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:K.status})]}),H==="menu"&&w("div",{className:"space-y-3",children:[K.status==="OPEN"&&w(EJ,{children:[w(y,{className:"w-full justify-start",variant:"ghost",onPress:()=>Q("win"),children:[$("span",{className:"mr-2",children:"\uD83C\uDFC6"})," Mark as Won"]}),w(y,{className:"w-full justify-start",variant:"ghost",onPress:()=>Q("lose"),children:[$("span",{className:"mr-2",children:"\u274C"})," Mark as Lost"]}),w(y,{className:"w-full justify-start",variant:"ghost",onPress:()=>{Z(K.stageId),Q("move")},children:[$("span",{className:"mr-2",children:"\u27A1\uFE0F"})," Move to Stage"]})]}),K.status!=="OPEN"&&w("p",{className:"py-4 text-center text-muted-foreground",children:["This deal is already ",K.status.toLowerCase(),". No actions available."]}),$("div",{className:"border-border border-t pt-3",children:$(y,{className:"w-full",variant:"outline",onPress:L,children:"Close"})})]}),H==="win"&&w("div",{className:"space-y-4",children:[w("div",{children:[$("label",{htmlFor:"won-source",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"How did you win this deal?"}),w("select",{id:"won-source",value:Y,onChange:(F)=>_(F.target.value),className:"h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring",children:[$("option",{value:"",children:"Select a source..."}),$("option",{value:"referral",children:"Referral"}),$("option",{value:"cold_outreach",children:"Cold Outreach"}),$("option",{value:"inbound",children:"Inbound Lead"}),$("option",{value:"upsell",children:"Upsell"}),$("option",{value:"other",children:"Other"})]})]}),w("div",{children:[$("label",{htmlFor:"win-notes",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Notes (optional)"}),$("textarea",{id:"win-notes",value:T,onChange:(F)=>b(F.target.value),placeholder:"Any additional notes about the win...",rows:3,className:"w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring"})]}),X&&$("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:X}),w("div",{className:"flex justify-end gap-3 pt-2",children:[$(y,{variant:"ghost",onPress:()=>Q("menu"),disabled:A,children:"Back"}),$(y,{onPress:c,disabled:A,children:A?"Processing...":"\uD83C\uDFC6 Confirm Win"})]})]}),H==="lose"&&w("div",{className:"space-y-4",children:[w("div",{children:[$("label",{htmlFor:"lost-reason",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Why was this deal lost? *"}),w("select",{id:"lost-reason",value:W,onChange:(F)=>V(F.target.value),className:"h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring",children:[$("option",{value:"",children:"Select a reason..."}),$("option",{value:"price",children:"Price too high"}),$("option",{value:"competitor",children:"Lost to competitor"}),$("option",{value:"no_budget",children:"No budget"}),$("option",{value:"no_decision",children:"No decision made"}),$("option",{value:"timing",children:"Bad timing"}),$("option",{value:"product_fit",children:"Product not a fit"}),$("option",{value:"other",children:"Other"})]})]}),w("div",{children:[$("label",{htmlFor:"lose-notes",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Notes (optional)"}),$("textarea",{id:"lose-notes",value:T,onChange:(F)=>b(F.target.value),placeholder:"Any additional details...",rows:3,className:"w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring"})]}),X&&$("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:X}),w("div",{className:"flex justify-end gap-3 pt-2",children:[$(y,{variant:"ghost",onPress:()=>Q("menu"),disabled:A,children:"Back"}),$(y,{variant:"destructive",onPress:n,disabled:A,children:A?"Processing...":"\u274C Confirm Loss"})]})]}),H==="move"&&w("div",{className:"space-y-4",children:[w("div",{children:[$("label",{htmlFor:"move-stage",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Move to Stage"}),$("select",{id:"move-stage",value:q,onChange:(F)=>Z(F.target.value),className:"h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring",children:N.map((F)=>w("option",{value:F.id,children:[F.name,F.id===K.stageId?" (current)":""]},F.id))})]}),X&&$("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:X}),w("div",{className:"flex justify-end gap-3 pt-2",children:[$(y,{variant:"ghost",onPress:()=>Q("menu"),disabled:A,children:"Back"}),$(y,{onPress:M,disabled:A,children:A?"Moving...":"\u27A1\uFE0F Move Deal"})]})]})]})]})}import{Button as hJ,DataTable as TJ,LoaderBlock as BJ}from"@contractspec/lib.design-system";import{useContractTable as bJ}from"@contractspec/lib.presentation-runtime-react";import{Badge as MJ}from"@contractspec/lib.ui-kit-web/ui/badge";import{HStack as j,VStack as s}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as B}from"@contractspec/lib.ui-kit-web/ui/text";import*as e from"react";import{jsx as f,jsxs as I}from"react/jsx-runtime";function kJ(J,K="USD"){return new Intl.NumberFormat("en-US",{style:"currency",currency:K,minimumFractionDigits:0,maximumFractionDigits:0}).format(J)}function vJ(J){switch(J){case"WON":return"default";case"LOST":return"destructive";case"STALE":return"outline";default:return"secondary"}}function yJ({deals:J,totalItems:K,pageIndex:N,pageSize:G,sorting:z,loading:P,onSortingChange:O,onPaginationChange:A,onDealClick:H}){let Q=bJ({data:J,columns:[{id:"deal",header:"Deal",label:"Deal",accessor:(Y)=>Y.name,cell:({item:Y})=>I(s,{gap:"xs",children:[f(B,{className:"font-medium text-sm",children:Y.name}),f(B,{className:"text-muted-foreground text-xs",children:Y.companyId??"Unassigned company"})]}),size:240,minSize:180,canSort:!0,canPin:!0,canResize:!0},{id:"value",header:"Value",label:"Value",accessorKey:"value",cell:({item:Y})=>kJ(Y.value,Y.currency),align:"right",size:140,canSort:!0,canResize:!0},{id:"status",header:"Status",label:"Status",accessorKey:"status",cell:({value:Y})=>f(MJ,{variant:vJ(Y),children:String(Y)}),size:130,canSort:!0,canHide:!0,canPin:!0,canResize:!0},{id:"expectedCloseDate",header:"Expected Close",label:"Expected Close",accessor:(Y)=>Y.expectedCloseDate?.toISOString()??"",cell:({item:Y})=>Y.expectedCloseDate?.toLocaleDateString()??"Not scheduled",size:170,canSort:!0,canHide:!0,canResize:!0},{id:"updatedAt",header:"Updated",label:"Updated",accessor:(Y)=>Y.updatedAt.toISOString(),cell:({item:Y})=>Y.updatedAt.toLocaleDateString(),size:140,canSort:!0,canHide:!0,canResize:!0},{id:"actions",header:"Actions",label:"Actions",accessor:(Y)=>Y.id,cell:({item:Y})=>f(hJ,{variant:"ghost",size:"sm",onPress:()=>H?.(Y.id),children:"Actions"}),size:120,canSort:!1,canHide:!1,canPin:!1,canResize:!1}],executionMode:"server",selectionMode:"multiple",totalItems:K,state:{sorting:z,pagination:{pageIndex:N,pageSize:G}},onSortingChange:O,onPaginationChange:A,initialState:{columnVisibility:{updatedAt:!1},columnPinning:{left:["deal","status"],right:[]}},renderExpandedContent:(Y)=>I(s,{gap:"sm",className:"py-2",children:[I(j,{justify:"between",children:[f(B,{className:"font-medium text-sm",children:"Owner"}),f(B,{className:"text-muted-foreground text-sm",children:Y.ownerId})]}),I(j,{justify:"between",children:[f(B,{className:"font-medium text-sm",children:"Contact"}),f(B,{className:"text-muted-foreground text-sm",children:Y.contactId??"No linked contact"})]}),Y.wonSource?I(j,{justify:"between",children:[f(B,{className:"font-medium text-sm",children:"Won Source"}),f(B,{className:"text-muted-foreground text-sm",children:Y.wonSource})]}):null,Y.lostReason?I(j,{justify:"between",children:[f(B,{className:"font-medium text-sm",children:"Lost Reason"}),f(B,{className:"text-muted-foreground text-sm",children:Y.lostReason})]}):null,Y.notes?I(s,{gap:"xs",children:[f(B,{className:"font-medium text-sm",children:"Notes"}),f(B,{className:"text-muted-foreground text-sm",children:Y.notes})]}):null]}),getCanExpand:()=>!0});return f(TJ,{controller:Q,title:"All Deals",description:"Server-mode table using the shared ContractSpec controller.",loading:P,toolbar:I(j,{gap:"sm",className:"flex-wrap",children:[I(B,{className:"text-muted-foreground text-sm",children:["Selected ",Q.selectedRowIds.length]}),I(B,{className:"text-muted-foreground text-sm",children:[K," total deals"]})]}),footer:`Page ${Q.pageIndex+1} of ${Q.pageCount}`,emptyState:f("div",{className:"rounded-md border border-dashed p-8 text-center text-muted-foreground text-sm",children:"No deals found"})})}function zJ({onDealClick:J}){let[K,N]=e.useState([{id:"value",desc:!0}]),[G,z]=e.useState({pageIndex:0,pageSize:3}),{data:P,loading:O}=x({pageIndex:G.pageIndex,pageSize:G.pageSize,sorting:K});if(O&&!P)return f(BJ,{label:"Loading deals..."});return f(yJ,{deals:P?.deals??[],totalItems:P?.total??0,pageIndex:G.pageIndex,pageSize:G.pageSize,sorting:K,loading:O,onSortingChange:(A)=>{N(A),z((H)=>({...H,pageIndex:0}))},onPaginationChange:z,onDealClick:J})}import{Button as IJ,ErrorState as LJ,LoaderBlock as DJ,StatCard as r,StatCardGroup as CJ}from"@contractspec/lib.design-system";import{Tabs as mJ,TabsContent as JJ,TabsList as SJ,TabsTrigger as KJ}from"@contractspec/lib.ui-kit-web/ui/tabs";import{useCallback as FJ,useState as XJ}from"react";import{jsx as U,jsxs as h}from"react/jsx-runtime";function l(J,K="USD"){return new Intl.NumberFormat("en-US",{style:"currency",currency:K,minimumFractionDigits:0,maximumFractionDigits:0}).format(J)}function fK(){let[J,K]=XJ(!1),[N,G]=XJ(null),[z,P]=XJ(!1),{data:O,dealsByStage:A,stages:H,loading:Q,error:Y,stats:_,refetch:W}=x(),V=GJ({onSuccess:()=>{W()}}),T=FJ((q)=>{let Z=A?Object.values(A).flat().find((X)=>X.id===q):null;if(Z)G(Z),P(!0)},[A]),b=FJ(async(q,Z)=>{await V.moveDeal({dealId:q,stageId:Z})},[V]);if(Q&&!O)return U(DJ,{label:"Loading CRM..."});if(Y)return U(LJ,{title:"Failed to load CRM",description:Y.message,onRetry:W,retryLabel:"Retry"});return h("div",{className:"space-y-6",children:[h("div",{className:"flex items-center justify-between",children:[U("h2",{className:"font-bold text-2xl",children:"CRM Pipeline"}),h(IJ,{onClick:()=>K(!0),children:[U("span",{className:"mr-2",children:"+"})," Create Deal"]})]}),_&&h(CJ,{children:[U(r,{label:"Total Pipeline",value:l(_.totalValue),hint:`${_.total} deals`}),U(r,{label:"Open Deals",value:l(_.openValue),hint:`${_.openCount} active`}),U(r,{label:"Won",value:l(_.wonValue),hint:`${_.wonCount} closed`}),U(r,{label:"Lost",value:_.lostCount,hint:"deals lost"})]}),h(mJ,{defaultValue:"pipeline",className:"w-full",children:[h(SJ,{children:[h(KJ,{value:"pipeline",children:[U("span",{className:"mr-2",children:"\uD83D\uDCCA"}),"Pipeline"]}),h(KJ,{value:"list",children:[U("span",{className:"mr-2",children:"\uD83D\uDCCB"}),"All Deals"]}),h(KJ,{value:"metrics",children:[U("span",{className:"mr-2",children:"\uD83D\uDCC8"}),"Metrics"]})]}),U(JJ,{value:"pipeline",className:"min-h-[400px]",children:U($J,{dealsByStage:A,stages:H,onDealClick:T,onDealMove:b})}),U(JJ,{value:"list",className:"min-h-[400px]",children:U(zJ,{onDealClick:T})}),U(JJ,{value:"metrics",className:"min-h-[400px]",children:U(pJ,{stats:_})})]}),U(qJ,{isOpen:J,onClose:()=>K(!1),onSubmit:async(q)=>{await V.createDeal(q)},stages:H,isLoading:V.createState.loading}),U(QJ,{isOpen:z,deal:N,stages:H,onClose:()=>{P(!1),G(null)},onWin:async(q)=>{await V.winDeal(q)},onLose:async(q)=>{await V.loseDeal(q)},onMove:async(q)=>{await V.moveDeal(q),W()},isLoading:V.isLoading})]})}function pJ({stats:J}){if(!J)return null;return U("div",{className:"space-y-6",children:h("div",{className:"rounded-xl border border-border bg-card p-6",children:[U("h3",{className:"mb-4 font-semibold text-lg",children:"Pipeline Overview"}),h("dl",{className:"grid gap-4 sm:grid-cols-3",children:[h("div",{children:[U("dt",{className:"text-muted-foreground text-sm",children:"Win Rate"}),h("dd",{className:"font-semibold text-2xl",children:[J.total>0?(J.wonCount/J.total*100).toFixed(0):0,"%"]})]}),h("div",{children:[U("dt",{className:"text-muted-foreground text-sm",children:"Avg Deal Size"}),U("dd",{className:"font-semibold text-2xl",children:l(J.total>0?J.totalValue/J.total:0)})]}),h("div",{children:[U("dt",{className:"text-muted-foreground text-sm",children:"Conversion"}),h("dd",{className:"font-semibold text-2xl",children:[J.wonCount," / ",J.total]})]})]})]})})}export{fK as CrmDashboard};