@contractspec/example.crm-pipeline 1.46.1 → 1.47.0

package/dist/ui/modals/DealActionsModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DealActionsModal.js","names":[],"sources":["../../../src/ui/modals/DealActionsModal.tsx"],"sourcesContent":["'use client';\n\n/**\n * DealActionsModal - Actions for a specific deal (Win, Lose, Move)\n *\n * Wires to WinDealContract, LoseDealContract, MoveDealContract\n * via useDealMutations hook.\n */\nimport { useState } from 'react';\nimport { Button } from '@contractspec/lib.design-system';\n\n// Local type definitions for modal props\nexport interface Deal {\n  id: string;\n  name: string;\n  value: number;\n  currency: string;\n  stageId: string;\n  status: 'OPEN' | 'WON' | 'LOST' | 'STALE';\n}\n\nexport interface WinDealInput {\n  dealId: string;\n  wonSource?: string;\n  notes?: string;\n}\n\nexport interface LoseDealInput {\n  dealId: string;\n  lostReason: string;\n  notes?: string;\n}\n\nexport interface MoveDealInput {\n  dealId: string;\n  stageId: string;\n}\n\ntype ActionMode = 'menu' | 'win' | 'lose' | 'move';\n\ninterface DealActionsModalProps {\n  isOpen: boolean;\n  deal: Deal | null;\n  stages: { id: string; name: string }[];\n  onClose: () => void;\n  onWin: (input: WinDealInput) => Promise<void>;\n  onLose: (input: LoseDealInput) => Promise<void>;\n  onMove: (input: MoveDealInput) => Promise<void>;\n  isLoading?: boolean;\n}\n\nfunction formatCurrency(value: number, currency: string): string {\n  return new Intl.NumberFormat('en-US', {\n    style: 'currency',\n    currency,\n    minimumFractionDigits: 0,\n    maximumFractionDigits: 0,\n  }).format(value);\n}\n\nexport function DealActionsModal({\n  isOpen,\n  deal,\n  stages,\n  onClose,\n  onWin,\n  onLose,\n  onMove,\n  isLoading = false,\n}: DealActionsModalProps) {\n  const [mode, setMode] = useState<ActionMode>('menu');\n  const [wonSource, setWonSource] = useState('');\n  const [lostReason, setLostReason] = useState('');\n  const [notes, setNotes] = useState('');\n  const [selectedStageId, setSelectedStageId] = useState('');\n  const [error, setError] = useState<string | null>(null);\n\n  const resetForm = () => {\n    setMode('menu');\n    setWonSource('');\n    setLostReason('');\n    setNotes('');\n    setSelectedStageId('');\n    setError(null);\n  };\n\n  const handleClose = () => {\n    resetForm();\n    onClose();\n  };\n\n  const handleWin = async () => {\n    if (!deal) return;\n    setError(null);\n\n    try {\n      await onWin({\n        dealId: deal.id,\n        wonSource: wonSource.trim() || undefined,\n        notes: notes.trim() || undefined,\n      });\n      handleClose();\n    } catch (err) {\n      setError(\n        err instanceof Error ? err.message : 'Failed to mark deal as won'\n      );\n    }\n  };\n\n  const handleLose = async () => {\n    if (!deal) return;\n    setError(null);\n\n    if (!lostReason.trim()) {\n      setError('Please provide a reason for losing the deal');\n      return;\n    }\n\n    try {\n      await onLose({\n        dealId: deal.id,\n        lostReason: lostReason.trim(),\n        notes: notes.trim() || undefined,\n      });\n      handleClose();\n    } catch (err) {\n      setError(\n        err instanceof Error ? err.message : 'Failed to mark deal as lost'\n      );\n    }\n  };\n\n  const handleMove = async () => {\n    if (!deal) return;\n    setError(null);\n\n    if (!selectedStageId) {\n      setError('Please select a stage');\n      return;\n    }\n\n    if (selectedStageId === deal.stageId) {\n      setError('Deal is already in this stage');\n      return;\n    }\n\n    try {\n      await onMove({\n        dealId: deal.id,\n        stageId: selectedStageId,\n      });\n      handleClose();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to move deal');\n    }\n  };\n\n  if (!isOpen || !deal) return null;\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n      {/* Backdrop */}\n      <div\n        className=\"bg-background/80 absolute inset-0 backdrop-blur-sm\"\n        onClick={handleClose}\n        role=\"button\"\n        tabIndex={0}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') handleClose();\n        }}\n        aria-label=\"Close modal\"\n      />\n\n      {/* Modal */}\n      <div className=\"bg-card border-border relative z-10 w-full max-w-md rounded-xl border p-6 shadow-xl\">\n        {/* Deal Header */}\n        <div className=\"border-border mb-4 border-b pb-4\">\n          <h2 className=\"text-xl font-semibold\">{deal.name}</h2>\n          <p className=\"text-primary text-lg font-medium\">\n            {formatCurrency(deal.value, deal.currency)}\n          </p>\n          <span\n            className={`mt-2 inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${\n              deal.status === 'WON'\n                ? 'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400'\n                : deal.status === 'LOST'\n                  ? 'bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400'\n                  : 'bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400'\n            }`}\n          >\n            {deal.status}\n          </span>\n        </div>\n\n        {/* Main Menu */}\n        {mode === 'menu' && (\n          <div className=\"space-y-3\">\n            {deal.status === 'OPEN' && (\n              <>\n                <Button\n                  className=\"w-full justify-start\"\n                  variant=\"ghost\"\n                  onPress={() => setMode('win')}\n                >\n                  <span className=\"mr-2\">🏆</span> Mark as Won\n                </Button>\n                <Button\n                  className=\"w-full justify-start\"\n                  variant=\"ghost\"\n                  onPress={() => setMode('lose')}\n                >\n                  <span className=\"mr-2\">❌</span> Mark as Lost\n                </Button>\n                <Button\n                  className=\"w-full justify-start\"\n                  variant=\"ghost\"\n                  onPress={() => {\n                    setSelectedStageId(deal.stageId);\n                    setMode('move');\n                  }}\n                >\n                  <span className=\"mr-2\">➡️</span> Move to Stage\n                </Button>\n              </>\n            )}\n            {deal.status !== 'OPEN' && (\n              <p className=\"text-muted-foreground py-4 text-center\">\n                This deal is already {deal.status.toLowerCase()}. No actions\n                available.\n              </p>\n            )}\n            <div className=\"border-border border-t pt-3\">\n              <Button\n                className=\"w-full\"\n                variant=\"outline\"\n                onPress={handleClose}\n              >\n                Close\n              </Button>\n            </div>\n          </div>\n        )}\n\n        {/* Win Form */}\n        {mode === 'win' && (\n          <div className=\"space-y-4\">\n            <div>\n              <label\n                htmlFor=\"won-source\"\n                className=\"text-muted-foreground mb-1 block text-sm font-medium\"\n              >\n                How did you win this deal?\n              </label>\n              <select\n                id=\"won-source\"\n                value={wonSource}\n                onChange={(e) => setWonSource(e.target.value)}\n                className=\"border-input bg-background focus:ring-ring h-10 w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none\"\n              >\n                <option value=\"\">Select a source...</option>\n                <option value=\"referral\">Referral</option>\n                <option value=\"cold_outreach\">Cold Outreach</option>\n                <option value=\"inbound\">Inbound Lead</option>\n                <option value=\"upsell\">Upsell</option>\n                <option value=\"other\">Other</option>\n              </select>\n            </div>\n\n            <div>\n              <label\n                htmlFor=\"win-notes\"\n                className=\"text-muted-foreground mb-1 block text-sm font-medium\"\n              >\n                Notes (optional)\n              </label>\n              <textarea\n                id=\"win-notes\"\n                value={notes}\n                onChange={(e) => setNotes(e.target.value)}\n                placeholder=\"Any additional notes about the win...\"\n                rows={3}\n                className=\"border-input bg-background focus:ring-ring w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none\"\n              />\n            </div>\n\n            {error && (\n              <div className=\"bg-destructive/10 text-destructive rounded-md p-3 text-sm\">\n                {error}\n              </div>\n            )}\n\n            <div className=\"flex justify-end gap-3 pt-2\">\n              <Button\n                variant=\"ghost\"\n                onPress={() => setMode('menu')}\n                disabled={isLoading}\n              >\n                Back\n              </Button>\n              <Button onPress={handleWin} disabled={isLoading}>\n                {isLoading ? 'Processing...' : '🏆 Confirm Win'}\n              </Button>\n            </div>\n          </div>\n        )}\n\n        {/* Lose Form */}\n        {mode === 'lose' && (\n          <div className=\"space-y-4\">\n            <div>\n              <label\n                htmlFor=\"lost-reason\"\n                className=\"text-muted-foreground mb-1 block text-sm font-medium\"\n              >\n                Why was this deal lost? *\n              </label>\n              <select\n                id=\"lost-reason\"\n                value={lostReason}\n                onChange={(e) => setLostReason(e.target.value)}\n                className=\"border-input bg-background focus:ring-ring h-10 w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none\"\n              >\n                <option value=\"\">Select a reason...</option>\n                <option value=\"price\">Price too high</option>\n                <option value=\"competitor\">Lost to competitor</option>\n                <option value=\"no_budget\">No budget</option>\n                <option value=\"no_decision\">No decision made</option>\n                <option value=\"timing\">Bad timing</option>\n                <option value=\"product_fit\">Product not a fit</option>\n                <option value=\"other\">Other</option>\n              </select>\n            </div>\n\n            <div>\n              <label\n                htmlFor=\"lose-notes\"\n                className=\"text-muted-foreground mb-1 block text-sm font-medium\"\n              >\n                Notes (optional)\n              </label>\n              <textarea\n                id=\"lose-notes\"\n                value={notes}\n                onChange={(e) => setNotes(e.target.value)}\n                placeholder=\"Any additional details...\"\n                rows={3}\n                className=\"border-input bg-background focus:ring-ring w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none\"\n              />\n            </div>\n\n            {error && (\n              <div className=\"bg-destructive/10 text-destructive rounded-md p-3 text-sm\">\n                {error}\n              </div>\n            )}\n\n            <div className=\"flex justify-end gap-3 pt-2\">\n              <Button\n                variant=\"ghost\"\n                onPress={() => setMode('menu')}\n                disabled={isLoading}\n              >\n                Back\n              </Button>\n              <Button\n                variant=\"destructive\"\n                onPress={handleLose}\n                disabled={isLoading}\n              >\n                {isLoading ? 'Processing...' : '❌ Confirm Loss'}\n              </Button>\n            </div>\n          </div>\n        )}\n\n        {/* Move Form */}\n        {mode === 'move' && (\n          <div className=\"space-y-4\">\n            <div>\n              <label\n                htmlFor=\"move-stage\"\n                className=\"text-muted-foreground mb-1 block text-sm font-medium\"\n              >\n                Move to Stage\n              </label>\n              <select\n                id=\"move-stage\"\n                value={selectedStageId}\n                onChange={(e) => setSelectedStageId(e.target.value)}\n                className=\"border-input bg-background focus:ring-ring h-10 w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none\"\n              >\n                {stages.map((stage) => (\n                  <option key={stage.id} value={stage.id}>\n                    {stage.name}\n                    {stage.id === deal.stageId ? ' (current)' : ''}\n                  </option>\n                ))}\n              </select>\n            </div>\n\n            {error && (\n              <div className=\"bg-destructive/10 text-destructive rounded-md p-3 text-sm\">\n                {error}\n              </div>\n            )}\n\n            <div className=\"flex justify-end gap-3 pt-2\">\n              <Button\n                variant=\"ghost\"\n                onPress={() => setMode('menu')}\n                disabled={isLoading}\n              >\n                Back\n              </Button>\n              <Button onPress={handleMove} disabled={isLoading}>\n                {isLoading ? 'Moving...' : '➡️ Move Deal'}\n              </Button>\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/ui/modals/index.d.ts

