@contractspec/example.saas-boilerplate 0.0.0-canary-20260113170453

package/dist/shared/mock-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mock-data.js","names":[],"sources":["../../src/shared/mock-data.ts"],"sourcesContent":["/**\n * Shared mock data for saas-boilerplate handlers.\n */\n\n// ============ Project Mock Data ============\n\nexport const MOCK_PROJECTS = [\n  {\n    id: 'proj-1',\n    name: 'Marketing Website',\n    description: 'Main company website redesign project',\n    slug: 'marketing-website',\n    organizationId: 'demo-org',\n    createdBy: 'user-1',\n    status: 'ACTIVE' as const,\n    isPublic: false,\n    tags: ['marketing', 'website', 'redesign'],\n    createdAt: new Date('2024-01-15T10:00:00Z'),\n    updatedAt: new Date('2024-03-20T14:30:00Z'),\n  },\n  {\n    id: 'proj-2',\n    name: 'Mobile App v2',\n    description: 'Next generation mobile application',\n    slug: 'mobile-app-v2',\n    organizationId: 'demo-org',\n    createdBy: 'user-2',\n    status: 'ACTIVE' as const,\n    isPublic: false,\n    tags: ['mobile', 'app', 'v2'],\n    createdAt: new Date('2024-02-01T09:00:00Z'),\n    updatedAt: new Date('2024-04-05T11:15:00Z'),\n  },\n  {\n    id: 'proj-3',\n    name: 'API Integration',\n    description: 'Third-party API integration project',\n    slug: 'api-integration',\n    organizationId: 'demo-org',\n    createdBy: 'user-1',\n    status: 'DRAFT' as const,\n    isPublic: false,\n    tags: ['api', 'integration'],\n    createdAt: new Date('2024-03-10T08:00:00Z'),\n    updatedAt: new Date('2024-03-10T08:00:00Z'),\n  },\n  {\n    id: 'proj-4',\n    name: 'Analytics Dashboard',\n    description: 'Internal analytics and reporting dashboard',\n    slug: 'analytics-dashboard',\n    organizationId: 'demo-org',\n    createdBy: 'user-3',\n    status: 'ARCHIVED' as const,\n    isPublic: true,\n    tags: ['analytics', 'dashboard', 'reporting'],\n    createdAt: new Date('2023-10-01T12:00:00Z'),\n    updatedAt: new Date('2024-02-28T16:45:00Z'),\n  },\n];\n\n// ============ Subscription Mock Data ============\n\nexport const MOCK_SUBSCRIPTION = {\n  id: 'sub-1',\n  organizationId: 'demo-org',\n  planId: 'pro',\n  planName: 'Professional',\n  status: 'ACTIVE' as const,\n  currentPeriodStart: new Date('2024-04-01T00:00:00Z'),\n  currentPeriodEnd: new Date('2024-05-01T00:00:00Z'),\n  limits: {\n    projects: 25,\n    users: 10,\n    storage: 50, // GB\n    apiCalls: 100000,\n  },\n  usage: {\n    projects: 4,\n    users: 5,\n    storage: 12.5,\n    apiCalls: 45230,\n  },\n};\n\n// ============ Usage Summary Mock Data ============\n\nexport const MOCK_USAGE_SUMMARY = {\n  organizationId: 'demo-org',\n  period: 'current_month',\n  apiCalls: {\n    total: 45230,\n    limit: 100000,\n    percentUsed: 45.23,\n  },\n  storage: {\n    totalGb: 12.5,\n    limitGb: 50,\n    percentUsed: 25,\n  },\n  activeProjects: 4,\n  activeUsers: 5,\n  breakdown: [\n    { date: '2024-04-01', apiCalls: 3200, storageGb: 12.1 },\n    { date: '2024-04-02', apiCalls: 2800, storageGb: 12.2 },\n    { date: '2024-04-03', apiCalls: 4100, storageGb: 12.3 },\n    { date: '2024-04-04', apiCalls: 3600, storageGb: 12.4 },\n    { date: '2024-04-05', apiCalls: 3800, storageGb: 12.5 },\n  ],\n};\n"],"mappings":";;;;AAMA,MAAa,gBAAgB;CAC3B;EACE,IAAI;EACJ,MAAM;EACN,aAAa;EACb,MAAM;EACN,gBAAgB;EAChB,WAAW;EACX,QAAQ;EACR,UAAU;EACV,MAAM;GAAC;GAAa;GAAW;GAAW;EAC1C,2BAAW,IAAI,KAAK,uBAAuB;EAC3C,2BAAW,IAAI,KAAK,uBAAuB;EAC5C;CACD;EACE,IAAI;EACJ,MAAM;EACN,aAAa;EACb,MAAM;EACN,gBAAgB;EAChB,WAAW;EACX,QAAQ;EACR,UAAU;EACV,MAAM;GAAC;GAAU;GAAO;GAAK;EAC7B,2BAAW,IAAI,KAAK,uBAAuB;EAC3C,2BAAW,IAAI,KAAK,uBAAuB;EAC5C;CACD;EACE,IAAI;EACJ,MAAM;EACN,aAAa;EACb,MAAM;EACN,gBAAgB;EAChB,WAAW;EACX,QAAQ;EACR,UAAU;EACV,MAAM,CAAC,OAAO,cAAc;EAC5B,2BAAW,IAAI,KAAK,uBAAuB;EAC3C,2BAAW,IAAI,KAAK,uBAAuB;EAC5C;CACD;EACE,IAAI;EACJ,MAAM;EACN,aAAa;EACb,MAAM;EACN,gBAAgB;EAChB,WAAW;EACX,QAAQ;EACR,UAAU;EACV,MAAM;GAAC;GAAa;GAAa;GAAY;EAC7C,2BAAW,IAAI,KAAK,uBAAuB;EAC3C,2BAAW,IAAI,KAAK,uBAAuB;EAC5C;CACF;AAID,MAAa,oBAAoB;CAC/B,IAAI;CACJ,gBAAgB;CAChB,QAAQ;CACR,UAAU;CACV,QAAQ;CACR,oCAAoB,IAAI,KAAK,uBAAuB;CACpD,kCAAkB,IAAI,KAAK,uBAAuB;CAClD,QAAQ;EACN,UAAU;EACV,OAAO;EACP,SAAS;EACT,UAAU;EACX;CACD,OAAO;EACL,UAAU;EACV,OAAO;EACP,SAAS;EACT,UAAU;EACX;CACF;AAID,MAAa,qBAAqB;CAChC,gBAAgB;CAChB,QAAQ;CACR,UAAU;EACR,OAAO;EACP,OAAO;EACP,aAAa;EACd;CACD,SAAS;EACP,SAAS;EACT,SAAS;EACT,aAAa;EACd;CACD,gBAAgB;CAChB,aAAa;CACb,WAAW;EACT;GAAE,MAAM;GAAc,UAAU;GAAM,WAAW;GAAM;EACvD;GAAE,MAAM;GAAc,UAAU;GAAM,WAAW;GAAM;EACvD;GAAE,MAAM;GAAc,UAAU;GAAM,WAAW;GAAM;EACvD;GAAE,MAAM;GAAc,UAAU;GAAM,WAAW;GAAM;EACvD;GAAE,MAAM;GAAc,UAAU;GAAM,WAAW;GAAM;EACxD;CACF"}

