@contractspec/example.saas-boilerplate 1.46.0 → 1.47.0

package/dist/ui/index.d.ts

@@ -0,0 +1,14 @@
+import { SaasDashboard } from "./SaasDashboard.js";
+import { SaasProjectList } from "./SaasProjectList.js";
+import { SaasSettingsPanel } from "./SaasSettingsPanel.js";
+import { CreateProjectModal } from "./modals/CreateProjectModal.js";
+import { ProjectActionsModal } from "./modals/ProjectActionsModal.js";
+import "./modals/index.js";
+import { UseProjectListOptions, useProjectList } from "./hooks/useProjectList.js";
+import { UseProjectMutationsOptions, useProjectMutations } from "./hooks/useProjectMutations.js";
+import "./hooks/index.js";
+import { projectListReactRenderer } from "./renderers/project-list.renderer.js";
+import { projectListMarkdownRenderer, saasBillingMarkdownRenderer, saasDashboardMarkdownRenderer } from "./renderers/project-list.markdown.js";
+import "./renderers/index.js";
+import { saasDemoOverlay, saasFreeUserOverlay, saasOverlays } from "./overlays/demo-overlays.js";
+export { CreateProjectModal, ProjectActionsModal, SaasDashboard, SaasProjectList, SaasSettingsPanel, UseProjectListOptions, UseProjectMutationsOptions, projectListMarkdownRenderer, projectListReactRenderer, saasBillingMarkdownRenderer, saasDashboardMarkdownRenderer, saasDemoOverlay, saasFreeUserOverlay, saasOverlays, useProjectList, useProjectMutations };

package/dist/ui/index.js

@@ -0,0 +1,15 @@
+import { useProjectList } from "./hooks/useProjectList.js";
+import { useProjectMutations } from "./hooks/useProjectMutations.js";
+import { CreateProjectModal } from "./modals/CreateProjectModal.js";
+import { ProjectActionsModal } from "./modals/ProjectActionsModal.js";
+import { SaasDashboard } from "./SaasDashboard.js";
+import { SaasProjectList } from "./SaasProjectList.js";
+import { SaasSettingsPanel } from "./SaasSettingsPanel.js";
+import "./modals/index.js";
+import "./hooks/index.js";
+import { projectListReactRenderer } from "./renderers/project-list.renderer.js";
+import { projectListMarkdownRenderer, saasBillingMarkdownRenderer, saasDashboardMarkdownRenderer } from "./renderers/project-list.markdown.js";
+import "./renderers/index.js";
+import { saasDemoOverlay, saasFreeUserOverlay, saasOverlays } from "./overlays/demo-overlays.js";
+
+export { CreateProjectModal, ProjectActionsModal, SaasDashboard, SaasProjectList, SaasSettingsPanel, projectListMarkdownRenderer, projectListReactRenderer, saasBillingMarkdownRenderer, saasDashboardMarkdownRenderer, saasDemoOverlay, saasFreeUserOverlay, saasOverlays, useProjectList, useProjectMutations };

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

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime2 from "react/jsx-runtime";
+
+//#region src/ui/modals/CreateProjectModal.d.ts
+interface CreateProjectInput {
+  name: string;
+  description?: string;
+  tier: 'FREE' | 'PRO' | 'ENTERPRISE';
+}
+interface CreateProjectModalProps {
+  isOpen: boolean;
+  onClose: () => void;
+  onSubmit: (input: CreateProjectInput) => Promise<void>;
+  isLoading?: boolean;
+}
+declare function CreateProjectModal({
+  isOpen,
+  onClose,
+  onSubmit,
+  isLoading
+}: CreateProjectModalProps): react_jsx_runtime2.JSX.Element | null;
+//#endregion
+export { CreateProjectInput, CreateProjectModal };
+//# sourceMappingURL=CreateProjectModal.d.ts.map

package/dist/ui/modals/CreateProjectModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateProjectModal.d.ts","names":[],"sources":["../../../src/ui/modals/CreateProjectModal.tsx"],"sourcesContent":[],"mappings":";;;UAWiB,kBAAA;;;EAAA,IAAA,EAAA,MAAA,GAAA,KAAA,GAAkB,YAAA;AAIlC;AAeD,UAbU,uBAAA,CAawB;EAChC,MAAA,EAAA,OAAA;EACA,OAAA,EAAA,GAAA,GAAA,IAAA;EACA,QAAA,EAAA,CAAA,KAAA,EAbkB,kBAalB,EAAA,GAbyC,OAazC,CAAA,IAAA,CAAA;EACA,SAAA,CAAA,EAAA,OAAA;;AACwB,iBALV,kBAAA,CAKU;EAAA,MAAA;EAAA,OAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAAvB,uBAAuB,CAAA,EAAA,kBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,IAAA"}