@@ -0,0 +1,3 @@
+import { CreateDealModal } from "./CreateDealModal.js";
+import { DealActionsModal } from "./DealActionsModal.js";
+export { CreateDealModal, DealActionsModal };

package/dist/ui/modals/index.js

@@ -0,0 +1,4 @@
+import { CreateDealModal } from "./CreateDealModal.js";
+import { DealActionsModal } from "./DealActionsModal.js";
+
+export { CreateDealModal, DealActionsModal };

package/dist/ui/overlays/demo-overlays.d.ts

@@ -0,0 +1,19 @@
+import { OverlayDefinition } from "../../shared/overlay-types.js";
+
+//#region src/ui/overlays/demo-overlays.d.ts
+
+/**
+ * Demo user overlay - sample data mode
+ */
+declare const crmDemoOverlay: OverlayDefinition;
+/**
+ * Sales rep overlay - focused view for sales
+ */
+declare const crmSalesRepOverlay: OverlayDefinition;
+/**
+ * All overlays for crm-pipeline
+ */
+declare const crmOverlays: OverlayDefinition[];
+//#endregion
+export { crmDemoOverlay, crmOverlays, crmSalesRepOverlay };
+//# sourceMappingURL=demo-overlays.d.ts.map

package/dist/ui/overlays/demo-overlays.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"demo-overlays.d.ts","names":[],"sources":["../../../src/ui/overlays/demo-overlays.ts"],"sourcesContent":[],"mappings":";;;;;;;cAWa,gBAAgB;;;;cA+BhB,oBAAoB;;;;cAsBpB,aAAa"}

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

