feat: complete Phase 3 — advanced features for Casera web app

Adds sharing (residence share codes, join, user management, .casera file export/import), subscription status with feature comparison, notification preferences with bell icon, profile settings (edit info, change password, theme picker, delete account), onboarding wizard with create/join paths, enhanced dashboard with stats cards, Recharts completion chart, recent activity feed, and task report PDF download. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-03 09:31:29 -06:00
commit 5a50d77515
183 changed files with 34450 additions and 0 deletions
@@ -0,0 +1,63 @@
+"use client";
+
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { Button } from "@/components/ui/button";
+import { Crown } from "lucide-react";
+
+interface UpgradePromptProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  feature: string;
+  limitInfo?: string;
+}
+
+export function UpgradePrompt({ open, onOpenChange, feature, limitInfo }: UpgradePromptProps) {
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent>
+        <DialogHeader>
+          <div className="mx-auto mb-2 flex size-12 items-center justify-center rounded-full bg-primary/10">
+            <Crown className="size-6 text-primary" />
+          </div>
+          <DialogTitle className="text-center">Upgrade to Premium</DialogTitle>
+          <DialogDescription className="text-center">
+            {feature}
+          </DialogDescription>
+        </DialogHeader>
+
+        {limitInfo && (
+          <div className="rounded-lg border bg-muted/50 p-3 text-center">
+            <p className="text-sm text-muted-foreground">{limitInfo}</p>
+          </div>
+        )}
+
+        <div className="space-y-2 text-sm text-muted-foreground">
+          <p>
+            Premium unlocks unlimited residences, tasks, contractors, documents, sharing, and export
+            features.
+          </p>
+          <p>
+            Subscriptions are managed through the Casera iOS or Android app.
+          </p>
+        </div>
+
+        <DialogFooter className="flex flex-col gap-2 sm:flex-col">
+          <Button className="w-full" onClick={() => onOpenChange(false)}>
+            <Crown className="size-4" />
+            Upgrade on App Store
+          </Button>
+          <Button variant="outline" className="w-full" onClick={() => onOpenChange(false)}>
+            Maybe Later
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}