package/dist/shared/overlay-types.d.ts

@@ -0,0 +1,34 @@
+//#region src/shared/overlay-types.d.ts
+interface OverlayDefinition {
+  overlayId: string;
+  version: string;
+  description: string;
+  appliesTo: Record<string, string>;
+  modifications: OverlayModification[];
+}
+type OverlayModification = HideFieldModification | RenameLabelModification | AddBadgeModification | SetLimitModification;
+interface HideFieldModification {
+  type: 'hideField';
+  field: string;
+  reason?: string;
+}
+interface RenameLabelModification {
+  type: 'renameLabel';
+  field: string;
+  newLabel: string;
+}
+interface AddBadgeModification {
+  type: 'addBadge';
+  position: 'header' | 'footer';
+  label: string;
+  variant: 'warning' | 'info' | 'error' | 'success' | 'default';
+}
+interface SetLimitModification {
+  type: 'setLimit';
+  field: string;
+  max: number;
+  message: string;
+}
+//#endregion
+export { AddBadgeModification, HideFieldModification, OverlayDefinition, OverlayModification, RenameLabelModification, SetLimitModification };
+//# sourceMappingURL=overlay-types.d.ts.map

package/dist/shared/overlay-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay-types.d.ts","names":[],"sources":["../../src/shared/overlay-types.ts"],"sourcesContent":[],"mappings":";UAAiB,iBAAA;EAAA,SAAA,EAAA,MAAA;EAQL,OAAA,EAAA,MAAA;EACR,WAAA,EAAA,MAAA;EACA,SAAA,EANS,MAMT,CAAA,MAAA,EAAA,MAAA,CAAA;EACA,aAAA,EANa,mBAMb,EAAA;;AACoB,KAJZ,mBAAA,GACR,qBAGoB,GAFpB,uBAEoB,GADpB,oBACoB,GAApB,oBAAoB;AAEP,UAAA,qBAAA,CAAqB;EAMrB,IAAA,EAAA,WAAA;EAMA,KAAA,EAAA,MAAA;EAOA,MAAA,CAAA,EAAA,MAAA;;UAbA,uBAAA;;;;;UAMA,oBAAA;;;;;;UAOA,oBAAA"}

package/dist/tests/operations.test-spec.d.ts

@@ -0,0 +1,10 @@
+import * as _contractspec_lib_contracts12 from "@contractspec/lib.contracts";
+
+//#region src/tests/operations.test-spec.d.ts
+declare const ProjectListTest: _contractspec_lib_contracts12.TestSpec;
+declare const ProjectGetTest: _contractspec_lib_contracts12.TestSpec;
+declare const BillingSubscriptionGetTest: _contractspec_lib_contracts12.TestSpec;
+declare const BillingUsageSummaryTest: _contractspec_lib_contracts12.TestSpec;
+//#endregion
+export { BillingSubscriptionGetTest, BillingUsageSummaryTest, ProjectGetTest, ProjectListTest };
+//# sourceMappingURL=operations.test-spec.d.ts.map

package/dist/tests/operations.test-spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"operations.test-spec.d.ts","names":[],"sources":["../../src/tests/operations.test-spec.ts"],"sourcesContent":[],"mappings":";;;cAEa,iBAyBX,6BAAA,CAzB0B;cA2Bf,gBAyBX,6BAAA,CAzByB;cA2Bd,4BAyBX,6BAAA,CAzBqC;AAtD1B,cAiFA,uBAxDX,EAiFA,6BAAA,CAzBkC,QAxDlC"}

package/dist/tests/operations.test-spec.js

@@ -0,0 +1,123 @@
+import { defineTestSpec } from "@contractspec/lib.contracts";
+
+//#region src/tests/operations.test-spec.ts
+const ProjectListTest = defineTestSpec({
+	meta: {
+		key: "saas.project.list.test",
+		version: "1.0.0",
+		stability: "experimental",
+		owners: ["@example.saas-boilerplate"],
+		description: "Test for listing projects",
+		tags: ["test"]
+	},
+	target: {
+		type: "operation",
+		operation: {
+			key: "saas.project.list",
+			version: "1.0.0"
+		}
+	},
+	scenarios: [{
+		key: "success",
+		when: { operation: { key: "saas.project.list" } },
+		then: [{
+			type: "expectOutput",
+			match: {}
+		}]
+	}, {
+		key: "error",
+		when: { operation: { key: "saas.project.list" } },
+		then: [{ type: "expectError" }]
+	}]
+});
+const ProjectGetTest = defineTestSpec({
+	meta: {
+		key: "saas.project.get.test",
+		version: "1.0.0",
+		stability: "experimental",
+		owners: ["@example.saas-boilerplate"],
+		description: "Test for getting project",
+		tags: ["test"]
+	},
+	target: {
+		type: "operation",
+		operation: {
+			key: "saas.project.get",
+			version: "1.0.0"
+		}
+	},
+	scenarios: [{
+		key: "success",
+		when: { operation: { key: "saas.project.get" } },
+		then: [{
+			type: "expectOutput",
+			match: {}
+		}]
+	}, {
+		key: "error",
+		when: { operation: { key: "saas.project.get" } },
+		then: [{ type: "expectError" }]
+	}]
+});
+const BillingSubscriptionGetTest = defineTestSpec({
+	meta: {
+		key: "saas.billing.subscription.get.test",
+		version: "1.0.0",
+		stability: "experimental",
+		owners: ["@example.saas-boilerplate"],
+		description: "Test for getting subscription",
+		tags: ["test"]
+	},
+	target: {
+		type: "operation",
+		operation: {
+			key: "saas.billing.subscription.get",
+			version: "1.0.0"
+		}
+	},
+	scenarios: [{
+		key: "success",
+		when: { operation: { key: "saas.billing.subscription.get" } },
+		then: [{
+			type: "expectOutput",
+			match: {}
+		}]
+	}, {
+		key: "error",
+		when: { operation: { key: "saas.billing.subscription.get" } },
+		then: [{ type: "expectError" }]
+	}]
+});
+const BillingUsageSummaryTest = defineTestSpec({
+	meta: {
+		key: "saas.billing.usage.summary.test",
+		version: "1.0.0",
+		stability: "experimental",
+		owners: ["@example.saas-boilerplate"],
+		description: "Test for getting usage summary",
+		tags: ["test"]
+	},
+	target: {
+		type: "operation",
+		operation: {
+			key: "saas.billing.usage.summary",
+			version: "1.0.0"
+		}
+	},
+	scenarios: [{
+		key: "success",
+		when: { operation: { key: "saas.billing.usage.summary" } },
+		then: [{
+			type: "expectOutput",
+			match: {}
+		}]
+	}, {
+		key: "error",
+		when: { operation: { key: "saas.billing.usage.summary" } },
+		then: [{ type: "expectError" }]
+	}]
+});
+
+//#endregion
+export { BillingSubscriptionGetTest, BillingUsageSummaryTest, ProjectGetTest, ProjectListTest };
+//# sourceMappingURL=operations.test-spec.js.map