@@ -0,0 +1,68 @@
+//#region src/ui/overlays/demo-overlays.ts
+/**
+* Demo user overlay - sample data mode
+*/
+const 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"
+		}
+	]
+};
+/**
+* Sales rep overlay - focused view for sales
+*/
+const 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"
+		}
+	]
+};
+/**
+* All overlays for crm-pipeline
+*/
+const crmOverlays = [crmDemoOverlay, crmSalesRepOverlay];
+
+//#endregion
+export { crmDemoOverlay, crmOverlays, crmSalesRepOverlay };
+//# sourceMappingURL=demo-overlays.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"demo-overlays.js","names":[],"sources":["../../../src/ui/overlays/demo-overlays.ts"],"sourcesContent":["/**\n * Demo Overlay Definitions for CRM Pipeline\n *\n * These overlays customize the presentation for different contexts\n * (e.g., demo users, different roles).\n */\nimport type { OverlayDefinition } from '../../shared/overlay-types';\n\n/**\n * Demo user overlay - sample data mode\n */\nexport const crmDemoOverlay: OverlayDefinition = {\n  overlayId: 'crm-pipeline.demo-user',\n  version: '1.0.0',\n  description: 'Demo mode with sample data',\n  appliesTo: {\n    feature: 'crm-pipeline',\n    role: 'demo',\n  },\n  modifications: [\n    {\n      type: 'hideField',\n      field: 'importButton',\n      reason: 'Not available in demo',\n    },\n    {\n      type: 'hideField',\n      field: 'exportButton',\n      reason: 'Not available in demo',\n    },\n    {\n      type: 'addBadge',\n      position: 'header',\n      label: 'Demo Mode',\n      variant: 'warning',\n    },\n  ],\n};\n\n/**\n * Sales rep overlay - focused view for sales\n */\nexport const crmSalesRepOverlay: OverlayDefinition = {\n  overlayId: 'crm-pipeline.sales-rep',\n  version: '1.0.0',\n  description: 'Sales rep focused view',\n  appliesTo: {\n    feature: 'crm-pipeline',\n    role: 'sales-rep',\n  },\n  modifications: [\n    {\n      type: 'hideField',\n      field: 'teamMetrics',\n      reason: 'Team metrics for managers only',\n    },\n    { type: 'hideField', field: 'pipelineSettings', reason: 'Admin only' },\n    { type: 'renameLabel', field: 'deals', newLabel: 'My Deals' },\n  ],\n};\n\n/**\n * All overlays for crm-pipeline\n */\nexport const crmOverlays: OverlayDefinition[] = [\n  crmDemoOverlay,\n  crmSalesRepOverlay,\n];\n"],"mappings":";;;;AAWA,MAAa,iBAAoC;CAC/C,WAAW;CACX,SAAS;CACT,aAAa;CACb,WAAW;EACT,SAAS;EACT,MAAM;EACP;CACD,eAAe;EACb;GACE,MAAM;GACN,OAAO;GACP,QAAQ;GACT;EACD;GACE,MAAM;GACN,OAAO;GACP,QAAQ;GACT;EACD;GACE,MAAM;GACN,UAAU;GACV,OAAO;GACP,SAAS;GACV;EACF;CACF;;;;AAKD,MAAa,qBAAwC;CACnD,WAAW;CACX,SAAS;CACT,aAAa;CACb,WAAW;EACT,SAAS;EACT,MAAM;EACP;CACD,eAAe;EACb;GACE,MAAM;GACN,OAAO;GACP,QAAQ;GACT;EACD;GAAE,MAAM;GAAa,OAAO;GAAoB,QAAQ;GAAc;EACtE;GAAE,MAAM;GAAe,OAAO;GAAS,UAAU;GAAY;EAC9D;CACF;;;;AAKD,MAAa,cAAmC,CAC9C,gBACA,mBACD"}

