@contractspec/example.crm-pipeline 3.7.16 → 3.7.18

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

@@ -1,849 +1,4 @@
-// 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 · ",
-                      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: "➡️"
-                    }, 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/renderers/pipeline.markdown.ts
-function formatCurrency3(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**: ${formatCurrency3(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 · ${formatCurrency3(stageValue)}_`);
-      lines.push("");
-      if (stageDeals.length === 0) {
-        lines.push("_No deals_");
-      } else {
-        for (const deal of stageDeals) {
-          lines.push(`- **${deal.name}** - ${formatCurrency3(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 | ${formatCurrency3(dealsResult.totalValue)} |`,
-      `| Open Deals | ${openDeals.length} (${formatCurrency3(openValue)}) |`,
-      `| Won Deals | ${wonDeals.length} (${formatCurrency3(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} | ${formatCurrency3(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} | ${formatCurrency3(deal.value, deal.currency)} | ${stage?.name ?? "-"} | ${deal.status} |`);
-      }
-    }
-    return {
-      mimeType: "text/markdown",
-      body: lines.join(`
-`)
-    };
-  }
-};
-
-// src/ui/renderers/pipeline.renderer.tsx
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
-function CrmPipelineBoardWrapper() {
-  const { dealsByStage, stages } = useDealList();
-  return /* @__PURE__ */ jsxDEV3(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__ */ jsxDEV3(CrmPipelineBoardWrapper, {}, undefined, false, undefined, this);
-  }
-};
-export {
-  crmPipelineReactRenderer,
-  crmPipelineMarkdownRenderer,
-  crmDashboardMarkdownRenderer
-};
+import{web as i}from"@contractspec/lib.runtime-sandbox";var{generateId:o}=i;function M(H){return{id:H.id,projectId:H.projectId,name:H.name,value:H.value,currency:H.currency,pipelineId:H.pipelineId,stageId:H.stageId,status:H.status,contactId:H.contactId??void 0,companyId:H.companyId??void 0,ownerId:H.ownerId,expectedCloseDate:H.expectedCloseDate?new Date(H.expectedCloseDate):void 0,wonSource:H.wonSource??void 0,lostReason:H.lostReason??void 0,notes:H.notes??void 0,createdAt:new Date(H.createdAt),updatedAt:new Date(H.updatedAt)}}var w={name:"name",value:"value",status:"status",expectedCloseDate:"expectedCloseDate",updatedAt:"updatedAt"};function GH(H){async function Y(W){let{projectId:Z,pipelineId:q,stageId:$,status:F,ownerId:P,search:G,limit:V=20,offset:K=0,sortBy:_="value",sortDirection:B="desc"}=W,A="WHERE projectId = ?",Q=[Z];if(q)A+=" AND pipelineId = ?",Q.push(q);if($)A+=" AND stageId = ?",Q.push($);if(F&&F!=="all")A+=" AND status = ?",Q.push(F);if(P)A+=" AND ownerId = ?",Q.push(P);if(G)A+=" AND name LIKE ?",Q.push(`%${G}%`);let f=(await H.query(`SELECT COUNT(*) as count FROM crm_deal ${A}`,Q)).rows[0]?.count??0,T=(await H.query(`SELECT COALESCE(SUM(value), 0) as total FROM crm_deal ${A}`,Q)).rows[0]?.total??0,h=w[_]??w.value,y=B==="asc"?"ASC":"DESC";return{deals:(await H.query(`SELECT * FROM crm_deal ${A} ORDER BY ${h} ${y} LIMIT ? OFFSET ?`,[...Q,V,K])).rows.map(M),total:f,totalValue:T}}async function X(W,Z){let q=o("deal"),$=new Date().toISOString();await H.execute(`INSERT INTO crm_deal (id, projectId, pipelineId, stageId, name, value, currency, status, contactId, companyId, ownerId, expectedCloseDate, createdAt, updatedAt)
+       VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`,[q,Z.projectId,W.pipelineId,W.stageId,W.name,W.value,W.currency??"USD","OPEN",W.contactId??null,W.companyId??null,Z.ownerId,W.expectedCloseDate?.toISOString()??null,$,$]);let F=(await H.query("SELECT * FROM crm_deal WHERE id = ?",[q])).rows;if(!F[0])throw Error("Failed to create deal");return M(F[0])}async function J(W){let Z=new Date().toISOString();if(!(await H.query("SELECT * FROM crm_deal WHERE id = ?",[W.dealId])).rows[0])throw Error("NOT_FOUND");if(!(await H.query("SELECT * FROM crm_stage WHERE id = ?",[W.stageId])).rows[0])throw Error("INVALID_STAGE");await H.execute("UPDATE crm_deal SET stageId = ?, updatedAt = ? WHERE id = ?",[W.stageId,Z,W.dealId]);let F=(await H.query("SELECT * FROM crm_deal WHERE id = ?",[W.dealId])).rows;return M(F[0])}async function z(W){let Z=new Date().toISOString();if(!(await H.query("SELECT * FROM crm_deal WHERE id = ?",[W.dealId])).rows[0])throw Error("NOT_FOUND");await H.execute("UPDATE crm_deal SET status = 'WON', wonSource = ?, notes = ?, updatedAt = ? WHERE id = ?",[W.wonSource??null,W.notes??null,Z,W.dealId]);let $=(await H.query("SELECT * FROM crm_deal WHERE id = ?",[W.dealId])).rows;return M($[0])}async function N(W){let Z=new Date().toISOString();if(!(await H.query("SELECT * FROM crm_deal WHERE id = ?",[W.dealId])).rows[0])throw Error("NOT_FOUND");await H.execute("UPDATE crm_deal SET status = 'LOST', lostReason = ?, notes = ?, updatedAt = ? WHERE id = ?",[W.lostReason,W.notes??null,Z,W.dealId]);let $=(await H.query("SELECT * FROM crm_deal WHERE id = ?",[W.dealId])).rows;return M($[0])}async function U(W){let Z=(await H.query("SELECT * FROM crm_deal WHERE projectId = ? AND pipelineId = ? AND status = 'OPEN' ORDER BY value DESC",[W.projectId,W.pipelineId])).rows,q=(await H.query("SELECT * FROM crm_stage WHERE pipelineId = ? ORDER BY position",[W.pipelineId])).rows,$={};for(let F of q)$[F.id]=Z.filter((P)=>P.stageId===F.id).map(M);return $}async function R(W){return(await H.query("SELECT * FROM crm_stage WHERE pipelineId = ? ORDER BY position",[W.pipelineId])).rows.map((q)=>({id:q.id,pipelineId:q.pipelineId,name:q.name,position:q.position}))}return{listDeals:Y,createDeal:X,moveDeal:J,winDeal:z,loseDeal:N,getDealsByStage:U,getPipelineStages:R}}var I=[{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"}],k=[{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")}],PH=[{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")}],QH=[{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 x(H){let{pipelineId:Y,stageId:X,status:J,ownerId:z,search:N,limit:U=20,offset:R=0}=H,W=[...k];if(Y)W=W.filter((F)=>F.pipelineId===Y);if(X)W=W.filter((F)=>F.stageId===X);if(J&&J!=="all")W=W.filter((F)=>F.status===J);if(z)W=W.filter((F)=>F.ownerId===z);if(N){let F=N.toLowerCase();W=W.filter((P)=>P.name.toLowerCase().includes(F))}W.sort((F,P)=>P.value-F.value);let Z=W.length,q=W.reduce((F,P)=>F+P.value,0);return{deals:W.slice(R,R+U),total:Z,totalValue:q}}async function n(H,Y){let X=new Date,J={id:`deal-${Date.now()}`,name:H.name,value:H.value,currency:H.currency??"USD",pipelineId:H.pipelineId,stageId:H.stageId,status:"OPEN",contactId:H.contactId,companyId:H.companyId,ownerId:Y.ownerId,expectedCloseDate:H.expectedCloseDate,createdAt:X,updatedAt:X};return k.push(J),J}async function l(H){let Y=k.findIndex((N)=>N.id===H.dealId);if(Y===-1)throw Error("NOT_FOUND");let X=k[Y];if(!X)throw Error("NOT_FOUND");if(!I.find((N)=>N.id===H.stageId))throw Error("INVALID_STAGE");let z={...X,stageId:H.stageId,updatedAt:new Date};return k[Y]=z,z}async function d(H){let Y=k.findIndex((z)=>z.id===H.dealId);if(Y===-1)throw Error("NOT_FOUND");let X=k[Y];if(!X)throw Error("NOT_FOUND");let J={...X,status:"WON",updatedAt:new Date};return k[Y]=J,J}async function s(H){let Y=k.findIndex((z)=>z.id===H.dealId);if(Y===-1)throw Error("NOT_FOUND");let X=k[Y];if(!X)throw Error("NOT_FOUND");let J={...X,status:"LOST",updatedAt:new Date};return k[Y]=J,J}async function t(H){let Y=k.filter((J)=>J.pipelineId===H.pipelineId&&J.status==="OPEN"),X={};for(let J of I)X[J.id]=Y.filter((z)=>z.stageId===J.id);return X}async function m(H){return I.filter((Y)=>Y.pipelineId===H.pipelineId)}import{jsx as S,jsxs as c}from"react/jsx-runtime";function a(H,Y){return new Intl.NumberFormat("en-US",{style:"currency",currency:Y,minimumFractionDigits:0,maximumFractionDigits:0}).format(H)}function g({deal:H,onClick:Y}){let X=H.expectedCloseDate?Math.ceil((H.expectedCloseDate.getTime()-Date.now())/86400000):null;return c("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:(J)=>{if(J.key==="Enter"||J.key===" ")Y?.()},children:[S("h4",{className:"font-medium leading-snug",children:H.name}),S("div",{className:"mt-2 font-semibold text-lg text-primary",children:a(H.value,H.currency)}),c("div",{className:"mt-3 flex items-center justify-between text-muted-foreground text-xs",children:[X!==null&&S("span",{className:X<0?"text-red-500":X<=7?"text-yellow-600 dark:text-yellow-500":"",children:X<0?`${Math.abs(X)}d overdue`:X===0?"Due today":`${X}d left`}),S("span",{className:`rounded px-1.5 py-0.5 font-medium text-xs ${H.status==="WON"?"bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400":H.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:H.status})]})]})}import{useState as e}from"react";import{jsx as E,jsxs as v}from"react/jsx-runtime";function HH(H){if(H>=1e6)return`$${(H/1e6).toFixed(1)}M`;if(H>=1000)return`$${(H/1000).toFixed(0)}K`;return`$${H}`}function p({dealsByStage:H,stages:Y,onDealClick:X,onDealMove:J}){let[z,N]=e(null),U=[...Y].sort((W,Z)=>W.position-Z.position),R=(W,Z)=>{J?.(W,Z),N(null)};return E("div",{className:"flex gap-4 overflow-x-auto pb-4",children:U.map((W)=>{let Z=H[W.id]??[],q=Z.reduce(($,F)=>$+F.value,0);return v("div",{className:"flex w-72 flex-shrink-0 flex-col rounded-lg bg-muted/30",children:[v("div",{className:"flex items-center justify-between border-border border-b px-3 py-2",children:[v("div",{children:[E("h3",{className:"font-medium",children:W.name}),v("p",{className:"text-muted-foreground text-xs",children:[Z.length," deals · ",HH(q)]})]}),E("span",{className:"flex h-6 w-6 items-center justify-center rounded-full bg-muted font-medium text-xs",children:Z.length})]}),E("div",{className:"flex flex-1 flex-col gap-2 p-2",children:Z.length===0?E("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"}):Z.map(($)=>v("div",{className:"group relative",children:[E(g,{deal:$,onClick:()=>X?.($.id)}),$.status==="OPEN"&&J&&v("div",{className:"absolute top-1 right-1 opacity-0 transition-opacity group-hover:opacity-100",children:[E("button",{type:"button",onClick:(F)=>{F.stopPropagation(),N(z===$.id?null:$.id)},className:"flex h-6 w-6 items-center justify-center rounded border border-border bg-background text-xs shadow-sm hover:bg-muted",title:"Quick move",children:"➡️"}),z===$.id&&v("div",{className:"absolute top-7 right-0 z-20 min-w-[140px] rounded-lg border border-border bg-card py-1 shadow-lg",children:[E("p",{className:"px-3 py-1 font-medium text-muted-foreground text-xs",children:"Move to:"}),U.filter((F)=>F.id!==$.stageId).map((F)=>E("button",{type:"button",onClick:(P)=>{P.stopPropagation(),R($.id,F.id)},className:"w-full px-3 py-1.5 text-left text-sm hover:bg-muted",children:F.name},F.id))]})]})]},$.id))})]},W.id)})})}import{useTemplateRuntime as WH}from"@contractspec/lib.example-shared-ui";import{useCallback as FH,useEffect as JH,useMemo as XH,useState as j}from"react";function u(H={}){let{handlers:Y,projectId:X}=WH(),{crm:J}=Y,[z,N]=j(null),[U,R]=j({}),[W,Z]=j([]),[q,$]=j(!0),[F,P]=j(null),[G,V]=j(0),K=H.pipelineId??"pipeline-1",_=H.pageIndex??G,B=H.pageSize??H.limit??50,[A]=H.sorting??[],Q=A?.id,b=A?A.desc?"desc":"asc":void 0,f=FH(async()=>{$(!0),P(null);try{let[T,h,y]=await Promise.all([J.listDeals({projectId:X,pipelineId:K,stageId:H.stageId,status:H.status==="all"?void 0:H.status,search:H.search,limit:B,offset:_*B,sortBy:Q==="name"||Q==="value"||Q==="status"||Q==="expectedCloseDate"||Q==="updatedAt"?Q:void 0,sortDirection:b}),J.getDealsByStage({projectId:X,pipelineId:K}),J.getPipelineStages({pipelineId:K})]);N(T),R(h),Z(y)}catch(T){P(T instanceof Error?T:Error("Unknown error"))}finally{$(!1)}},[J,X,K,H.stageId,H.status,H.search,_,B,Q,b]);JH(()=>{f()},[f]);let D=XH(()=>{if(!z)return null;let T=z.deals.filter((L)=>L.status==="OPEN"),h=z.deals.filter((L)=>L.status==="WON"),y=z.deals.filter((L)=>L.status==="LOST");return{total:z.total,totalValue:z.totalValue,openCount:T.length,openValue:T.reduce((L,C)=>L+C.value,0),wonCount:h.length,wonValue:h.reduce((L,C)=>L+C.value,0),lostCount:y.length}},[z]);return{data:z,dealsByStage:U,stages:W,loading:q,error:F,stats:D,page:_+1,pageIndex:_,pageSize:B,refetch:f,nextPage:H.pageIndex===void 0?()=>V((T)=>T+1):void 0,prevPage:H.pageIndex===void 0?()=>_>0&&V((T)=>T-1):void 0}}function O(H,Y="USD"){return new Intl.NumberFormat("en-US",{style:"currency",currency:Y,minimumFractionDigits:0}).format(H)}var YH={target:"markdown",render:async(H,Y)=>{if(H.source.type!=="component"||H.source.componentKey!=="PipelineKanbanView")throw Error("crmPipelineMarkdownRenderer: not PipelineKanbanView");let X="pipeline-1",[J,z]=await Promise.all([x({pipelineId:X,limit:50}),m({pipelineId:X})]),N=J.deals,U=z,R={};for(let Z of U)R[Z.id]=N.filter((q)=>q.stageId===Z.id&&q.status==="OPEN");let W=["# CRM Pipeline","",`**Total Value**: ${O(J.totalValue)}`,`**Total Deals**: ${J.total}`,""];for(let Z of U.sort((q,$)=>q.position-$.position)){let q=R[Z.id]??[],$=q.reduce((F,P)=>F+P.value,0);if(W.push(`## ${Z.name}`),W.push(`_${q.length} deals · ${O($)}_`),W.push(""),q.length===0)W.push("_No deals_");else for(let F of q)W.push(`- **${F.name}** - ${O(F.value,F.currency)}`);W.push("")}return{mimeType:"text/markdown",body:W.join(`
+`)}}},ZH={target:"markdown",render:async(H,Y)=>{if(H.source.type!=="component"||H.source.componentKey!=="CrmDashboard")throw Error("crmDashboardMarkdownRenderer: not CrmDashboard");let X="pipeline-1",[J,z]=await Promise.all([x({pipelineId:X,limit:100}),m({pipelineId:X})]),N=J.deals,U=z,R=N.filter((G)=>G.status==="OPEN"),W=N.filter((G)=>G.status==="WON"),Z=N.filter((G)=>G.status==="LOST"),q=R.reduce((G,V)=>G+V.value,0),$=W.reduce((G,V)=>G+V.value,0),F=["# CRM Dashboard","","> Sales pipeline overview and key metrics","","## Summary","","| Metric | Value |","|--------|-------|",`| Total Deals | ${J.total} |`,`| Pipeline Value | ${O(J.totalValue)} |`,`| Open Deals | ${R.length} (${O(q)}) |`,`| Won Deals | ${W.length} (${O($)}) |`,`| Lost Deals | ${Z.length} |`,"","## Pipeline Stages",""];F.push("| Stage | Deals | Value |"),F.push("|-------|-------|-------|");for(let G of U.sort((V,K)=>V.position-K.position)){let V=R.filter((_)=>_.stageId===G.id),K=V.reduce((_,B)=>_+B.value,0);F.push(`| ${G.name} | ${V.length} | ${O(K)} |`)}F.push(""),F.push("## Recent Deals"),F.push("");let P=N.slice(0,10);if(P.length===0)F.push("_No deals yet._");else{F.push("| Deal | Value | Stage | Status |"),F.push("|------|-------|-------|--------|");for(let G of P){let V=U.find((K)=>K.id===G.stageId);F.push(`| ${G.name} | ${O(G.value,G.currency)} | ${V?.name??"-"} | ${G.status} |`)}}return{mimeType:"text/markdown",body:F.join(`
+`)}}};import{jsx as r}from"react/jsx-runtime";function $H(){let{dealsByStage:H,stages:Y}=u();return r(p,{dealsByStage:H,stages:Y})}var qH={target:"react",render:async(H,Y)=>{if(H.source.type!=="component")throw Error("Invalid source type");if(H.source.componentKey!=="CrmPipelineView")throw Error(`Unknown component: ${H.source.componentKey}`);return r($H,{})}};export{qH as crmPipelineReactRenderer,YH as crmPipelineMarkdownRenderer,ZH as crmDashboardMarkdownRenderer};