@contractspec/example.crm-pipeline 3.7.17 → 3.7.18

package/dist/ui/index.js

@@ -1,2206 +1,5 @@
 // @bun
-// src/handlers/crm.handlers.ts
-import { web } from "@contractspec/lib.runtime-sandbox";
-var { generateId } = web;
-function rowToDeal(row) {
-  return {
-    id: row.id,
-    projectId: row.projectId,
-    name: row.name,
-    value: row.value,
-    currency: row.currency,
-    pipelineId: row.pipelineId,
-    stageId: row.stageId,
-    status: row.status,
-    contactId: row.contactId ?? undefined,
-    companyId: row.companyId ?? undefined,
-    ownerId: row.ownerId,
-    expectedCloseDate: row.expectedCloseDate ? new Date(row.expectedCloseDate) : undefined,
-    wonSource: row.wonSource ?? undefined,
-    lostReason: row.lostReason ?? undefined,
-    notes: row.notes ?? undefined,
-    createdAt: new Date(row.createdAt),
-    updatedAt: new Date(row.updatedAt)
-  };
-}
-var DEAL_SORT_COLUMNS = {
-  name: "name",
-  value: "value",
-  status: "status",
-  expectedCloseDate: "expectedCloseDate",
-  updatedAt: "updatedAt"
-};
-function createCrmHandlers(db) {
-  async function listDeals(input) {
-    const {
-      projectId,
-      pipelineId,
-      stageId,
-      status,
-      ownerId,
-      search,
-      limit = 20,
-      offset = 0,
-      sortBy = "value",
-      sortDirection = "desc"
-    } = input;
-    let whereClause = "WHERE projectId = ?";
-    const params = [projectId];
-    if (pipelineId) {
-      whereClause += " AND pipelineId = ?";
-      params.push(pipelineId);
-    }
-    if (stageId) {
-      whereClause += " AND stageId = ?";
-      params.push(stageId);
-    }
-    if (status && status !== "all") {
-      whereClause += " AND status = ?";
-      params.push(status);
-    }
-    if (ownerId) {
-      whereClause += " AND ownerId = ?";
-      params.push(ownerId);
-    }
-    if (search) {
-      whereClause += " AND name LIKE ?";
-      params.push(`%${search}%`);
-    }
-    const countResult = (await db.query(`SELECT COUNT(*) as count FROM crm_deal ${whereClause}`, params)).rows;
-    const total = countResult[0]?.count ?? 0;
-    const valueResult = (await db.query(`SELECT COALESCE(SUM(value), 0) as total FROM crm_deal ${whereClause}`, params)).rows;
-    const totalValue = valueResult[0]?.total ?? 0;
-    const orderByColumn = DEAL_SORT_COLUMNS[sortBy] ?? DEAL_SORT_COLUMNS.value;
-    const orderByDirection = sortDirection === "asc" ? "ASC" : "DESC";
-    const dealRows = (await db.query(`SELECT * FROM crm_deal ${whereClause} ORDER BY ${orderByColumn} ${orderByDirection} LIMIT ? OFFSET ?`, [...params, limit, offset])).rows;
-    return {
-      deals: dealRows.map(rowToDeal),
-      total,
-      totalValue
-    };
-  }
-  async function createDeal(input, context) {
-    const id = generateId("deal");
-    const now = new Date().toISOString();
-    await db.execute(`INSERT INTO crm_deal (id, projectId, pipelineId, stageId, name, value, currency, status, contactId, companyId, ownerId, expectedCloseDate, createdAt, updatedAt)
-       VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`, [
-      id,
-      context.projectId,
-      input.pipelineId,
-      input.stageId,
-      input.name,
-      input.value,
-      input.currency ?? "USD",
-      "OPEN",
-      input.contactId ?? null,
-      input.companyId ?? null,
-      context.ownerId,
-      input.expectedCloseDate?.toISOString() ?? null,
-      now,
-      now
-    ]);
-    const rows = (await db.query(`SELECT * FROM crm_deal WHERE id = ?`, [id])).rows;
-    if (!rows[0]) {
-      throw new Error("Failed to create deal");
-    }
-    return rowToDeal(rows[0]);
-  }
-  async function moveDeal(input) {
-    const now = new Date().toISOString();
-    const existing = (await db.query(`SELECT * FROM crm_deal WHERE id = ?`, [input.dealId])).rows;
-    if (!existing[0]) {
-      throw new Error("NOT_FOUND");
-    }
-    const stage = (await db.query(`SELECT * FROM crm_stage WHERE id = ?`, [input.stageId])).rows;
-    if (!stage[0]) {
-      throw new Error("INVALID_STAGE");
-    }
-    await db.execute(`UPDATE crm_deal SET stageId = ?, updatedAt = ? WHERE id = ?`, [input.stageId, now, input.dealId]);
-    const rows = (await db.query(`SELECT * FROM crm_deal WHERE id = ?`, [input.dealId])).rows;
-    return rowToDeal(rows[0]);
-  }
-  async function winDeal(input) {
-    const now = new Date().toISOString();
-    const existing = (await db.query(`SELECT * FROM crm_deal WHERE id = ?`, [input.dealId])).rows;
-    if (!existing[0]) {
-      throw new Error("NOT_FOUND");
-    }
-    await db.execute(`UPDATE crm_deal SET status = 'WON', wonSource = ?, notes = ?, updatedAt = ? WHERE id = ?`, [input.wonSource ?? null, input.notes ?? null, now, input.dealId]);
-    const rows = (await db.query(`SELECT * FROM crm_deal WHERE id = ?`, [input.dealId])).rows;
-    return rowToDeal(rows[0]);
-  }
-  async function loseDeal(input) {
-    const now = new Date().toISOString();
-    const existing = (await db.query(`SELECT * FROM crm_deal WHERE id = ?`, [input.dealId])).rows;
-    if (!existing[0]) {
-      throw new Error("NOT_FOUND");
-    }
-    await db.execute(`UPDATE crm_deal SET status = 'LOST', lostReason = ?, notes = ?, updatedAt = ? WHERE id = ?`, [input.lostReason, input.notes ?? null, now, input.dealId]);
-    const rows = (await db.query(`SELECT * FROM crm_deal WHERE id = ?`, [input.dealId])).rows;
-    return rowToDeal(rows[0]);
-  }
-  async function getDealsByStage(input) {
-    const deals = (await db.query(`SELECT * FROM crm_deal WHERE projectId = ? AND pipelineId = ? AND status = 'OPEN' ORDER BY value DESC`, [input.projectId, input.pipelineId])).rows;
-    const stages = (await db.query(`SELECT * FROM crm_stage WHERE pipelineId = ? ORDER BY position`, [input.pipelineId])).rows;
-    const grouped = {};
-    for (const stage of stages) {
-      grouped[stage.id] = deals.filter((d) => d.stageId === stage.id).map(rowToDeal);
-    }
-    return grouped;
-  }
-  async function getPipelineStages(input) {
-    const rows = (await db.query(`SELECT * FROM crm_stage WHERE pipelineId = ? ORDER BY position`, [input.pipelineId])).rows;
-    return rows.map((row) => ({
-      id: row.id,
-      pipelineId: row.pipelineId,
-      name: row.name,
-      position: row.position
-    }));
-  }
-  return {
-    listDeals,
-    createDeal,
-    moveDeal,
-    winDeal,
-    loseDeal,
-    getDealsByStage,
-    getPipelineStages
-  };
-}
-
-// src/handlers/mock-data.ts
-var MOCK_STAGES = [
-  { id: "stage-1", name: "Lead", position: 1, pipelineId: "pipeline-1" },
-  { id: "stage-2", name: "Qualified", position: 2, pipelineId: "pipeline-1" },
-  { id: "stage-3", name: "Proposal", position: 3, pipelineId: "pipeline-1" },
-  { id: "stage-4", name: "Negotiation", position: 4, pipelineId: "pipeline-1" },
-  { id: "stage-5", name: "Closed", position: 5, pipelineId: "pipeline-1" }
-];
-var MOCK_DEALS = [
-  {
-    id: "deal-1",
-    name: "Enterprise License - Acme Corp",
-    value: 75000,
-    currency: "USD",
-    pipelineId: "pipeline-1",
-    stageId: "stage-3",
-    status: "OPEN",
-    contactId: "contact-1",
-    companyId: "company-1",
-    ownerId: "user-1",
-    expectedCloseDate: new Date("2024-05-15T00:00:00Z"),
-    createdAt: new Date("2024-02-01T10:00:00Z"),
-    updatedAt: new Date("2024-04-10T14:30:00Z")
-  },
-  {
-    id: "deal-2",
-    name: "Startup Plan - TechStart Inc",
-    value: 12000,
-    currency: "USD",
-    pipelineId: "pipeline-1",
-    stageId: "stage-2",
-    status: "OPEN",
-    contactId: "contact-2",
-    companyId: "company-2",
-    ownerId: "user-2",
-    expectedCloseDate: new Date("2024-04-30T00:00:00Z"),
-    createdAt: new Date("2024-03-15T09:00:00Z"),
-    updatedAt: new Date("2024-04-08T11:15:00Z")
-  },
-  {
-    id: "deal-3",
-    name: "Professional Services - Global Ltd",
-    value: 45000,
-    currency: "USD",
-    pipelineId: "pipeline-1",
-    stageId: "stage-4",
-    status: "OPEN",
-    contactId: "contact-3",
-    companyId: "company-3",
-    ownerId: "user-1",
-    expectedCloseDate: new Date("2024-04-20T00:00:00Z"),
-    createdAt: new Date("2024-01-20T08:00:00Z"),
-    updatedAt: new Date("2024-04-12T16:45:00Z")
-  },
-  {
-    id: "deal-4",
-    name: "Annual Contract - SmallBiz Co",
-    value: 8500,
-    currency: "USD",
-    pipelineId: "pipeline-1",
-    stageId: "stage-1",
-    status: "OPEN",
-    contactId: "contact-4",
-    companyId: "company-4",
-    ownerId: "user-3",
-    createdAt: new Date("2024-04-05T12:00:00Z"),
-    updatedAt: new Date("2024-04-05T12:00:00Z")
-  },
-  {
-    id: "deal-5",
-    name: "Custom Integration - MegaCorp",
-    value: 125000,
-    currency: "USD",
-    pipelineId: "pipeline-1",
-    stageId: "stage-5",
-    status: "WON",
-    contactId: "contact-5",
-    companyId: "company-5",
-    ownerId: "user-1",
-    expectedCloseDate: new Date("2024-03-31T00:00:00Z"),
-    createdAt: new Date("2023-11-10T10:00:00Z"),
-    updatedAt: new Date("2024-03-28T09:00:00Z")
-  },
-  {
-    id: "deal-6",
-    name: "Pilot Project - NewCo",
-    value: 5000,
-    currency: "USD",
-    pipelineId: "pipeline-1",
-    stageId: "stage-2",
-    status: "LOST",
-    contactId: "contact-6",
-    companyId: "company-6",
-    ownerId: "user-2",
-    createdAt: new Date("2024-01-15T14:00:00Z"),
-    updatedAt: new Date("2024-02-28T10:30:00Z")
-  }
-];
-var MOCK_COMPANIES = [
-  {
-    id: "company-1",
-    name: "Acme Corporation",
-    domain: "acme.com",
-    industry: "Technology",
-    size: "1000-5000",
-    website: "https://acme.com",
-    createdAt: new Date("2024-01-01T00:00:00Z")
-  },
-  {
-    id: "company-2",
-    name: "TechStart Inc",
-    domain: "techstart.io",
-    industry: "Software",
-    size: "10-50",
-    website: "https://techstart.io",
-    createdAt: new Date("2024-02-15T00:00:00Z")
-  },
-  {
-    id: "company-3",
-    name: "Global Ltd",
-    domain: "global.com",
-    industry: "Consulting",
-    size: "500-1000",
-    website: "https://global.com",
-    createdAt: new Date("2023-12-01T00:00:00Z")
-  }
-];
-var MOCK_CONTACTS = [
-  {
-    id: "contact-1",
-    firstName: "John",
-    lastName: "Smith",
-    email: "john.smith@acme.com",
-    phone: "+1-555-0101",
-    title: "VP of Engineering",
-    companyId: "company-1",
-    createdAt: new Date("2024-01-05T00:00:00Z")
-  },
-  {
-    id: "contact-2",
-    firstName: "Sarah",
-    lastName: "Johnson",
-    email: "sarah@techstart.io",
-    phone: "+1-555-0102",
-    title: "CEO",
-    companyId: "company-2",
-    createdAt: new Date("2024-02-20T00:00:00Z")
-  },
-  {
-    id: "contact-3",
-    firstName: "Michael",
-    lastName: "Brown",
-    email: "michael.brown@global.com",
-    phone: "+1-555-0103",
-    title: "CTO",
-    companyId: "company-3",
-    createdAt: new Date("2023-12-10T00:00:00Z")
-  }
-];
-
-// src/handlers/deal.handlers.ts
-async function mockListDealsHandler(input) {
-  const {
-    pipelineId,
-    stageId,
-    status,
-    ownerId,
-    search,
-    limit = 20,
-    offset = 0
-  } = input;
-  let filtered = [...MOCK_DEALS];
-  if (pipelineId) {
-    filtered = filtered.filter((d) => d.pipelineId === pipelineId);
-  }
-  if (stageId) {
-    filtered = filtered.filter((d) => d.stageId === stageId);
-  }
-  if (status && status !== "all") {
-    filtered = filtered.filter((d) => d.status === status);
-  }
-  if (ownerId) {
-    filtered = filtered.filter((d) => d.ownerId === ownerId);
-  }
-  if (search) {
-    const q = search.toLowerCase();
-    filtered = filtered.filter((d) => d.name.toLowerCase().includes(q));
-  }
-  filtered.sort((a, b) => b.value - a.value);
-  const total = filtered.length;
-  const totalValue = filtered.reduce((sum, d) => sum + d.value, 0);
-  const deals = filtered.slice(offset, offset + limit);
-  return {
-    deals,
-    total,
-    totalValue
-  };
-}
-async function mockCreateDealHandler(input, context) {
-  const now = new Date;
-  const deal = {
-    id: `deal-${Date.now()}`,
-    name: input.name,
-    value: input.value,
-    currency: input.currency ?? "USD",
-    pipelineId: input.pipelineId,
-    stageId: input.stageId,
-    status: "OPEN",
-    contactId: input.contactId,
-    companyId: input.companyId,
-    ownerId: context.ownerId,
-    expectedCloseDate: input.expectedCloseDate,
-    createdAt: now,
-    updatedAt: now
-  };
-  MOCK_DEALS.push(deal);
-  return deal;
-}
-async function mockMoveDealHandler(input) {
-  const dealIndex = MOCK_DEALS.findIndex((d) => d.id === input.dealId);
-  if (dealIndex === -1) {
-    throw new Error("NOT_FOUND");
-  }
-  const deal = MOCK_DEALS[dealIndex];
-  if (!deal) {
-    throw new Error("NOT_FOUND");
-  }
-  const stage = MOCK_STAGES.find((s) => s.id === input.stageId);
-  if (!stage) {
-    throw new Error("INVALID_STAGE");
-  }
-  const updatedDeal = {
-    ...deal,
-    stageId: input.stageId,
-    updatedAt: new Date
-  };
-  MOCK_DEALS[dealIndex] = updatedDeal;
-  return updatedDeal;
-}
-async function mockWinDealHandler(input) {
-  const dealIndex = MOCK_DEALS.findIndex((d) => d.id === input.dealId);
-  if (dealIndex === -1) {
-    throw new Error("NOT_FOUND");
-  }
-  const deal = MOCK_DEALS[dealIndex];
-  if (!deal) {
-    throw new Error("NOT_FOUND");
-  }
-  const updatedDeal = {
-    ...deal,
-    status: "WON",
-    updatedAt: new Date
-  };
-  MOCK_DEALS[dealIndex] = updatedDeal;
-  return updatedDeal;
-}
-async function mockLoseDealHandler(input) {
-  const dealIndex = MOCK_DEALS.findIndex((d) => d.id === input.dealId);
-  if (dealIndex === -1) {
-    throw new Error("NOT_FOUND");
-  }
-  const deal = MOCK_DEALS[dealIndex];
-  if (!deal) {
-    throw new Error("NOT_FOUND");
-  }
-  const updatedDeal = {
-    ...deal,
-    status: "LOST",
-    updatedAt: new Date
-  };
-  MOCK_DEALS[dealIndex] = updatedDeal;
-  return updatedDeal;
-}
-async function mockGetDealsByStageHandler(input) {
-  const deals = MOCK_DEALS.filter((d) => d.pipelineId === input.pipelineId && d.status === "OPEN");
-  const grouped = {};
-  for (const stage of MOCK_STAGES) {
-    grouped[stage.id] = deals.filter((d) => d.stageId === stage.id);
-  }
-  return grouped;
-}
-async function mockGetPipelineStagesHandler(input) {
-  return MOCK_STAGES.filter((s) => s.pipelineId === input.pipelineId);
-}
-// 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: crm2 } = 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([
-        crm2.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
-        }),
-        crm2.getDealsByStage({ projectId, pipelineId }),
-        crm2.getPipelineStages({ pipelineId })
-      ]);
-      setData(dealsResult);
-      setDealsByStage(stageDealsResult);
-      setStages(stagesResult);
-    } catch (err) {
-      setError(err instanceof Error ? err : new Error("Unknown error"));
-    } finally {
-      setLoading(false);
-    }
-  }, [
-    crm2,
-    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: crm2 } = 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 crm2.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;
-    }
-  }, [crm2, projectId, options]);
-  const moveDeal = useCallback2(async (input) => {
-    setMoveState({ loading: true, error: null, data: null });
-    try {
-      const result = await crm2.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;
-    }
-  }, [crm2, options]);
-  const winDeal = useCallback2(async (input) => {
-    setWinState({ loading: true, error: null, data: null });
-    try {
-      const result = await crm2.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;
-    }
-  }, [crm2, options]);
-  const loseDeal = useCallback2(async (input) => {
-    setLoseState({ loading: true, error: null, data: null });
-    try {
-      const result = await crm2.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;
-    }
-  }, [crm2, 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);
-}
-
-// src/ui/hooks/index.ts
-"use client";
-// 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
-];
-// src/ui/renderers/pipeline.markdown.ts
-function formatCurrency6(value, currency = "USD") {
-  return new Intl.NumberFormat("en-US", {
-    style: "currency",
-    currency,
-    minimumFractionDigits: 0
-  }).format(value);
-}
-var crmPipelineMarkdownRenderer = {
-  target: "markdown",
-  render: async (desc, _ctx) => {
-    if (desc.source.type !== "component" || desc.source.componentKey !== "PipelineKanbanView") {
-      throw new Error("crmPipelineMarkdownRenderer: not PipelineKanbanView");
-    }
-    const pipelineId = "pipeline-1";
-    const [dealsResult, stages] = await Promise.all([
-      mockListDealsHandler({ pipelineId, limit: 50 }),
-      mockGetPipelineStagesHandler({ pipelineId })
-    ]);
-    const deals = dealsResult.deals;
-    const stageList = stages;
-    const dealsByStage = {};
-    for (const stage of stageList) {
-      dealsByStage[stage.id] = deals.filter((d) => d.stageId === stage.id && d.status === "OPEN");
-    }
-    const lines = [
-      "# CRM Pipeline",
-      "",
-      `**Total Value**: ${formatCurrency6(dealsResult.totalValue)}`,
-      `**Total Deals**: ${dealsResult.total}`,
-      ""
-    ];
-    for (const stage of stageList.sort((a, b) => a.position - b.position)) {
-      const stageDeals = dealsByStage[stage.id] ?? [];
-      const stageValue = stageDeals.reduce((sum, d) => sum + d.value, 0);
-      lines.push(`## ${stage.name}`);
-      lines.push(`_${stageDeals.length} deals \xB7 ${formatCurrency6(stageValue)}_`);
-      lines.push("");
-      if (stageDeals.length === 0) {
-        lines.push("_No deals_");
-      } else {
-        for (const deal of stageDeals) {
-          lines.push(`- **${deal.name}** - ${formatCurrency6(deal.value, deal.currency)}`);
-        }
-      }
-      lines.push("");
-    }
-    return {
-      mimeType: "text/markdown",
-      body: lines.join(`
-`)
-    };
-  }
-};
-var crmDashboardMarkdownRenderer = {
-  target: "markdown",
-  render: async (desc, _ctx) => {
-    if (desc.source.type !== "component" || desc.source.componentKey !== "CrmDashboard") {
-      throw new Error("crmDashboardMarkdownRenderer: not CrmDashboard");
-    }
-    const pipelineId = "pipeline-1";
-    const [dealsResult, stages] = await Promise.all([
-      mockListDealsHandler({ pipelineId, limit: 100 }),
-      mockGetPipelineStagesHandler({ pipelineId })
-    ]);
-    const deals = dealsResult.deals;
-    const stageList = stages;
-    const openDeals = deals.filter((d) => d.status === "OPEN");
-    const wonDeals = deals.filter((d) => d.status === "WON");
-    const lostDeals = deals.filter((d) => d.status === "LOST");
-    const openValue = openDeals.reduce((sum, d) => sum + d.value, 0);
-    const wonValue = wonDeals.reduce((sum, d) => sum + d.value, 0);
-    const lines = [
-      "# CRM Dashboard",
-      "",
-      "> Sales pipeline overview and key metrics",
-      "",
-      "## Summary",
-      "",
-      "| Metric | Value |",
-      "|--------|-------|",
-      `| Total Deals | ${dealsResult.total} |`,
-      `| Pipeline Value | ${formatCurrency6(dealsResult.totalValue)} |`,
-      `| Open Deals | ${openDeals.length} (${formatCurrency6(openValue)}) |`,
-      `| Won Deals | ${wonDeals.length} (${formatCurrency6(wonValue)}) |`,
-      `| Lost Deals | ${lostDeals.length} |`,
-      "",
-      "## Pipeline Stages",
-      ""
-    ];
-    lines.push("| Stage | Deals | Value |");
-    lines.push("|-------|-------|-------|");
-    for (const stage of stageList.sort((a, b) => a.position - b.position)) {
-      const stageDeals = openDeals.filter((d) => d.stageId === stage.id);
-      const stageValue = stageDeals.reduce((sum, d) => sum + d.value, 0);
-      lines.push(`| ${stage.name} | ${stageDeals.length} | ${formatCurrency6(stageValue)} |`);
-    }
-    lines.push("");
-    lines.push("## Recent Deals");
-    lines.push("");
-    const recentDeals = deals.slice(0, 10);
-    if (recentDeals.length === 0) {
-      lines.push("_No deals yet._");
-    } else {
-      lines.push("| Deal | Value | Stage | Status |");
-      lines.push("|------|-------|-------|--------|");
-      for (const deal of recentDeals) {
-        const stage = stageList.find((s) => s.id === deal.stageId);
-        lines.push(`| ${deal.name} | ${formatCurrency6(deal.value, deal.currency)} | ${stage?.name ?? "-"} | ${deal.status} |`);
-      }
-    }
-    return {
-      mimeType: "text/markdown",
-      body: lines.join(`
-`)
-    };
-  }
-};
-
-// src/ui/renderers/pipeline.renderer.tsx
-import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
-function CrmPipelineBoardWrapper() {
-  const { dealsByStage, stages } = useDealList();
-  return /* @__PURE__ */ jsxDEV7(CrmPipelineBoard, {
-    dealsByStage,
-    stages
-  }, undefined, false, undefined, this);
-}
-var crmPipelineReactRenderer = {
-  target: "react",
-  render: async (desc, _ctx) => {
-    if (desc.source.type !== "component") {
-      throw new Error("Invalid source type");
-    }
-    if (desc.source.componentKey !== "CrmPipelineView") {
-      throw new Error(`Unknown component: ${desc.source.componentKey}`);
-    }
-    return /* @__PURE__ */ jsxDEV7(CrmPipelineBoardWrapper, {}, undefined, false, undefined, this);
-  }
-};
-export {
-  useDealMutations,
-  useDealList,
-  crmSalesRepOverlay,
-  crmPipelineReactRenderer,
-  crmPipelineMarkdownRenderer,
-  crmOverlays,
-  crmDemoOverlay,
-  crmDashboardMarkdownRenderer,
-  DealActionsModal,
-  CrmPipelineBoard,
-  CrmDealCard,
-  CrmDashboard,
-  CreateDealModal
-};
+import{web as OJ}from"@contractspec/lib.runtime-sandbox";var{generateId:fJ}=OJ;function c(J){return{id:J.id,projectId:J.projectId,name:J.name,value:J.value,currency:J.currency,pipelineId:J.pipelineId,stageId:J.stageId,status:J.status,contactId:J.contactId??void 0,companyId:J.companyId??void 0,ownerId:J.ownerId,expectedCloseDate:J.expectedCloseDate?new Date(J.expectedCloseDate):void 0,wonSource:J.wonSource??void 0,lostReason:J.lostReason??void 0,notes:J.notes??void 0,createdAt:new Date(J.createdAt),updatedAt:new Date(J.updatedAt)}}var NJ={name:"name",value:"value",status:"status",expectedCloseDate:"expectedCloseDate",updatedAt:"updatedAt"};function GX(J){async function Y(X){let{projectId:H,pipelineId:Z,stageId:G,status:$,ownerId:R,search:V,limit:f=20,offset:U=0,sortBy:W="value",sortDirection:z="desc"}=X,O="WHERE projectId = ?",T=[H];if(Z)O+=" AND pipelineId = ?",T.push(Z);if(G)O+=" AND stageId = ?",T.push(G);if($&&$!=="all")O+=" AND status = ?",T.push($);if(R)O+=" AND ownerId = ?",T.push(R);if(V)O+=" AND name LIKE ?",T.push(`%${V}%`);let j=(await J.query(`SELECT COUNT(*) as count FROM crm_deal ${O}`,T)).rows[0]?.count??0,M=(await J.query(`SELECT COALESCE(SUM(value), 0) as total FROM crm_deal ${O}`,T)).rows[0]?.total??0,_=NJ[W]??NJ.value,r=z==="asc"?"ASC":"DESC";return{deals:(await J.query(`SELECT * FROM crm_deal ${O} ORDER BY ${_} ${r} LIMIT ? OFFSET ?`,[...T,f,U])).rows.map(c),total:j,totalValue:M}}async function Q(X,H){let Z=fJ("deal"),G=new Date().toISOString();await J.execute(`INSERT INTO crm_deal (id, projectId, pipelineId, stageId, name, value, currency, status, contactId, companyId, ownerId, expectedCloseDate, createdAt, updatedAt)
+       VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`,[Z,H.projectId,X.pipelineId,X.stageId,X.name,X.value,X.currency??"USD","OPEN",X.contactId??null,X.companyId??null,H.ownerId,X.expectedCloseDate?.toISOString()??null,G,G]);let $=(await J.query("SELECT * FROM crm_deal WHERE id = ?",[Z])).rows;if(!$[0])throw Error("Failed to create deal");return c($[0])}async function q(X){let H=new Date().toISOString();if(!(await J.query("SELECT * FROM crm_deal WHERE id = ?",[X.dealId])).rows[0])throw Error("NOT_FOUND");if(!(await J.query("SELECT * FROM crm_stage WHERE id = ?",[X.stageId])).rows[0])throw Error("INVALID_STAGE");await J.execute("UPDATE crm_deal SET stageId = ?, updatedAt = ? WHERE id = ?",[X.stageId,H,X.dealId]);let $=(await J.query("SELECT * FROM crm_deal WHERE id = ?",[X.dealId])).rows;return c($[0])}async function F(X){let H=new Date().toISOString();if(!(await J.query("SELECT * FROM crm_deal WHERE id = ?",[X.dealId])).rows[0])throw Error("NOT_FOUND");await J.execute("UPDATE crm_deal SET status = 'WON', wonSource = ?, notes = ?, updatedAt = ? WHERE id = ?",[X.wonSource??null,X.notes??null,H,X.dealId]);let G=(await J.query("SELECT * FROM crm_deal WHERE id = ?",[X.dealId])).rows;return c(G[0])}async function K(X){let H=new Date().toISOString();if(!(await J.query("SELECT * FROM crm_deal WHERE id = ?",[X.dealId])).rows[0])throw Error("NOT_FOUND");await J.execute("UPDATE crm_deal SET status = 'LOST', lostReason = ?, notes = ?, updatedAt = ? WHERE id = ?",[X.lostReason,X.notes??null,H,X.dealId]);let G=(await J.query("SELECT * FROM crm_deal WHERE id = ?",[X.dealId])).rows;return c(G[0])}async function A(X){let H=(await J.query("SELECT * FROM crm_deal WHERE projectId = ? AND pipelineId = ? AND status = 'OPEN' ORDER BY value DESC",[X.projectId,X.pipelineId])).rows,Z=(await J.query("SELECT * FROM crm_stage WHERE pipelineId = ? ORDER BY position",[X.pipelineId])).rows,G={};for(let $ of Z)G[$.id]=H.filter((R)=>R.stageId===$.id).map(c);return G}async function N(X){return(await J.query("SELECT * FROM crm_stage WHERE pipelineId = ? ORDER BY position",[X.pipelineId])).rows.map((Z)=>({id:Z.id,pipelineId:Z.pipelineId,name:Z.name,position:Z.position}))}return{listDeals:Y,createDeal:Q,moveDeal:q,winDeal:F,loseDeal:K,getDealsByStage:A,getPipelineStages:N}}var l=[{id:"stage-1",name:"Lead",position:1,pipelineId:"pipeline-1"},{id:"stage-2",name:"Qualified",position:2,pipelineId:"pipeline-1"},{id:"stage-3",name:"Proposal",position:3,pipelineId:"pipeline-1"},{id:"stage-4",name:"Negotiation",position:4,pipelineId:"pipeline-1"},{id:"stage-5",name:"Closed",position:5,pipelineId:"pipeline-1"}],L=[{id:"deal-1",name:"Enterprise License - Acme Corp",value:75000,currency:"USD",pipelineId:"pipeline-1",stageId:"stage-3",status:"OPEN",contactId:"contact-1",companyId:"company-1",ownerId:"user-1",expectedCloseDate:new Date("2024-05-15T00:00:00Z"),createdAt:new Date("2024-02-01T10:00:00Z"),updatedAt:new Date("2024-04-10T14:30:00Z")},{id:"deal-2",name:"Startup Plan - TechStart Inc",value:12000,currency:"USD",pipelineId:"pipeline-1",stageId:"stage-2",status:"OPEN",contactId:"contact-2",companyId:"company-2",ownerId:"user-2",expectedCloseDate:new Date("2024-04-30T00:00:00Z"),createdAt:new Date("2024-03-15T09:00:00Z"),updatedAt:new Date("2024-04-08T11:15:00Z")},{id:"deal-3",name:"Professional Services - Global Ltd",value:45000,currency:"USD",pipelineId:"pipeline-1",stageId:"stage-4",status:"OPEN",contactId:"contact-3",companyId:"company-3",ownerId:"user-1",expectedCloseDate:new Date("2024-04-20T00:00:00Z"),createdAt:new Date("2024-01-20T08:00:00Z"),updatedAt:new Date("2024-04-12T16:45:00Z")},{id:"deal-4",name:"Annual Contract - SmallBiz Co",value:8500,currency:"USD",pipelineId:"pipeline-1",stageId:"stage-1",status:"OPEN",contactId:"contact-4",companyId:"company-4",ownerId:"user-3",createdAt:new Date("2024-04-05T12:00:00Z"),updatedAt:new Date("2024-04-05T12:00:00Z")},{id:"deal-5",name:"Custom Integration - MegaCorp",value:125000,currency:"USD",pipelineId:"pipeline-1",stageId:"stage-5",status:"WON",contactId:"contact-5",companyId:"company-5",ownerId:"user-1",expectedCloseDate:new Date("2024-03-31T00:00:00Z"),createdAt:new Date("2023-11-10T10:00:00Z"),updatedAt:new Date("2024-03-28T09:00:00Z")},{id:"deal-6",name:"Pilot Project - NewCo",value:5000,currency:"USD",pipelineId:"pipeline-1",stageId:"stage-2",status:"LOST",contactId:"contact-6",companyId:"company-6",ownerId:"user-2",createdAt:new Date("2024-01-15T14:00:00Z"),updatedAt:new Date("2024-02-28T10:30:00Z")}],zX=[{id:"company-1",name:"Acme Corporation",domain:"acme.com",industry:"Technology",size:"1000-5000",website:"https://acme.com",createdAt:new Date("2024-01-01T00:00:00Z")},{id:"company-2",name:"TechStart Inc",domain:"techstart.io",industry:"Software",size:"10-50",website:"https://techstart.io",createdAt:new Date("2024-02-15T00:00:00Z")},{id:"company-3",name:"Global Ltd",domain:"global.com",industry:"Consulting",size:"500-1000",website:"https://global.com",createdAt:new Date("2023-12-01T00:00:00Z")}],FX=[{id:"contact-1",firstName:"John",lastName:"Smith",email:"john.smith@acme.com",phone:"+1-555-0101",title:"VP of Engineering",companyId:"company-1",createdAt:new Date("2024-01-05T00:00:00Z")},{id:"contact-2",firstName:"Sarah",lastName:"Johnson",email:"sarah@techstart.io",phone:"+1-555-0102",title:"CEO",companyId:"company-2",createdAt:new Date("2024-02-20T00:00:00Z")},{id:"contact-3",firstName:"Michael",lastName:"Brown",email:"michael.brown@global.com",phone:"+1-555-0103",title:"CTO",companyId:"company-3",createdAt:new Date("2023-12-10T00:00:00Z")}];async function o(J){let{pipelineId:Y,stageId:Q,status:q,ownerId:F,search:K,limit:A=20,offset:N=0}=J,X=[...L];if(Y)X=X.filter(($)=>$.pipelineId===Y);if(Q)X=X.filter(($)=>$.stageId===Q);if(q&&q!=="all")X=X.filter(($)=>$.status===q);if(F)X=X.filter(($)=>$.ownerId===F);if(K){let $=K.toLowerCase();X=X.filter((R)=>R.name.toLowerCase().includes($))}X.sort(($,R)=>R.value-$.value);let H=X.length,Z=X.reduce(($,R)=>$+R.value,0);return{deals:X.slice(N,N+A),total:H,totalValue:Z}}async function kJ(J,Y){let Q=new Date,q={id:`deal-${Date.now()}`,name:J.name,value:J.value,currency:J.currency??"USD",pipelineId:J.pipelineId,stageId:J.stageId,status:"OPEN",contactId:J.contactId,companyId:J.companyId,ownerId:Y.ownerId,expectedCloseDate:J.expectedCloseDate,createdAt:Q,updatedAt:Q};return L.push(q),q}async function EJ(J){let Y=L.findIndex((K)=>K.id===J.dealId);if(Y===-1)throw Error("NOT_FOUND");let Q=L[Y];if(!Q)throw Error("NOT_FOUND");if(!l.find((K)=>K.id===J.stageId))throw Error("INVALID_STAGE");let F={...Q,stageId:J.stageId,updatedAt:new Date};return L[Y]=F,F}async function TJ(J){let Y=L.findIndex((F)=>F.id===J.dealId);if(Y===-1)throw Error("NOT_FOUND");let Q=L[Y];if(!Q)throw Error("NOT_FOUND");let q={...Q,status:"WON",updatedAt:new Date};return L[Y]=q,q}async function BJ(J){let Y=L.findIndex((F)=>F.id===J.dealId);if(Y===-1)throw Error("NOT_FOUND");let Q=L[Y];if(!Q)throw Error("NOT_FOUND");let q={...Q,status:"LOST",updatedAt:new Date};return L[Y]=q,q}async function vJ(J){let Y=L.filter((q)=>q.pipelineId===J.pipelineId&&q.status==="OPEN"),Q={};for(let q of l)Q[q.id]=Y.filter((F)=>F.stageId===q.id);return Q}async function a(J){return l.filter((Y)=>Y.pipelineId===J.pipelineId)}import{jsx as t,jsxs as PJ}from"react/jsx-runtime";function hJ(J,Y){return new Intl.NumberFormat("en-US",{style:"currency",currency:Y,minimumFractionDigits:0,maximumFractionDigits:0}).format(J)}function KJ({deal:J,onClick:Y}){let Q=J.expectedCloseDate?Math.ceil((J.expectedCloseDate.getTime()-Date.now())/86400000):null;return PJ("div",{onClick:Y,className:"cursor-pointer rounded-lg border border-border bg-card p-3 shadow-sm transition-shadow hover:shadow-md",role:"button",tabIndex:0,onKeyDown:(q)=>{if(q.key==="Enter"||q.key===" ")Y?.()},children:[t("h4",{className:"font-medium leading-snug",children:J.name}),t("div",{className:"mt-2 font-semibold text-lg text-primary",children:hJ(J.value,J.currency)}),PJ("div",{className:"mt-3 flex items-center justify-between text-muted-foreground text-xs",children:[Q!==null&&t("span",{className:Q<0?"text-red-500":Q<=7?"text-yellow-600 dark:text-yellow-500":"",children:Q<0?`${Math.abs(Q)}d overdue`:Q===0?"Due today":`${Q}d left`}),t("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 MJ}from"react";import{jsx as C,jsxs as g}from"react/jsx-runtime";function yJ(J){if(J>=1e6)return`$${(J/1e6).toFixed(1)}M`;if(J>=1000)return`$${(J/1000).toFixed(0)}K`;return`$${J}`}function s({dealsByStage:J,stages:Y,onDealClick:Q,onDealMove:q}){let[F,K]=MJ(null),A=[...Y].sort((X,H)=>X.position-H.position),N=(X,H)=>{q?.(X,H),K(null)};return C("div",{className:"flex gap-4 overflow-x-auto pb-4",children:A.map((X)=>{let H=J[X.id]??[],Z=H.reduce((G,$)=>G+$.value,0);return g("div",{className:"flex w-72 flex-shrink-0 flex-col rounded-lg bg-muted/30",children:[g("div",{className:"flex items-center justify-between border-border border-b px-3 py-2",children:[g("div",{children:[C("h3",{className:"font-medium",children:X.name}),g("p",{className:"text-muted-foreground text-xs",children:[H.length," deals \xB7 ",yJ(Z)]})]}),C("span",{className:"flex h-6 w-6 items-center justify-center rounded-full bg-muted font-medium text-xs",children:H.length})]}),C("div",{className:"flex flex-1 flex-col gap-2 p-2",children:H.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"}):H.map((G)=>g("div",{className:"group relative",children:[C(KJ,{deal:G,onClick:()=>Q?.(G.id)}),G.status==="OPEN"&&q&&g("div",{className:"absolute top-1 right-1 opacity-0 transition-opacity group-hover:opacity-100",children:[C("button",{type:"button",onClick:($)=>{$.stopPropagation(),K(F===G.id?null:G.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"}),F===G.id&&g("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:"}),A.filter(($)=>$.id!==G.stageId).map(($)=>C("button",{type:"button",onClick:(R)=>{R.stopPropagation(),N(G.id,$.id)},className:"w-full px-3 py-1.5 text-left text-sm hover:bg-muted",children:$.name},$.id))]})]})]},G.id))})]},X.id)})})}import{useTemplateRuntime as LJ}from"@contractspec/lib.example-shared-ui";import{useCallback as IJ,useEffect as bJ,useMemo as wJ,useState as p}from"react";function x(J={}){let{handlers:Y,projectId:Q}=LJ(),{crm:q}=Y,[F,K]=p(null),[A,N]=p({}),[X,H]=p([]),[Z,G]=p(!0),[$,R]=p(null),[V,f]=p(0),U=J.pipelineId??"pipeline-1",W=J.pageIndex??V,z=J.pageSize??J.limit??50,[O]=J.sorting??[],T=O?.id,I=O?O.desc?"desc":"asc":void 0,j=IJ(async()=>{G(!0),R(null);try{let[M,_,r]=await Promise.all([q.listDeals({projectId:Q,pipelineId:U,stageId:J.stageId,status:J.status==="all"?void 0:J.status,search:J.search,limit:z,offset:W*z,sortBy:T==="name"||T==="value"||T==="status"||T==="expectedCloseDate"||T==="updatedAt"?T:void 0,sortDirection:I}),q.getDealsByStage({projectId:Q,pipelineId:U}),q.getPipelineStages({pipelineId:U})]);K(M),N(_),H(r)}catch(M){R(M instanceof Error?M:Error("Unknown error"))}finally{G(!1)}},[q,Q,U,J.stageId,J.status,J.search,W,z,T,I]);bJ(()=>{j()},[j]);let n=wJ(()=>{if(!F)return null;let M=F.deals.filter((b)=>b.status==="OPEN"),_=F.deals.filter((b)=>b.status==="WON"),r=F.deals.filter((b)=>b.status==="LOST");return{total:F.total,totalValue:F.totalValue,openCount:M.length,openValue:M.reduce((b,ZJ)=>b+ZJ.value,0),wonCount:_.length,wonValue:_.reduce((b,ZJ)=>b+ZJ.value,0),lostCount:r.length}},[F]);return{data:F,dealsByStage:A,stages:X,loading:Z,error:$,stats:n,page:W+1,pageIndex:W,pageSize:z,refetch:j,nextPage:J.pageIndex===void 0?()=>f((M)=>M+1):void 0,prevPage:J.pageIndex===void 0?()=>W>0&&f((M)=>M-1):void 0}}import{useTemplateRuntime as DJ}from"@contractspec/lib.example-shared-ui";import{useCallback as e,useState as JJ}from"react";function $J(J={}){let{handlers:Y,projectId:Q}=DJ(),{crm:q}=Y,[F,K]=JJ({loading:!1,error:null,data:null}),[A,N]=JJ({loading:!1,error:null,data:null}),[X,H]=JJ({loading:!1,error:null,data:null}),[Z,G]=JJ({loading:!1,error:null,data:null}),$=e(async(U)=>{K({loading:!0,error:null,data:null});try{let W=await q.createDeal(U,{projectId:Q,ownerId:"user-1"});return K({loading:!1,error:null,data:W}),J.onSuccess?.(),W}catch(W){let z=W instanceof Error?W:Error("Failed to create deal");return K({loading:!1,error:z,data:null}),J.onError?.(z),null}},[q,Q,J]),R=e(async(U)=>{N({loading:!0,error:null,data:null});try{let W=await q.moveDeal(U);return N({loading:!1,error:null,data:W}),J.onSuccess?.(),W}catch(W){let z=W instanceof Error?W:Error("Failed to move deal");return N({loading:!1,error:z,data:null}),J.onError?.(z),null}},[q,J]),V=e(async(U)=>{H({loading:!0,error:null,data:null});try{let W=await q.winDeal(U);return H({loading:!1,error:null,data:W}),J.onSuccess?.(),W}catch(W){let z=W instanceof Error?W:Error("Failed to mark deal as won");return H({loading:!1,error:z,data:null}),J.onError?.(z),null}},[q,J]),f=e(async(U)=>{G({loading:!0,error:null,data:null});try{let W=await q.loseDeal(U);return G({loading:!1,error:null,data:W}),J.onSuccess?.(),W}catch(W){let z=W instanceof Error?W:Error("Failed to mark deal as lost");return G({loading:!1,error:z,data:null}),J.onError?.(z),null}},[q,J]);return{createDeal:$,moveDeal:R,winDeal:V,loseDeal:f,createState:F,moveState:A,winState:X,loseState:Z,isLoading:F.loading||A.loading||X.loading||Z.loading}}import{Button as RJ,Input as qJ}from"@contractspec/lib.design-system";import{useState as u}from"react";import{jsx as v,jsxs as w}from"react/jsx-runtime";var mJ=["USD","EUR","GBP","CAD"],CJ="pipeline-1";function HJ({isOpen:J,onClose:Y,onSubmit:Q,stages:q,isLoading:F=!1}){let[K,A]=u(""),[N,X]=u(""),[H,Z]=u("USD"),[G,$]=u(q[0]?.id??""),[R,V]=u(""),[f,U]=u(null),W=async(z)=>{if(z.preventDefault(),U(null),!K.trim()){U("Deal name is required");return}let O=parseFloat(N);if(isNaN(O)||O<=0){U("Value must be a positive number");return}if(!G){U("Please select a pipeline stage");return}try{await Q({name:K.trim(),value:O,currency:H,pipelineId:CJ,stageId:G,expectedCloseDate:R?new Date(R):void 0}),A(""),X(""),Z("USD"),$(q[0]?.id??""),V(""),Y()}catch(T){U(T instanceof Error?T.message:"Failed to create deal")}};if(!J)return null;return w("div",{className:"fixed inset-0 z-50 flex items-center justify-center",children:[v("div",{className:"absolute inset-0 bg-background/80 backdrop-blur-sm",onClick:Y,role:"button",tabIndex:0,onKeyDown:(z)=>{if(z.key==="Enter"||z.key===" ")Y()},"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:[v("h2",{className:"mb-4 font-semibold text-xl",children:"Create New Deal"}),w("form",{onSubmit:W,className:"space-y-4",children:[w("div",{children:[v("label",{htmlFor:"deal-name",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Deal Name *"}),v(qJ,{id:"deal-name",value:K,onChange:(z)=>A(z.target.value),placeholder:"e.g., Enterprise License - Acme Corp",disabled:F})]}),w("div",{className:"flex gap-3",children:[w("div",{className:"flex-1",children:[v("label",{htmlFor:"deal-value",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Value *"}),v(qJ,{id:"deal-value",type:"number",min:"0",step:"0.01",value:N,onChange:(z)=>X(z.target.value),placeholder:"50000",disabled:F})]}),w("div",{className:"w-24",children:[v("label",{htmlFor:"deal-currency",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Currency"}),v("select",{id:"deal-currency",value:H,onChange:(z)=>Z(z.target.value),disabled:F,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:mJ.map((z)=>v("option",{value:z,children:z},z))})]})]}),w("div",{children:[v("label",{htmlFor:"deal-stage",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Pipeline Stage *"}),v("select",{id:"deal-stage",value:G,onChange:(z)=>$(z.target.value),disabled:F,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:q.map((z)=>v("option",{value:z.id,children:z.name},z.id))})]}),w("div",{children:[v("label",{htmlFor:"deal-close-date",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Expected Close Date"}),v(qJ,{id:"deal-close-date",type:"date",value:R,onChange:(z)=>V(z.target.value),disabled:F})]}),f&&v("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:f}),w("div",{className:"flex justify-end gap-3 pt-2",children:[v(RJ,{type:"button",variant:"ghost",onPress:Y,disabled:F,children:"Cancel"}),v(RJ,{type:"submit",disabled:F,children:F?"Creating...":"Create Deal"})]})]})]})]})}import{Button as D}from"@contractspec/lib.design-system";import{useState as i}from"react";import{jsx as P,jsxs as E,Fragment as jJ}from"react/jsx-runtime";function SJ(J,Y){return new Intl.NumberFormat("en-US",{style:"currency",currency:Y,minimumFractionDigits:0,maximumFractionDigits:0}).format(J)}function GJ({isOpen:J,deal:Y,stages:Q,onClose:q,onWin:F,onLose:K,onMove:A,isLoading:N=!1}){let[X,H]=i("menu"),[Z,G]=i(""),[$,R]=i(""),[V,f]=i(""),[U,W]=i(""),[z,O]=i(null),T=()=>{H("menu"),G(""),R(""),f(""),W(""),O(null)},I=()=>{T(),q()},j=async()=>{if(!Y)return;O(null);try{await F({dealId:Y.id,wonSource:Z.trim()||void 0,notes:V.trim()||void 0}),I()}catch(_){O(_ instanceof Error?_.message:"Failed to mark deal as won")}},n=async()=>{if(!Y)return;if(O(null),!$.trim()){O("Please provide a reason for losing the deal");return}try{await K({dealId:Y.id,lostReason:$.trim(),notes:V.trim()||void 0}),I()}catch(_){O(_ instanceof Error?_.message:"Failed to mark deal as lost")}},M=async()=>{if(!Y)return;if(O(null),!U){O("Please select a stage");return}if(U===Y.stageId){O("Deal is already in this stage");return}try{await A({dealId:Y.id,stageId:U}),I()}catch(_){O(_ instanceof Error?_.message:"Failed to move deal")}};if(!J||!Y)return null;return E("div",{className:"fixed inset-0 z-50 flex items-center justify-center",children:[P("div",{className:"absolute inset-0 bg-background/80 backdrop-blur-sm",onClick:I,role:"button",tabIndex:0,onKeyDown:(_)=>{if(_.key==="Enter"||_.key===" ")I()},"aria-label":"Close modal"}),E("div",{className:"relative z-10 w-full max-w-md rounded-xl border border-border bg-card p-6 shadow-xl",children:[E("div",{className:"mb-4 border-border border-b pb-4",children:[P("h2",{className:"font-semibold text-xl",children:Y.name}),P("p",{className:"font-medium text-lg text-primary",children:SJ(Y.value,Y.currency)}),P("span",{className:`mt-2 inline-flex rounded-full px-2 py-0.5 font-medium text-xs ${Y.status==="WON"?"bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400":Y.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:Y.status})]}),X==="menu"&&E("div",{className:"space-y-3",children:[Y.status==="OPEN"&&E(jJ,{children:[E(D,{className:"w-full justify-start",variant:"ghost",onPress:()=>H("win"),children:[P("span",{className:"mr-2",children:"\uD83C\uDFC6"})," Mark as Won"]}),E(D,{className:"w-full justify-start",variant:"ghost",onPress:()=>H("lose"),children:[P("span",{className:"mr-2",children:"\u274C"})," Mark as Lost"]}),E(D,{className:"w-full justify-start",variant:"ghost",onPress:()=>{W(Y.stageId),H("move")},children:[P("span",{className:"mr-2",children:"\u27A1\uFE0F"})," Move to Stage"]})]}),Y.status!=="OPEN"&&E("p",{className:"py-4 text-center text-muted-foreground",children:["This deal is already ",Y.status.toLowerCase(),". No actions available."]}),P("div",{className:"border-border border-t pt-3",children:P(D,{className:"w-full",variant:"outline",onPress:I,children:"Close"})})]}),X==="win"&&E("div",{className:"space-y-4",children:[E("div",{children:[P("label",{htmlFor:"won-source",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"How did you win this deal?"}),E("select",{id:"won-source",value:Z,onChange:(_)=>G(_.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:[P("option",{value:"",children:"Select a source..."}),P("option",{value:"referral",children:"Referral"}),P("option",{value:"cold_outreach",children:"Cold Outreach"}),P("option",{value:"inbound",children:"Inbound Lead"}),P("option",{value:"upsell",children:"Upsell"}),P("option",{value:"other",children:"Other"})]})]}),E("div",{children:[P("label",{htmlFor:"win-notes",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Notes (optional)"}),P("textarea",{id:"win-notes",value:V,onChange:(_)=>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"})]}),z&&P("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:z}),E("div",{className:"flex justify-end gap-3 pt-2",children:[P(D,{variant:"ghost",onPress:()=>H("menu"),disabled:N,children:"Back"}),P(D,{onPress:j,disabled:N,children:N?"Processing...":"\uD83C\uDFC6 Confirm Win"})]})]}),X==="lose"&&E("div",{className:"space-y-4",children:[E("div",{children:[P("label",{htmlFor:"lost-reason",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Why was this deal lost? *"}),E("select",{id:"lost-reason",value:$,onChange:(_)=>R(_.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:[P("option",{value:"",children:"Select a reason..."}),P("option",{value:"price",children:"Price too high"}),P("option",{value:"competitor",children:"Lost to competitor"}),P("option",{value:"no_budget",children:"No budget"}),P("option",{value:"no_decision",children:"No decision made"}),P("option",{value:"timing",children:"Bad timing"}),P("option",{value:"product_fit",children:"Product not a fit"}),P("option",{value:"other",children:"Other"})]})]}),E("div",{children:[P("label",{htmlFor:"lose-notes",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Notes (optional)"}),P("textarea",{id:"lose-notes",value:V,onChange:(_)=>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"})]}),z&&P("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:z}),E("div",{className:"flex justify-end gap-3 pt-2",children:[P(D,{variant:"ghost",onPress:()=>H("menu"),disabled:N,children:"Back"}),P(D,{variant:"destructive",onPress:n,disabled:N,children:N?"Processing...":"\u274C Confirm Loss"})]})]}),X==="move"&&E("div",{className:"space-y-4",children:[E("div",{children:[P("label",{htmlFor:"move-stage",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Move to Stage"}),P("select",{id:"move-stage",value:U,onChange:(_)=>W(_.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:Q.map((_)=>E("option",{value:_.id,children:[_.name,_.id===Y.stageId?" (current)":""]},_.id))})]}),z&&P("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:z}),E("div",{className:"flex justify-end gap-3 pt-2",children:[P(D,{variant:"ghost",onPress:()=>H("menu"),disabled:N,children:"Back"}),P(D,{onPress:M,disabled:N,children:N?"Moving...":"\u27A1\uFE0F Move Deal"})]})]})]})]})}import{Button as gJ,DataTable as xJ,LoaderBlock as cJ}from"@contractspec/lib.design-system";import{useContractTable as pJ}from"@contractspec/lib.presentation-runtime-react";import{Badge as uJ}from"@contractspec/lib.ui-kit-web/ui/badge";import{HStack as d,VStack as QJ}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as y}from"@contractspec/lib.ui-kit-web/ui/text";import*as zJ from"react";import{jsx as B,jsxs as m}from"react/jsx-runtime";function iJ(J,Y="USD"){return new Intl.NumberFormat("en-US",{style:"currency",currency:Y,minimumFractionDigits:0,maximumFractionDigits:0}).format(J)}function rJ(J){switch(J){case"WON":return"default";case"LOST":return"destructive";case"STALE":return"outline";default:return"secondary"}}function lJ({deals:J,totalItems:Y,pageIndex:Q,pageSize:q,sorting:F,loading:K,onSortingChange:A,onPaginationChange:N,onDealClick:X}){let H=pJ({data:J,columns:[{id:"deal",header:"Deal",label:"Deal",accessor:(Z)=>Z.name,cell:({item:Z})=>m(QJ,{gap:"xs",children:[B(y,{className:"font-medium text-sm",children:Z.name}),B(y,{className:"text-muted-foreground text-xs",children:Z.companyId??"Unassigned company"})]}),size:240,minSize:180,canSort:!0,canPin:!0,canResize:!0},{id:"value",header:"Value",label:"Value",accessorKey:"value",cell:({item:Z})=>iJ(Z.value,Z.currency),align:"right",size:140,canSort:!0,canResize:!0},{id:"status",header:"Status",label:"Status",accessorKey:"status",cell:({value:Z})=>B(uJ,{variant:rJ(Z),children:String(Z)}),size:130,canSort:!0,canHide:!0,canPin:!0,canResize:!0},{id:"expectedCloseDate",header:"Expected Close",label:"Expected Close",accessor:(Z)=>Z.expectedCloseDate?.toISOString()??"",cell:({item:Z})=>Z.expectedCloseDate?.toLocaleDateString()??"Not scheduled",size:170,canSort:!0,canHide:!0,canResize:!0},{id:"updatedAt",header:"Updated",label:"Updated",accessor:(Z)=>Z.updatedAt.toISOString(),cell:({item:Z})=>Z.updatedAt.toLocaleDateString(),size:140,canSort:!0,canHide:!0,canResize:!0},{id:"actions",header:"Actions",label:"Actions",accessor:(Z)=>Z.id,cell:({item:Z})=>B(gJ,{variant:"ghost",size:"sm",onPress:()=>X?.(Z.id),children:"Actions"}),size:120,canSort:!1,canHide:!1,canPin:!1,canResize:!1}],executionMode:"server",selectionMode:"multiple",totalItems:Y,state:{sorting:F,pagination:{pageIndex:Q,pageSize:q}},onSortingChange:A,onPaginationChange:N,initialState:{columnVisibility:{updatedAt:!1},columnPinning:{left:["deal","status"],right:[]}},renderExpandedContent:(Z)=>m(QJ,{gap:"sm",className:"py-2",children:[m(d,{justify:"between",children:[B(y,{className:"font-medium text-sm",children:"Owner"}),B(y,{className:"text-muted-foreground text-sm",children:Z.ownerId})]}),m(d,{justify:"between",children:[B(y,{className:"font-medium text-sm",children:"Contact"}),B(y,{className:"text-muted-foreground text-sm",children:Z.contactId??"No linked contact"})]}),Z.wonSource?m(d,{justify:"between",children:[B(y,{className:"font-medium text-sm",children:"Won Source"}),B(y,{className:"text-muted-foreground text-sm",children:Z.wonSource})]}):null,Z.lostReason?m(d,{justify:"between",children:[B(y,{className:"font-medium text-sm",children:"Lost Reason"}),B(y,{className:"text-muted-foreground text-sm",children:Z.lostReason})]}):null,Z.notes?m(QJ,{gap:"xs",children:[B(y,{className:"font-medium text-sm",children:"Notes"}),B(y,{className:"text-muted-foreground text-sm",children:Z.notes})]}):null]}),getCanExpand:()=>!0});return B(xJ,{controller:H,title:"All Deals",description:"Server-mode table using the shared ContractSpec controller.",loading:K,toolbar:m(d,{gap:"sm",className:"flex-wrap",children:[m(y,{className:"text-muted-foreground text-sm",children:["Selected ",H.selectedRowIds.length]}),m(y,{className:"text-muted-foreground text-sm",children:[Y," total deals"]})]}),footer:`Page ${H.pageIndex+1} of ${H.pageCount}`,emptyState:B("div",{className:"rounded-md border border-dashed p-8 text-center text-muted-foreground text-sm",children:"No deals found"})})}function VJ({onDealClick:J}){let[Y,Q]=zJ.useState([{id:"value",desc:!0}]),[q,F]=zJ.useState({pageIndex:0,pageSize:3}),{data:K,loading:A}=x({pageIndex:q.pageIndex,pageSize:q.pageSize,sorting:Y});if(A&&!K)return B(cJ,{label:"Loading deals..."});return B(lJ,{deals:K?.deals??[],totalItems:K?.total??0,pageIndex:q.pageIndex,pageSize:q.pageSize,sorting:Y,loading:A,onSortingChange:(N)=>{Q(N),F((X)=>({...X,pageIndex:0}))},onPaginationChange:F,onDealClick:J})}import{Button as dJ,ErrorState as nJ,LoaderBlock as oJ,StatCard as XJ,StatCardGroup as aJ}from"@contractspec/lib.design-system";import{Tabs as tJ,TabsContent as FJ,TabsList as sJ,TabsTrigger as WJ}from"@contractspec/lib.ui-kit-web/ui/tabs";import{useCallback as _J,useState as UJ}from"react";import{jsx as k,jsxs as h}from"react/jsx-runtime";function YJ(J,Y="USD"){return new Intl.NumberFormat("en-US",{style:"currency",currency:Y,minimumFractionDigits:0,maximumFractionDigits:0}).format(J)}function XY(){let[J,Y]=UJ(!1),[Q,q]=UJ(null),[F,K]=UJ(!1),{data:A,dealsByStage:N,stages:X,loading:H,error:Z,stats:G,refetch:$}=x(),R=$J({onSuccess:()=>{$()}}),V=_J((U)=>{let W=N?Object.values(N).flat().find((z)=>z.id===U):null;if(W)q(W),K(!0)},[N]),f=_J(async(U,W)=>{await R.moveDeal({dealId:U,stageId:W})},[R]);if(H&&!A)return k(oJ,{label:"Loading CRM..."});if(Z)return k(nJ,{title:"Failed to load CRM",description:Z.message,onRetry:$,retryLabel:"Retry"});return h("div",{className:"space-y-6",children:[h("div",{className:"flex items-center justify-between",children:[k("h2",{className:"font-bold text-2xl",children:"CRM Pipeline"}),h(dJ,{onClick:()=>Y(!0),children:[k("span",{className:"mr-2",children:"+"})," Create Deal"]})]}),G&&h(aJ,{children:[k(XJ,{label:"Total Pipeline",value:YJ(G.totalValue),hint:`${G.total} deals`}),k(XJ,{label:"Open Deals",value:YJ(G.openValue),hint:`${G.openCount} active`}),k(XJ,{label:"Won",value:YJ(G.wonValue),hint:`${G.wonCount} closed`}),k(XJ,{label:"Lost",value:G.lostCount,hint:"deals lost"})]}),h(tJ,{defaultValue:"pipeline",className:"w-full",children:[h(sJ,{children:[h(WJ,{value:"pipeline",children:[k("span",{className:"mr-2",children:"\uD83D\uDCCA"}),"Pipeline"]}),h(WJ,{value:"list",children:[k("span",{className:"mr-2",children:"\uD83D\uDCCB"}),"All Deals"]}),h(WJ,{value:"metrics",children:[k("span",{className:"mr-2",children:"\uD83D\uDCC8"}),"Metrics"]})]}),k(FJ,{value:"pipeline",className:"min-h-[400px]",children:k(s,{dealsByStage:N,stages:X,onDealClick:V,onDealMove:f})}),k(FJ,{value:"list",className:"min-h-[400px]",children:k(VJ,{onDealClick:V})}),k(FJ,{value:"metrics",className:"min-h-[400px]",children:k(eJ,{stats:G})})]}),k(HJ,{isOpen:J,onClose:()=>Y(!1),onSubmit:async(U)=>{await R.createDeal(U)},stages:X,isLoading:R.createState.loading}),k(GJ,{isOpen:F,deal:Q,stages:X,onClose:()=>{K(!1),q(null)},onWin:async(U)=>{await R.winDeal(U)},onLose:async(U)=>{await R.loseDeal(U)},onMove:async(U)=>{await R.moveDeal(U),$()},isLoading:R.isLoading})]})}function eJ({stats:J}){if(!J)return null;return k("div",{className:"space-y-6",children:h("div",{className:"rounded-xl border border-border bg-card p-6",children:[k("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:[k("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:[k("dt",{className:"text-muted-foreground text-sm",children:"Avg Deal Size"}),k("dd",{className:"font-semibold text-2xl",children:YJ(J.total>0?J.totalValue/J.total:0)})]}),h("div",{children:[k("dt",{className:"text-muted-foreground text-sm",children:"Conversion"}),h("dd",{className:"font-semibold text-2xl",children:[J.wonCount," / ",J.total]})]})]})]})})}var JX={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"}]},XX={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"}]},FY=[JX,XX];function S(J,Y="USD"){return new Intl.NumberFormat("en-US",{style:"currency",currency:Y,minimumFractionDigits:0}).format(J)}var YX={target:"markdown",render:async(J,Y)=>{if(J.source.type!=="component"||J.source.componentKey!=="PipelineKanbanView")throw Error("crmPipelineMarkdownRenderer: not PipelineKanbanView");let Q="pipeline-1",[q,F]=await Promise.all([o({pipelineId:Q,limit:50}),a({pipelineId:Q})]),K=q.deals,A=F,N={};for(let H of A)N[H.id]=K.filter((Z)=>Z.stageId===H.id&&Z.status==="OPEN");let X=["# CRM Pipeline","",`**Total Value**: ${S(q.totalValue)}`,`**Total Deals**: ${q.total}`,""];for(let H of A.sort((Z,G)=>Z.position-G.position)){let Z=N[H.id]??[],G=Z.reduce(($,R)=>$+R.value,0);if(X.push(`## ${H.name}`),X.push(`_${Z.length} deals \xB7 ${S(G)}_`),X.push(""),Z.length===0)X.push("_No deals_");else for(let $ of Z)X.push(`- **${$.name}** - ${S($.value,$.currency)}`);X.push("")}return{mimeType:"text/markdown",body:X.join(`
+`)}}},ZX={target:"markdown",render:async(J,Y)=>{if(J.source.type!=="component"||J.source.componentKey!=="CrmDashboard")throw Error("crmDashboardMarkdownRenderer: not CrmDashboard");let Q="pipeline-1",[q,F]=await Promise.all([o({pipelineId:Q,limit:100}),a({pipelineId:Q})]),K=q.deals,A=F,N=K.filter((V)=>V.status==="OPEN"),X=K.filter((V)=>V.status==="WON"),H=K.filter((V)=>V.status==="LOST"),Z=N.reduce((V,f)=>V+f.value,0),G=X.reduce((V,f)=>V+f.value,0),$=["# CRM Dashboard","","> Sales pipeline overview and key metrics","","## Summary","","| Metric | Value |","|--------|-------|",`| Total Deals | ${q.total} |`,`| Pipeline Value | ${S(q.totalValue)} |`,`| Open Deals | ${N.length} (${S(Z)}) |`,`| Won Deals | ${X.length} (${S(G)}) |`,`| Lost Deals | ${H.length} |`,"","## Pipeline Stages",""];$.push("| Stage | Deals | Value |"),$.push("|-------|-------|-------|");for(let V of A.sort((f,U)=>f.position-U.position)){let f=N.filter((W)=>W.stageId===V.id),U=f.reduce((W,z)=>W+z.value,0);$.push(`| ${V.name} | ${f.length} | ${S(U)} |`)}$.push(""),$.push("## Recent Deals"),$.push("");let R=K.slice(0,10);if(R.length===0)$.push("_No deals yet._");else{$.push("| Deal | Value | Stage | Status |"),$.push("|------|-------|-------|--------|");for(let V of R){let f=A.find((U)=>U.id===V.stageId);$.push(`| ${V.name} | ${S(V.value,V.currency)} | ${f?.name??"-"} | ${V.status} |`)}}return{mimeType:"text/markdown",body:$.join(`
+`)}}};import{jsx as AJ}from"react/jsx-runtime";function $X(){let{dealsByStage:J,stages:Y}=x();return AJ(s,{dealsByStage:J,stages:Y})}var qX={target:"react",render:async(J,Y)=>{if(J.source.type!=="component")throw Error("Invalid source type");if(J.source.componentKey!=="CrmPipelineView")throw Error(`Unknown component: ${J.source.componentKey}`);return AJ($X,{})}};export{$J as useDealMutations,x as useDealList,XX as crmSalesRepOverlay,qX as crmPipelineReactRenderer,YX as crmPipelineMarkdownRenderer,FY as crmOverlays,JX as crmDemoOverlay,ZX as crmDashboardMarkdownRenderer,GJ as DealActionsModal,s as CrmPipelineBoard,KJ as CrmDealCard,XY as CrmDashboard,HJ as CreateDealModal};