package/dist/ui/overlays/index.d.ts

@@ -0,0 +1,2 @@
+import { crmDemoOverlay, crmOverlays, crmSalesRepOverlay } from "./demo-overlays.js";
+export { crmDemoOverlay, crmOverlays, crmSalesRepOverlay };

package/dist/ui/overlays/index.js

@@ -0,0 +1,3 @@
+import { crmDemoOverlay, crmOverlays, crmSalesRepOverlay } from "./demo-overlays.js";
+
+export { crmDemoOverlay, crmOverlays, crmSalesRepOverlay };

package/dist/ui/renderers/index.d.ts

@@ -0,0 +1,3 @@
+import { crmPipelineReactRenderer } from "./pipeline.renderer.js";
+import { crmDashboardMarkdownRenderer, crmPipelineMarkdownRenderer } from "./pipeline.markdown.js";
+export { crmDashboardMarkdownRenderer, crmPipelineMarkdownRenderer, crmPipelineReactRenderer };

package/dist/ui/renderers/index.js

@@ -0,0 +1,4 @@
+import { crmPipelineReactRenderer } from "./pipeline.renderer.js";
+import { crmDashboardMarkdownRenderer, crmPipelineMarkdownRenderer } from "./pipeline.markdown.js";
+
+export { crmDashboardMarkdownRenderer, crmPipelineMarkdownRenderer, crmPipelineReactRenderer };

package/dist/ui/renderers/pipeline.markdown.d.ts

@@ -0,0 +1,23 @@
+import { PresentationRenderer } from "@contractspec/lib.contracts";
+
+//#region src/ui/renderers/pipeline.markdown.d.ts
+
+/**
+ * Markdown renderer for CRM Pipeline Kanban view (crm-pipeline.deal.pipeline)
+ * Only handles PipelineKanbanView component
+ */
+declare const crmPipelineMarkdownRenderer: PresentationRenderer<{
+  mimeType: string;
+  body: string;
+}>;
+/**
+ * Markdown renderer for CRM Dashboard (crm-pipeline.dashboard)
+ * Only handles CrmDashboard component
+ */
+declare const crmDashboardMarkdownRenderer: PresentationRenderer<{
+  mimeType: string;
+  body: string;
+}>;
+//#endregion
+export { crmDashboardMarkdownRenderer, crmPipelineMarkdownRenderer };
+//# sourceMappingURL=pipeline.markdown.d.ts.map

package/dist/ui/renderers/pipeline.markdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline.markdown.d.ts","names":[],"sources":["../../../src/ui/renderers/pipeline.markdown.ts"],"sourcesContent":[],"mappings":";;;;;;;;cAsCa,6BAA6B;;;;;;;;cA0E7B,8BAA8B"}

package/dist/ui/renderers/pipeline.markdown.js