package/dist/ui/modals/CreateProjectModal.js

@@ -0,0 +1,139 @@
+'use client';
+
+import { useState } from "react";
+import { Button, Input } from "@contractspec/lib.design-system";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/ui/modals/CreateProjectModal.tsx
+/**
+* CreateProjectModal - Form for creating a new project
+*
+* Wires to CreateProjectContract via useProjectMutations hook.
+*/
+const TIERS = [
+	{
+		value: "FREE",
+		label: "Free"
+	},
+	{
+		value: "PRO",
+		label: "Pro"
+	},
+	{
+		value: "ENTERPRISE",
+		label: "Enterprise"
+	}
+];
+function CreateProjectModal({ isOpen, onClose, onSubmit, isLoading = false }) {
+	const [name, setName] = useState("");
+	const [description, setDescription] = useState("");
+	const [tier, setTier] = useState("FREE");
+	const [error, setError] = useState(null);
+	const handleSubmit = async (e) => {
+		e.preventDefault();
+		setError(null);
+		if (!name.trim()) {
+			setError("Project name is required");
+			return;
+		}
+		try {
+			await onSubmit({
+				name: name.trim(),
+				description: description.trim() || void 0,
+				tier
+			});
+			setName("");
+			setDescription("");
+			setTier("FREE");
+			onClose();
+		} catch (err) {
+			setError(err instanceof Error ? err.message : "Failed to create project");
+		}
+	};
+	if (!isOpen) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "bg-background/80 absolute inset-0 backdrop-blur-sm",
+			onClick: onClose,
+			role: "button",
+			tabIndex: 0,
+			onKeyDown: (e) => {
+				if (e.key === "Enter" || e.key === " ") onClose();
+			},
+			"aria-label": "Close modal"
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "bg-card border-border relative z-10 w-full max-w-md rounded-xl border p-6 shadow-xl",
+			children: [/* @__PURE__ */ jsx("h2", {
+				className: "mb-4 text-xl font-semibold",
+				children: "Create New Project"
+			}), /* @__PURE__ */ jsxs("form", {
+				onSubmit: handleSubmit,
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
+						htmlFor: "project-name",
+						className: "text-muted-foreground mb-1 block text-sm font-medium",
+						children: "Project Name *"
+					}), /* @__PURE__ */ jsx(Input, {
+						id: "project-name",
+						value: name,
+						onChange: (e) => setName(e.target.value),
+						placeholder: "e.g., My Awesome Project",
+						disabled: isLoading
+					})] }),
+					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
+						htmlFor: "project-description",
+						className: "text-muted-foreground mb-1 block text-sm font-medium",
+						children: "Description"
+					}), /* @__PURE__ */ jsx("textarea", {
+						id: "project-description",
+						value: description,
+						onChange: (e) => setDescription(e.target.value),
+						placeholder: "Describe what this project is about...",
+						rows: 3,
+						disabled: isLoading,
+						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 disabled:opacity-50"
+					})] }),
+					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
+						htmlFor: "project-tier",
+						className: "text-muted-foreground mb-1 block text-sm font-medium",
+						children: "Tier"
+					}), /* @__PURE__ */ jsx("select", {
+						id: "project-tier",
+						value: tier,
+						onChange: (e) => setTier(e.target.value),
+						disabled: isLoading,
+						className: "border-input bg-background focus:ring-ring h-10 w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none disabled:opacity-50",
+						children: TIERS.map((t) => /* @__PURE__ */ jsx("option", {
+							value: t.value,
+							children: t.label
+						}, t.value))
+					})] }),
+					error && /* @__PURE__ */ jsx("div", {
+						className: "bg-destructive/10 text-destructive rounded-md p-3 text-sm",
+						children: error
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex justify-end gap-3 pt-2",
+						children: [/* @__PURE__ */ jsx(Button, {
+							type: "button",
+							variant: "ghost",
+							onPress: onClose,
+							disabled: isLoading,
+							children: "Cancel"
+						}), /* @__PURE__ */ jsx(Button, {
+							type: "submit",
+							disabled: isLoading,
+							children: isLoading ? "Creating..." : "Create Project"
+						})]
+					})
+				]
+			})]
+		})]
+	});
+}
+
+//#endregion
+export { CreateProjectModal };
+//# sourceMappingURL=CreateProjectModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreateProjectModal.js","names":[],"sources":["../../../src/ui/modals/CreateProjectModal.tsx"],"sourcesContent":["'use client';\n\n/**\n * CreateProjectModal - Form for creating a new project\n *\n * Wires to CreateProjectContract via useProjectMutations hook.\n */\nimport { useState } from 'react';\nimport { Button, Input } from '@contractspec/lib.design-system';\n\n// Local type definition for modal props\nexport interface CreateProjectInput {\n  name: string;\n  description?: string;\n  tier: 'FREE' | 'PRO' | 'ENTERPRISE';\n}\n\ninterface CreateProjectModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onSubmit: (input: CreateProjectInput) => Promise<void>;\n  isLoading?: boolean;\n}\n\nconst TIERS: { value: CreateProjectInput['tier']; label: string }[] = [\n  { value: 'FREE', label: 'Free' },\n  { value: 'PRO', label: 'Pro' },\n  { value: 'ENTERPRISE', label: 'Enterprise' },\n];\n\nexport function CreateProjectModal({\n  isOpen,\n  onClose,\n  onSubmit,\n  isLoading = false,\n}: CreateProjectModalProps) {\n  const [name, setName] = useState('');\n  const [description, setDescription] = useState('');\n  const [tier, setTier] = useState<CreateProjectInput['tier']>('FREE');\n  const [error, setError] = useState<string | null>(null);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n\n    // Validation\n    if (!name.trim()) {\n      setError('Project name is required');\n      return;\n    }\n\n    try {\n      await onSubmit({\n        name: name.trim(),\n        description: description.trim() || undefined,\n        tier,\n      });\n\n      // Reset form\n      setName('');\n      setDescription('');\n      setTier('FREE');\n      onClose();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to create project');\n    }\n  };\n\n  if (!isOpen) 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={onClose}\n        role=\"button\"\n        tabIndex={0}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') onClose();\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        <h2 className=\"mb-4 text-xl font-semibold\">Create New Project</h2>\n\n        <form onSubmit={handleSubmit} className=\"space-y-4\">\n          {/* Project Name */}\n          <div>\n            <label\n              htmlFor=\"project-name\"\n              className=\"text-muted-foreground mb-1 block text-sm font-medium\"\n            >\n              Project Name *\n            </label>\n            <Input\n              id=\"project-name\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              placeholder=\"e.g., My Awesome Project\"\n              disabled={isLoading}\n            />\n          </div>\n\n          {/* Description */}\n          <div>\n            <label\n              htmlFor=\"project-description\"\n              className=\"text-muted-foreground mb-1 block text-sm font-medium\"\n            >\n              Description\n            </label>\n            <textarea\n              id=\"project-description\"\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              placeholder=\"Describe what this project is about...\"\n              rows={3}\n              disabled={isLoading}\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 disabled:opacity-50\"\n            />\n          </div>\n\n          {/* Tier */}\n          <div>\n            <label\n              htmlFor=\"project-tier\"\n              className=\"text-muted-foreground mb-1 block text-sm font-medium\"\n            >\n              Tier\n            </label>\n            <select\n              id=\"project-tier\"\n              value={tier}\n              onChange={(e) =>\n                setTier(e.target.value as CreateProjectInput['tier'])\n              }\n              disabled={isLoading}\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 disabled:opacity-50\"\n            >\n              {TIERS.map((t) => (\n                <option key={t.value} value={t.value}>\n                  {t.label}\n                </option>\n              ))}\n            </select>\n          </div>\n\n          {/* Error Message */}\n          {error && (\n            <div className=\"bg-destructive/10 text-destructive rounded-md p-3 text-sm\">\n              {error}\n            </div>\n          )}\n\n          {/* Actions */}\n          <div className=\"flex justify-end gap-3 pt-2\">\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              onPress={onClose}\n              disabled={isLoading}\n            >\n              Cancel\n            </Button>\n            <Button type=\"submit\" disabled={isLoading}>\n              {isLoading ? 'Creating...' : 'Create Project'}\n            </Button>\n          </div>\n        </form>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAwBA,MAAM,QAAgE;CACpE;EAAE,OAAO;EAAQ,OAAO;EAAQ;CAChC;EAAE,OAAO;EAAO,OAAO;EAAO;CAC9B;EAAE,OAAO;EAAc,OAAO;EAAc;CAC7C;AAED,SAAgB,mBAAmB,EACjC,QACA,SACA,UACA,YAAY,SACc;CAC1B,MAAM,CAAC,MAAM,WAAW,SAAS,GAAG;CACpC,MAAM,CAAC,aAAa,kBAAkB,SAAS,GAAG;CAClD,MAAM,CAAC,MAAM,WAAW,SAAqC,OAAO;CACpE,MAAM,CAAC,OAAO,YAAY,SAAwB,KAAK;CAEvD,MAAM,eAAe,OAAO,MAAuB;AACjD,IAAE,gBAAgB;AAClB,WAAS,KAAK;AAGd,MAAI,CAAC,KAAK,MAAM,EAAE;AAChB,YAAS,2BAA2B;AACpC;;AAGF,MAAI;AACF,SAAM,SAAS;IACb,MAAM,KAAK,MAAM;IACjB,aAAa,YAAY,MAAM,IAAI;IACnC;IACD,CAAC;AAGF,WAAQ,GAAG;AACX,kBAAe,GAAG;AAClB,WAAQ,OAAO;AACf,YAAS;WACF,KAAK;AACZ,YAAS,eAAe,QAAQ,IAAI,UAAU,2BAA2B;;;AAI7E,KAAI,CAAC,OAAQ,QAAO;AAEpB,QACE,qBAAC;EAAI,WAAU;aAEb,oBAAC;GACC,WAAU;GACV,SAAS;GACT,MAAK;GACL,UAAU;GACV,YAAY,MAAM;AAChB,QAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,IAAK,UAAS;;GAEnD,cAAW;IACX,EAGF,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAG,WAAU;cAA6B;KAAuB,EAElE,qBAAC;IAAK,UAAU;IAAc,WAAU;;KAEtC,qBAAC,oBACC,oBAAC;MACC,SAAQ;MACR,WAAU;gBACX;OAEO,EACR,oBAAC;MACC,IAAG;MACH,OAAO;MACP,WAAW,MAAM,QAAQ,EAAE,OAAO,MAAM;MACxC,aAAY;MACZ,UAAU;OACV,IACE;KAGN,qBAAC,oBACC,oBAAC;MACC,SAAQ;MACR,WAAU;gBACX;OAEO,EACR,oBAAC;MACC,IAAG;MACH,OAAO;MACP,WAAW,MAAM,eAAe,EAAE,OAAO,MAAM;MAC/C,aAAY;MACZ,MAAM;MACN,UAAU;MACV,WAAU;OACV,IACE;KAGN,qBAAC,oBACC,oBAAC;MACC,SAAQ;MACR,WAAU;gBACX;OAEO,EACR,oBAAC;MACC,IAAG;MACH,OAAO;MACP,WAAW,MACT,QAAQ,EAAE,OAAO,MAAoC;MAEvD,UAAU;MACV,WAAU;gBAET,MAAM,KAAK,MACV,oBAAC;OAAqB,OAAO,EAAE;iBAC5B,EAAE;SADQ,EAAE,MAEN,CACT;OACK,IACL;KAGL,SACC,oBAAC;MAAI,WAAU;gBACZ;OACG;KAIR,qBAAC;MAAI,WAAU;iBACb,oBAAC;OACC,MAAK;OACL,SAAQ;OACR,SAAS;OACT,UAAU;iBACX;QAEQ,EACT,oBAAC;OAAO,MAAK;OAAS,UAAU;iBAC7B,YAAY,gBAAgB;QACtB;OACL;;KACD;IACH;GACF"}

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