package/dist/tests/operations.test-spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"operations.test-spec.js","names":[],"sources":["../../src/tests/operations.test-spec.ts"],"sourcesContent":["import { defineTestSpec } from '@contractspec/lib.contracts';\n\nexport const ProjectListTest = defineTestSpec({\n  meta: {\n    key: 'saas.project.list.test',\n    version: '1.0.0',\n    stability: 'experimental',\n    owners: ['@example.saas-boilerplate'],\n    description: 'Test for listing projects',\n    tags: ['test'],\n  },\n  target: {\n    type: 'operation',\n    operation: { key: 'saas.project.list', version: '1.0.0' },\n  },\n  scenarios: [\n    {\n      key: 'success',\n      when: { operation: { key: 'saas.project.list' } },\n      then: [{ type: 'expectOutput', match: {} }],\n    },\n    {\n      key: 'error',\n      when: { operation: { key: 'saas.project.list' } },\n      then: [{ type: 'expectError' }],\n    },\n  ],\n});\n\nexport const ProjectGetTest = defineTestSpec({\n  meta: {\n    key: 'saas.project.get.test',\n    version: '1.0.0',\n    stability: 'experimental',\n    owners: ['@example.saas-boilerplate'],\n    description: 'Test for getting project',\n    tags: ['test'],\n  },\n  target: {\n    type: 'operation',\n    operation: { key: 'saas.project.get', version: '1.0.0' },\n  },\n  scenarios: [\n    {\n      key: 'success',\n      when: { operation: { key: 'saas.project.get' } },\n      then: [{ type: 'expectOutput', match: {} }],\n    },\n    {\n      key: 'error',\n      when: { operation: { key: 'saas.project.get' } },\n      then: [{ type: 'expectError' }],\n    },\n  ],\n});\n\nexport const BillingSubscriptionGetTest = defineTestSpec({\n  meta: {\n    key: 'saas.billing.subscription.get.test',\n    version: '1.0.0',\n    stability: 'experimental',\n    owners: ['@example.saas-boilerplate'],\n    description: 'Test for getting subscription',\n    tags: ['test'],\n  },\n  target: {\n    type: 'operation',\n    operation: { key: 'saas.billing.subscription.get', version: '1.0.0' },\n  },\n  scenarios: [\n    {\n      key: 'success',\n      when: { operation: { key: 'saas.billing.subscription.get' } },\n      then: [{ type: 'expectOutput', match: {} }],\n    },\n    {\n      key: 'error',\n      when: { operation: { key: 'saas.billing.subscription.get' } },\n      then: [{ type: 'expectError' }],\n    },\n  ],\n});\n\nexport const BillingUsageSummaryTest = defineTestSpec({\n  meta: {\n    key: 'saas.billing.usage.summary.test',\n    version: '1.0.0',\n    stability: 'experimental',\n    owners: ['@example.saas-boilerplate'],\n    description: 'Test for getting usage summary',\n    tags: ['test'],\n  },\n  target: {\n    type: 'operation',\n    operation: { key: 'saas.billing.usage.summary', version: '1.0.0' },\n  },\n  scenarios: [\n    {\n      key: 'success',\n      when: { operation: { key: 'saas.billing.usage.summary' } },\n      then: [{ type: 'expectOutput', match: {} }],\n    },\n    {\n      key: 'error',\n      when: { operation: { key: 'saas.billing.usage.summary' } },\n      then: [{ type: 'expectError' }],\n    },\n  ],\n});\n"],"mappings":";;;AAEA,MAAa,kBAAkB,eAAe;CAC5C,MAAM;EACJ,KAAK;EACL,SAAS;EACT,WAAW;EACX,QAAQ,CAAC,4BAA4B;EACrC,aAAa;EACb,MAAM,CAAC,OAAO;EACf;CACD,QAAQ;EACN,MAAM;EACN,WAAW;GAAE,KAAK;GAAqB,SAAS;GAAS;EAC1D;CACD,WAAW,CACT;EACE,KAAK;EACL,MAAM,EAAE,WAAW,EAAE,KAAK,qBAAqB,EAAE;EACjD,MAAM,CAAC;GAAE,MAAM;GAAgB,OAAO,EAAE;GAAE,CAAC;EAC5C,EACD;EACE,KAAK;EACL,MAAM,EAAE,WAAW,EAAE,KAAK,qBAAqB,EAAE;EACjD,MAAM,CAAC,EAAE,MAAM,eAAe,CAAC;EAChC,CACF;CACF,CAAC;AAEF,MAAa,iBAAiB,eAAe;CAC3C,MAAM;EACJ,KAAK;EACL,SAAS;EACT,WAAW;EACX,QAAQ,CAAC,4BAA4B;EACrC,aAAa;EACb,MAAM,CAAC,OAAO;EACf;CACD,QAAQ;EACN,MAAM;EACN,WAAW;GAAE,KAAK;GAAoB,SAAS;GAAS;EACzD;CACD,WAAW,CACT;EACE,KAAK;EACL,MAAM,EAAE,WAAW,EAAE,KAAK,oBAAoB,EAAE;EAChD,MAAM,CAAC;GAAE,MAAM;GAAgB,OAAO,EAAE;GAAE,CAAC;EAC5C,EACD;EACE,KAAK;EACL,MAAM,EAAE,WAAW,EAAE,KAAK,oBAAoB,EAAE;EAChD,MAAM,CAAC,EAAE,MAAM,eAAe,CAAC;EAChC,CACF;CACF,CAAC;AAEF,MAAa,6BAA6B,eAAe;CACvD,MAAM;EACJ,KAAK;EACL,SAAS;EACT,WAAW;EACX,QAAQ,CAAC,4BAA4B;EACrC,aAAa;EACb,MAAM,CAAC,OAAO;EACf;CACD,QAAQ;EACN,MAAM;EACN,WAAW;GAAE,KAAK;GAAiC,SAAS;GAAS;EACtE;CACD,WAAW,CACT;EACE,KAAK;EACL,MAAM,EAAE,WAAW,EAAE,KAAK,iCAAiC,EAAE;EAC7D,MAAM,CAAC;GAAE,MAAM;GAAgB,OAAO,EAAE;GAAE,CAAC;EAC5C,EACD;EACE,KAAK;EACL,MAAM,EAAE,WAAW,EAAE,KAAK,iCAAiC,EAAE;EAC7D,MAAM,CAAC,EAAE,MAAM,eAAe,CAAC;EAChC,CACF;CACF,CAAC;AAEF,MAAa,0BAA0B,eAAe;CACpD,MAAM;EACJ,KAAK;EACL,SAAS;EACT,WAAW;EACX,QAAQ,CAAC,4BAA4B;EACrC,aAAa;EACb,MAAM,CAAC,OAAO;EACf;CACD,QAAQ;EACN,MAAM;EACN,WAAW;GAAE,KAAK;GAA8B,SAAS;GAAS;EACnE;CACD,WAAW,CACT;EACE,KAAK;EACL,MAAM,EAAE,WAAW,EAAE,KAAK,8BAA8B,EAAE;EAC1D,MAAM,CAAC;GAAE,MAAM;GAAgB,OAAO,EAAE;GAAE,CAAC;EAC5C,EACD;EACE,KAAK;EACL,MAAM,EAAE,WAAW,EAAE,KAAK,8BAA8B,EAAE;EAC1D,MAAM,CAAC,EAAE,MAAM,eAAe,CAAC;EAChC,CACF;CACF,CAAC"}