@@ -0,0 +1,118 @@
+import { mockGetPipelineStagesHandler, mockListDealsHandler } from "@contractspec/example.crm-pipeline/handlers";
+
+//#region src/ui/renderers/pipeline.markdown.ts
+function formatCurrency(value, currency = "USD") {
+	return new Intl.NumberFormat("en-US", {
+		style: "currency",
+		currency,
+		minimumFractionDigits: 0
+	}).format(value);
+}
+/**
+* Markdown renderer for CRM Pipeline Kanban view (crm-pipeline.deal.pipeline)
+* Only handles PipelineKanbanView component
+*/
+const 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**: ${formatCurrency(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 · ${formatCurrency(stageValue)}_`);
+			lines.push("");
+			if (stageDeals.length === 0) lines.push("_No deals_");
+			else for (const deal of stageDeals) lines.push(`- **${deal.name}** - ${formatCurrency(deal.value, deal.currency)}`);
+			lines.push("");
+		}
+		return {
+			mimeType: "text/markdown",
+			body: lines.join("\n")
+		};
+	}
+};
+/**
+* Markdown renderer for CRM Dashboard (crm-pipeline.dashboard)
+* Only handles CrmDashboard component
+*/
+const 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 | ${formatCurrency(dealsResult.totalValue)} |`,
+			`| Open Deals | ${openDeals.length} (${formatCurrency(openValue)}) |`,
+			`| Won Deals | ${wonDeals.length} (${formatCurrency(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} | ${formatCurrency(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} | ${formatCurrency(deal.value, deal.currency)} | ${stage?.name ?? "-"} | ${deal.status} |`);
+			}
+		}
+		return {
+			mimeType: "text/markdown",
+			body: lines.join("\n")
+		};
+	}
+};
+
+//#endregion
+export { crmDashboardMarkdownRenderer, crmPipelineMarkdownRenderer };
+//# sourceMappingURL=pipeline.markdown.js.map