@@ -0,0 +1,38 @@
+import * as react_jsx_runtime3 from "react/jsx-runtime";
+
+//#region src/ui/modals/ProjectActionsModal.d.ts
+interface Project {
+  id: string;
+  name: string;
+  description?: string;
+  status: 'DRAFT' | 'ACTIVE' | 'ARCHIVED';
+  tier: 'FREE' | 'PRO' | 'ENTERPRISE';
+}
+interface UpdateProjectInput {
+  id: string;
+  name?: string;
+  description?: string;
+}
+interface ProjectActionsModalProps {
+  isOpen: boolean;
+  project: Project | null;
+  onClose: () => void;
+  onUpdate: (input: UpdateProjectInput) => Promise<void>;
+  onArchive: (projectId: string) => Promise<void>;
+  onActivate: (projectId: string) => Promise<void>;
+  onDelete: (projectId: string) => Promise<void>;
+  isLoading?: boolean;
+}
+declare function ProjectActionsModal({
+  isOpen,
+  project,
+  onClose,
+  onUpdate,
+  onArchive,
+  onActivate,
+  onDelete,
+  isLoading
+}: ProjectActionsModalProps): react_jsx_runtime3.JSX.Element | null;
+//#endregion
+export { Project, ProjectActionsModal, UpdateProjectInput };
+//# sourceMappingURL=ProjectActionsModal.d.ts.map