package/dist/ui/SaasDashboard.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/SaasDashboard.d.ts
+declare function SaasDashboard(): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SaasDashboard };
+//# sourceMappingURL=SaasDashboard.d.ts.map

package/dist/ui/SaasDashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaasDashboard.d.ts","names":[],"sources":["../../src/ui/SaasDashboard.tsx"],"sourcesContent":[],"mappings":";;;iBAkDgB,aAAA,CAAA,GAAa,kBAAA,CAAA,GAAA,CAAA"}

package/dist/ui/SaasDashboard.js

@@ -0,0 +1,298 @@
+'use client';
+
+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 { useCallback, useState } from "react";
+import { Button, EmptyState, EntityCard, ErrorState, LoaderBlock, StatCard, StatCardGroup, StatusChip } from "@contractspec/lib.design-system";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/ui/SaasDashboard.tsx
+/**
+* SaaS Dashboard
+*
+* Fully integrated with ContractSpec example handlers
+* and design-system components.
+*
+* Commands wired:
+* - CreateProjectContract -> Create Project button + modal
+* - UpdateProjectContract -> Edit project via modal
+* - DeleteProjectContract -> Delete project via modal
+*/
+function getStatusTone(status) {
+	switch (status) {
+		case "ACTIVE": return "success";
+		case "DRAFT": return "neutral";
+		case "ARCHIVED": return "warning";
+		default: return "neutral";
+	}
+}
+function SaasDashboard() {
+	const [activeTab, setActiveTab] = useState("projects");
+	const [isCreateModalOpen, setIsCreateModalOpen] = useState(false);
+	const [selectedProject, setSelectedProject] = useState(null);
+	const [isProjectActionsOpen, setIsProjectActionsOpen] = useState(false);
+	const { data, subscription, loading, error, stats, refetch } = useProjectList();
+	const mutations = useProjectMutations({ onSuccess: () => {
+		refetch();
+	} });
+	const handleProjectClick = useCallback((project) => {
+		setSelectedProject(project);
+		setIsProjectActionsOpen(true);
+	}, []);
+	const tabs = [
+		{
+			id: "projects",
+			label: "Projects",
+			icon: "📁"
+		},
+		{
+			id: "billing",
+			label: "Billing",
+			icon: "💳"
+		},
+		{
+			id: "settings",
+			label: "Settings",
+			icon: "⚙️"
+		}
+	];
+	if (loading && !data) return /* @__PURE__ */ jsx(LoaderBlock, { label: "Loading dashboard..." });
+	if (error) return /* @__PURE__ */ jsx(ErrorState, {
+		title: "Failed to load dashboard",
+		description: error.message,
+		onRetry: refetch,
+		retryLabel: "Retry"
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-6",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-2xl font-bold",
+					children: "SaaS Dashboard"
+				}), activeTab === "projects" && /* @__PURE__ */ jsxs(Button, {
+					onPress: () => setIsCreateModalOpen(true),
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "mr-2",
+						children: "+"
+					}), " New Project"]
+				})]
+			}),
+			stats && subscription && /* @__PURE__ */ jsxs(StatCardGroup, { children: [
+				/* @__PURE__ */ jsx(StatCard, {
+					label: "Projects",
+					value: stats.total.toString()
+				}),
+				/* @__PURE__ */ jsx(StatCard, {
+					label: "Active",
+					value: stats.activeCount.toString()
+				}),
+				/* @__PURE__ */ jsx(StatCard, {
+					label: "Draft",
+					value: stats.draftCount.toString()
+				}),
+				/* @__PURE__ */ jsx(StatCard, {
+					label: "Plan",
+					value: subscription.plan,
+					hint: subscription.status
+				})
+			] }),
+			/* @__PURE__ */ jsx("nav", {
+				className: "bg-muted flex gap-1 rounded-lg p-1",
+				role: "tablist",
+				children: tabs.map((tab) => /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					role: "tab",
+					"aria-selected": activeTab === tab.id,
+					onClick: () => setActiveTab(tab.id),
+					className: `flex flex-1 items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors ${activeTab === tab.id ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
+					children: [/* @__PURE__ */ jsx("span", { children: tab.icon }), tab.label]
+				}, tab.id))
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "min-h-[400px]",
+				role: "tabpanel",
+				children: [
+					activeTab === "projects" && /* @__PURE__ */ jsx(ProjectsTab, {
+						data,
+						onProjectClick: handleProjectClick
+					}),
+					activeTab === "billing" && /* @__PURE__ */ jsx(BillingTab, { subscription }),
+					activeTab === "settings" && /* @__PURE__ */ jsx(SettingsTab, {})
+				]
+			}),
+			/* @__PURE__ */ jsx(CreateProjectModal, {
+				isOpen: isCreateModalOpen,
+				onClose: () => setIsCreateModalOpen(false),
+				onSubmit: async (input) => {
+					await mutations.createProject(input);
+				},
+				isLoading: mutations.createState.loading
+			}),
+			/* @__PURE__ */ jsx(ProjectActionsModal, {
+				isOpen: isProjectActionsOpen,
+				project: selectedProject,
+				onClose: () => {
+					setIsProjectActionsOpen(false);
+					setSelectedProject(null);
+				},
+				onUpdate: async (input) => {
+					await mutations.updateProject(input);
+				},
+				onArchive: async (projectId) => {
+					await mutations.archiveProject(projectId);
+				},
+				onActivate: async (projectId) => {
+					await mutations.activateProject(projectId);
+				},
+				onDelete: async (projectId) => {
+					await mutations.deleteProject(projectId);
+				},
+				isLoading: mutations.isLoading
+			})
+		]
+	});
+}
+function ProjectsTab({ data, onProjectClick }) {
+	if (!data?.items.length) return /* @__PURE__ */ jsx(EmptyState, {
+		title: "No projects yet",
+		description: "Create your first project to get started."
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: "space-y-4",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
+			children: data.items.map((project) => /* @__PURE__ */ jsx(EntityCard, {
+				cardTitle: project.name,
+				cardSubtitle: project.tier,
+				meta: /* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground text-sm",
+					children: project.description
+				}),
+				chips: /* @__PURE__ */ jsx(StatusChip, {
+					tone: getStatusTone(project.status),
+					label: project.status
+				}),
+				footer: /* @__PURE__ */ jsxs("div", {
+					className: "flex w-full items-center justify-between",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "text-muted-foreground text-xs",
+						children: project.updatedAt.toLocaleDateString()
+					}), /* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						size: "sm",
+						onPress: () => onProjectClick?.(project),
+						children: "Actions"
+					})]
+				})
+			}, project.id))
+		})
+	});
+}
+function BillingTab({ subscription }) {
+	if (!subscription) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-6",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "border-border bg-card rounded-xl border p-6",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-start justify-between",
+				children: [/* @__PURE__ */ jsxs("div", { children: [
+					/* @__PURE__ */ jsxs("h3", {
+						className: "text-lg font-semibold",
+						children: [subscription.plan, " Plan"]
+					}),
+					/* @__PURE__ */ jsxs("p", {
+						className: "text-muted-foreground text-sm",
+						children: [
+							"Current period:",
+							" ",
+							subscription.currentPeriodStart.toLocaleDateString(),
+							" -",
+							" ",
+							subscription.currentPeriodEnd.toLocaleDateString()
+						]
+					}),
+					/* @__PURE__ */ jsxs("p", {
+						className: "text-muted-foreground text-sm",
+						children: ["Billing cycle: ", subscription.billingCycle]
+					})
+				] }), /* @__PURE__ */ jsx(StatusChip, {
+					tone: "success",
+					label: subscription.status
+				})]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "mt-4 flex gap-3",
+				children: [/* @__PURE__ */ jsx(Button, {
+					variant: "outline",
+					onPress: () => alert("Upgrade clicked!"),
+					children: "Upgrade Plan"
+				}), /* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					onPress: () => alert("Manage Billing clicked!"),
+					children: "Manage Billing"
+				})]
+			})]
+		}), subscription.cancelAtPeriodEnd && /* @__PURE__ */ jsx("div", {
+			className: "border-border bg-destructive/10 text-destructive rounded-xl border p-4",
+			children: /* @__PURE__ */ jsx("p", {
+				className: "text-sm font-medium",
+				children: "⚠️ Your subscription will be cancelled at the end of the current period."
+			})
+		})]
+	});
+}
+function SettingsTab() {
+	return /* @__PURE__ */ jsx("div", {
+		className: "space-y-6",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "border-border bg-card rounded-xl border p-6",
+			children: [/* @__PURE__ */ jsx("h3", {
+				className: "mb-4 text-lg font-semibold",
+				children: "Organization Settings"
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
+						htmlFor: "org-name",
+						className: "text-sm font-medium",
+						children: "Organization Name"
+					}), /* @__PURE__ */ jsx("input", {
+						id: "org-name",
+						type: "text",
+						defaultValue: "Demo Organization",
+						className: "border-input bg-background mt-1 block w-full rounded-md border px-3 py-2"
+					})] }),
+					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
+						htmlFor: "timezone",
+						className: "text-sm font-medium",
+						children: "Default Timezone"
+					}), /* @__PURE__ */ jsxs("select", {
+						id: "timezone",
+						className: "border-input bg-background mt-1 block w-full rounded-md border px-3 py-2",
+						children: [
+							/* @__PURE__ */ jsx("option", { children: "UTC" }),
+							/* @__PURE__ */ jsx("option", { children: "America/New_York" }),
+							/* @__PURE__ */ jsx("option", { children: "Europe/London" }),
+							/* @__PURE__ */ jsx("option", { children: "Asia/Tokyo" })
+						]
+					})] }),
+					/* @__PURE__ */ jsx("div", {
+						className: "pt-2",
+						children: /* @__PURE__ */ jsx(Button, {
+							onPress: () => alert("Settings saved!"),
+							children: "Save Settings"
+						})
+					})
+				]
+			})]
+		})
+	});
+}
+
+//#endregion
+export { SaasDashboard };
+//# sourceMappingURL=SaasDashboard.js.map

package/dist/ui/SaasDashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaasDashboard.js","names":[],"sources":["../../src/ui/SaasDashboard.tsx"],"sourcesContent":["'use client';\n\n/**\n * SaaS Dashboard\n *\n * Fully integrated with ContractSpec example handlers\n * and design-system components.\n *\n * Commands wired:\n * - CreateProjectContract -> Create Project button + modal\n * - UpdateProjectContract -> Edit project via modal\n * - DeleteProjectContract -> Delete project via modal\n */\nimport { useState, useCallback } from 'react';\nimport {\n  StatCard,\n  StatCardGroup,\n  StatusChip,\n  EntityCard,\n  EmptyState,\n  LoaderBlock,\n  ErrorState,\n  Button,\n} from '@contractspec/lib.design-system';\nimport {\n  useProjectList,\n  type Project,\n  type Subscription,\n} from './hooks/useProjectList';\nimport { useProjectMutations } from './hooks/useProjectMutations';\nimport { CreateProjectModal } from './modals/CreateProjectModal';\nimport { ProjectActionsModal } from './modals/ProjectActionsModal';\n\ntype Tab = 'projects' | 'billing' | 'settings';\n\nfunction getStatusTone(\n  status: Project['status']\n): 'success' | 'warning' | 'neutral' | 'danger' {\n  switch (status) {\n    case 'ACTIVE':\n      return 'success';\n    case 'DRAFT':\n      return 'neutral';\n    case 'ARCHIVED':\n      return 'warning';\n    default:\n      return 'neutral';\n  }\n}\n\nexport function SaasDashboard() {\n  const [activeTab, setActiveTab] = useState<Tab>('projects');\n  const [isCreateModalOpen, setIsCreateModalOpen] = useState(false);\n  const [selectedProject, setSelectedProject] = useState<Project | null>(null);\n  const [isProjectActionsOpen, setIsProjectActionsOpen] = useState(false);\n\n  const { data, subscription, loading, error, stats, refetch } =\n    useProjectList();\n\n  const mutations = useProjectMutations({\n    onSuccess: () => {\n      refetch();\n    },\n  });\n\n  const handleProjectClick = useCallback((project: Project) => {\n    setSelectedProject(project);\n    setIsProjectActionsOpen(true);\n  }, []);\n\n  const tabs: { id: Tab; label: string; icon: string }[] = [\n    { id: 'projects', label: 'Projects', icon: '📁' },\n    { id: 'billing', label: 'Billing', icon: '💳' },\n    { id: 'settings', label: 'Settings', icon: '⚙️' },\n  ];\n\n  if (loading && !data) {\n    return <LoaderBlock label=\"Loading dashboard...\" />;\n  }\n\n  if (error) {\n    return (\n      <ErrorState\n        title=\"Failed to load dashboard\"\n        description={error.message}\n        onRetry={refetch}\n        retryLabel=\"Retry\"\n      />\n    );\n  }\n\n  return (\n    <div className=\"space-y-6\">\n      {/* Header */}\n      <div className=\"flex items-center justify-between\">\n        <h2 className=\"text-2xl font-bold\">SaaS Dashboard</h2>\n        {activeTab === 'projects' && (\n          <Button onPress={() => setIsCreateModalOpen(true)}>\n            <span className=\"mr-2\">+</span> New Project\n          </Button>\n        )}\n      </div>\n\n      {/* Stats Row */}\n      {stats && subscription && (\n        <StatCardGroup>\n          <StatCard label=\"Projects\" value={stats.total.toString()} />\n          <StatCard label=\"Active\" value={stats.activeCount.toString()} />\n          <StatCard label=\"Draft\" value={stats.draftCount.toString()} />\n          <StatCard\n            label=\"Plan\"\n            value={subscription.plan}\n            hint={subscription.status}\n          />\n        </StatCardGroup>\n      )}\n\n      {/* Navigation Tabs */}\n      <nav className=\"bg-muted flex gap-1 rounded-lg p-1\" role=\"tablist\">\n        {tabs.map((tab) => (\n          <button\n            key={tab.id}\n            type=\"button\"\n            role=\"tab\"\n            aria-selected={activeTab === tab.id}\n            onClick={() => setActiveTab(tab.id)}\n            className={`flex flex-1 items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors ${\n              activeTab === tab.id\n                ? 'bg-background text-foreground shadow-sm'\n                : 'text-muted-foreground hover:text-foreground'\n            }`}\n          >\n            <span>{tab.icon}</span>\n            {tab.label}\n          </button>\n        ))}\n      </nav>\n\n      {/* Tab Content */}\n      <div className=\"min-h-[400px]\" role=\"tabpanel\">\n        {activeTab === 'projects' && (\n          <ProjectsTab data={data} onProjectClick={handleProjectClick} />\n        )}\n        {activeTab === 'billing' && <BillingTab subscription={subscription} />}\n        {activeTab === 'settings' && <SettingsTab />}\n      </div>\n\n      {/* Create Project Modal */}\n      <CreateProjectModal\n        isOpen={isCreateModalOpen}\n        onClose={() => setIsCreateModalOpen(false)}\n        onSubmit={async (input) => {\n          await mutations.createProject(input);\n        }}\n        isLoading={mutations.createState.loading}\n      />\n\n      {/* Project Actions Modal */}\n      <ProjectActionsModal\n        isOpen={isProjectActionsOpen}\n        project={selectedProject}\n        onClose={() => {\n          setIsProjectActionsOpen(false);\n          setSelectedProject(null);\n        }}\n        onUpdate={async (input) => {\n          await mutations.updateProject(input);\n        }}\n        onArchive={async (projectId) => {\n          await mutations.archiveProject(projectId);\n        }}\n        onActivate={async (projectId) => {\n          await mutations.activateProject(projectId);\n        }}\n        onDelete={async (projectId) => {\n          await mutations.deleteProject(projectId);\n        }}\n        isLoading={mutations.isLoading}\n      />\n    </div>\n  );\n}\n\ninterface ProjectsTabProps {\n  data: ReturnType<typeof useProjectList>['data'];\n  onProjectClick?: (project: Project) => void;\n}\n\nfunction ProjectsTab({ data, onProjectClick }: ProjectsTabProps) {\n  if (!data?.items.length) {\n    return (\n      <EmptyState\n        title=\"No projects yet\"\n        description=\"Create your first project to get started.\"\n      />\n    );\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n        {data.items.map((project: Project) => (\n          <EntityCard\n            key={project.id}\n            cardTitle={project.name}\n            cardSubtitle={project.tier}\n            meta={\n              <p className=\"text-muted-foreground text-sm\">\n                {project.description}\n              </p>\n            }\n            chips={\n              <StatusChip\n                tone={getStatusTone(project.status)}\n                label={project.status}\n              />\n            }\n            footer={\n              <div className=\"flex w-full items-center justify-between\">\n                <span className=\"text-muted-foreground text-xs\">\n                  {project.updatedAt.toLocaleDateString()}\n                </span>\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  onPress={() => onProjectClick?.(project)}\n                >\n                  Actions\n                </Button>\n              </div>\n            }\n          />\n        ))}\n      </div>\n    </div>\n  );\n}\n\nfunction BillingTab({ subscription }: { subscription: Subscription | null }) {\n  if (!subscription) return null;\n\n  return (\n    <div className=\"space-y-6\">\n      <div className=\"border-border bg-card rounded-xl border p-6\">\n        <div className=\"flex items-start justify-between\">\n          <div>\n            <h3 className=\"text-lg font-semibold\">{subscription.plan} Plan</h3>\n            <p className=\"text-muted-foreground text-sm\">\n              Current period:{' '}\n              {subscription.currentPeriodStart.toLocaleDateString()} -{' '}\n              {subscription.currentPeriodEnd.toLocaleDateString()}\n            </p>\n            <p className=\"text-muted-foreground text-sm\">\n              Billing cycle: {subscription.billingCycle}\n            </p>\n          </div>\n          <StatusChip tone=\"success\" label={subscription.status} />\n        </div>\n\n        <div className=\"mt-4 flex gap-3\">\n          <Button variant=\"outline\" onPress={() => alert('Upgrade clicked!')}>\n            Upgrade Plan\n          </Button>\n          <Button\n            variant=\"ghost\"\n            onPress={() => alert('Manage Billing clicked!')}\n          >\n            Manage Billing\n          </Button>\n        </div>\n      </div>\n\n      {subscription.cancelAtPeriodEnd && (\n        <div className=\"border-border bg-destructive/10 text-destructive rounded-xl border p-4\">\n          <p className=\"text-sm font-medium\">\n            ⚠️ Your subscription will be cancelled at the end of the current\n            period.\n          </p>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction SettingsTab() {\n  return (\n    <div className=\"space-y-6\">\n      <div className=\"border-border bg-card rounded-xl border p-6\">\n        <h3 className=\"mb-4 text-lg font-semibold\">Organization Settings</h3>\n        <div className=\"space-y-4\">\n          <div>\n            <label htmlFor=\"org-name\" className=\"text-sm font-medium\">\n              Organization Name\n            </label>\n            <input\n              id=\"org-name\"\n              type=\"text\"\n              defaultValue=\"Demo Organization\"\n              className=\"border-input bg-background mt-1 block w-full rounded-md border px-3 py-2\"\n            />\n          </div>\n          <div>\n            <label htmlFor=\"timezone\" className=\"text-sm font-medium\">\n              Default Timezone\n            </label>\n            <select\n              id=\"timezone\"\n              className=\"border-input bg-background mt-1 block w-full rounded-md border px-3 py-2\"\n            >\n              <option>UTC</option>\n              <option>America/New_York</option>\n              <option>Europe/London</option>\n              <option>Asia/Tokyo</option>\n            </select>\n          </div>\n          <div className=\"pt-2\">\n            <Button onPress={() => alert('Settings saved!')}>\n              Save Settings\n            </Button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/ui/SaasProjectList.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/SaasProjectList.d.ts
+interface SaasProjectListProps {
+  onProjectClick?: (projectId: string) => void;
+  onCreateProject?: () => void;
+}
+declare function SaasProjectList({
+  onProjectClick,
+  onCreateProject
+}: SaasProjectListProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SaasProjectList };
+//# sourceMappingURL=SaasProjectList.d.ts.map

package/dist/ui/SaasProjectList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaasProjectList.d.ts","names":[],"sources":["../../src/ui/SaasProjectList.tsx"],"sourcesContent":[],"mappings":";;;UAiBU,oBAAA;;;AAuBa;AAHP,iBAAA,eAAA,CAAe;EAAA,cAAA;EAAA;AAAA,CAAA,EAG5B,oBAH4B,CAAA,EAGR,kBAAA,CAAA,GAAA,CAAA,OAHQ"}

package/dist/ui/SaasProjectList.js

@@ -0,0 +1,76 @@
+'use client';
+
+import { useProjectList } from "./hooks/useProjectList.js";
+import { Button, EmptyState, EntityCard, ErrorState, LoaderBlock, StatCard, StatCardGroup, StatusChip } from "@contractspec/lib.design-system";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/ui/SaasProjectList.tsx
+/**
+* SaaS Project List - Standalone project list component
+*/
+function getStatusTone(status) {
+	switch (status) {
+		case "ACTIVE": return "success";
+		case "DRAFT": return "neutral";
+		case "ARCHIVED": return "danger";
+		default: return "neutral";
+	}
+}
+function SaasProjectList({ onProjectClick, onCreateProject }) {
+	const { data, loading, error, stats, refetch } = useProjectList();
+	if (loading && !data) return /* @__PURE__ */ jsx(LoaderBlock, { label: "Loading projects..." });
+	if (error) return /* @__PURE__ */ jsx(ErrorState, {
+		title: "Failed to load projects",
+		description: error.message,
+		onRetry: refetch,
+		retryLabel: "Retry"
+	});
+	if (!data?.items.length) return /* @__PURE__ */ jsx(EmptyState, {
+		title: "No projects found",
+		description: "Create your first project to get started.",
+		primaryAction: onCreateProject ? /* @__PURE__ */ jsx(Button, {
+			onPress: onCreateProject,
+			children: "Create Project"
+		}) : void 0
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-6",
+		children: [stats && /* @__PURE__ */ jsxs(StatCardGroup, { children: [
+			/* @__PURE__ */ jsx(StatCard, {
+				label: "Total Projects",
+				value: stats.total.toString()
+			}),
+			/* @__PURE__ */ jsx(StatCard, {
+				label: "Active",
+				value: stats.activeCount.toString()
+			}),
+			/* @__PURE__ */ jsx(StatCard, {
+				label: "Draft",
+				value: stats.draftCount.toString()
+			})
+		] }), /* @__PURE__ */ jsx("div", {
+			className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
+			children: data.items.map((project) => /* @__PURE__ */ jsx(EntityCard, {
+				cardTitle: project.name,
+				cardSubtitle: project.tier,
+				meta: /* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground text-sm",
+					children: project.description
+				}),
+				chips: /* @__PURE__ */ jsx(StatusChip, {
+					tone: getStatusTone(project.status),
+					label: project.status
+				}),
+				footer: /* @__PURE__ */ jsx("span", {
+					className: "text-muted-foreground text-xs",
+					children: project.updatedAt.toLocaleDateString()
+				}),
+				onClick: onProjectClick ? () => onProjectClick(project.id) : void 0
+			}, project.id))
+		})]
+	});
+}
+
+//#endregion
+export { SaasProjectList };
+//# sourceMappingURL=SaasProjectList.js.map

package/dist/ui/SaasProjectList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaasProjectList.js","names":[],"sources":["../../src/ui/SaasProjectList.tsx"],"sourcesContent":["'use client';\n\n/**\n * SaaS Project List - Standalone project list component\n */\nimport {\n  StatCard,\n  StatCardGroup,\n  StatusChip,\n  EntityCard,\n  EmptyState,\n  LoaderBlock,\n  ErrorState,\n  Button,\n} from '@contractspec/lib.design-system';\nimport { useProjectList, type Project } from './hooks/useProjectList';\n\ninterface SaasProjectListProps {\n  onProjectClick?: (projectId: string) => void;\n  onCreateProject?: () => void;\n}\n\nfunction getStatusTone(\n  status: Project['status']\n): 'success' | 'warning' | 'neutral' | 'danger' {\n  switch (status) {\n    case 'ACTIVE':\n      return 'success';\n    case 'DRAFT':\n      return 'neutral';\n    case 'ARCHIVED':\n      return 'danger';\n    default:\n      return 'neutral';\n  }\n}\n\nexport function SaasProjectList({\n  onProjectClick,\n  onCreateProject,\n}: SaasProjectListProps) {\n  const { data, loading, error, stats, refetch } = useProjectList();\n\n  if (loading && !data) {\n    return <LoaderBlock label=\"Loading projects...\" />;\n  }\n\n  if (error) {\n    return (\n      <ErrorState\n        title=\"Failed to load projects\"\n        description={error.message}\n        onRetry={refetch}\n        retryLabel=\"Retry\"\n      />\n    );\n  }\n\n  if (!data?.items.length) {\n    return (\n      <EmptyState\n        title=\"No projects found\"\n        description=\"Create your first project to get started.\"\n        primaryAction={\n          onCreateProject ? (\n            <Button onPress={onCreateProject}>Create Project</Button>\n          ) : undefined\n        }\n      />\n    );\n  }\n\n  return (\n    <div className=\"space-y-6\">\n      {stats && (\n        <StatCardGroup>\n          <StatCard label=\"Total Projects\" value={stats.total.toString()} />\n          <StatCard label=\"Active\" value={stats.activeCount.toString()} />\n          <StatCard label=\"Draft\" value={stats.draftCount.toString()} />\n        </StatCardGroup>\n      )}\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n        {data.items.map((project: Project) => (\n          <EntityCard\n            key={project.id}\n            cardTitle={project.name}\n            cardSubtitle={project.tier}\n            meta={\n              <p className=\"text-muted-foreground text-sm\">\n                {project.description}\n              </p>\n            }\n            chips={\n              <StatusChip\n                tone={getStatusTone(project.status)}\n                label={project.status}\n              />\n            }\n            footer={\n              <span className=\"text-muted-foreground text-xs\">\n                {project.updatedAt.toLocaleDateString()}\n              </span>\n            }\n            onClick={\n              onProjectClick ? () => onProjectClick(project.id) : undefined\n            }\n          />\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAsBA,SAAS,cACP,QAC8C;AAC9C,SAAQ,QAAR;EACE,KAAK,SACH,QAAO;EACT,KAAK,QACH,QAAO;EACT,KAAK,WACH,QAAO;EACT,QACE,QAAO;;;AAIb,SAAgB,gBAAgB,EAC9B,gBACA,mBACuB;CACvB,MAAM,EAAE,MAAM,SAAS,OAAO,OAAO,YAAY,gBAAgB;AAEjE,KAAI,WAAW,CAAC,KACd,QAAO,oBAAC,eAAY,OAAM,wBAAwB;AAGpD,KAAI,MACF,QACE,oBAAC;EACC,OAAM;EACN,aAAa,MAAM;EACnB,SAAS;EACT,YAAW;GACX;AAIN,KAAI,CAAC,MAAM,MAAM,OACf,QACE,oBAAC;EACC,OAAM;EACN,aAAY;EACZ,eACE,kBACE,oBAAC;GAAO,SAAS;aAAiB;IAAuB,GACvD;GAEN;AAIN,QACE,qBAAC;EAAI,WAAU;aACZ,SACC,qBAAC;GACC,oBAAC;IAAS,OAAM;IAAiB,OAAO,MAAM,MAAM,UAAU;KAAI;GAClE,oBAAC;IAAS,OAAM;IAAS,OAAO,MAAM,YAAY,UAAU;KAAI;GAChE,oBAAC;IAAS,OAAM;IAAQ,OAAO,MAAM,WAAW,UAAU;KAAI;MAChD,EAGlB,oBAAC;GAAI,WAAU;aACZ,KAAK,MAAM,KAAK,YACf,oBAAC;IAEC,WAAW,QAAQ;IACnB,cAAc,QAAQ;IACtB,MACE,oBAAC;KAAE,WAAU;eACV,QAAQ;MACP;IAEN,OACE,oBAAC;KACC,MAAM,cAAc,QAAQ,OAAO;KACnC,OAAO,QAAQ;MACf;IAEJ,QACE,oBAAC;KAAK,WAAU;eACb,QAAQ,UAAU,oBAAoB;MAClC;IAET,SACE,uBAAuB,eAAe,QAAQ,GAAG,GAAG;MApBjD,QAAQ,GAsBb,CACF;IACE;GACF"}