package/dist/ui/renderers/pipeline.markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline.markdown.js","names":[],"sources":["../../../src/ui/renderers/pipeline.markdown.ts"],"sourcesContent":["/**\n * Markdown renderer for CRM Pipeline presentation\n *\n * Imports handlers from the hooks module to ensure correct build order.\n */\nimport type { PresentationRenderer } from '@contractspec/lib.contracts';\nimport {\n  mockListDealsHandler,\n  mockGetPipelineStagesHandler,\n} from '@contractspec/example.crm-pipeline/handlers';\n\ninterface DealItem {\n  id: string;\n  name: string;\n  value: number;\n  currency: string;\n  stageId: string;\n  status: string;\n}\n\ninterface StageItem {\n  id: string;\n  name: string;\n  position: number;\n}\n\nfunction formatCurrency(value: number, currency = 'USD'): string {\n  return new Intl.NumberFormat('en-US', {\n    style: 'currency',\n    currency,\n    minimumFractionDigits: 0,\n  }).format(value);\n}\n\n/**\n * Markdown renderer for CRM Pipeline Kanban view (crm-pipeline.deal.pipeline)\n * Only handles PipelineKanbanView component\n */\nexport const crmPipelineMarkdownRenderer: PresentationRenderer<{\n  mimeType: string;\n  body: string;\n}> = {\n  target: 'markdown',\n  render: async (desc, _ctx) => {\n    // Only handle PipelineKanbanView\n    if (\n      desc.source.type !== 'component' ||\n      desc.source.componentKey !== 'PipelineKanbanView'\n    ) {\n      throw new Error('crmPipelineMarkdownRenderer: not PipelineKanbanView');\n    }\n\n    const pipelineId = 'pipeline-1';\n    const [dealsResult, stages] = await Promise.all([\n      mockListDealsHandler({ pipelineId, limit: 50 }),\n      mockGetPipelineStagesHandler({ pipelineId }),\n    ]);\n\n    const deals = dealsResult.deals as DealItem[];\n    const stageList = stages as StageItem[];\n\n    // Group deals by stage\n    const dealsByStage: Record<string, DealItem[]> = {};\n    for (const stage of stageList) {\n      dealsByStage[stage.id] = deals.filter(\n        (d) => d.stageId === stage.id && d.status === 'OPEN'\n      );\n    }\n\n    // Build Markdown\n    const lines: string[] = [\n      '# CRM Pipeline',\n      '',\n      `**Total Value**: ${formatCurrency(dealsResult.totalValue)}`,\n      `**Total Deals**: ${dealsResult.total}`,\n      '',\n    ];\n\n    for (const stage of stageList.sort((a, b) => a.position - b.position)) {\n      const stageDeals = dealsByStage[stage.id] ?? [];\n      const stageValue = stageDeals.reduce((sum, d) => sum + d.value, 0);\n\n      lines.push(`## ${stage.name}`);\n      lines.push(\n        `_${stageDeals.length} deals · ${formatCurrency(stageValue)}_`\n      );\n      lines.push('');\n\n      if (stageDeals.length === 0) {\n        lines.push('_No deals_');\n      } else {\n        for (const deal of stageDeals) {\n          lines.push(\n            `- **${deal.name}** - ${formatCurrency(deal.value, deal.currency)}`\n          );\n        }\n      }\n\n      lines.push('');\n    }\n\n    return {\n      mimeType: 'text/markdown',\n      body: lines.join('\\n'),\n    };\n  },\n};\n\n/**\n * Markdown renderer for CRM Dashboard (crm-pipeline.dashboard)\n * Only handles CrmDashboard component\n */\nexport const crmDashboardMarkdownRenderer: PresentationRenderer<{\n  mimeType: string;\n  body: string;\n}> = {\n  target: 'markdown',\n  render: async (desc, _ctx) => {\n    // Only handle CrmDashboard\n    if (\n      desc.source.type !== 'component' ||\n      desc.source.componentKey !== 'CrmDashboard'\n    ) {\n      throw new Error('crmDashboardMarkdownRenderer: not CrmDashboard');\n    }\n\n    const pipelineId = 'pipeline-1';\n    const [dealsResult, stages] = await Promise.all([\n      mockListDealsHandler({ pipelineId, limit: 100 }),\n      mockGetPipelineStagesHandler({ pipelineId }),\n    ]);\n\n    const deals = dealsResult.deals as DealItem[];\n    const stageList = stages as StageItem[];\n\n    // Calculate stats\n    const openDeals = deals.filter((d) => d.status === 'OPEN');\n    const wonDeals = deals.filter((d) => d.status === 'WON');\n    const lostDeals = deals.filter((d) => d.status === 'LOST');\n    const openValue = openDeals.reduce((sum, d) => sum + d.value, 0);\n    const wonValue = wonDeals.reduce((sum, d) => sum + d.value, 0);\n\n    // Build dashboard markdown\n    const lines: string[] = [\n      '# CRM Dashboard',\n      '',\n      '> Sales pipeline overview and key metrics',\n      '',\n      '## Summary',\n      '',\n      '| Metric | Value |',\n      '|--------|-------|',\n      `| Total Deals | ${dealsResult.total} |`,\n      `| Pipeline Value | ${formatCurrency(dealsResult.totalValue)} |`,\n      `| Open Deals | ${openDeals.length} (${formatCurrency(openValue)}) |`,\n      `| Won Deals | ${wonDeals.length} (${formatCurrency(wonValue)}) |`,\n      `| Lost Deals | ${lostDeals.length} |`,\n      '',\n      '## Pipeline Stages',\n      '',\n    ];\n\n    // Stage summary table\n    lines.push('| Stage | Deals | Value |');\n    lines.push('|-------|-------|-------|');\n    for (const stage of stageList.sort((a, b) => a.position - b.position)) {\n      const stageDeals = openDeals.filter((d) => d.stageId === stage.id);\n      const stageValue = stageDeals.reduce((sum, d) => sum + d.value, 0);\n      lines.push(\n        `| ${stage.name} | ${stageDeals.length} | ${formatCurrency(stageValue)} |`\n      );\n    }\n\n    lines.push('');\n    lines.push('## Recent Deals');\n    lines.push('');\n\n    // Top 10 recent deals\n    const recentDeals = deals.slice(0, 10);\n    if (recentDeals.length === 0) {\n      lines.push('_No deals yet._');\n    } else {\n      lines.push('| Deal | Value | Stage | Status |');\n      lines.push('|------|-------|-------|--------|');\n      for (const deal of recentDeals) {\n        const stage = stageList.find((s) => s.id === deal.stageId);\n        lines.push(\n          `| ${deal.name} | ${formatCurrency(deal.value, deal.currency)} | ${stage?.name ?? '-'} | ${deal.status} |`\n        );\n      }\n    }\n\n    return {\n      mimeType: 'text/markdown',\n      body: lines.join('\\n'),\n    };\n  },\n};\n"],"mappings":"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"}

package/dist/ui/renderers/pipeline.renderer.d.ts

@@ -0,0 +1,9 @@
+import { PresentationRenderer } from "@contractspec/lib.contracts";
+import * as React from "react";
+
+//#region src/ui/renderers/pipeline.renderer.d.ts
+
+declare const crmPipelineReactRenderer: PresentationRenderer<React.ReactElement>;
+//#endregion
+export { crmPipelineReactRenderer };
+//# sourceMappingURL=pipeline.renderer.d.ts.map

package/dist/ui/renderers/pipeline.renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline.renderer.d.ts","names":[],"sources":["../../../src/ui/renderers/pipeline.renderer.tsx"],"sourcesContent":[],"mappings":";;;;;cAmBa,0BAA0B,qBAAqB,KAAA,CAAM"}

package/dist/ui/renderers/pipeline.renderer.js

@@ -0,0 +1,28 @@
+import { useDealList } from "../hooks/useDealList.js";
+import { CrmPipelineBoard } from "../CrmPipelineBoard.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/ui/renderers/pipeline.renderer.tsx
+/**
+* Wrapper component that provides data to CrmPipelineBoard
+*/
+function CrmPipelineBoardWrapper() {
+	const { dealsByStage, stages } = useDealList();
+	return /* @__PURE__ */ jsx(CrmPipelineBoard, {
+		dealsByStage,
+		stages
+	});
+}
+const 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__ */ jsx(CrmPipelineBoardWrapper, {});
+	}
+};
+
+//#endregion
+export { crmPipelineReactRenderer };
+//# sourceMappingURL=pipeline.renderer.js.map