package/dist/ui/modals/ProjectActionsModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectActionsModal.d.ts","names":[],"sources":["../../../src/ui/modals/ProjectActionsModal.tsx"],"sourcesContent":[],"mappings":";;;UAYiB,OAAA;;;EAAA,WAAO,CAAA,EAAA,MAAA;EAQP,MAAA,EAAA,OAAA,GAAA,QAAkB,GAAA,UAAA;EAQzB,IAAA,EAAA,MAAA,GAAA,KAAA,GAAA,YAAwB;;AAId,UAZH,kBAAA,CAYG;EAAuB,EAAA,EAAA,MAAA;EACP,IAAA,CAAA,EAAA,MAAA;EACC,WAAA,CAAA,EAAA,MAAA;;UAN3B,wBAAA,CAOgC;EAI1B,MAAA,EAAA,OAAA;EACd,OAAA,EAVS,OAUT,GAAA,IAAA;EACA,OAAA,EAAA,GAAA,GAAA,IAAA;EACA,QAAA,EAAA,CAAA,KAAA,EAVkB,kBAUlB,EAAA,GAVyC,OAUzC,CAAA,IAAA,CAAA;EACA,SAAA,EAAA,CAAA,SAAA,EAAA,MAAA,EAAA,GAVkC,OAUlC,CAAA,IAAA,CAAA;EACA,UAAA,EAAA,CAAA,SAAA,EAAA,MAAA,EAAA,GAVmC,OAUnC,CAAA,IAAA,CAAA;EACA,QAAA,EAAA,CAAA,SAAA,EAAA,MAAA,EAAA,GAViC,OAUjC,CAAA,IAAA,CAAA;EACA,SAAA,CAAA,EAAA,OAAA;;AAEC,iBATa,mBAAA,CASb;EAAA,MAAA;EAAA,OAAA;EAAA,OAAA;EAAA,QAAA;EAAA,SAAA;EAAA,UAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAAA,wBAAA,CAAA,EAAwB,kBAAA,CAAA,GAAA,CAAA,OAAA,GAAxB,IAAA"}

package/dist/ui/modals/ProjectActionsModal.js

@@ -0,0 +1,292 @@
+'use client';
+
+import { useEffect, useState } from "react";
+import { Button, Input } from "@contractspec/lib.design-system";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/ui/modals/ProjectActionsModal.tsx
+/**
+* ProjectActionsModal - Actions for a specific project
+*
+* Wires to UpdateProjectContract, DeleteProjectContract
+* via useProjectMutations hook.
+*/
+function ProjectActionsModal({ isOpen, project, onClose, onUpdate, onArchive, onActivate, onDelete, isLoading = false }) {
+	const [mode, setMode] = useState("menu");
+	const [name, setName] = useState("");
+	const [description, setDescription] = useState("");
+	const [error, setError] = useState(null);
+	const resetForm = () => {
+		setMode("menu");
+		setError(null);
+		if (project) {
+			setName(project.name);
+			setDescription(project.description ?? "");
+		}
+	};
+	const handleClose = () => {
+		resetForm();
+		onClose();
+	};
+	useEffect(() => {
+		if (project) {
+			setName(project.name);
+			setDescription(project.description ?? "");
+		}
+	}, [project]);
+	const handleEdit = async () => {
+		if (!project) return;
+		setError(null);
+		if (!name.trim()) {
+			setError("Project name is required");
+			return;
+		}
+		try {
+			await onUpdate({
+				id: project.id,
+				name: name.trim(),
+				description: description.trim() || void 0
+			});
+			handleClose();
+		} catch (err) {
+			setError(err instanceof Error ? err.message : "Failed to update project");
+		}
+	};
+	const handleArchive = async () => {
+		if (!project) return;
+		setError(null);
+		try {
+			await onArchive(project.id);
+			handleClose();
+		} catch (err) {
+			setError(err instanceof Error ? err.message : "Failed to archive project");
+		}
+	};
+	const handleActivate = async () => {
+		if (!project) return;
+		setError(null);
+		try {
+			await onActivate(project.id);
+			handleClose();
+		} catch (err) {
+			setError(err instanceof Error ? err.message : "Failed to activate project");
+		}
+	};
+	const handleDelete = async () => {
+		if (!project) return;
+		setError(null);
+		try {
+			await onDelete(project.id);
+			handleClose();
+		} catch (err) {
+			setError(err instanceof Error ? err.message : "Failed to delete project");
+		}
+	};
+	if (!isOpen || !project) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "bg-background/80 absolute inset-0 backdrop-blur-sm",
+			onClick: handleClose,
+			role: "button",
+			tabIndex: 0,
+			onKeyDown: (e) => {
+				if (e.key === "Enter" || e.key === " ") handleClose();
+			},
+			"aria-label": "Close modal"
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "bg-card border-border relative z-10 w-full max-w-md rounded-xl border p-6 shadow-xl",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "border-border mb-4 border-b pb-4",
+					children: [/* @__PURE__ */ jsx("h2", {
+						className: "text-xl font-semibold",
+						children: project.name
+					}), /* @__PURE__ */ jsxs("p", {
+						className: "text-muted-foreground text-sm",
+						children: [
+							project.tier,
+							" · ",
+							project.status
+						]
+					})]
+				}),
+				mode === "menu" && /* @__PURE__ */ jsxs("div", {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ jsxs(Button, {
+							className: "w-full justify-start",
+							variant: "ghost",
+							onPress: () => setMode("edit"),
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "mr-2",
+								children: "✏️"
+							}), " Edit Project"]
+						}),
+						project.status === "ACTIVE" || project.status === "DRAFT" ? /* @__PURE__ */ jsxs(Button, {
+							className: "w-full justify-start",
+							variant: "ghost",
+							onPress: () => setMode("archive"),
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "mr-2",
+								children: "📦"
+							}), " Archive Project"]
+						}) : project.status === "ARCHIVED" ? /* @__PURE__ */ jsxs(Button, {
+							className: "w-full justify-start",
+							variant: "ghost",
+							onPress: handleActivate,
+							disabled: isLoading,
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "mr-2",
+								children: "🔄"
+							}), " Restore Project"]
+						}) : null,
+						/* @__PURE__ */ jsxs(Button, {
+							className: "w-full justify-start text-red-500 hover:text-red-600",
+							variant: "ghost",
+							onPress: () => setMode("delete"),
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "mr-2",
+								children: "🗑️"
+							}), " Delete Project"]
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "border-border border-t pt-3",
+							children: /* @__PURE__ */ jsx(Button, {
+								className: "w-full",
+								variant: "outline",
+								onPress: handleClose,
+								children: "Close"
+							})
+						})
+					]
+				}),
+				mode === "edit" && /* @__PURE__ */ jsxs("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
+							htmlFor: "edit-name",
+							className: "text-muted-foreground mb-1 block text-sm font-medium",
+							children: "Project Name *"
+						}), /* @__PURE__ */ jsx(Input, {
+							id: "edit-name",
+							value: name,
+							onChange: (e) => setName(e.target.value),
+							disabled: isLoading
+						})] }),
+						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
+							htmlFor: "edit-description",
+							className: "text-muted-foreground mb-1 block text-sm font-medium",
+							children: "Description"
+						}), /* @__PURE__ */ jsx("textarea", {
+							id: "edit-description",
+							value: description,
+							onChange: (e) => setDescription(e.target.value),
+							rows: 3,
+							disabled: isLoading,
+							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 disabled:opacity-50"
+						})] }),
+						error && /* @__PURE__ */ jsx("div", {
+							className: "bg-destructive/10 text-destructive rounded-md p-3 text-sm",
+							children: error
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex justify-end gap-3 pt-2",
+							children: [/* @__PURE__ */ jsx(Button, {
+								variant: "ghost",
+								onPress: () => setMode("menu"),
+								disabled: isLoading,
+								children: "Back"
+							}), /* @__PURE__ */ jsx(Button, {
+								onPress: handleEdit,
+								disabled: isLoading,
+								children: isLoading ? "Saving..." : "Save Changes"
+							})]
+						})
+					]
+				}),
+				mode === "archive" && /* @__PURE__ */ jsxs("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ jsxs("p", {
+							className: "text-muted-foreground",
+							children: [
+								"Are you sure you want to archive",
+								" ",
+								/* @__PURE__ */ jsx("span", {
+									className: "text-foreground font-medium",
+									children: project.name
+								}),
+								"?"
+							]
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "text-muted-foreground text-sm",
+							children: "Archived projects can be restored later."
+						}),
+						error && /* @__PURE__ */ jsx("div", {
+							className: "bg-destructive/10 text-destructive rounded-md p-3 text-sm",
+							children: error
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex justify-end gap-3 pt-2",
+							children: [/* @__PURE__ */ jsx(Button, {
+								variant: "ghost",
+								onPress: () => setMode("menu"),
+								disabled: isLoading,
+								children: "Cancel"
+							}), /* @__PURE__ */ jsx(Button, {
+								onPress: handleArchive,
+								disabled: isLoading,
+								children: isLoading ? "Archiving..." : "📦 Archive"
+							})]
+						})
+					]
+				}),
+				mode === "delete" && /* @__PURE__ */ jsxs("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ jsxs("p", {
+							className: "text-muted-foreground",
+							children: [
+								"Are you sure you want to delete",
+								" ",
+								/* @__PURE__ */ jsx("span", {
+									className: "text-foreground font-medium",
+									children: project.name
+								}),
+								"?"
+							]
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "text-destructive text-sm",
+							children: "This action cannot be undone."
+						}),
+						error && /* @__PURE__ */ jsx("div", {
+							className: "bg-destructive/10 text-destructive rounded-md p-3 text-sm",
+							children: error
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex justify-end gap-3 pt-2",
+							children: [/* @__PURE__ */ jsx(Button, {
+								variant: "ghost",
+								onPress: () => setMode("menu"),
+								disabled: isLoading,
+								children: "Cancel"
+							}), /* @__PURE__ */ jsx(Button, {
+								variant: "destructive",
+								onPress: handleDelete,
+								disabled: isLoading,
+								children: isLoading ? "Deleting..." : "🗑️ Delete"
+							})]
+						})
+					]
+				})
+			]
+		})]
+	});
+}
+
+//#endregion
+export { ProjectActionsModal };
+//# sourceMappingURL=ProjectActionsModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectActionsModal.js","names":[],"sources":["../../../src/ui/modals/ProjectActionsModal.tsx"],"sourcesContent":["'use client';\n\n/**\n * ProjectActionsModal - Actions for a specific project\n *\n * Wires to UpdateProjectContract, DeleteProjectContract\n * via useProjectMutations hook.\n */\nimport { useEffect, useState } from 'react';\nimport { Button, Input } from '@contractspec/lib.design-system';\n\n// Local type definitions for modal props\nexport interface Project {\n  id: string;\n  name: string;\n  description?: string;\n  status: 'DRAFT' | 'ACTIVE' | 'ARCHIVED';\n  tier: 'FREE' | 'PRO' | 'ENTERPRISE';\n}\n\nexport interface UpdateProjectInput {\n  id: string;\n  name?: string;\n  description?: string;\n}\n\ntype ActionMode = 'menu' | 'edit' | 'archive' | 'delete';\n\ninterface ProjectActionsModalProps {\n  isOpen: boolean;\n  project: Project | null;\n  onClose: () => void;\n  onUpdate: (input: UpdateProjectInput) => Promise<void>;\n  onArchive: (projectId: string) => Promise<void>;\n  onActivate: (projectId: string) => Promise<void>;\n  onDelete: (projectId: string) => Promise<void>;\n  isLoading?: boolean;\n}\n\nexport function ProjectActionsModal({\n  isOpen,\n  project,\n  onClose,\n  onUpdate,\n  onArchive,\n  onActivate,\n  onDelete,\n  isLoading = false,\n}: ProjectActionsModalProps) {\n  const [mode, setMode] = useState<ActionMode>('menu');\n  const [name, setName] = useState('');\n  const [description, setDescription] = useState('');\n  const [error, setError] = useState<string | null>(null);\n\n  const resetForm = () => {\n    setMode('menu');\n    setError(null);\n    if (project) {\n      setName(project.name);\n      setDescription(project.description ?? '');\n    }\n  };\n\n  const handleClose = () => {\n    resetForm();\n    onClose();\n  };\n\n  // Initialize form when project changes\n  useEffect(() => {\n    if (project) {\n      setName(project.name);\n      setDescription(project.description ?? '');\n    }\n  }, [project]);\n\n  const handleEdit = async () => {\n    if (!project) return;\n    setError(null);\n\n    if (!name.trim()) {\n      setError('Project name is required');\n      return;\n    }\n\n    try {\n      await onUpdate({\n        id: project.id,\n        name: name.trim(),\n        description: description.trim() || undefined,\n      });\n      handleClose();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to update project');\n    }\n  };\n\n  const handleArchive = async () => {\n    if (!project) return;\n    setError(null);\n\n    try {\n      await onArchive(project.id);\n      handleClose();\n    } catch (err) {\n      setError(\n        err instanceof Error ? err.message : 'Failed to archive project'\n      );\n    }\n  };\n\n  const handleActivate = async () => {\n    if (!project) return;\n    setError(null);\n\n    try {\n      await onActivate(project.id);\n      handleClose();\n    } catch (err) {\n      setError(\n        err instanceof Error ? err.message : 'Failed to activate project'\n      );\n    }\n  };\n\n  const handleDelete = async () => {\n    if (!project) return;\n    setError(null);\n\n    try {\n      await onDelete(project.id);\n      handleClose();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to delete project');\n    }\n  };\n\n  if (!isOpen || !project) 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        {/* Project Header */}\n        <div className=\"border-border mb-4 border-b pb-4\">\n          <h2 className=\"text-xl font-semibold\">{project.name}</h2>\n          <p className=\"text-muted-foreground text-sm\">\n            {project.tier} · {project.status}\n          </p>\n        </div>\n\n        {/* Main Menu */}\n        {mode === 'menu' && (\n          <div className=\"space-y-3\">\n            <Button\n              className=\"w-full justify-start\"\n              variant=\"ghost\"\n              onPress={() => setMode('edit')}\n            >\n              <span className=\"mr-2\">✏️</span> Edit Project\n            </Button>\n\n            {project.status === 'ACTIVE' || project.status === 'DRAFT' ? (\n              <Button\n                className=\"w-full justify-start\"\n                variant=\"ghost\"\n                onPress={() => setMode('archive')}\n              >\n                <span className=\"mr-2\">📦</span> Archive Project\n              </Button>\n            ) : project.status === 'ARCHIVED' ? (\n              <Button\n                className=\"w-full justify-start\"\n                variant=\"ghost\"\n                onPress={handleActivate}\n                disabled={isLoading}\n              >\n                <span className=\"mr-2\">🔄</span> Restore Project\n              </Button>\n            ) : null}\n\n            <Button\n              className=\"w-full justify-start text-red-500 hover:text-red-600\"\n              variant=\"ghost\"\n              onPress={() => setMode('delete')}\n            >\n              <span className=\"mr-2\">🗑️</span> Delete Project\n            </Button>\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        {/* Edit Form */}\n        {mode === 'edit' && (\n          <div className=\"space-y-4\">\n            <div>\n              <label\n                htmlFor=\"edit-name\"\n                className=\"text-muted-foreground mb-1 block text-sm font-medium\"\n              >\n                Project Name *\n              </label>\n              <Input\n                id=\"edit-name\"\n                value={name}\n                onChange={(e) => setName(e.target.value)}\n                disabled={isLoading}\n              />\n            </div>\n\n            <div>\n              <label\n                htmlFor=\"edit-description\"\n                className=\"text-muted-foreground mb-1 block text-sm font-medium\"\n              >\n                Description\n              </label>\n              <textarea\n                id=\"edit-description\"\n                value={description}\n                onChange={(e) => setDescription(e.target.value)}\n                rows={3}\n                disabled={isLoading}\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 disabled:opacity-50\"\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={handleEdit} disabled={isLoading}>\n                {isLoading ? 'Saving...' : 'Save Changes'}\n              </Button>\n            </div>\n          </div>\n        )}\n\n        {/* Archive Confirmation */}\n        {mode === 'archive' && (\n          <div className=\"space-y-4\">\n            <p className=\"text-muted-foreground\">\n              Are you sure you want to archive{' '}\n              <span className=\"text-foreground font-medium\">\n                {project.name}\n              </span>\n              ?\n            </p>\n            <p className=\"text-muted-foreground text-sm\">\n              Archived projects can be restored later.\n            </p>\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                Cancel\n              </Button>\n              <Button onPress={handleArchive} disabled={isLoading}>\n                {isLoading ? 'Archiving...' : '📦 Archive'}\n              </Button>\n            </div>\n          </div>\n        )}\n\n        {/* Delete Confirmation */}\n        {mode === 'delete' && (\n          <div className=\"space-y-4\">\n            <p className=\"text-muted-foreground\">\n              Are you sure you want to delete{' '}\n              <span className=\"text-foreground font-medium\">\n                {project.name}\n              </span>\n              ?\n            </p>\n            <p className=\"text-destructive text-sm\">\n              This action cannot be undone.\n            </p>\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                Cancel\n              </Button>\n              <Button\n                variant=\"destructive\"\n                onPress={handleDelete}\n                disabled={isLoading}\n              >\n                {isLoading ? 'Deleting...' : '🗑️ Delete'}\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 { CreateProjectModal } from "./CreateProjectModal.js";
+import { ProjectActionsModal } from "./ProjectActionsModal.js";
+export { CreateProjectModal, ProjectActionsModal };

package/dist/ui/modals/index.js

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

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
+
+/**
+ * Free tier overlay - shows upgrade prompts and limits
+ */
+declare const saasFreeUserOverlay: OverlayDefinition;
+/**
+ * Demo user overlay
+ */
+declare const saasDemoOverlay: OverlayDefinition;
+/**
+ * All overlays for saas-boilerplate
+ */
+declare const saasOverlays: OverlayDefinition[];
+//#endregion
+export { saasDemoOverlay, saasFreeUserOverlay, saasOverlays };
+//# 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,qBAAqB;;;;cA4BrB,iBAAiB;;;;cA+BjB,cAAc"}