package/dist/ui/renderers/pipeline.renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline.renderer.js","names":[],"sources":["../../../src/ui/renderers/pipeline.renderer.tsx"],"sourcesContent":["/**\n * React renderer for CRM Pipeline presentation\n *\n * Renders the CRM pipeline board component.\n * Data is fetched via the CrmPipelineBoard component's internal hooks.\n */\nimport * as React from 'react';\nimport type { PresentationRenderer } from '@contractspec/lib.contracts';\nimport { CrmPipelineBoard } from '../CrmPipelineBoard';\nimport { useDealList } from '../hooks/useDealList';\n\n/**\n * Wrapper component that provides data to CrmPipelineBoard\n */\nfunction CrmPipelineBoardWrapper() {\n  const { dealsByStage, stages } = useDealList();\n  return <CrmPipelineBoard dealsByStage={dealsByStage} stages={stages} />;\n}\n\nexport const crmPipelineReactRenderer: PresentationRenderer<React.ReactElement> =\n  {\n    target: 'react',\n    render: async (desc, _ctx) => {\n      if (desc.source.type !== 'component') {\n        throw new Error('Invalid source type');\n      }\n\n      if (desc.source.componentKey !== 'CrmPipelineView') {\n        throw new Error(`Unknown component: ${desc.source.componentKey}`);\n      }\n\n      // Note: The wrapper component will fetch data internally\n      return <CrmPipelineBoardWrapper />;\n    },\n  };\n"],"mappings":";;;;;;;;;AAcA,SAAS,0BAA0B;CACjC,MAAM,EAAE,cAAc,WAAW,aAAa;AAC9C,QAAO,oBAAC;EAA+B;EAAsB;GAAU;;AAGzE,MAAa,2BACX;CACE,QAAQ;CACR,QAAQ,OAAO,MAAM,SAAS;AAC5B,MAAI,KAAK,OAAO,SAAS,YACvB,OAAM,IAAI,MAAM,sBAAsB;AAGxC,MAAI,KAAK,OAAO,iBAAiB,kBAC/B,OAAM,IAAI,MAAM,sBAAsB,KAAK,OAAO,eAAe;AAInE,SAAO,oBAAC,4BAA0B;;CAErC"}

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "@contractspec/example.crm-pipeline",
-  "version": "1.46.1",
+  "version": "1.47.0",
   "description": "CRM Pipeline - Contacts, Companies, Deals, Tasks",
   "type": "module",
-  "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": "./dist/index.js",
@@ -12,6 +11,7 @@
     "./deal/deal.enum": "./dist/deal/deal.enum.js",
     "./deal/deal.operation": "./dist/deal/deal.operation.js",
     "./deal/deal.schema": "./dist/deal/deal.schema.js",
+    "./deal/deal.test-spec": "./dist/deal/deal.test-spec.js",
     "./docs": "./dist/docs/index.js",
     "./docs/crm-pipeline.docblock": "./dist/docs/crm-pipeline.docblock.js",
     "./entities": "./dist/entities/index.js",
@@ -25,12 +25,30 @@
     "./events/task.event": "./dist/events/task.event.js",
     "./example": "./dist/example.js",
     "./handlers": "./dist/handlers/index.js",
+    "./handlers/crm.handlers": "./dist/handlers/crm.handlers.js",
     "./handlers/deal.handlers": "./dist/handlers/deal.handlers.js",
     "./handlers/mock-data": "./dist/handlers/mock-data.js",
     "./operations": "./dist/operations/index.js",
     "./presentations": "./dist/presentations/index.js",
     "./presentations/dashboard.presentation": "./dist/presentations/dashboard.presentation.js",
     "./presentations/pipeline.presentation": "./dist/presentations/pipeline.presentation.js",
+    "./seeders": "./dist/seeders/index.js",
+    "./shared/overlay-types": "./dist/shared/overlay-types.js",
+    "./ui": "./dist/ui/index.js",
+    "./ui/CrmDashboard": "./dist/ui/CrmDashboard.js",
+    "./ui/CrmDealCard": "./dist/ui/CrmDealCard.js",
+    "./ui/CrmPipelineBoard": "./dist/ui/CrmPipelineBoard.js",
+    "./ui/hooks": "./dist/ui/hooks/index.js",
+    "./ui/hooks/useDealList": "./dist/ui/hooks/useDealList.js",
+    "./ui/hooks/useDealMutations": "./dist/ui/hooks/useDealMutations.js",
+    "./ui/modals": "./dist/ui/modals/index.js",
+    "./ui/modals/CreateDealModal": "./dist/ui/modals/CreateDealModal.js",
+    "./ui/modals/DealActionsModal": "./dist/ui/modals/DealActionsModal.js",
+    "./ui/overlays": "./dist/ui/overlays/index.js",
+    "./ui/overlays/demo-overlays": "./dist/ui/overlays/demo-overlays.js",
+    "./ui/renderers": "./dist/ui/renderers/index.js",
+    "./ui/renderers/pipeline.markdown": "./dist/ui/renderers/pipeline.markdown.js",
+    "./ui/renderers/pipeline.renderer": "./dist/ui/renderers/pipeline.renderer.js",
     "./*": "./*"
   },
   "scripts": {
@@ -44,22 +62,29 @@
     "lint": "bun lint:fix",
     "lint:fix": "eslint src --fix",
     "lint:check": "eslint src",
-    "test": "bun run"
+    "test": "bun test"
   },
   "dependencies": {
-    "@contractspec/lib.schema": "1.46.1",
-    "@contractspec/lib.contracts": "1.46.1",
-    "@contractspec/lib.identity-rbac": "1.46.1",
-    "@contractspec/module.audit-trail": "1.46.1",
-    "@contractspec/module.notifications": "1.46.1"
+    "@contractspec/lib.contracts": "1.47.0",
+    "@contractspec/lib.design-system": "1.47.0",
+    "@contractspec/lib.example-shared-ui": "1.1.0",
+    "@contractspec/lib.identity-rbac": "1.47.0",
+    "@contractspec/lib.runtime-sandbox": "0.2.0",
+    "@contractspec/lib.schema": "1.47.0",
+    "@contractspec/lib.ui-kit-web": "1.47.0",
+    "@contractspec/module.audit-trail": "1.47.0",
+    "@contractspec/module.notifications": "1.47.0",
+    "react": "19.2.3",
+    "react-dom": "19.2.3"
   },
   "devDependencies": {
-    "@contractspec/tool.tsdown": "1.46.1",
-    "@contractspec/tool.typescript": "1.46.1",
-    "tsdown": "^0.18.3",
-    "typescript": "^5.9.3"
+    "@contractspec/tool.tsdown": "1.47.0",
+    "@contractspec/tool.typescript": "1.47.0",
+    "tsdown": "^0.19.0",
+    "typescript": "^5.9.3",
+    "@types/react": "^19.2.8",
+    "@types/react-dom": "^19.2.2"
   },
-  "module": "./dist/index.js",
   "publishConfig": {
     "exports": {
       ".": "./dist/index.js",

package/src/crm-pipeline.feature.ts

@@ -3,13 +3,13 @@
  *
  * Defines the feature module for CRM and sales pipeline capabilities.
  */
-import type { FeatureModuleSpec } from '@contractspec/lib.contracts';
+import { defineFeature } from '@contractspec/lib.contracts';
 
 /**
  * CRM Pipeline feature module that bundles deal management,
  * pipeline operations, and contact management into an installable feature.
  */
-export const CrmPipelineFeature: FeatureModuleSpec = {
+export const CrmPipelineFeature = defineFeature({
   meta: {
     key: 'crm-pipeline',
     title: 'CRM Pipeline',
@@ -97,4 +97,4 @@ export const CrmPipelineFeature: FeatureModuleSpec = {
       { key: 'notifications', version: '1.0.0' },
     ],
   },
-};
+});

package/src/deal/deal.test-spec.ts

@@ -0,0 +1,55 @@
+import { defineTestSpec } from '@contractspec/lib.contracts';
+
+export const dealListTest = defineTestSpec({
+  meta: {
+    key: 'test.crm.deal.list',
+    version: '1.0.0',
+    owners: ['@example.crm-pipeline'],
+    description: 'Test for listing deals',
+    stability: 'stable',
+    tags: ['test'],
+  },
+  target: {
+    type: 'operation',
+    operation: { key: 'crm.deal.list', version: '1.0.0' },
+  },
+  scenarios: [
+    {
+      key: 'success',
+      when: { operation: { key: 'crm.deal.list' } },
+      then: [{ type: 'expectOutput', match: {} }],
+    },
+    {
+      key: 'error',
+      when: { operation: { key: 'crm.deal.list' } },
+      then: [{ type: 'expectError' }],
+    },
+  ],
+});
+
+export const dealMoveTest = defineTestSpec({
+  meta: {
+    key: 'test.crm.deal.move',
+    version: '1.0.0',
+    owners: ['@example.crm-pipeline'],
+    description: 'Test for moving deal',
+    stability: 'stable',
+    tags: ['test'],
+  },
+  target: {
+    type: 'operation',
+    operation: { key: 'crm.deal.move', version: '1.0.0' },
+  },
+  scenarios: [
+    {
+      key: 'success',
+      when: { operation: { key: 'crm.deal.move' } },
+      then: [{ type: 'expectOutput', match: {} }],
+    },
+    {
+      key: 'error',
+      when: { operation: { key: 'crm.deal.move' } },
+      then: [{ type: 'expectError' }],
+    },
+  ],
+});

package/src/example.ts

@@ -1,6 +1,6 @@
-import type { ExampleSpec } from '@contractspec/lib.contracts';
+import { defineExample } from '@contractspec/lib.contracts';
 
-const example: ExampleSpec = {
+const example = defineExample({
   meta: {
     key: 'crm-pipeline',
     version: '1.0.0',
@@ -33,6 +33,6 @@ const example: ExampleSpec = {
     studio: { enabled: true, installable: true },
     mcp: { enabled: true },
   },
-};
+});
 
 export default example;