[V0_FILE]plaintext:file=".gitignore" isMerged="true" # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. # dependencies /node_modules # next.js /.next/ /out/ # production /build # debug npm-debug.log* yarn-debug.log* yarn-error.log* .pnpm-debug.log* # env files .env* # vercel .vercel # typescript *.tsbuildinfo next-env.d.ts [V0_FILE]markdown:file="README.md" isMerged="true" # CareAI - AI Patient Care Platform An AI-powered healthcare platform that enables physicians to prescribe personalized AI agents to patients for continuous care monitoring, symptom tracking, medication reminders, and real-time health alerts. ## Features ### For Physicians - **Patient Dashboard**: Manage all patients in one place with real-time status updates - **AI Agent Configuration**: Create personalized AI assistants with custom instructions and templates - **Alert Management**: Monitor and respond to patient alerts by severity (critical, high, medium, low) - **Chat History**: Review all patient-AI interactions for clinical insights - **Patient Assignment**: Add patients to your care panel via email ### For Patients - **24/7 AI Care Assistant**: Chat with a personalized AI agent configured by your physician - **Symptom Tracking**: Report symptoms and receive guidance based on your care plan - **Medication Reminders**: Get timely reminders about medications and treatments - **Health Education**: Learn about your conditions and care plan - **Emergency Support**: Automatic escalation for concerning symptoms ### Security & Compliance - HIPAA-compliant architecture with Supabase - Row Level Security (RLS) policies for data protection - End-to-end encryption for all communications - Role-based access control (physicians, patients, admins) - Audit logging for all data access ## Tech Stack - **Frontend**: Next.js 15 (App Router), React, TypeScript - **UI**: shadcn/ui components, Tailwind CSS v4 - **Backend**: Next.js API Routes, Server Actions - **Database**: Supabase (PostgreSQL) - **Authentication**: Supabase Auth - **AI**: Vercel AI SDK with OpenAI GPT-4o-mini - **Deployment**: Vercel ## Getting Started ### Prerequisites - Node.js 18+ - Supabase account - Vercel account (for deployment) ### Installation 1. Clone the repository 2. Install dependencies: \`\`\`bash npm install \`\`\` 3. Set up environment variables (already configured in Vercel): - NEXT_PUBLIC_SUPABASE_URL - NEXT_PUBLIC_SUPABASE_ANON_KEY - SUPABASE_SERVICE_ROLE_KEY 4. Run the database setup script: - Execute \`scripts/001_create_tables.sql\` in your Supabase SQL editor 5. Start the development server: \`\`\`bash npm run dev \`\`\` ## Database Schema ### Core Tables - **users**: User profiles with role (physician/patient/admin) - **physicians**: Physician-specific information - **patients**: Patient-specific information and medical history - **patient_physician**: Relationship between patients and physicians - **ai_agents**: AI agent configurations per patient - **messages**: Chat messages between patients and AI - **alerts**: Alerts generated for physicians ### Alert System Alerts are automatically generated when patients report concerning symptoms: - **Critical**: Chest pain, difficulty breathing, suicidal thoughts, etc. - **High**: Fever, vomiting, severe pain, etc. - **Medium**: Custom keywords configured by physician - **Low**: General monitoring updates ## AI Agent Templates Pre-built templates for common conditions: - Type 2 Diabetes Management - Post-Surgical Care - Mental Health Support - Chronic Pain Management - Hypertension Management - Heart Failure Monitoring - COPD Management - Pregnancy Care ## Usage ### For Physicians 1. **Register** as a physician at \`/register?role=physician\` 2. **Add patients** via email from the dashboard 3. **Configure AI agents** for each patient with custom instructions 4. **Monitor alerts** and respond to concerning symptoms 5. **Review chat history** to track patient progress ### For Patients 1. **Register** as a patient at \`/register?role=patient\` 2. **Wait for physician assignment** (physician adds you via email) 3. **Chat with your AI assistant** once the agent is activated 4. **Report symptoms** and receive personalized guidance 5. **Follow medication reminders** and care instructions ## API Routes - \`POST /api/chat\`: Patient chat with AI agent - \`GET /api/alerts/stats\`: Get alert statistics for physician ## Security Features - Row Level Security (RLS) ensures users only access their own data - Physicians can only view patients assigned to them - Patients can only view their own messages and AI agent - All database operations are protected by authentication - Middleware enforces authentication on protected routes ## Future Enhancements - EHR integration (Epic, Cerner) - Wearable device integration (Apple Health, Fitbit) - Video consultation scheduling - Prescription management - Predictive analytics for readmission risk - Multi-language support - Voice interface for accessibility ## License Proprietary - All rights reserved ## Support For issues or questions, contact your system administrator. [V0_FILE]typescript:file="app/api/alerts/stats/route.ts" isMerged="true" import { getSupabaseServerClient } from "@/lib/supabase/server" export async function GET() { try { const supabase = await getSupabaseServerClient() const { data: { user }, } = await supabase.auth.getUser() if (!user) { return new Response("Unauthorized", { status: 401 }) } // Get alert statistics const { data: criticalAlerts } = await supabase .from("alerts") .select("id", { count: "exact" }) .eq("physician_id", user.id) .eq("status", "pending") .eq("severity", "critical") const { data: highAlerts } = await supabase .from("alerts") .select("id", { count: "exact" }) .eq("physician_id", user.id) .eq("status", "pending") .eq("severity", "high") const { data: mediumAlerts } = await supabase .from("alerts") .select("id", { count: "exact" }) .eq("physician_id", user.id) .eq("status", "pending") .eq("severity", "medium") const { data: totalPending } = await supabase .from("alerts") .select("id", { count: "exact" }) .eq("physician_id", user.id) .eq("status", "pending") return Response.json({ critical: criticalAlerts?.length || 0, high: highAlerts?.length || 0, medium: mediumAlerts?.length || 0, total: totalPending?.length || 0, }) } catch (error) { console.error("[v0] Alert stats error:", error) return new Response("Internal server error", { status: 500 }) } } [V0_FILE]typescript:file="app/api/chat/route.ts" isMerged="true" import { streamText } from "ai" import { getSupabaseServerClient } from "@/lib/supabase/server" export const maxDuration = 30 // Keywords that trigger alerts const CRITICAL_KEYWORDS = [ "chest pain", "difficulty breathing", "severe pain", "suicidal", "emergency", "bleeding heavily", "unconscious", "seizure", ] const HIGH_PRIORITY_KEYWORDS = ["fever", "vomiting", "dizzy", "confused", "swelling", "rash", "infection"] export async function POST(req: Request) { try { const { messages } = await req.json() const supabase = await getSupabaseServerClient() // Get authenticated user const { data: { user }, } = await supabase.auth.getUser() if (!user) { return new Response("Unauthorized", { status: 401 }) } const { data: userData } = await supabase.from("users").select("organization_id").eq("id", user.id).single() if (!userData?.organization_id) { return new Response("User not associated with an organization", { status: 403 }) } // Get patient's AI agent configuration const { data: agent } = await supabase .from("ai_agents") .select("*, patients(*), physicians(*)") .eq("patient_id", user.id) .eq("is_active", true) .single() if (!agent) { return new Response("No AI agent configured", { status: 404 }) } // Get patient info const { data: patient } = await supabase.from("patients").select("*").eq("id", user.id).single() // Store user message const userMessage = messages[messages.length - 1] await supabase.from("messages").insert({ patient_id: user.id, organization_id: userData.organization_id, role: "user", content: userMessage.content, }) // Check for concerning symptoms const messageContent = userMessage.content.toLowerCase() let alertSeverity: "critical" | "high" | "medium" | null = null let alertTitle = "" for (const keyword of CRITICAL_KEYWORDS) { if (messageContent.includes(keyword)) { alertSeverity = "critical" alertTitle = `Critical: Patient reports ${keyword}` break } } if (!alertSeverity) { for (const keyword of HIGH_PRIORITY_KEYWORDS) { if (messageContent.includes(keyword)) { alertSeverity = "high" alertTitle = `High Priority: Patient reports ${keyword}` break } } } // Check custom symptom keywords from physician if (!alertSeverity && agent.symptom_keywords) { for (const keyword of agent.symptom_keywords) { if (messageContent.includes(keyword.toLowerCase())) { alertSeverity = "medium" alertTitle = `Patient reports monitored symptom: ${keyword}` break } } } // Create alert if needed if (alertSeverity) { await supabase.from("alerts").insert({ patient_id: user.id, physician_id: agent.physician_id, organization_id: userData.organization_id, severity: alertSeverity, title: alertTitle, description: `Patient message: "${userMessage.content}"`, }) } // Build system prompt with custom instructions const systemPrompt = `You are a healthcare AI assistant for ${patient?.full_name || "the patient"}. CUSTOM INSTRUCTIONS FROM PHYSICIAN: ${agent.custom_instructions} PATIENT INFORMATION: - Medical conditions: ${patient?.medical_conditions?.join(", ") || "None specified"} - Emergency contact: ${patient?.emergency_contact || "Not provided"} IMPORTANT GUIDELINES: 1. Be empathetic, supportive, and professional 2. Provide health education and answer questions based on the physician's instructions 3. Remind about medications if mentioned in the custom instructions 4. Track symptoms and encourage reporting concerning changes 5. NEVER provide emergency medical advice - always direct to emergency services for urgent issues 6. If the patient reports severe symptoms, acknowledge and tell them you've notified their physician 7. Stay within the scope defined by the physician's custom instructions Remember: You are an assistant to support the patient's care plan, not a replacement for medical professionals.` // Generate AI response const result = streamText({ model: "openai/gpt-4o-mini", system: systemPrompt, messages, async onFinish({ text }) { // Store assistant message await supabase.from("messages").insert({ patient_id: user.id, organization_id: userData.organization_id, role: "assistant", content: text, }) }, }) return result.toDataStreamResponse() } catch (error) { console.error("[v0] Chat API error:", error) return new Response("Internal server error", { status: 500 }) } } [V0_FILE]css:file="app/globals.css" isMerged="true" @import 'tailwindcss'; @import 'tw-animate-css'; @custom-variant dark (&:is(.dark *)); :root { --background: oklch(1 0 0); --foreground: oklch(0.145 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.145 0 0); --primary: oklch(0.205 0 0); --primary-foreground: oklch(0.985 0 0); --secondary: oklch(0.97 0 0); --secondary-foreground: oklch(0.205 0 0); --muted: oklch(0.97 0 0); --muted-foreground: oklch(0.556 0 0); --accent: oklch(0.97 0 0); --accent-foreground: oklch(0.205 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.577 0.245 27.325); --border: oklch(0.922 0 0); --input: oklch(0.922 0 0); --ring: oklch(0.708 0 0); --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --radius: 0.625rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.145 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.145 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.985 0 0); --primary-foreground: oklch(0.205 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.269 0 0); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.269 0 0); --input: oklch(0.269 0 0); --ring: oklch(0.439 0 0); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.269 0 0); --sidebar-ring: oklch(0.439 0 0); } @theme inline { --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } [V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type React from "react" import type { Metadata } from "next" import { GeistSans } from "geist/font/sans" import { GeistMono } from "geist/font/mono" import { Analytics } from "@vercel/analytics/next" import { Toaster } from "@/components/ui/toaster" import { Suspense } from "react" import "./globals.css" export const metadata: Metadata = { title: "CareAI - AI Patient Care Platform", description: "AI-powered patient care platform for continuous monitoring and personalized health support", generator: "v0.app", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="app/login/page.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { useRouter } from "next/navigation" import Link from "next/link" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Activity } from "lucide-react" import { getSupabaseBrowserClient } from "@/lib/supabase/client" export default function LoginPage() { const [email, setEmail] = useState("") const [password, setPassword] = useState("") const [loading, setLoading] = useState(false) const [error, setError] = useState("") const router = useRouter() const supabase = getSupabaseBrowserClient() const handleLogin = async (e: React.FormEvent) => { e.preventDefault() setLoading(true) setError("") try { const { data, error } = await supabase.auth.signInWithPassword({ email, password, }) if (error) throw error const role = data.user.user_metadata?.role if (role === "org_admin") { router.push("/organization/dashboard") } else if (role === "physician") { router.push("/physician/dashboard") } else { router.push("/patient") } } catch (err: any) { setError(err.message || "Failed to sign in") } finally { setLoading(false) } } return (

CareAI

Welcome back Sign in to your account to continue

Don't have an account? Sign up

) } [V0_FILE]typescript:file="app/organization/dashboard/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import { redirect } from "next/navigation" import { getSupabaseServerClient } from "@/lib/supabase/server" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Button } from "@/components/ui/button" import { Alert, AlertDescription } from "@/components/ui/alert" import { Building2, Users, UserCog, Activity, Bell, TrendingUp, AlertCircle, Brain } from "lucide-react" import Link from "next/link" export default async function OrganizationDashboardPage() { const supabase = await getSupabaseServerClient() const { data: { user }, } = await supabase.auth.getUser() if (!user) { redirect("/login") } const { data: userData } = await supabase.from("users").select("*, organizations(*)").eq("id", user.id).single() if (userData?.role !== "org_admin") { redirect("/login") } const organization = userData.organizations // Get all users in the organization const { data: allUsers } = await supabase .from("users") .select("*") .eq("organization_id", organization.id) .order("created_at", { ascending: false }) const { data: pendingUsers } = await supabase .from("users") .select("*") .eq("organization_id", organization.id) .eq("status", "pending") .order("created_at", { ascending: false }) const approvedUsers = allUsers?.filter((u) => u.status === "approved") || [] const physicians = approvedUsers.filter((u) => u.role === "physician") const patients = approvedUsers.filter((u) => u.role === "patient") const admins = approvedUsers.filter((u) => u.role === "org_admin") let alertsSupported = false try { const { error } = await supabase.from("alerts").select("id").eq("organization_id", organization.id).limit(1) alertsSupported = !error || error.code !== "42703" // 42703 = column does not exist } catch (error) { console.log("[v0] Alerts table not fully migrated yet") } // Get organization-wide alert statistics with error handling let totalAlertsCount = 0 let pendingAlertsCount = 0 let criticalAlertsCount = 0 if (alertsSupported) { try { const { data: totalAlerts, error: totalError } = await supabase .from("alerts") .select("id", { count: "exact" }) .eq("organization_id", organization.id) if (!totalError) { totalAlertsCount = totalAlerts?.length || 0 } const { data: pendingAlerts, error: pendingError } = await supabase .from("alerts") .select("id", { count: "exact" }) .eq("organization_id", organization.id) .eq("status", "pending") if (!pendingError) { pendingAlertsCount = pendingAlerts?.length || 0 } const { data: criticalAlerts, error: criticalError } = await supabase .from("alerts") .select("id", { count: "exact" }) .eq("organization_id", organization.id) .eq("status", "pending") .eq("severity", "critical") if (!criticalError) { criticalAlertsCount = criticalAlerts?.length || 0 } } catch (error) { console.error("[v0] Error fetching alerts:", error) // Continue without alert stats if there's an error } } // Get recent activity const { data: recentUsers } = await supabase .from("users") .select("*") .eq("organization_id", organization.id) .order("created_at", { ascending: false }) .limit(5) return (

{/* Header */}

{organization.name}

Organization Dashboard

Admin: {userData.full_name}

{!alertsSupported && ( Database Migration Required: Some features are unavailable. Please run the migration script:{" "}


                scripts/006_fix_missing_org_columns.sql

)} {/* Quick Actions */}

AI Agents

Manage AI configurations

User Management

Manage users and roles

Medical Protocols

Manage care protocols

{/* Pending Approvals */} {pendingUsers && pendingUsers.length > 0 && ( Pending Approvals ({pendingUsers.length})

{pendingUsers.map((user) => (

{user.full_name?.charAt(0)}

{user.full_name}

{user.email}

{user.role}

))}

)} {/* Organization Info */} Organization Information

Organization Name

{organization.name}

Organization Code

{organization.slug}

{organization.description && (

Description

{organization.description}

)}

Status

{organization.is_active ? "Active" : "Inactive"}

Created

{new Date(organization.created_at).toLocaleDateString()}

{/* Statistics */}

Total Users

{approvedUsers.length}

{physicians.length} physicians, {patients.length} patients

Physicians

{physicians.length}

Active care providers

Patients

{patients.length}

Under care

{alertsSupported && ( Active Alerts

{pendingAlertsCount}

{criticalAlertsCount} critical

)}

{/* Physicians List */} Physicians {physicians.length > 0 ? (

{physicians.map((physician) => (

{physician.full_name?.charAt(0)}

{physician.full_name}

{physician.email}

Physician

))}

) : (

No physicians registered yet

)} {/* Patients List */} Patients {patients.length > 0 ? (

{patients.slice(0, 10).map((patient) => (

{patient.full_name?.charAt(0)}

{patient.full_name}

{patient.email}

Patient

))} {patients.length > 10 && (

And {patients.length - 10} more patients...

)}

) : (

No patients registered yet

)} {/* Recent Activity */} Recent Registrations {recentUsers && recentUsers.length > 0 ? (

{recentUsers.map((user) => (

{user.full_name?.charAt(0)}

{user.full_name}

{user.email}

{user.role}

{new Date(user.created_at).toLocaleDateString()}

))}

) : (

No recent activity

)} {/* Onboarding Instructions */} Getting Started

Share your organization code with physicians and patients to get started:

Organization Code

{organization.slug}

Next steps:

Share the organization code with your physicians
Physicians register at /register using the code
Patients register using the same code
Physicians can then assign patients and configure AI agents

) } [V0_FILE]typescriptreact:file="app/organization/register/page.tsx" isMerged="true" "use client" import type React from "react" import { useState, useEffect } from "react" import { useRouter } from "next/navigation" import Link from "next/link" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Textarea } from "@/components/ui/textarea" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert" import { Activity, Building2, Database } from "lucide-react" import { createOrganization, checkMigrationStatus } from "@/app/actions/auth" import { getSupabaseBrowserClient } from "@/lib/supabase/client" export default function OrganizationRegisterPage() { const [orgName, setOrgName] = useState("") const [orgSlug, setOrgSlug] = useState("") const [orgDescription, setOrgDescription] = useState("") const [adminFullName, setAdminFullName] = useState("") const [adminEmail, setAdminEmail] = useState("") const [adminPassword, setAdminPassword] = useState("") const [loading, setLoading] = useState(false) const [error, setError] = useState("") const [migrationChecked, setMigrationChecked] = useState(false) const [migrationComplete, setMigrationComplete] = useState(false) const router = useRouter() const supabase = getSupabaseBrowserClient() // Auto-generate slug from organization name const handleOrgNameChange = (name: string) => { setOrgName(name) const slug = name .toLowerCase() .replace(/[^a-z0-9]+/g, "-") .replace(/^-|-$/g, "") setOrgSlug(slug) } const handleSubmit = async (e: React.FormEvent) => { e.preventDefault() setLoading(true) setError("") try { // Create organization and admin user const result = await createOrganization({ name: orgName, slug: orgSlug, description: orgDescription, adminEmail, adminPassword, adminFullName, }) if (!result.success) { if (result.error === "DATABASE_NOT_READY") { setError("MIGRATION_REQUIRED") return } throw new Error(result.error) } // Sign in the admin user const { error: signInError } = await supabase.auth.signInWithPassword({ email: adminEmail, password: adminPassword, }) if (signInError) { throw new Error("Organization created but failed to sign in. Please try logging in.") } // Redirect to organization admin dashboard router.push("/organization/dashboard") } catch (err: any) { console.error("[v0] Organization registration error:", err) setError(err.message || "Failed to create organization") } finally { setLoading(false) } } useEffect(() => { const checkMigration = async () => { const result = await checkMigrationStatus() setMigrationComplete(result.migrationComplete) setMigrationChecked(true) if (!result.migrationComplete) { setError("MIGRATION_REQUIRED") } } checkMigration() }, []) return (

CareAI

Create Your Organization

Set up your healthcare organization and admin account

{error === "MIGRATION_REQUIRED" && ( Database Migration Required

The multi-tenant organization feature requires a database schema update.

Please run: scripts/005_add_organizations.sql

This script will create the organizations table and update the database to support multiple organizations.

)} {(!migrationChecked || migrationComplete) && (

{/* Organization Details */}

Organization Details

Organization Name handleOrgNameChange(e.target.value)} required />

Organization Slug (URL identifier) setOrgSlug(e.target.value)} required pattern="[a-z0-9-]+" title="Only lowercase letters, numbers, and hyphens allowed" />

This will be used in your organization's URL: careai.com/{orgSlug}

Description (Optional)

setOrgDescription(e.target.value)}
                    rows={3}
                  />
                </div>
              </div>

{/* Admin Account */}
              <div className="space-y-4 pt-4 border-t">
                <h3 className="font-semibold text-lg">Administrator Account</h3>
                <div className="space-y-2">
                  <Label htmlFor="adminFullName">Full Name</Label>
                  <Input
                    id="adminFullName"
                    type="text"
                    placeholder="Dr. Jane Smith"
                    value={adminFullName}
                    onChange={(e) => setAdminFullName(e.target.value)}
                    required
                  />
                </div>
                <div className="space-y-2">
                  <Label htmlFor="adminEmail">Email</Label>
                  <Input
                    id="adminEmail"
                    type="email"
                    placeholder="admin@hospital.com"
                    value={adminEmail}
                    onChange={(e) => setAdminEmail(e.target.value)}
                    required
                  />
                </div>
                <div className="space-y-2">
                  <Label htmlFor="adminPassword">Password</Label>
                  <Input
                    id="adminPassword"
                    type="password"
                    placeholder="••••••••"
                    value={adminPassword}
                    onChange={(e) => setAdminPassword(e.target.value)}
                    required
                    minLength={6}
                  />
                </div>
              </div>

{error && error !== "MIGRATION_REQUIRED" && (
                <div className="text-sm text-destructive bg-destructive/10 p-3 rounded-md">{error}</div>
              )}

<Button type="submit" className="w-full" size="lg" disabled={loading}>
                {loading ? "Creating organization..." : "Create Organization"}
              </Button>
            </form>
          )}

<div className="mt-6 text-center text-sm">
            <span className="text-muted-foreground">Already have an organization? </span>
            <Link href="/login" className="text-primary hover:underline">
              Sign in
            </Link>
          </div>
        </CardContent>
      </Card>
    </div>
  )
}
[V0_FILE]typescript:file="app/patient/chat/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import { useEffect, useState } from "react"
import { useRouter } from "next/navigation"
import { useChat } from "@ai-sdk/react"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Card } from "@/components/ui/card"
import { Avatar, AvatarFallback } from "@/components/ui/avatar"
import { Activity, Send, LogOut, AlertCircle, Mic, MicOff, Volume2, VolumeX } from "lucide-react"
import { getSupabaseBrowserClient } from "@/lib/supabase/client"
import { cn } from "@/lib/utils"
import { useVoiceChat } from "@/hooks/use-voice-chat"
import { Badge } from "@/components/ui/badge"

export default function PatientChatPage() {
  const [user, setUser] = useState<any>(null)
  const [loading, setLoading] = useState(true)
  const [hasAgent, setHasAgent] = useState(false)
  const router = useRouter()
  const supabase = getSupabaseBrowserClient()

const { messages, input, handleInputChange, handleSubmit, isLoading, setInput } = useChat({
    api: "/api/chat",
    onError: (error) => {
      console.error("[v0] Chat error:", error)
    },
    onFinish: (message) => {
      if (autoSpeakEnabled && message.role === "assistant") {
        speak(message.content)
      }
    },
  })

const {
    isListening,
    isSpeaking,
    isSupported: isVoiceSupported,
    autoSpeakEnabled,
    startListening,
    stopListening,
    speak,
    stopSpeaking,
    toggleAutoSpeak,
  } = useVoiceChat({
    onTranscript: (text) => {
      setInput(text)
      // Auto-submit after voice input
      setTimeout(() => {
        const form = document.querySelector("form")
        if (form) {
          form.requestSubmit()
        }
      }, 100)
    },
    autoSpeak: false,
  })

useEffect(() => {
    const checkUser = async () => {
      const {
        data: { user: authUser },
      } = await supabase.auth.getUser()

if (!authUser) {
        router.push("/login")
        return
      }

const { data: userData } = await supabase.from("users").select("*").eq("id", authUser.id).single()

if (userData?.role !== "patient") {
        router.push("/login")
        return
      }

setUser(userData)

// Check if patient has an AI agent assigned
      const { data: agentData } = await supabase
        .from("ai_agents")
        .select("*")
        .eq("patient_id", authUser.id)
        .eq("is_active", true)
        .single()

setHasAgent(!!agentData)
      setLoading(false)
    }

checkUser()
  }, [router, supabase])

const handleSignOut = async () => {
    await supabase.auth.signOut()
    router.push("/")
  }

const handleVoiceToggle = () => {
    if (isListening) {
      stopListening()
    } else {
      startListening()
    }
  }

if (loading) {
    return (
      <div className="min-h-screen flex items-center justify-center">
        <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-primary"></div>
      </div>
    )
  }

if (!hasAgent) {
    return (
      <div className="min-h-screen flex items-center justify-center bg-muted/20 p-4">
        <Card className="max-w-md p-8 text-center space-y-4">
          <div className="h-12 w-12 rounded-full bg-muted flex items-center justify-center mx-auto">
            <AlertCircle className="h-6 w-6 text-muted-foreground" />
          </div>
          <h2 className="text-2xl font-semibold">No AI Agent Assigned</h2>
          <p className="text-muted-foreground leading-relaxed">
            Your physician hasn't assigned an AI care agent to you yet. Please contact your healthcare provider to get
            started.
          </p>
          <Button onClick={handleSignOut} variant="outline">
            Sign Out
          </Button>
        </Card>
      </div>
    )
  }

return (
    <div className="flex flex-col h-screen bg-background">
      {/* Header */}
      <header className="border-b bg-card px-4 py-3 flex items-center justify-between">
        <div className="flex items-center gap-3">
          <div className="h-10 w-10 rounded-full bg-primary/10 flex items-center justify-center">
            <Activity className="h-5 w-5 text-primary" />
          </div>
          <div>
            <h1 className="font-semibold">Your Care Assistant</h1>
            <p className="text-xs text-muted-foreground">Always here to help</p>
          </div>
        </div>
        <div className="flex items-center gap-2">
          {isVoiceSupported && (
            <>
              <Button
                variant={autoSpeakEnabled ? "default" : "ghost"}
                size="icon"
                onClick={toggleAutoSpeak}
                title={autoSpeakEnabled ? "Disable voice responses" : "Enable voice responses"}
              >
                {autoSpeakEnabled ? <Volume2 className="h-5 w-5" /> : <VolumeX className="h-5 w-5" />}
              </Button>
              {isSpeaking && (
                <Badge variant="secondary" className="animate-pulse">
                  Speaking...
                </Badge>
              )}
            </>
          )}
          <Button variant="ghost" size="icon" onClick={handleSignOut}>
            <LogOut className="h-5 w-5" />
          </Button>
        </div>
      </header>

{/* Messages */}
      <div className="flex-1 overflow-y-auto p-4 space-y-4">
        {messages.length === 0 && (
          <div className="text-center py-12 space-y-3">
            <div className="h-16 w-16 rounded-full bg-primary/10 flex items-center justify-center mx-auto">
              <Activity className="h-8 w-8 text-primary" />
            </div>
            <h2 className="text-xl font-semibold">Welcome to Your Care Assistant</h2>
            <p className="text-muted-foreground max-w-md mx-auto leading-relaxed">
              I'm here to help you track symptoms, remind you about medications, and answer health questions. How can I
              assist you today?
            </p>
            {isVoiceSupported && (
              <p className="text-sm text-muted-foreground max-w-md mx-auto">
                💡 You can use voice input by clicking the microphone button below
              </p>
            )}
          </div>
        )}

{messages.map((message) => (
          <div key={message.id} className={cn("flex gap-3", message.role === "user" ? "justify-end" : "justify-start")}>
            {message.role === "assistant" && (
              <Avatar className="h-8 w-8 mt-1">
                <AvatarFallback className="bg-primary/10 text-primary text-xs">
                  <Activity className="h-4 w-4" />
                </AvatarFallback>
              </Avatar>
            )}
            <div
              className={cn(
                "rounded-lg px-4 py-2 max-w-[80%] break-words",
                message.role === "user" ? "bg-primary text-primary-foreground" : "bg-muted text-foreground",
              )}
            >
              <p className="text-sm leading-relaxed whitespace-pre-wrap">{message.content}</p>
            </div>
            {message.role === "user" && (
              <Avatar className="h-8 w-8 mt-1">
                <AvatarFallback className="bg-secondary text-secondary-foreground text-xs">
                  {user?.full_name?.charAt(0) || "U"}
                </AvatarFallback>
              </Avatar>
            )}
          </div>
        ))}

{isLoading && (
          <div className="flex gap-3 justify-start">
            <Avatar className="h-8 w-8 mt-1">
              <AvatarFallback className="bg-primary/10 text-primary text-xs">
                <Activity className="h-4 w-4" />
              </AvatarFallback>
            </Avatar>
            <div className="rounded-lg px-4 py-2 bg-muted">
              <div className="flex gap-1">
                <div className="h-2 w-2 rounded-full bg-muted-foreground/50 animate-bounce [animation-delay:-0.3s]"></div>
                <div className="h-2 w-2 rounded-full bg-muted-foreground/50 animate-bounce [animation-delay:-0.15s]"></div>
                <div className="h-2 w-2 rounded-full bg-muted-foreground/50 animate-bounce"></div>
              </div>
            </div>
          </div>
        )}
      </div>

{/* Input */}
      <div className="border-t bg-card p-4">
        <form onSubmit={handleSubmit} className="flex gap-2">
          <Input
            value={input}
            onChange={handleInputChange}
            placeholder={isListening ? "Listening..." : "Type your message..."}
            disabled={isLoading || isListening}
            className="flex-1"
          />
          {isVoiceSupported && (
            <Button
              type="button"
              onClick={handleVoiceToggle}
              disabled={isLoading}
              size="icon"
              variant={isListening ? "default" : "outline"}
              className={cn(isListening && "animate-pulse")}
            >
              {isListening ? <MicOff className="h-4 w-4" /> : <Mic className="h-4 w-4" />}
            </Button>
          )}
          <Button type="submit" disabled={isLoading || !input.trim() || isListening} size="icon">
            <Send className="h-4 w-4" />
          </Button>
        </form>
        <p className="text-xs text-muted-foreground mt-2 text-center">
          This AI assistant is not a replacement for professional medical advice
        </p>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/physician/alerts/page.tsx" isMerged="true"
import { redirect } from "next/navigation"
import { getSupabaseServerClient } from "@/lib/supabase/server"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { PhysicianHeader } from "@/components/physician-header"
import { AlertCircle, Bell, CheckCircle, Clock } from "lucide-react"
import Link from "next/link"

export default async function AlertsPage() {
  const supabase = await getSupabaseServerClient()

const {
    data: { user },
  } = await supabase.auth.getUser()

if (!user) {
    redirect("/login")
  }

const { data: userData } = await supabase.from("users").select("*").eq("id", user.id).single()

if (userData?.role !== "physician") {
    redirect("/login")
  }

// Get all alerts
  const { data: pendingAlerts } = await supabase
    .from("alerts")
    .select("*, patients(*, users(*))")
    .eq("physician_id", user.id)
    .eq("status", "pending")
    .order("created_at", { ascending: false })

const { data: acknowledgedAlerts } = await supabase
    .from("alerts")
    .select("*, patients(*, users(*))")
    .eq("physician_id", user.id)
    .eq("status", "acknowledged")
    .order("acknowledged_at", { ascending: false })
    .limit(50)

const { data: resolvedAlerts } = await supabase
    .from("alerts")
    .select("*, patients(*, users(*))")
    .eq("physician_id", user.id)
    .eq("status", "resolved")
    .order("resolved_at", { ascending: false })
    .limit(50)

const renderAlertCard = (alert: any) => (
    <Link key={alert.id} href={`/physician/patients/${alert.patient_id}`}>
      <div className="flex items-start gap-3 p-4 rounded-lg border hover:bg-muted/50 transition-colors">
        <div className="mt-1">
          {alert.severity === "critical" && <div className="h-3 w-3 rounded-full bg-destructive animate-pulse" />}
          {alert.severity === "high" && <div className="h-3 w-3 rounded-full bg-orange-500" />}
          {alert.severity === "medium" && <div className="h-3 w-3 rounded-full bg-yellow-500" />}
          {alert.severity === "low" && <div className="h-3 w-3 rounded-full bg-blue-500" />}
        </div>
        <div className="flex-1 min-w-0">
          <div className="flex items-center gap-2 mb-1 flex-wrap">
            <Badge variant={alert.severity === "critical" ? "destructive" : "secondary"} className="text-xs">
              {alert.severity}
            </Badge>
            <span className="text-sm font-medium">{alert.patients.users.full_name}</span>
            <span className="text-xs text-muted-foreground">{alert.patients.users.email}</span>
          </div>
          <p className="text-sm font-medium mb-1">{alert.title}</p>
          <p className="text-sm text-muted-foreground line-clamp-2">{alert.description}</p>
          <div className="flex items-center gap-4 mt-2 text-xs text-muted-foreground">
            <span>Created: {new Date(alert.created_at).toLocaleString()}</span>
            {alert.acknowledged_at && <span>Acknowledged: {new Date(alert.acknowledged_at).toLocaleString()}</span>}
            {alert.resolved_at && <span>Resolved: {new Date(alert.resolved_at).toLocaleString()}</span>}
          </div>
          {alert.notes && (
            <div className="mt-2 p-2 bg-muted rounded text-xs">
              <span className="font-medium">Notes: </span>
              {alert.notes}
            </div>
          )}
        </div>
      </div>
    </Link>
  )

return (
    <div className="min-h-screen bg-background">
      <PhysicianHeader userName={userData.full_name} />

<main className="container mx-auto px-4 py-8 space-y-6">
        <div className="flex items-center justify-between">
          <div>
            <h1 className="text-3xl font-bold">Alert Management</h1>
            <p className="text-muted-foreground">Monitor and manage patient alerts across your practice</p>
          </div>
        </div>

{/* Alert Stats */}
        <div className="grid gap-4 md:grid-cols-3">
          <Card>
            <CardHeader className="flex flex-row items-center justify-between pb-2">
              <CardTitle className="text-sm font-medium text-muted-foreground">Pending Alerts</CardTitle>
              <Bell className="h-4 w-4 text-orange-500" />
            </CardHeader>
            <CardContent>
              <div className="text-2xl font-bold">{pendingAlerts?.length || 0}</div>
              <p className="text-xs text-muted-foreground mt-1">Require attention</p>
            </CardContent>
          </Card>

<Card>
            <CardHeader className="flex flex-row items-center justify-between pb-2">
              <CardTitle className="text-sm font-medium text-muted-foreground">Acknowledged</CardTitle>
              <Clock className="h-4 w-4 text-blue-500" />
            </CardHeader>
            <CardContent>
              <div className="text-2xl font-bold">{acknowledgedAlerts?.length || 0}</div>
              <p className="text-xs text-muted-foreground mt-1">In progress</p>
            </CardContent>
          </Card>

<Card>
            <CardHeader className="flex flex-row items-center justify-between pb-2">
              <CardTitle className="text-sm font-medium text-muted-foreground">Resolved</CardTitle>
              <CheckCircle className="h-4 w-4 text-green-500" />
            </CardHeader>
            <CardContent>
              <div className="text-2xl font-bold">{resolvedAlerts?.length || 0}</div>
              <p className="text-xs text-muted-foreground mt-1">Recently completed</p>
            </CardContent>
          </Card>
        </div>

{/* Alert Tabs */}
        <Tabs defaultValue="pending" className="space-y-4">
          <TabsList>
            <TabsTrigger value="pending" className="gap-2">
              <AlertCircle className="h-4 w-4" />
              Pending ({pendingAlerts?.length || 0})
            </TabsTrigger>
            <TabsTrigger value="acknowledged" className="gap-2">
              <Clock className="h-4 w-4" />
              Acknowledged ({acknowledgedAlerts?.length || 0})
            </TabsTrigger>
            <TabsTrigger value="resolved" className="gap-2">
              <CheckCircle className="h-4 w-4" />
              Resolved ({resolvedAlerts?.length || 0})
            </TabsTrigger>
          </TabsList>

<TabsContent value="pending">
            <Card>
              <CardHeader>
                <CardTitle>Pending Alerts</CardTitle>
              </CardHeader>
              <CardContent>
                {pendingAlerts && pendingAlerts.length > 0 ? (
                  <div className="space-y-3">{pendingAlerts.map(renderAlertCard)}</div>
                ) : (
                  <div className="text-center py-12 text-muted-foreground">
                    <Bell className="h-8 w-8 mx-auto mb-2 opacity-50" />
                    <p>No pending alerts</p>
                  </div>
                )}
              </CardContent>
            </Card>
          </TabsContent>

<TabsContent value="acknowledged">
            <Card>
              <CardHeader>
                <CardTitle>Acknowledged Alerts</CardTitle>
              </CardHeader>
              <CardContent>
                {acknowledgedAlerts && acknowledgedAlerts.length > 0 ? (
                  <div className="space-y-3">{acknowledgedAlerts.map(renderAlertCard)}</div>
                ) : (
                  <div className="text-center py-12 text-muted-foreground">
                    <Clock className="h-8 w-8 mx-auto mb-2 opacity-50" />
                    <p>No acknowledged alerts</p>
                  </div>
                )}
              </CardContent>
            </Card>
          </TabsContent>

<TabsContent value="resolved">
            <Card>
              <CardHeader>
                <CardTitle>Resolved Alerts</CardTitle>
              </CardHeader>
              <CardContent>
                {resolvedAlerts && resolvedAlerts.length > 0 ? (
                  <div className="space-y-3">{resolvedAlerts.map(renderAlertCard)}</div>
                ) : (
                  <div className="text-center py-12 text-muted-foreground">
                    <CheckCircle className="h-8 w-8 mx-auto mb-2 opacity-50" />
                    <p>No resolved alerts</p>
                  </div>
                )}
              </CardContent>
            </Card>
          </TabsContent>
        </Tabs>
      </main>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/physician/dashboard/page.tsx" isMerged="true"
import { redirect } from "next/navigation"
import { getSupabaseServerClient } from "@/lib/supabase/server"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Button } from "@/components/ui/button"
import { Users, Bell, TrendingUp, AlertCircle } from "lucide-react"
import Link from "next/link"
import { PhysicianHeader } from "@/components/physician-header"

export default async function PhysicianDashboardPage() {
  const supabase = await getSupabaseServerClient()

const {
    data: { user },
  } = await supabase.auth.getUser()

if (!user) {
    redirect("/login")
  }

const { data: userData } = await supabase.from("users").select("*").eq("id", user.id).single()

if (userData?.role !== "physician") {
    redirect("/login")
  }

// Get physician's patients
  const { data: patientRelations } = await supabase
    .from("patient_physician")
    .select("*, patients(*, users(*))")
    .eq("physician_id", user.id)

const patients =
    patientRelations?.map((rel: any) => ({
      ...rel.patients,
      ...rel.patients.users,
    })) || []

// Get active alerts
  const { data: alerts } = await supabase
    .from("alerts")
    .select("*, patients(*, users(*))")
    .eq("physician_id", user.id)
    .eq("status", "pending")
    .order("created_at", { ascending: false })
    .limit(10)

// Get alert counts by severity
  const { data: criticalAlerts } = await supabase
    .from("alerts")
    .select("id", { count: "exact" })
    .eq("physician_id", user.id)
    .eq("status", "pending")
    .eq("severity", "critical")

const { data: highAlerts } = await supabase
    .from("alerts")
    .select("id", { count: "exact" })
    .eq("physician_id", user.id)
    .eq("status", "pending")
    .eq("severity", "high")

const criticalCount = criticalAlerts?.length || 0
  const highCount = highAlerts?.length || 0

return (
    <div className="min-h-screen bg-background">
      <PhysicianHeader userName={userData.full_name} />

<main className="container mx-auto px-4 py-8 space-y-8">
        {/* Stats Overview */}
        <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
          <Card>
            <CardHeader className="flex flex-row items-center justify-between pb-2">
              <CardTitle className="text-sm font-medium text-muted-foreground">Total Patients</CardTitle>
              <Users className="h-4 w-4 text-muted-foreground" />
            </CardHeader>
            <CardContent>
              <div className="text-2xl font-bold">{patients.length}</div>
            </CardContent>
          </Card>

<Card>
            <CardHeader className="flex flex-row items-center justify-between pb-2">
              <CardTitle className="text-sm font-medium text-muted-foreground">Active Alerts</CardTitle>
              <Bell className="h-4 w-4 text-muted-foreground" />
            </CardHeader>
            <CardContent>
              <div className="text-2xl font-bold">{alerts?.length || 0}</div>
            </CardContent>
          </Card>

<Card>
            <CardHeader className="flex flex-row items-center justify-between pb-2">
              <CardTitle className="text-sm font-medium text-muted-foreground">Critical Alerts</CardTitle>
              <AlertCircle className="h-4 w-4 text-destructive" />
            </CardHeader>
            <CardContent>
              <div className="text-2xl font-bold text-destructive">{criticalCount}</div>
            </CardContent>
          </Card>

<Card>
            <CardHeader className="flex flex-row items-center justify-between pb-2">
              <CardTitle className="text-sm font-medium text-muted-foreground">High Priority</CardTitle>
              <TrendingUp className="h-4 w-4 text-orange-500" />
            </CardHeader>
            <CardContent>
              <div className="text-2xl font-bold text-orange-500">{highCount}</div>
            </CardContent>
          </Card>
        </div>

{/* Recent Alerts */}
        <Card>
          <CardHeader>
            <CardTitle>Recent Alerts</CardTitle>
          </CardHeader>
          <CardContent>
            {alerts && alerts.length > 0 ? (
              <div className="space-y-3">
                {alerts.map((alert: any) => (
                  <Link key={alert.id} href={`/physician/patients/${alert.patient_id}`}>
                    <div className="flex items-start gap-3 p-3 rounded-lg border hover:bg-muted/50 transition-colors">
                      <div className="mt-1">
                        {alert.severity === "critical" && (
                          <div className="h-2 w-2 rounded-full bg-destructive animate-pulse" />
                        )}
                        {alert.severity === "high" && <div className="h-2 w-2 rounded-full bg-orange-500" />}
                        {alert.severity === "medium" && <div className="h-2 w-2 rounded-full bg-yellow-500" />}
                        {alert.severity === "low" && <div className="h-2 w-2 rounded-full bg-blue-500" />}
                      </div>
                      <div className="flex-1 min-w-0">
                        <div className="flex items-center gap-2 mb-1">
                          <Badge
                            variant={alert.severity === "critical" ? "destructive" : "secondary"}
                            className="text-xs"
                          >
                            {alert.severity}
                          </Badge>
                          <span className="text-sm font-medium">{alert.patients.users.full_name}</span>
                        </div>
                        <p className="text-sm font-medium">{alert.title}</p>
                        <p className="text-sm text-muted-foreground line-clamp-2">{alert.description}</p>
                        <p className="text-xs text-muted-foreground mt-1">
                          {new Date(alert.created_at).toLocaleString()}
                        </p>
                      </div>
                    </div>
                  </Link>
                ))}
              </div>
            ) : (
              <div className="text-center py-8 text-muted-foreground">
                <Bell className="h-8 w-8 mx-auto mb-2 opacity-50" />
                <p>No active alerts</p>
              </div>
            )}
          </CardContent>
        </Card>

{/* Patient List */}
        <Card>
          <CardHeader className="flex flex-row items-center justify-between">
            <CardTitle>Your Patients</CardTitle>
            <Link href="/physician/patients/add">
              <Button>Add Patient</Button>
            </Link>
          </CardHeader>
          <CardContent>
            {patients.length > 0 ? (
              <div className="space-y-2">
                {patients.map((patient: any) => (
                  <Link key={patient.id} href={`/physician/patients/${patient.id}`}>
                    <div className="flex items-center justify-between p-3 rounded-lg border hover:bg-muted/50 transition-colors">
                      <div className="flex items-center gap-3">
                        <div className="h-10 w-10 rounded-full bg-primary/10 flex items-center justify-center">
                          <span className="text-sm font-medium">{patient.full_name?.charAt(0)}</span>
                        </div>
                        <div>
                          <p className="font-medium">{patient.full_name}</p>
                          <p className="text-sm text-muted-foreground">{patient.email}</p>
                        </div>
                      </div>
                      <Button variant="ghost" size="sm">
                        View Details
                      </Button>
                    </div>
                  </Link>
                ))}
              </div>
            ) : (
              <div className="text-center py-8 text-muted-foreground">
                <Users className="h-8 w-8 mx-auto mb-2 opacity-50" />
                <p>No patients assigned yet</p>
                <Link href="/physician/patients/add">
                  <Button variant="outline" className="mt-4 bg-transparent">
                    Add Your First Patient
                  </Button>
                </Link>
              </div>
            )}
          </CardContent>
        </Card>
      </main>
    </div>
  )
}
[V0_FILE]typescript:file="app/physician/patients/[id]/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
import { redirect } from "next/navigation"
import { getSupabaseServerClient } from "@/lib/supabase/server"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Button } from "@/components/ui/button"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { PhysicianHeader } from "@/components/physician-header"
import { PatientMessages } from "@/components/patient-messages"
import { PatientAlerts } from "@/components/patient-alerts"
import { AIAgentConfig } from "@/components/ai-agent-config"
import { PatientMedicationManagement } from "@/components/patient-medication-management"
import { Calendar, Phone, AlertTriangle } from "lucide-react"
import Link from "next/link"

export default async function PatientDetailPage({ params }: { params: { id: string } }) {
  const supabase = await getSupabaseServerClient()

const {
    data: { user },
  } = await supabase.auth.getUser()

if (!user) {
    redirect("/login")
  }

const { data: userData } = await supabase.from("users").select("*").eq("id", user.id).single()

if (userData?.role !== "physician") {
    redirect("/login")
  }

// Verify this patient belongs to this physician
  const { data: relationship } = await supabase
    .from("patient_physician")
    .select("*")
    .eq("patient_id", params.id)
    .eq("physician_id", user.id)
    .single()

if (!relationship) {
    redirect("/physician/dashboard")
  }

// Get patient details
  const { data: patient } = await supabase.from("patients").select("*, users(*)").eq("id", params.id).single()

if (!patient) {
    redirect("/physician/dashboard")
  }

// Get AI agent configuration
  const { data: aiAgent } = await supabase.from("ai_agents").select("*").eq("patient_id", params.id).single()

const { data: physician } = await supabase.from("physicians").select("id").eq("user_id", user.id).single()

return (
    <div className="min-h-screen bg-background">
      <PhysicianHeader userName={userData.full_name} />

<main className="container mx-auto px-4 py-8 space-y-6">
        {/* Back Button */}
        <Link href="/physician/dashboard">
          <Button variant="ghost" size="sm">
            ← Back to Dashboard
          </Button>
        </Link>

{/* Patient Info Card */}
        <Card>
          <CardHeader>
            <div className="flex items-start justify-between">
              <div className="flex items-center gap-4">
                <div className="h-16 w-16 rounded-full bg-primary/10 flex items-center justify-center">
                  <span className="text-2xl font-medium">{patient.users.full_name?.charAt(0)}</span>
                </div>
                <div>
                  <CardTitle className="text-2xl">{patient.users.full_name}</CardTitle>
                  <p className="text-muted-foreground">{patient.users.email}</p>
                </div>
              </div>
              {aiAgent?.is_active ? (
                <Badge className="bg-green-500/10 text-green-700 dark:text-green-400">AI Agent Active</Badge>
              ) : (
                <Badge variant="secondary">No AI Agent</Badge>
              )}
            </div>
          </CardHeader>
          <CardContent>
            <div className="grid gap-4 md:grid-cols-3">
              <div className="flex items-center gap-2">
                <Calendar className="h-4 w-4 text-muted-foreground" />
                <div>
                  <p className="text-sm text-muted-foreground">Date of Birth</p>
                  <p className="font-medium">
                    {patient.date_of_birth ? new Date(patient.date_of_birth).toLocaleDateString() : "Not provided"}
                  </p>
                </div>
              </div>
              <div className="flex items-center gap-2">
                <Phone className="h-4 w-4 text-muted-foreground" />
                <div>
                  <p className="text-sm text-muted-foreground">Phone</p>
                  <p className="font-medium">{patient.phone || "Not provided"}</p>
                </div>
              </div>
              <div className="flex items-center gap-2">
                <AlertTriangle className="h-4 w-4 text-muted-foreground" />
                <div>
                  <p className="text-sm text-muted-foreground">Emergency Contact</p>
                  <p className="font-medium">{patient.emergency_contact || "Not provided"}</p>
                </div>
              </div>
            </div>
            {patient.medical_conditions && patient.medical_conditions.length > 0 && (
              <div className="mt-4">
                <p className="text-sm text-muted-foreground mb-2">Medical Conditions</p>
                <div className="flex flex-wrap gap-2">
                  {patient.medical_conditions.map((condition: string, index: number) => (
                    <Badge key={index} variant="outline">
                      {condition}
                    </Badge>
                  ))}
                </div>
              </div>
            )}
          </CardContent>
        </Card>

{/* Tabs */}
        <Tabs defaultValue="messages" className="space-y-4">
          <TabsList>
            <TabsTrigger value="messages">Messages</TabsTrigger>
            <TabsTrigger value="alerts">Alerts</TabsTrigger>
            <TabsTrigger value="medications">Medications & Activities</TabsTrigger>
            <TabsTrigger value="ai-config">AI Configuration</TabsTrigger>
          </TabsList>

<TabsContent value="ai-config">
            <AIAgentConfig patientId={params.id} physicianId={user.id} currentAgent={aiAgent} />
          </TabsContent>
        </Tabs>
      </main>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/physician/patients/add/page.tsx" isMerged="true"
"use client"

import type React from "react"

import { useState } from "react"
import { useRouter } from "next/navigation"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { PhysicianHeader } from "@/components/physician-header"
import { getSupabaseBrowserClient } from "@/lib/supabase/client"
import Link from "next/link"

export default function AddPatientPage() {
  const [email, setEmail] = useState("")
  const [loading, setLoading] = useState(false)
  const [error, setError] = useState("")
  const router = useRouter()
  const supabase = getSupabaseBrowserClient()

const handleAddPatient = async (e: React.FormEvent) => {
    e.preventDefault()
    setLoading(true)
    setError("")

try {
      const {
        data: { user },
      } = await supabase.auth.getUser()

if (!user) {
        throw new Error("Not authenticated")
      }

const { data: physicianData } = await supabase.from("users").select("organization_id").eq("id", user.id).single()

if (!physicianData?.organization_id) {
        throw new Error("Physician not associated with an organization")
      }

const { data: patientUser } = await supabase
        .from("users")
        .select("*")
        .eq("email", email)
        .eq("role", "patient")
        .eq("organization_id", physicianData.organization_id)
        .single()

if (!patientUser) {
        throw new Error("Patient not found with this email in your organization")
      }

// Check if relationship already exists
      const { data: existing } = await supabase
        .from("patient_physician")
        .select("*")
        .eq("patient_id", patientUser.id)
        .eq("physician_id", user.id)
        .single()

if (existing) {
        throw new Error("This patient is already assigned to you")
      }

const { error: relationError } = await supabase.from("patient_physician").insert({
        patient_id: patientUser.id,
        physician_id: user.id,
        organization_id: physicianData.organization_id,
      })

if (relationError) throw relationError

router.push(`/physician/patients/${patientUser.id}`)
    } catch (err: any) {
      setError(err.message || "Failed to add patient")
    } finally {
      setLoading(false)
    }
  }

return (
    <div className="min-h-screen bg-background">
      <PhysicianHeader userName="Physician" />

<main className="container mx-auto px-4 py-8">
        <Link href="/physician/dashboard">
          <Button variant="ghost" size="sm" className="mb-6">
            ← Back to Dashboard
          </Button>
        </Link>

<Card className="max-w-md mx-auto">
          <CardHeader>
            <CardTitle>Add Patient</CardTitle>
            <CardDescription>Enter the patient's email address to add them to your care</CardDescription>
          </CardHeader>
          <CardContent>
            <form onSubmit={handleAddPatient} className="space-y-4">
              <div className="space-y-2">
                <Label htmlFor="email">Patient Email</Label>
                <Input
                  id="email"
                  type="email"
                  placeholder="patient@example.com"
                  value={email}
                  onChange={(e) => setEmail(e.target.value)}
                  required
                />
                <p className="text-xs text-muted-foreground">Patient must be registered in your organization</p>
              </div>
              {error && <div className="text-sm text-destructive bg-destructive/10 p-3 rounded-md">{error}</div>}
              <Button type="submit" className="w-full" disabled={loading}>
                {loading ? "Adding..." : "Add Patient"}
              </Button>
            </form>
          </CardContent>
        </Card>
      </main>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/register/loading.tsx" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/register/page.tsx" isMerged="true"
"use client"

import type React from "react"

import { useState, useEffect } from "react"
import { useRouter, useSearchParams } from "next/navigation"
import Link from "next/link"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Activity, Building2, CheckCircle2 } from "lucide-react"
import { getSupabaseBrowserClient } from "@/lib/supabase/client"
import { getOrganizationBySlug } from "@/app/actions/auth"
import type { UserRole } from "@/lib/types"

export default function RegisterPage() {
  const [step, setStep] = useState<"org" | "account">("org")
  const [orgSlug, setOrgSlug] = useState("")
  const [orgName, setOrgName] = useState("")
  const [orgId, setOrgId] = useState("")
  const [verifyingOrg, setVerifyingOrg] = useState(false)
  const [orgError, setOrgError] = useState("")

const [email, setEmail] = useState("")
  const [password, setPassword] = useState("")
  const [fullName, setFullName] = useState("")
  const [role, setRole] = useState<UserRole>("patient")
  const [loading, setLoading] = useState(false)
  const [error, setError] = useState("")
  const router = useRouter()
  const searchParams = useSearchParams()
  const supabase = getSupabaseBrowserClient()

useEffect(() => {
    const roleParam = searchParams.get("role")
    if (roleParam === "physician" || roleParam === "patient") {
      setRole(roleParam)
    }
  }, [searchParams])

const handleVerifyOrganization = async (e: React.FormEvent) => {
    e.preventDefault()
    setVerifyingOrg(true)
    setOrgError("")

try {
      const result = await getOrganizationBySlug(orgSlug)

if (!result.success || !result.organization) {
        throw new Error(result.error || "Organization not found")
      }

setOrgName(result.organization.name)
      setOrgId(result.organization.id)
      setStep("account")
    } catch (err: any) {
      setOrgError(err.message || "Failed to verify organization")
    } finally {
      setVerifyingOrg(false)
    }
  }

const handleRegister = async (e: React.FormEvent) => {
    e.preventDefault()
    setLoading(true)
    setError("")

try {
      const { error: authError } = await supabase.auth.signUp({
        email,
        password,
        options: {
          emailRedirectTo:
            process.env.NEXT_PUBLIC_DEV_SUPABASE_REDIRECT_URL ||
            `${window.location.origin}/${role === "physician" ? "physician/dashboard" : "patient"}`,
          data: {
            full_name: fullName,
            role: role,
            organization_id: orgId,
          },
        },
      })

if (authError) {
        throw new Error(authError.message)
      }

router.push("/register/success")
    } catch (err: any) {
      setError(err.message || "Failed to create account")
    } finally {
      setLoading(false)
    }
  }

return (
    <div className="min-h-screen flex items-center justify-center bg-gradient-to-b from-background to-muted/20 p-4">
      <Card className="w-full max-w-md">
        <CardHeader className="space-y-4">
          <div className="flex items-center justify-center gap-2">
            <Activity className="h-8 w-8 text-primary" />
            <span className="font-semibold text-2xl">CareAI</span>
          </div>
          <div className="space-y-2 text-center">
            <CardTitle className="text-2xl">
              {step === "org" ? "Join Your Organization" : "Create Your Account"}
            </CardTitle>
            <CardDescription>
              {step === "org"
                ? "Enter your organization's identifier to get started"
                : `Creating account for ${orgName}`}
            </CardDescription>
          </div>
        </CardHeader>
        <CardContent>
          {step === "org" ? (
            <form onSubmit={handleVerifyOrganization} className="space-y-4">
              <div className="space-y-2">
                <Label htmlFor="orgSlug">Organization Code</Label>
                <div className="relative">
                  <Building2 className="absolute left-3 top-3 h-4 w-4 text-muted-foreground" />
                  <Input
                    id="orgSlug"
                    type="text"
                    placeholder="city-general-hospital"
                    value={orgSlug}
                    onChange={(e) => setOrgSlug(e.target.value.toLowerCase())}
                    className="pl-10"
                    required
                  />
                </div>
                <p className="text-xs text-muted-foreground">Ask your organization administrator for this code</p>
              </div>
              {orgError && <div className="text-sm text-destructive bg-destructive/10 p-3 rounded-md">{orgError}</div>}
              <Button type="submit" className="w-full" disabled={verifyingOrg}>
                {verifyingOrg ? "Verifying..." : "Continue"}
              </Button>
              <div className="text-center text-sm pt-2">
                <span className="text-muted-foreground">Don't have an organization? </span>
                <Link href="/organization/register" className="text-primary hover:underline">
                  Create one
                </Link>
              </div>
            </form>
          ) : (
            <>
              <div className="mb-4 p-3 bg-primary/10 rounded-md flex items-center gap-2 text-sm">
                <CheckCircle2 className="h-4 w-4 text-primary" />
                <span>
                  Joining <strong>{orgName}</strong>
                </span>
                <Button variant="ghost" size="sm" className="ml-auto h-auto p-0 text-xs" onClick={() => setStep("org")}>
                  Change
                </Button>
              </div>
              <form onSubmit={handleRegister} className="space-y-4">
                <div className="space-y-2">
                  <Label htmlFor="fullName">Full Name</Label>
                  <Input
                    id="fullName"
                    type="text"
                    placeholder="Dr. Jane Smith"
                    value={fullName}
                    onChange={(e) => setFullName(e.target.value)}
                    required
                  />
                </div>
                <div className="space-y-2">
                  <Label htmlFor="email">Email</Label>
                  <Input
                    id="email"
                    type="email"
                    placeholder="doctor@example.com"
                    value={email}
                    onChange={(e) => setEmail(e.target.value)}
                    required
                  />
                </div>
                <div className="space-y-2">
                  <Label htmlFor="password">Password</Label>
                  <Input
                    id="password"
                    type="password"
                    placeholder="••••••••"
                    value={password}
                    onChange={(e) => setPassword(e.target.value)}
                    required
                    minLength={6}
                  />
                </div>
                <div className="space-y-2">
                  <Label htmlFor="role">I am a</Label>
                  <Select value={role} onValueChange={(value) => setRole(value as UserRole)}>
                    <SelectTrigger id="role">
                      <SelectValue />
                    </SelectTrigger>
                    <SelectContent>
                      <SelectItem value="physician">Physician</SelectItem>
                      <SelectItem value="patient">Patient</SelectItem>
                    </SelectContent>
                  </Select>
                </div>
                {error && <div className="text-sm text-destructive bg-destructive/10 p-3 rounded-md">{error}</div>}
                <Button type="submit" className="w-full" disabled={loading}>
                  {loading ? "Creating account..." : "Create Account"}
                </Button>
              </form>
            </>
          )}
          <div className="mt-4 text-center text-sm">
            <span className="text-muted-foreground">Already have an account? </span>
            <Link href="/login" className="text-primary hover:underline">
              Sign in
            </Link>
          </div>
        </CardContent>
      </Card>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/register/success/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Activity, Mail } from "lucide-react"
import Link from "next/link"
import { Button } from "@/components/ui/button"

export default function RegisterSuccessPage() {
  return (
    <div className="min-h-screen flex items-center justify-center bg-gradient-to-b from-background to-muted/20 p-4">
      <Card className="w-full max-w-md">
        <CardHeader className="space-y-4">
          <div className="flex items-center justify-center gap-2">
            <Activity className="h-8 w-8 text-primary" />
            <span className="font-semibold text-2xl">CareAI</span>
          </div>
          <div className="flex justify-center">
            <div className="rounded-full bg-primary/10 p-3">
              <Mail className="h-8 w-8 text-primary" />
            </div>
          </div>
          <div className="space-y-2 text-center">
            <CardTitle className="text-2xl">Check your email</CardTitle>
            <CardDescription>We've sent you a confirmation link</CardDescription>
          </div>
        </CardHeader>
        <CardContent className="space-y-4">
          <p className="text-sm text-muted-foreground text-center">
            Please check your email and click the confirmation link to activate your account. Once confirmed, you can
            sign in and start using CareAI.
          </p>
          <Button asChild className="w-full">
            <Link href="/login">Go to Sign In</Link>
          </Button>
        </CardContent>
      </Card>
    </div>
  )
}
[V0_FILE]json:file="components.json" isMerged="true"
{
  "$schema": "https://ui.shadcn.com/schema.json",
  "style": "new-york",
  "rsc": true,
  "tsx": true,
  "tailwind": {
    "config": "",
    "css": "app/globals.css",
    "baseColor": "neutral",
    "cssVariables": true,
    "prefix": ""
  },
  "aliases": {
    "components": "@/components",
    "utils": "@/lib/utils",
    "ui": "@/components/ui",
    "lib": "@/lib",
    "hooks": "@/hooks"
  },
  "iconLibrary": "lucide"
}
[V0_FILE]typescriptreact:file="components/ai-agent-config.tsx" isMerged="true"
"use client"

import { useState } from "react"
import { useRouter } from "next/navigation"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Textarea } from "@/components/ui/textarea"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Badge } from "@/components/ui/badge"
import { Switch } from "@/components/ui/switch"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { getSupabaseBrowserClient } from "@/lib/supabase/client"
import { Brain, Plus, X } from "lucide-react"
import type { AIAgent } from "@/lib/types"

interface AIAgentConfigProps {
  patientId: string
  physicianId: string
  currentAgent: AIAgent | null
}

const INSTRUCTION_TEMPLATES = {
  diabetes: `You are a care assistant for a patient with Type 2 Diabetes. Your role is to:

1. Monitor blood sugar levels and remind the patient to check regularly
2. Provide dietary guidance focused on carbohydrate management
3. Remind about medication schedules (metformin, insulin if prescribed)
4. Encourage regular physical activity
5. Watch for symptoms of hypo/hyperglycemia and alert immediately if detected
6. Provide education about diabetes management

Alert the physician if:
- Blood sugar readings are consistently outside target range
- Patient reports symptoms of diabetic ketoacidosis
- Patient misses multiple medication doses
- Patient reports vision changes, numbness, or wounds that won't heal`,

post_surgical: `You are a care assistant for a post-surgical patient. Your role is to:

1. Monitor for signs of infection (fever, increased pain, redness, discharge)
2. Remind about wound care instructions
3. Track pain levels and medication adherence
4. Encourage appropriate activity levels and rest
5. Monitor for complications (excessive bleeding, swelling, breathing difficulties)
6. Provide reassurance and answer recovery questions

Alert the physician if:
- Patient reports fever over 101°F
- Signs of infection at surgical site
- Severe or worsening pain
- Difficulty breathing or chest pain
- Excessive bleeding or unusual discharge`,

mental_health: `You are a supportive care assistant for a patient managing mental health. Your role is to:

1. Provide daily check-ins and emotional support
2. Remind about medication schedules
3. Encourage healthy coping strategies and self-care
4. Track mood patterns and sleep quality
5. Provide crisis resources when needed
6. Celebrate progress and positive moments

Alert the physician if:
- Patient expresses suicidal thoughts or self-harm intentions
- Significant mood deterioration over several days
- Patient stops taking prescribed medications
- Patient reports severe anxiety or panic attacks
- Sleep patterns severely disrupted`,

chronic_pain: `You are a care assistant for a patient managing chronic pain. Your role is to:

1. Track daily pain levels and patterns
2. Remind about medication schedules and pain management techniques
3. Encourage gentle movement and physical therapy exercises
4. Monitor for medication side effects
5. Provide education about pain management strategies
6. Support mental health alongside physical symptoms

Alert the physician if:
- Pain levels significantly increase or change in character
- Patient reports new symptoms
- Medication seems ineffective or causing side effects
- Patient expresses feelings of hopelessness or depression
- Signs of medication misuse or dependency`,

hypertension: `You are a care assistant for a patient managing hypertension. Your role is to:

1. Remind to check blood pressure regularly
2. Provide dietary guidance (low sodium, heart-healthy foods)
3. Remind about medication adherence
4. Encourage regular physical activity
5. Monitor for symptoms of complications
6. Provide education about blood pressure management

Alert the physician if:
- Blood pressure readings consistently elevated (>140/90)
- Patient reports severe headaches, vision changes, or chest pain
- Patient misses multiple medication doses
- Patient reports dizziness or fainting
- Signs of medication side effects`,
}

export function AIAgentConfig({ patientId, physicianId, currentAgent }: AIAgentConfigProps) {
  const [customInstructions, setCustomInstructions] = useState(currentAgent?.custom_instructions || "")
  const [symptomKeywords, setSymptomKeywords] = useState<string[]>(currentAgent?.symptom_keywords || [])
  const [newKeyword, setNewKeyword] = useState("")
  const [isActive, setIsActive] = useState(currentAgent?.is_active ?? true)
  const [loading, setLoading] = useState(false)
  const [selectedTemplate, setSelectedTemplate] = useState<string>("")
  const router = useRouter()
  const supabase = getSupabaseBrowserClient()

const handleApplyTemplate = (template: string) => {
    setCustomInstructions(INSTRUCTION_TEMPLATES[template as keyof typeof INSTRUCTION_TEMPLATES])
    setSelectedTemplate(template)
  }

const handleAddKeyword = () => {
    if (newKeyword.trim() && !symptomKeywords.includes(newKeyword.trim())) {
      setSymptomKeywords([...symptomKeywords, newKeyword.trim()])
      setNewKeyword("")
    }
  }

const handleRemoveKeyword = (keyword: string) => {
    setSymptomKeywords(symptomKeywords.filter((k) => k !== keyword))
  }

const handleSave = async () => {
    setLoading(true)

try {
      const {
        data: { user },
      } = await supabase.auth.getUser()

if (!user) {
        throw new Error("Not authenticated")
      }

const { data: physicianData } = await supabase.from("users").select("organization_id").eq("id", user.id).single()

if (!physicianData?.organization_id) {
        throw new Error("Physician not associated with an organization")
      }

if (currentAgent) {
        // Update existing agent
        const { error } = await supabase
          .from("ai_agents")
          .update({
            custom_instructions: customInstructions,
            symptom_keywords: symptomKeywords,
            is_active: isActive,
            updated_at: new Date().toISOString(),
          })
          .eq("id", currentAgent.id)

if (error) throw error
      } else {
        const { error } = await supabase.from("ai_agents").insert({
          patient_id: patientId,
          physician_id: physicianId,
          organization_id: physicianData.organization_id,
          custom_instructions: customInstructions,
          symptom_keywords: symptomKeywords,
          is_active: isActive,
        })

if (error) throw error
      }

router.refresh()
    } catch (error) {
      console.error("[v0] Error saving AI agent:", error)
      alert("Failed to save AI agent configuration")
    } finally {
      setLoading(false)
    }
  }

return (
    <div className="space-y-6">
      {/* Template Selection */}
      <Card>
        <CardHeader>
          <CardTitle className="flex items-center gap-2">
            <Brain className="h-5 w-5" />
            AI Agent Configuration
          </CardTitle>
          <CardDescription>
            Configure the AI assistant's behavior and monitoring parameters for this patient
          </CardDescription>
        </CardHeader>
        <CardContent className="space-y-4">
          <div className="space-y-2">
            <Label>Start with a Template (Optional)</Label>
            <Select value={selectedTemplate} onValueChange={handleApplyTemplate}>
              <SelectTrigger>
                <SelectValue placeholder="Choose a condition template..." />
              </SelectTrigger>
              <SelectContent>
                <SelectItem value="diabetes">Type 2 Diabetes</SelectItem>
                <SelectItem value="post_surgical">Post-Surgical Care</SelectItem>
                <SelectItem value="mental_health">Mental Health Support</SelectItem>
                <SelectItem value="chronic_pain">Chronic Pain Management</SelectItem>
                <SelectItem value="hypertension">Hypertension Management</SelectItem>
              </SelectContent>
            </Select>
            <p className="text-xs text-muted-foreground">
              Templates provide a starting point that you can customize for your patient
            </p>
          </div>
        </CardContent>
      </Card>

{/* Custom Instructions */}
      <Card>
        <CardHeader>
          <CardTitle>Custom Instructions</CardTitle>
          <CardDescription>
            Define how the AI should interact with the patient, what to monitor, and when to alert you
          </CardDescription>
        </CardHeader>
        <CardContent className="space-y-4">
          <div className="space-y-2">
            <Label htmlFor="instructions">Instructions for AI Agent</Label>
            <Textarea
              id="instructions"
              value={customInstructions}
              onChange={(e) => setCustomInstructions(e.target.value)}
              placeholder="Enter detailed instructions for the AI agent..."
              rows={12}
              className="font-mono text-sm"
            />
            <p className="text-xs text-muted-foreground">
              Be specific about monitoring goals, medication reminders, symptoms to watch for, and when to create alerts
            </p>
          </div>
        </CardContent>
      </Card>

{/* Symptom Keywords */}
      <Card>
        <CardHeader>
          <CardTitle>Custom Symptom Keywords</CardTitle>
          <CardDescription>
            Add specific symptoms or keywords that should trigger medium-priority alerts when mentioned by the patient
          </CardDescription>
        </CardHeader>
        <CardContent className="space-y-4">
          <div className="flex gap-2">
            <Input
              value={newKeyword}
              onChange={(e) => setNewKeyword(e.target.value)}
              placeholder="e.g., shortness of breath"
              onKeyDown={(e) => {
                if (e.key === "Enter") {
                  e.preventDefault()
                  handleAddKeyword()
                }
              }}
            />
            <Button type="button" onClick={handleAddKeyword} size="icon">
              <Plus className="h-4 w-4" />
            </Button>
          </div>

{symptomKeywords.length > 0 && (
            <div className="flex flex-wrap gap-2">
              {symptomKeywords.map((keyword) => (
                <Badge key={keyword} variant="secondary" className="gap-1">
                  {keyword}
                  <button
                    type="button"
                    onClick={() => handleRemoveKeyword(keyword)}
                    className="ml-1 hover:text-destructive"
                  >
                    <X className="h-3 w-3" />
                  </button>
                </Badge>
              ))}
            </div>
          )}

<p className="text-xs text-muted-foreground">
            Note: Critical and high-priority keywords are automatically monitored by the system
          </p>
        </CardContent>
      </Card>

{/* Agent Status */}
      <Card>
        <CardHeader>
          <CardTitle>Agent Status</CardTitle>
          <CardDescription>Enable or disable the AI agent for this patient</CardDescription>
        </CardHeader>
        <CardContent>
          <div className="flex items-center justify-between">
            <div className="space-y-1">
              <Label htmlFor="active">AI Agent Active</Label>
              <p className="text-sm text-muted-foreground">When active, the patient can chat with their AI assistant</p>
            </div>
            <Switch id="active" checked={isActive} onCheckedChange={setIsActive} />
          </div>
        </CardContent>
      </Card>

{/* Save Button */}
      <div className="flex justify-end gap-2">
        <Button onClick={handleSave} disabled={loading || !customInstructions.trim()} size="lg">
          {loading ? "Saving..." : currentAgent ? "Update Configuration" : "Create AI Agent"}
        </Button>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/alert-badge.tsx" isMerged="true"
"use client"

import { useEffect, useState } from "react"
import { Badge } from "@/components/ui/badge"

export function AlertBadge() {
  const [alertCount, setAlertCount] = useState(0)

useEffect(() => {
    const fetchAlerts = async () => {
      try {
        const response = await fetch("/api/alerts/stats")
        if (response.ok) {
          const data = await response.json()
          setAlertCount(data.total)
        }
      } catch (error) {
        console.error("[v0] Failed to fetch alert count:", error)
      }
    }

fetchAlerts()
    // Refresh every 30 seconds
    const interval = setInterval(fetchAlerts, 30000)

return () => clearInterval(interval)
  }, [])

if (alertCount === 0) return null

return (
    <Badge
      variant="destructive"
      className="absolute -top-1 -right-1 h-5 w-5 rounded-full p-0 flex items-center justify-center text-xs"
    >
      {alertCount > 9 ? "9+" : alertCount}
    </Badge>
  )
}
[V0_FILE]typescriptreact:file="components/chat-message.tsx" isMerged="true"
import { Avatar, AvatarFallback } from "@/components/ui/avatar"
import { Activity } from "lucide-react"
import { cn } from "@/lib/utils"

interface ChatMessageProps {
  role: "user" | "assistant"
  content: string
  userName?: string
}

export function ChatMessage({ role, content, userName }: ChatMessageProps) {
  return (
    <div className={cn("flex gap-3", role === "user" ? "justify-end" : "justify-start")}>
      {role === "assistant" && (
        <Avatar className="h-8 w-8 mt-1">
          <AvatarFallback className="bg-primary/10 text-primary text-xs">
            <Activity className="h-4 w-4" />
          </AvatarFallback>
        </Avatar>
      )}
      <div
        className={cn(
          "rounded-lg px-4 py-2 max-w-[80%] break-words",
          role === "user" ? "bg-primary text-primary-foreground" : "bg-muted text-foreground",
        )}
      >
        <p className="text-sm leading-relaxed whitespace-pre-wrap">{content}</p>
      </div>
      {role === "user" && (
        <Avatar className="h-8 w-8 mt-1">
          <AvatarFallback className="bg-secondary text-secondary-foreground text-xs">
            {userName?.charAt(0) || "U"}
          </AvatarFallback>
        </Avatar>
      )}
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/patient-alerts.tsx" isMerged="true"
"use client"

import { useEffect, useState } from "react"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Button } from "@/components/ui/button"
import { Textarea } from "@/components/ui/textarea"
import { getSupabaseBrowserClient } from "@/lib/supabase/client"
import { Bell, Check } from "lucide-react"
import type { Alert } from "@/lib/types"

interface PatientAlertsProps {
  patientId: string
  physicianId: string
}

export function PatientAlerts({ patientId, physicianId }: PatientAlertsProps) {
  const [alerts, setAlerts] = useState<Alert[]>([])
  const [loading, setLoading] = useState(true)
  const [selectedAlert, setSelectedAlert] = useState<string | null>(null)
  const [notes, setNotes] = useState("")
  const supabase = getSupabaseBrowserClient()

useEffect(() => {
    loadAlerts()
  }, [patientId])

const loadAlerts = async () => {
    const { data } = await supabase
      .from("alerts")
      .select("*")
      .eq("patient_id", patientId)
      .order("created_at", { ascending: false })

if (data) {
      setAlerts(data)
    }
    setLoading(false)
  }

const handleAcknowledge = async (alertId: string) => {
    await supabase
      .from("alerts")
      .update({ status: "acknowledged", acknowledged_at: new Date().toISOString() })
      .eq("id", alertId)

loadAlerts()
  }

const handleResolve = async (alertId: string) => {
    await supabase
      .from("alerts")
      .update({
        status: "resolved",
        resolved_at: new Date().toISOString(),
        notes: notes || null,
      })
      .eq("id", alertId)

setSelectedAlert(null)
    setNotes("")
    loadAlerts()
  }

if (loading) {
    return (
      <Card>
        <CardContent className="py-12 text-center">
          <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-primary mx-auto"></div>
        </CardContent>
      </Card>
    )
  }

return (
    <Card>
      <CardHeader>
        <CardTitle>Patient Alerts</CardTitle>
      </CardHeader>
      <CardContent>
        {alerts.length > 0 ? (
          <div className="space-y-3">
            {alerts.map((alert) => (
              <div key={alert.id} className="p-4 rounded-lg border space-y-3">
                <div className="flex items-start justify-between">
                  <div className="flex-1">
                    <div className="flex items-center gap-2 mb-2">
                      <Badge
                        variant={
                          alert.severity === "critical"
                            ? "destructive"
                            : alert.severity === "high"
                              ? "default"
                              : "secondary"
                        }
                      >
                        {alert.severity}
                      </Badge>
                      <Badge variant="outline">{alert.status}</Badge>
                    </div>
                    <h4 className="font-semibold mb-1">{alert.title}</h4>
                    <p className="text-sm text-muted-foreground">{alert.description}</p>
                    <p className="text-xs text-muted-foreground mt-2">{new Date(alert.created_at).toLocaleString()}</p>
                    {alert.notes && (
                      <div className="mt-2 p-2 bg-muted rounded text-sm">
                        <p className="font-medium text-xs mb-1">Notes:</p>
                        <p>{alert.notes}</p>
                      </div>
                    )}
                  </div>
                </div>

{alert.status === "pending" && (
                  <div className="flex gap-2">
                    <Button size="sm" variant="outline" onClick={() => handleAcknowledge(alert.id)}>
                      <Check className="h-4 w-4 mr-1" />
                      Acknowledge
                    </Button>
                    <Button size="sm" onClick={() => setSelectedAlert(selectedAlert === alert.id ? null : alert.id)}>
                      Resolve
                    </Button>
                  </div>
                )}

{selectedAlert === alert.id && (
                  <div className="space-y-2 pt-2 border-t">
                    <Textarea
                      placeholder="Add notes about resolution..."
                      value={notes}
                      onChange={(e) => setNotes(e.target.value)}
                      rows={3}
                    />
                    <div className="flex gap-2">
                      <Button size="sm" onClick={() => handleResolve(alert.id)}>
                        Confirm Resolution
                      </Button>
                      <Button size="sm" variant="ghost" onClick={() => setSelectedAlert(null)}>
                        Cancel
                      </Button>
                    </div>
                  </div>
                )}
              </div>
            ))}
          </div>
        ) : (
          <div className="text-center py-12 text-muted-foreground">
            <Bell className="h-8 w-8 mx-auto mb-2 opacity-50" />
            <p>No alerts for this patient</p>
          </div>
        )}
      </CardContent>
    </Card>
  )
}
[V0_FILE]typescriptreact:file="components/patient-messages.tsx" isMerged="true"
import { getSupabaseServerClient } from "@/lib/supabase/server"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Avatar, AvatarFallback } from "@/components/ui/avatar"
import { Activity, User } from "lucide-react"
import { cn } from "@/lib/utils"

interface PatientMessagesProps {
  patientId: string
}

export async function PatientMessages({ patientId }: PatientMessagesProps) {
  const supabase = await getSupabaseServerClient()

const { data: messages } = await supabase
    .from("messages")
    .select("*")
    .eq("patient_id", patientId)
    .order("created_at", { ascending: true })
    .limit(100)

return (
    <Card>
      <CardHeader>
        <CardTitle>Chat History</CardTitle>
      </CardHeader>
      <CardContent>
        {messages && messages.length > 0 ? (
          <div className="space-y-4 max-h-[600px] overflow-y-auto">
            {messages.map((message) => (
              <div
                key={message.id}
                className={cn("flex gap-3", message.role === "user" ? "justify-end" : "justify-start")}
              >
                {message.role === "assistant" && (
                  <Avatar className="h-8 w-8 mt-1">
                    <AvatarFallback className="bg-primary/10 text-primary text-xs">
                      <Activity className="h-4 w-4" />
                    </AvatarFallback>
                  </Avatar>
                )}
                <div
                  className={cn(
                    "rounded-lg px-4 py-2 max-w-[80%]",
                    message.role === "user" ? "bg-primary text-primary-foreground" : "bg-muted",
                  )}
                >
                  <p className="text-sm leading-relaxed whitespace-pre-wrap">{message.content}</p>
                  <p className="text-xs opacity-70 mt-1">{new Date(message.created_at).toLocaleString()}</p>
                </div>
                {message.role === "user" && (
                  <Avatar className="h-8 w-8 mt-1">
                    <AvatarFallback className="bg-secondary text-xs">
                      <User className="h-4 w-4" />
                    </AvatarFallback>
                  </Avatar>
                )}
              </div>
            ))}
          </div>
        ) : (
          <div className="text-center py-12 text-muted-foreground">
            <p>No messages yet</p>
          </div>
        )}
      </CardContent>
    </Card>
  )
}
[V0_FILE]typescriptreact:file="components/physician-header.tsx" isMerged="true"
"use client"

import { useRouter } from "next/navigation"
import { Button } from "@/components/ui/button"
import { Activity, LogOut, Bell, LayoutDashboard } from "lucide-react"
import { getSupabaseBrowserClient } from "@/lib/supabase/client"
import Link from "next/link"

interface PhysicianHeaderProps {
  userName: string
}

export function PhysicianHeader({ userName }: PhysicianHeaderProps) {
  const router = useRouter()
  const supabase = getSupabaseBrowserClient()

const handleSignOut = async () => {
    await supabase.auth.signOut()
    router.push("/")
  }

return (
    <header className="border-b bg-card">
      <div className="container mx-auto px-4 py-4 flex items-center justify-between">
        <Link href="/physician/dashboard" className="flex items-center gap-2">
          <Activity className="h-6 w-6 text-primary" />
          <span className="font-semibold text-xl">CareAI</span>
        </Link>
        <div className="flex items-center gap-2">
          <Link href="/physician/dashboard">
            <Button variant="ghost" size="sm" className="gap-2">
              <LayoutDashboard className="h-4 w-4" />
              <span className="hidden sm:inline">Dashboard</span>
            </Button>
          </Link>
          <Link href="/physician/alerts">
            <Button variant="ghost" size="sm" className="gap-2">
              <Bell className="h-4 w-4" />
              <span className="hidden sm:inline">Alerts</span>
            </Button>
          </Link>
          <span className="text-sm text-muted-foreground hidden md:inline">Dr. {userName}</span>
          <Button variant="ghost" size="icon" onClick={handleSignOut}>
            <LogOut className="h-5 w-5" />
          </Button>
        </div>
      </div>
    </header>
  )
}
[V0_FILE]typescriptreact:file="components/theme-provider.tsx" isMerged="true"
'use client'

import * as React from 'react'
import {
  ThemeProvider as NextThemesProvider,
  type ThemeProviderProps,
} from 'next-themes'

export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
  return <NextThemesProvider {...props}>{children}</NextThemesProvider>
}
[V0_FILE]typescriptreact:file="components/ui/alert.tsx" isMerged="true"
import * as React from 'react'
import { cva, type VariantProps } from 'class-variance-authority'

import { cn } from '@/lib/utils'

const alertVariants = cva(
  'relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current',
  {
    variants: {
      variant: {
        default: 'bg-card text-card-foreground',
        destructive:
          'text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90',
      },
    },
    defaultVariants: {
      variant: 'default',
    },
  },
)

function Alert({
  className,
  variant,
  ...props
}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>) {
  return (
    <div
      data-slot="alert"
      role="alert"
      className={cn(alertVariants({ variant }), className)}
      {...props}
    />
  )
}

function AlertTitle({ className, ...props }: React.ComponentProps<'div'>) {
  return (
    <div
      data-slot="alert-title"
      className={cn(
        'col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight',
        className,
      )}
      {...props}
    />
  )
}

function AlertDescription({
  className,
  ...props
}: React.ComponentProps<'div'>) {
  return (
    <div
      data-slot="alert-description"
      className={cn(
        'text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed',
        className,
      )}
      {...props}
    />
  )
}

export { Alert, AlertTitle, AlertDescription }
[V0_FILE]typescriptreact:file="components/ui/avatar.tsx" isMerged="true"
'use client'

import * as React from 'react'
import * as AvatarPrimitive from '@radix-ui/react-avatar'

import { cn } from '@/lib/utils'

function Avatar({
  className,
  ...props
}: React.ComponentProps<typeof AvatarPrimitive.Root>) {
  return (
    <AvatarPrimitive.Root
      data-slot="avatar"
      className={cn(
        'relative flex size-8 shrink-0 overflow-hidden rounded-full',
        className,
      )}
      {...props}
    />
  )
}

function AvatarImage({
  className,
  ...props
}: React.ComponentProps<typeof AvatarPrimitive.Image>) {
  return (
    <AvatarPrimitive.Image
      data-slot="avatar-image"
      className={cn('aspect-square size-full', className)}
      {...props}
    />
  )
}

function AvatarFallback({
  className,
  ...props
}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {
  return (
    <AvatarPrimitive.Fallback
      data-slot="avatar-fallback"
      className={cn(
        'bg-muted flex size-full items-center justify-center rounded-full',
        className,
      )}
      {...props}
    />
  )
}

export { Avatar, AvatarImage, AvatarFallback }
[V0_FILE]typescriptreact:file="components/ui/badge.tsx" isMerged="true"
import * as React from 'react'
import { Slot } from '@radix-ui/react-slot'
import { cva, type VariantProps } from 'class-variance-authority'

import { cn } from '@/lib/utils'

const badgeVariants = cva(
  'inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden',
  {
    variants: {
      variant: {
        default:
          'border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90',
        secondary:
          'border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90',
        destructive:
          'border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
        outline:
          'text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground',
      },
    },
    defaultVariants: {
      variant: 'default',
    },
  },
)

function Badge({
  className,
  variant,
  asChild = false,
  ...props
}: React.ComponentProps<'span'> &
  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {
  const Comp = asChild ? Slot : 'span'

return (
    <Comp
      data-slot="badge"
      className={cn(badgeVariants({ variant }), className)}
      {...props}
    />
  )
}

export { Badge, badgeVariants }
[V0_FILE]typescriptreact:file="components/ui/button.tsx" isMerged="true"
import * as React from 'react'
import { Slot } from '@radix-ui/react-slot'
import { cva, type VariantProps } from 'class-variance-authority'

import { cn } from '@/lib/utils'

const buttonVariants = cva(
  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
  {
    variants: {
      variant: {
        default: 'bg-primary text-primary-foreground hover:bg-primary/90',
        destructive:
          'bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
        outline:
          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',
        secondary:
          'bg-secondary text-secondary-foreground hover:bg-secondary/80',
        ghost:
          'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',
        link: 'text-primary underline-offset-4 hover:underline',
      },
      size: {
        default: 'h-9 px-4 py-2 has-[>svg]:px-3',
        sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',
        lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',
        icon: 'size-9',
        'icon-sm': 'size-8',
        'icon-lg': 'size-10',
      },
    },
    defaultVariants: {
      variant: 'default',
      size: 'default',
    },
  },
)

function Button({
  className,
  variant,
  size,
  asChild = false,
  ...props
}: React.ComponentProps<'button'> &
  VariantProps<typeof buttonVariants> & {
    asChild?: boolean
  }) {
  const Comp = asChild ? Slot : 'button'

return (
    <Comp
      data-slot="button"
      className={cn(buttonVariants({ variant, size, className }))}
      {...props}
    />
  )
}

export { Button, buttonVariants }
[V0_FILE]typescriptreact:file="components/ui/card.tsx" isMerged="true"
import * as React from 'react'

import { cn } from '@/lib/utils'

function Card({ className, ...props }: React.ComponentProps<'div'>) {
  return (
    <div
      data-slot="card"
      className={cn(
        'bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm',
        className,
      )}
      {...props}
    />
  )
}

function CardHeader({ className, ...props }: React.ComponentProps<'div'>) {
  return (
    <div
      data-slot="card-header"
      className={cn(
        '@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6',
        className,
      )}
      {...props}
    />
  )
}

function CardTitle({ className, ...props }: React.ComponentProps<'div'>) {
  return (
    <div
      data-slot="card-title"
      className={cn('leading-none font-semibold', className)}
      {...props}
    />
  )
}

function CardDescription({ className, ...props }: React.ComponentProps<'div'>) {
  return (
    <div
      data-slot="card-description"
      className={cn('text-muted-foreground text-sm', className)}
      {...props}
    />
  )
}

function CardAction({ className, ...props }: React.ComponentProps<'div'>) {
  return (
    <div
      data-slot="card-action"
      className={cn(
        'col-start-2 row-span-2 row-start-1 self-start justify-self-end',
        className,
      )}
      {...props}
    />
  )
}

function CardContent({ className, ...props }: React.ComponentProps<'div'>) {
  return (
    <div
      data-slot="card-content"
      className={cn('px-6', className)}
      {...props}
    />
  )
}

function CardFooter({ className, ...props }: React.ComponentProps<'div'>) {
  return (
    <div
      data-slot="card-footer"
      className={cn('flex items-center px-6 [.border-t]:pt-6', className)}
      {...props}
    />
  )
}

export {
  Card,
  CardHeader,
  CardFooter,
  CardTitle,
  CardAction,
  CardDescription,
  CardContent,
}
[V0_FILE]typescriptreact:file="components/ui/input.tsx" isMerged="true"
import * as React from 'react'

import { cn } from '@/lib/utils'

function Input({ className, type, ...props }: React.ComponentProps<'input'>) {
  return (
    <input
      type={type}
      data-slot="input"
      className={cn(
        'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
        'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',
        'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
        className,
      )}
      {...props}
    />
  )
}

export { Input }
[V0_FILE]typescriptreact:file="components/ui/label.tsx" isMerged="true"
'use client'

import * as React from 'react'
import * as LabelPrimitive from '@radix-ui/react-label'

import { cn } from '@/lib/utils'

function Label({
  className,
  ...props
}: React.ComponentProps<typeof LabelPrimitive.Root>) {
  return (
    <LabelPrimitive.Root
      data-slot="label"
      className={cn(
        'flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
        className,
      )}
      {...props}
    />
  )
}

export { Label }
[V0_FILE]typescriptreact:file="components/ui/select.tsx" isMerged="true"
'use client'

import * as React from 'react'
import * as SelectPrimitive from '@radix-ui/react-select'
import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react'

import { cn } from '@/lib/utils'

function Select({
  ...props
}: React.ComponentProps<typeof SelectPrimitive.Root>) {
  return <SelectPrimitive.Root data-slot="select" {...props} />
}

function SelectGroup({
  ...props
}: React.ComponentProps<typeof SelectPrimitive.Group>) {
  return <SelectPrimitive.Group data-slot="select-group" {...props} />
}

function SelectValue({
  ...props
}: React.ComponentProps<typeof SelectPrimitive.Value>) {
  return <SelectPrimitive.Value data-slot="select-value" {...props} />
}

function SelectTrigger({
  className,
  size = 'default',
  children,
  ...props
}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
  size?: 'sm' | 'default'
}) {
  return (
    <SelectPrimitive.Trigger
      data-slot="select-trigger"
      data-size={size}
      className={cn(
        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
        className,
      )}
      {...props}
    >
      {children}
      <SelectPrimitive.Icon asChild>
        <ChevronDownIcon className="size-4 opacity-50" />
      </SelectPrimitive.Icon>
    </SelectPrimitive.Trigger>
  )
}

function SelectContent({
  className,
  children,
  position = 'popper',
  ...props
}: React.ComponentProps<typeof SelectPrimitive.Content>) {
  return (
    <SelectPrimitive.Portal>
      <SelectPrimitive.Content
        data-slot="select-content"
        className={cn(
          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md',
          position === 'popper' &&
            'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
          className,
        )}
        position={position}
        {...props}
      >
        <SelectScrollUpButton />
        <SelectPrimitive.Viewport
          className={cn(
            'p-1',
            position === 'popper' &&
              'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1',
          )}
        >
          {children}
        </SelectPrimitive.Viewport>
        <SelectScrollDownButton />
      </SelectPrimitive.Content>
    </SelectPrimitive.Portal>
  )
}

function SelectLabel({
  className,
  ...props
}: React.ComponentProps<typeof SelectPrimitive.Label>) {
  return (
    <SelectPrimitive.Label
      data-slot="select-label"
      className={cn('text-muted-foreground px-2 py-1.5 text-xs', className)}
      {...props}
    />
  )
}

function SelectItem({
  className,
  children,
  ...props
}: React.ComponentProps<typeof SelectPrimitive.Item>) {
  return (
    <SelectPrimitive.Item
      data-slot="select-item"
      className={cn(
        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
        className,
      )}
      {...props}
    >
      <span className="absolute right-2 flex size-3.5 items-center justify-center">
        <SelectPrimitive.ItemIndicator>
          <CheckIcon className="size-4" />
        </SelectPrimitive.ItemIndicator>
      </span>
      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
    </SelectPrimitive.Item>
  )
}

function SelectSeparator({
  className,
  ...props
}: React.ComponentProps<typeof SelectPrimitive.Separator>) {
  return (
    <SelectPrimitive.Separator
      data-slot="select-separator"
      className={cn('bg-border pointer-events-none -mx-1 my-1 h-px', className)}
      {...props}
    />
  )
}

function SelectScrollUpButton({
  className,
  ...props
}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {
  return (
    <SelectPrimitive.ScrollUpButton
      data-slot="select-scroll-up-button"
      className={cn(
        'flex cursor-default items-center justify-center py-1',
        className,
      )}
      {...props}
    >
      <ChevronUpIcon className="size-4" />
    </SelectPrimitive.ScrollUpButton>
  )
}

function SelectScrollDownButton({
  className,
  ...props
}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {
  return (
    <SelectPrimitive.ScrollDownButton
      data-slot="select-scroll-down-button"
      className={cn(
        'flex cursor-default items-center justify-center py-1',
        className,
      )}
      {...props}
    >
      <ChevronDownIcon className="size-4" />
    </SelectPrimitive.ScrollDownButton>
  )
}

export {
  Select,
  SelectContent,
  SelectGroup,
  SelectItem,
  SelectLabel,
  SelectScrollDownButton,
  SelectScrollUpButton,
  SelectSeparator,
  SelectTrigger,
  SelectValue,
}
[V0_FILE]typescriptreact:file="components/ui/switch.tsx" isMerged="true"
'use client'

import * as React from 'react'
import * as SwitchPrimitive from '@radix-ui/react-switch'

import { cn } from '@/lib/utils'

function Switch({
  className,
  ...props
}: React.ComponentProps<typeof SwitchPrimitive.Root>) {
  return (
    <SwitchPrimitive.Root
      data-slot="switch"
      className={cn(
        'peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',
        className,
      )}
      {...props}
    >
      <SwitchPrimitive.Thumb
        data-slot="switch-thumb"
        className={
          'bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0'
        }
      />
    </SwitchPrimitive.Root>
  )
}

export { Switch }
[V0_FILE]typescriptreact:file="components/ui/tabs.tsx" isMerged="true"
'use client'

import * as React from 'react'
import * as TabsPrimitive from '@radix-ui/react-tabs'

import { cn } from '@/lib/utils'

function Tabs({
  className,
  ...props
}: React.ComponentProps<typeof TabsPrimitive.Root>) {
  return (
    <TabsPrimitive.Root
      data-slot="tabs"
      className={cn('flex flex-col gap-2', className)}
      {...props}
    />
  )
}

function TabsList({
  className,
  ...props
}: React.ComponentProps<typeof TabsPrimitive.List>) {
  return (
    <TabsPrimitive.List
      data-slot="tabs-list"
      className={cn(
        'bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]',
        className,
      )}
      {...props}
    />
  )
}

function TabsTrigger({
  className,
  ...props
}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {
  return (
    <TabsPrimitive.Trigger
      data-slot="tabs-trigger"
      className={cn(
        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
        className,
      )}
      {...props}
    />
  )
}

function TabsContent({
  className,
  ...props
}: React.ComponentProps<typeof TabsPrimitive.Content>) {
  return (
    <TabsPrimitive.Content
      data-slot="tabs-content"
      className={cn('flex-1 outline-none', className)}
      {...props}
    />
  )
}

export { Tabs, TabsList, TabsTrigger, TabsContent }
[V0_FILE]typescriptreact:file="components/ui/textarea.tsx" isMerged="true"
import * as React from 'react'

import { cn } from '@/lib/utils'

function Textarea({ className, ...props }: React.ComponentProps<'textarea'>) {
  return (
    <textarea
      data-slot="textarea"
      className={cn(
        'border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
        className,
      )}
      {...props}
    />
  )
}

export { Textarea }
[V0_FILE]typescriptreact:file="components/ui/toast.tsx" isMerged="true"
'use client'

import * as React from 'react'
import * as ToastPrimitives from '@radix-ui/react-toast'
import { cva, type VariantProps } from 'class-variance-authority'
import { X } from 'lucide-react'

import { cn } from '@/lib/utils'

const ToastProvider = ToastPrimitives.Provider

const ToastViewport = React.forwardRef<
  React.ElementRef<typeof ToastPrimitives.Viewport>,
  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>
>(({ className, ...props }, ref) => (
  <ToastPrimitives.Viewport
    ref={ref}
    className={cn(
      'fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]',
      className,
    )}
    {...props}
  />
))
ToastViewport.displayName = ToastPrimitives.Viewport.displayName

const toastVariants = cva(
  'group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full',
  {
    variants: {
      variant: {
        default: 'border bg-background text-foreground',
        destructive:
          'destructive group border-destructive bg-destructive text-destructive-foreground',
      },
    },
    defaultVariants: {
      variant: 'default',
    },
  },
)

const Toast = React.forwardRef<
  React.ElementRef<typeof ToastPrimitives.Root>,
  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &
    VariantProps<typeof toastVariants>
>(({ className, variant, ...props }, ref) => {
  return (
    <ToastPrimitives.Root
      ref={ref}
      className={cn(toastVariants({ variant }), className)}
      {...props}
    />
  )
})
Toast.displayName = ToastPrimitives.Root.displayName

const ToastAction = React.forwardRef<
  React.ElementRef<typeof ToastPrimitives.Action>,
  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>
>(({ className, ...props }, ref) => (
  <ToastPrimitives.Action
    ref={ref}
    className={cn(
      'inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive',
      className,
    )}
    {...props}
  />
))
ToastAction.displayName = ToastPrimitives.Action.displayName

const ToastClose = React.forwardRef<
  React.ElementRef<typeof ToastPrimitives.Close>,
  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>
>(({ className, ...props }, ref) => (
  <ToastPrimitives.Close
    ref={ref}
    className={cn(
      'absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600',
      className,
    )}
    toast-close=""
    {...props}
  >
    <X className="h-4 w-4" />
  </ToastPrimitives.Close>
))
ToastClose.displayName = ToastPrimitives.Close.displayName

const ToastTitle = React.forwardRef<
  React.ElementRef<typeof ToastPrimitives.Title>,
  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>
>(({ className, ...props }, ref) => (
  <ToastPrimitives.Title
    ref={ref}
    className={cn('text-sm font-semibold', className)}
    {...props}
  />
))
ToastTitle.displayName = ToastPrimitives.Title.displayName

const ToastDescription = React.forwardRef<
  React.ElementRef<typeof ToastPrimitives.Description>,
  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>
>(({ className, ...props }, ref) => (
  <ToastPrimitives.Description
    ref={ref}
    className={cn('text-sm opacity-90', className)}
    {...props}
  />
))
ToastDescription.displayName = ToastPrimitives.Description.displayName

type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>

type ToastActionElement = React.ReactElement<typeof ToastAction>

export {
  type ToastProps,
  type ToastActionElement,
  ToastProvider,
  ToastViewport,
  Toast,
  ToastTitle,
  ToastDescription,
  ToastClose,
  ToastAction,
}
[V0_FILE]typescriptreact:file="components/ui/toaster.tsx" isMerged="true"
'use client'

import { useToast } from '@/hooks/use-toast'
import {
  Toast,
  ToastClose,
  ToastDescription,
  ToastProvider,
  ToastTitle,
  ToastViewport,
} from '@/components/ui/toast'

export function Toaster() {
  const { toasts } = useToast()

return (
    <ToastProvider>
      {toasts.map(function ({ id, title, description, action, ...props }) {
        return (
          <Toast key={id} {...props}>
            <div className="grid gap-1">
              {title && <ToastTitle>{title}</ToastTitle>}
              {description && (
                <ToastDescription>{description}</ToastDescription>
              )}
            </div>
            {action}
            <ToastClose />
          </Toast>
        )
      })}
      <ToastViewport />
    </ToastProvider>
  )
}
[V0_FILE]typescript:file="hooks/use-toast.ts" isMerged="true"
'use client'

// Inspired by react-hot-toast library
import * as React from 'react'

import type { ToastActionElement, ToastProps } from '@/components/ui/toast'

const TOAST_LIMIT = 1
const TOAST_REMOVE_DELAY = 1000000

type ToasterToast = ToastProps & {
  id: string
  title?: React.ReactNode
  description?: React.ReactNode
  action?: ToastActionElement
}

const actionTypes = {
  ADD_TOAST: 'ADD_TOAST',
  UPDATE_TOAST: 'UPDATE_TOAST',
  DISMISS_TOAST: 'DISMISS_TOAST',
  REMOVE_TOAST: 'REMOVE_TOAST',
} as const

let count = 0

function genId() {
  count = (count + 1) % Number.MAX_SAFE_INTEGER
  return count.toString()
}

type ActionType = typeof actionTypes

type Action =
  | {
      type: ActionType['ADD_TOAST']
      toast: ToasterToast
    }
  | {
      type: ActionType['UPDATE_TOAST']
      toast: Partial<ToasterToast>
    }
  | {
      type: ActionType['DISMISS_TOAST']
      toastId?: ToasterToast['id']
    }
  | {
      type: ActionType['REMOVE_TOAST']
      toastId?: ToasterToast['id']
    }

interface State {
  toasts: ToasterToast[]
}

const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()

const addToRemoveQueue = (toastId: string) => {
  if (toastTimeouts.has(toastId)) {
    return
  }

const timeout = setTimeout(() => {
    toastTimeouts.delete(toastId)
    dispatch({
      type: 'REMOVE_TOAST',
      toastId: toastId,
    })
  }, TOAST_REMOVE_DELAY)

toastTimeouts.set(toastId, timeout)
}

export const reducer = (state: State, action: Action): State => {
  switch (action.type) {
    case 'ADD_TOAST':
      return {
        ...state,
        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
      }

case 'UPDATE_TOAST':
      return {
        ...state,
        toasts: state.toasts.map((t) =>
          t.id === action.toast.id ? { ...t, ...action.toast } : t,
        ),
      }

case 'DISMISS_TOAST': {
      const { toastId } = action

// ! Side effects ! - This could be extracted into a dismissToast() action,
      // but I'll keep it here for simplicity
      if (toastId) {
        addToRemoveQueue(toastId)
      } else {
        state.toasts.forEach((toast) => {
          addToRemoveQueue(toast.id)
        })
      }

return {
        ...state,
        toasts: state.toasts.map((t) =>
          t.id === toastId || toastId === undefined
            ? {
                ...t,
                open: false,
              }
            : t,
        ),
      }
    }
    case 'REMOVE_TOAST':
      if (action.toastId === undefined) {
        return {
          ...state,
          toasts: [],
        }
      }
      return {
        ...state,
        toasts: state.toasts.filter((t) => t.id !== action.toastId),
      }
  }
}

const listeners: Array<(state: State) => void> = []

let memoryState: State = { toasts: [] }

function dispatch(action: Action) {
  memoryState = reducer(memoryState, action)
  listeners.forEach((listener) => {
    listener(memoryState)
  })
}

type Toast = Omit<ToasterToast, 'id'>

function toast({ ...props }: Toast) {
  const id = genId()

const update = (props: ToasterToast) =>
    dispatch({
      type: 'UPDATE_TOAST',
      toast: { ...props, id },
    })
  const dismiss = () => dispatch({ type: 'DISMISS_TOAST', toastId: id })

dispatch({
    type: 'ADD_TOAST',
    toast: {
      ...props,
      id,
      open: true,
      onOpenChange: (open) => {
        if (!open) dismiss()
      },
    },
  })

return {
    id: id,
    dismiss,
    update,
  }
}

function useToast() {
  const [state, setState] = React.useState<State>(memoryState)

React.useEffect(() => {
    listeners.push(setState)
    return () => {
      const index = listeners.indexOf(setState)
      if (index > -1) {
        listeners.splice(index, 1)
      }
    }
  }, [state])

return {
    ...state,
    toast,
    dismiss: (toastId?: string) => dispatch({ type: 'DISMISS_TOAST', toastId }),
  }
}

export { useToast, toast }
[V0_FILE]typescript:file="lib/agent-templates.ts" isMerged="true"
export const AGENT_TEMPLATES = {
  diabetes: {
    name: "Type 2 Diabetes Management",
    description: "Monitor blood sugar, medications, diet, and diabetic complications",
    keywords: ["blood sugar", "glucose", "insulin", "hypoglycemia", "hyperglycemia", "vision changes", "numbness"],
  },
  post_surgical: {
    name: "Post-Surgical Care",
    description: "Monitor wound healing, pain, infection signs, and recovery progress",
    keywords: ["wound", "incision", "drainage", "fever", "increased pain", "swelling", "redness"],
  },
  mental_health: {
    name: "Mental Health Support",
    description: "Daily check-ins, mood tracking, medication reminders, and crisis support",
    keywords: ["hopeless", "worthless", "can't cope", "panic", "anxiety attack", "can't sleep"],
  },
  chronic_pain: {
    name: "Chronic Pain Management",
    description: "Track pain levels, medication effectiveness, and quality of life",
    keywords: ["severe pain", "pain worse", "medication not working", "can't move", "unbearable"],
  },
  hypertension: {
    name: "Hypertension Management",
    description: "Monitor blood pressure, medications, diet, and cardiovascular symptoms",
    keywords: ["high blood pressure", "headache", "vision blurry", "chest discomfort", "palpitations"],
  },
  heart_failure: {
    name: "Heart Failure Monitoring",
    description: "Track symptoms, weight, medications, and fluid retention",
    keywords: ["shortness of breath", "swelling", "weight gain", "fatigue", "chest pain", "palpitations"],
  },
  copd: {
    name: "COPD Management",
    description: "Monitor breathing, oxygen levels, medications, and exacerbations",
    keywords: ["can't breathe", "wheezing", "coughing", "mucus", "chest tightness", "oxygen"],
  },
  pregnancy: {
    name: "Pregnancy Care",
    description: "Monitor symptoms, appointments, prenatal vitamins, and warning signs",
    keywords: ["bleeding", "cramping", "contractions", "decreased movement", "severe headache", "vision changes"],
  },
}

export function getTemplateInstructions(templateKey: keyof typeof AGENT_TEMPLATES): string {
  const templates: Record<string, string> = {
    diabetes: `You are a care assistant for a patient with Type 2 Diabetes. Your role is to:

post_surgical: `You are a care assistant for a post-surgical patient. Your role is to:

mental_health: `You are a supportive care assistant for a patient managing mental health. Your role is to:

chronic_pain: `You are a care assistant for a patient managing chronic pain. Your role is to:

hypertension: `You are a care assistant for a patient managing hypertension. Your role is to:

heart_failure: `You are a care assistant for a patient with heart failure. Your role is to:

1. Monitor daily weight and watch for sudden increases
2. Track fluid intake and symptoms of fluid retention
3. Remind about medication schedules (diuretics, ACE inhibitors, etc.)
4. Monitor for worsening symptoms (shortness of breath, fatigue, swelling)
5. Encourage appropriate activity levels and rest
6. Provide education about heart failure management

Alert the physician if:
- Weight gain of 2+ pounds in a day or 5+ pounds in a week
- Increased shortness of breath or difficulty breathing
- New or worsening swelling in legs, ankles, or abdomen
- Chest pain or palpitations
- Severe fatigue or weakness`,

copd: `You are a care assistant for a patient with COPD. Your role is to:

1. Monitor breathing symptoms and oxygen levels
2. Remind about medication schedules (inhalers, oxygen therapy)
3. Encourage breathing exercises and pulmonary rehabilitation
4. Watch for signs of exacerbations
5. Provide education about COPD management
6. Support smoking cessation if applicable

Alert the physician if:
- Significant increase in shortness of breath
- Change in mucus color or amount
- Fever or signs of infection
- Chest pain or tightness
- Confusion or severe fatigue`,

pregnancy: `You are a care assistant for a pregnant patient. Your role is to:

1. Remind about prenatal appointments and vitamins
2. Track symptoms and fetal movement
3. Provide education about pregnancy stages
4. Monitor for warning signs and complications
5. Answer questions about pregnancy and preparation
6. Provide emotional support

Alert the physician if:
- Vaginal bleeding or fluid leakage
- Severe abdominal pain or cramping
- Decreased fetal movement
- Severe headache, vision changes, or swelling (preeclampsia signs)
- Fever or signs of infection
- Regular contractions before 37 weeks`,
  }

return templates[templateKey] || ""
}
[V0_FILE]typescript:file="lib/auth-helpers.ts" isMerged="true"
"use server"

import { createClient as createServerClient } from "@/lib/supabase/server"
import { ensureUserProfile } from "@/app/actions/auth"
import { redirect } from "next/navigation"

export async function requireAuth() {
  const supabase = await createServerClient()
  const {
    data: { user },
  } = await supabase.auth.getUser()

if (!user) {
    redirect("/login")
  }

// Ensure user profile exists (lazy creation)
  await ensureUserProfile(user.id)

return user
}

export async function getUserWithProfile() {
  const supabase = await createServerClient()
  const {
    data: { user },
  } = await supabase.auth.getUser()

if (!user) {
    return null
  }

// Ensure profile exists
  await ensureUserProfile(user.id)

// Get user profile
  const { data: profile } = await supabase.from("users").select("*").eq("id", user.id).single()

return { user, profile }
}
[V0_FILE]typescript:file="lib/supabase/client.ts" isMerged="true"
import { createBrowserClient } from "@supabase/ssr"

let client: ReturnType<typeof createBrowserClient> | null = null

export function getSupabaseBrowserClient() {
  if (client) {
    return client
  }

client = createBrowserClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!)

return client
}
[V0_FILE]typescript:file="lib/supabase/server.ts" isMerged="true"
import { createServerClient } from "@supabase/ssr"
import { cookies } from "next/headers"

export async function createClient() {
  const cookieStore = await cookies()

return createServerClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!, {
    cookies: {
      getAll() {
        return cookieStore.getAll()
      },
      setAll(cookiesToSet) {
        try {
          cookiesToSet.forEach(({ name, value, options }) => cookieStore.set(name, value, options))
        } catch {
          // The `setAll` method was called from a Server Component.
          // This can be ignored if you have middleware refreshing
          // user sessions.
        }
      },
    },
  })
}

export const getSupabaseServerClient = createClient
[V0_FILE]typescript:file="lib/utils.ts" isMerged="true"
import { clsx, type ClassValue } from 'clsx'
import { twMerge } from 'tailwind-merge'

export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs))
}
[V0_FILE]javascript:file="next.config.mjs" isMerged="true"
/** @type {import('next').NextConfig} */
const nextConfig = {
  eslint: {
    ignoreDuringBuilds: true,
  },
  typescript: {
    ignoreBuildErrors: true,
  },
  images: {
    unoptimized: true,
  },
}

export default nextConfig
[V0_FILE]json:file="package.json" isMerged="true"
{
  "name": "my-v0-project",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "build": "next build",
    "dev": "next dev",
    "lint": "next lint",
    "start": "next start"
  },
  "dependencies": {
    "@ai-sdk/react": "latest",
    "@hookform/resolvers": "^3.10.0",
    "@radix-ui/react-accordion": "1.2.2",
    "@radix-ui/react-alert-dialog": "1.1.4",
    "@radix-ui/react-aspect-ratio": "1.1.1",
    "@radix-ui/react-avatar": "1.1.2",
    "@radix-ui/react-checkbox": "1.1.3",
    "@radix-ui/react-collapsible": "1.1.2",
    "@radix-ui/react-context-menu": "2.2.4",
    "@radix-ui/react-dialog": "1.1.4",
    "@radix-ui/react-dropdown-menu": "2.1.4",
    "@radix-ui/react-hover-card": "1.1.4",
    "@radix-ui/react-label": "2.1.1",
    "@radix-ui/react-menubar": "1.1.4",
    "@radix-ui/react-navigation-menu": "1.2.3",
    "@radix-ui/react-popover": "1.1.4",
    "@radix-ui/react-progress": "1.1.1",
    "@radix-ui/react-radio-group": "1.2.2",
    "@radix-ui/react-scroll-area": "1.2.2",
    "@radix-ui/react-select": "2.1.4",
    "@radix-ui/react-separator": "1.1.1",
    "@radix-ui/react-slider": "1.2.2",
    "@radix-ui/react-slot": "1.1.1",
    "@radix-ui/react-switch": "1.1.2",
    "@radix-ui/react-tabs": "1.1.2",
    "@radix-ui/react-toast": "1.2.4",
    "@radix-ui/react-toggle": "1.1.1",
    "@radix-ui/react-toggle-group": "1.1.1",
    "@radix-ui/react-tooltip": "1.1.6",
    "@supabase/ssr": "latest",
    "@supabase/supabase-js": "latest",
    "@vercel/analytics": "latest",
    "ai": "latest",
    "autoprefixer": "^10.4.20",
    "class-variance-authority": "^0.7.1",
    "clsx": "^2.1.1",
    "cmdk": "1.0.4",
    "date-fns": "4.1.0",
    "embla-carousel-react": "8.5.1",
    "geist": "latest",
    "input-otp": "1.4.1",
    "lucide-react": "^0.454.0",
    "next": "15.2.4",
    "next-themes": "^0.4.6",
    "react": "^19",
    "react-day-picker": "9.8.0",
    "react-dom": "^19",
    "react-hook-form": "^7.60.0",
    "react-resizable-panels": "^2.1.7",
    "recharts": "2.15.4",
    "sonner": "^1.7.4",
    "tailwind-merge": "^2.5.5",
    "tailwindcss-animate": "^1.0.7",
    "vaul": "^0.9.9",
    "zod": "3.25.67"
  },
  "devDependencies": {
    "@tailwindcss/postcss": "^4.1.9",
    "@types/node": "^22",
    "@types/react": "^19",
    "@types/react-dom": "^19",
    "postcss": "^8.5",
    "tailwindcss": "^4.1.9",
    "tw-animate-css": "1.3.3",
    "typescript": "^5"
  }
}
[V0_FILE]javascript:file="postcss.config.mjs" isMerged="true"
/** @type {import('postcss-load-config').Config} */
const config = {
  plugins: {
    '@tailwindcss/postcss': {},
  },
}

export default config
[V0_FILE]sql:file="scripts/001_create_tables.sql" isMerged="true"
-- Create enum types
CREATE TYPE user_role AS ENUM ('physician', 'patient', 'admin');
CREATE TYPE alert_severity AS ENUM ('critical', 'high', 'medium', 'low');
CREATE TYPE alert_status AS ENUM ('pending', 'acknowledged', 'resolved');

-- Users table (extends Supabase auth.users)
CREATE TABLE IF NOT EXISTS users (
  id UUID PRIMARY KEY REFERENCES auth.users(id) ON DELETE CASCADE,
  email TEXT UNIQUE NOT NULL,
  full_name TEXT NOT NULL,
  role user_role NOT NULL,
  created_at TIMESTAMPTZ DEFAULT NOW(),
  updated_at TIMESTAMPTZ DEFAULT NOW()
);

-- Physicians table
CREATE TABLE IF NOT EXISTS physicians (
  id UUID PRIMARY KEY REFERENCES users(id) ON DELETE CASCADE,
  specialty TEXT,
  license_number TEXT,
  phone TEXT,
  created_at TIMESTAMPTZ DEFAULT NOW()
);

-- Patients table
CREATE TABLE IF NOT EXISTS patients (
  id UUID PRIMARY KEY REFERENCES users(id) ON DELETE CASCADE,
  date_of_birth DATE,
  phone TEXT,
  emergency_contact TEXT,
  medical_conditions TEXT[],
  created_at TIMESTAMPTZ DEFAULT NOW()
);

-- Patient-Physician relationship
CREATE TABLE IF NOT EXISTS patient_physician (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  patient_id UUID NOT NULL REFERENCES patients(id) ON DELETE CASCADE,
  physician_id UUID NOT NULL REFERENCES physicians(id) ON DELETE CASCADE,
  assigned_at TIMESTAMPTZ DEFAULT NOW(),
  UNIQUE(patient_id, physician_id)
);

-- AI Agents configuration
CREATE TABLE IF NOT EXISTS ai_agents (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  patient_id UUID NOT NULL REFERENCES patients(id) ON DELETE CASCADE,
  physician_id UUID NOT NULL REFERENCES physicians(id) ON DELETE CASCADE,
  custom_instructions TEXT NOT NULL,
  symptom_keywords TEXT[],
  medication_schedule JSONB,
  is_active BOOLEAN DEFAULT true,
  created_at TIMESTAMPTZ DEFAULT NOW(),
  updated_at TIMESTAMPTZ DEFAULT NOW(),
  UNIQUE(patient_id)
);

-- Messages (chat between patient and AI)
CREATE TABLE IF NOT EXISTS messages (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  patient_id UUID NOT NULL REFERENCES patients(id) ON DELETE CASCADE,
  role TEXT NOT NULL CHECK (role IN ('user', 'assistant')),
  content TEXT NOT NULL,
  metadata JSONB,
  created_at TIMESTAMPTZ DEFAULT NOW()
);

-- Alerts for physicians
CREATE TABLE IF NOT EXISTS alerts (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  patient_id UUID NOT NULL REFERENCES patients(id) ON DELETE CASCADE,
  physician_id UUID NOT NULL REFERENCES physicians(id) ON DELETE CASCADE,
  severity alert_severity NOT NULL,
  status alert_status DEFAULT 'pending',
  title TEXT NOT NULL,
  description TEXT NOT NULL,
  message_id UUID REFERENCES messages(id),
  acknowledged_at TIMESTAMPTZ,
  resolved_at TIMESTAMPTZ,
  notes TEXT,
  created_at TIMESTAMPTZ DEFAULT NOW()
);

-- Create indexes for performance
CREATE INDEX IF NOT EXISTS idx_messages_patient_id ON messages(patient_id);
CREATE INDEX IF NOT EXISTS idx_messages_created_at ON messages(created_at DESC);
CREATE INDEX IF NOT EXISTS idx_alerts_physician_id ON alerts(physician_id);
CREATE INDEX IF NOT EXISTS idx_alerts_status ON alerts(status);
CREATE INDEX IF NOT EXISTS idx_alerts_severity ON alerts(severity);
CREATE INDEX IF NOT EXISTS idx_patient_physician_patient ON patient_physician(patient_id);
CREATE INDEX IF NOT EXISTS idx_patient_physician_physician ON patient_physician(physician_id);

-- Enable Row Level Security
ALTER TABLE users ENABLE ROW LEVEL SECURITY;
ALTER TABLE physicians ENABLE ROW LEVEL SECURITY;
ALTER TABLE patients ENABLE ROW LEVEL SECURITY;
ALTER TABLE patient_physician ENABLE ROW LEVEL SECURITY;
ALTER TABLE ai_agents ENABLE ROW LEVEL SECURITY;
ALTER TABLE messages ENABLE ROW LEVEL SECURITY;
ALTER TABLE alerts ENABLE ROW LEVEL SECURITY;

-- RLS Policies for users
CREATE POLICY "Users can view their own data" ON users
  FOR SELECT USING (auth.uid() = id);

CREATE POLICY "Users can update their own data" ON users
  FOR UPDATE USING (auth.uid() = id);

-- RLS Policies for physicians
CREATE POLICY "Physicians can view their own data" ON physicians
  FOR SELECT USING (auth.uid() = id);

CREATE POLICY "Physicians can view their patients" ON patients
  FOR SELECT USING (
    EXISTS (
      SELECT 1 FROM patient_physician pp
      WHERE pp.patient_id = patients.id
      AND pp.physician_id = auth.uid()
    )
  );

-- RLS Policies for patients
CREATE POLICY "Patients can view their own data" ON patients
  FOR SELECT USING (auth.uid() = id);

-- RLS Policies for messages
CREATE POLICY "Patients can view their own messages" ON messages
  FOR SELECT USING (auth.uid() = patient_id);

CREATE POLICY "Patients can insert their own messages" ON messages
  FOR INSERT WITH CHECK (auth.uid() = patient_id);

CREATE POLICY "Physicians can view their patients' messages" ON messages
  FOR SELECT USING (
    EXISTS (
      SELECT 1 FROM patient_physician pp
      WHERE pp.patient_id = messages.patient_id
      AND pp.physician_id = auth.uid()
    )
  );

-- RLS Policies for alerts
CREATE POLICY "Physicians can view their alerts" ON alerts
  FOR SELECT USING (auth.uid() = physician_id);

CREATE POLICY "Physicians can update their alerts" ON alerts
  FOR UPDATE USING (auth.uid() = physician_id);

-- RLS Policies for ai_agents
CREATE POLICY "Physicians can manage their patients' AI agents" ON ai_agents
  FOR ALL USING (auth.uid() = physician_id);

CREATE POLICY "Patients can view their AI agent" ON ai_agents
  FOR SELECT USING (auth.uid() = patient_id);
[V0_FILE]sql:file="scripts/002_fix_rls_policies.sql" isMerged="true"
-- Drop existing policies that might conflict
DROP POLICY IF EXISTS "Users can view their own data" ON users;
DROP POLICY IF EXISTS "Users can update their own data" ON users;
DROP POLICY IF EXISTS "Physicians can view their own data" ON physicians;
DROP POLICY IF EXISTS "Patients can view their own data" ON patients;

-- RLS Policies for users table
-- Allow users to insert their own record during registration
CREATE POLICY "Users can insert their own data" ON users
  FOR INSERT WITH CHECK (auth.uid() = id);

-- Allow users to view their own data
CREATE POLICY "Users can view their own data" ON users
  FOR SELECT USING (auth.uid() = id);

-- Allow users to update their own data
CREATE POLICY "Users can update their own data" ON users
  FOR UPDATE USING (auth.uid() = id);

-- RLS Policies for physicians table
-- Allow physicians to insert their own record during registration
CREATE POLICY "Physicians can insert their own data" ON physicians
  FOR INSERT WITH CHECK (auth.uid() = id);

-- Allow physicians to view their own data
CREATE POLICY "Physicians can view their own data" ON physicians
  FOR SELECT USING (auth.uid() = id);

-- Allow physicians to update their own data
CREATE POLICY "Physicians can update their own data" ON physicians
  FOR UPDATE USING (auth.uid() = id);

-- RLS Policies for patients table
-- Allow patients to insert their own record during registration
CREATE POLICY "Patients can insert their own data" ON patients
  FOR INSERT WITH CHECK (auth.uid() = id);

-- Allow patients to view their own data
CREATE POLICY "Patients can view their own data" ON patients
  FOR SELECT USING (auth.uid() = id);

-- Allow patients to update their own data
CREATE POLICY "Patients can update their own data" ON patients
  FOR UPDATE USING (auth.uid() = id);

-- Add missing INSERT policy for alerts (physicians need to create alerts)
CREATE POLICY "System can insert alerts" ON alerts
  FOR INSERT WITH CHECK (true);
[V0_FILE]sql:file="scripts/003_add_user_creation_trigger.sql" isMerged="true"
-- Drop existing trigger if it exists
DROP TRIGGER IF EXISTS on_auth_user_created ON auth.users;
DROP FUNCTION IF EXISTS public.handle_new_user();

-- Create a function that will be called when a new user is created
CREATE OR REPLACE FUNCTION public.handle_new_user()
RETURNS TRIGGER AS $$
DECLARE
  user_role TEXT;
  user_full_name TEXT;
BEGIN
  -- Get role and full_name from user metadata
  user_role := COALESCE(NEW.raw_user_meta_data->>'role', 'patient');
  user_full_name := COALESCE(NEW.raw_user_meta_data->>'full_name', '');

-- Insert into users table
  INSERT INTO public.users (id, email, full_name, role, created_at, updated_at)
  VALUES (
    NEW.id,
    NEW.email,
    user_full_name,
    user_role::user_role,
    NOW(),
    NOW()
  );

-- Insert into role-specific table
  IF user_role = 'physician' THEN
    INSERT INTO public.physicians (id, created_at, updated_at)
    VALUES (NEW.id, NOW(), NOW());
  ELSIF user_role = 'patient' THEN
    INSERT INTO public.patients (id, created_at, updated_at)
    VALUES (NEW.id, NOW(), NOW());
  END IF;

RETURN NEW;
END;
$$ LANGUAGE plpgsql SECURITY DEFINER;

-- Create trigger that calls the function when a new user is created
CREATE TRIGGER on_auth_user_created
  AFTER INSERT ON auth.users
  FOR EACH ROW
  EXECUTE FUNCTION public.handle_new_user();

-- Grant necessary permissions
GRANT USAGE ON SCHEMA public TO postgres, anon, authenticated, service_role;
GRANT ALL ON ALL TABLES IN SCHEMA public TO postgres, anon, authenticated, service_role;
GRANT ALL ON ALL SEQUENCES IN SCHEMA public TO postgres, anon, authenticated, service_role;
[V0_FILE]sql:file="scripts/004_remove_trigger.sql" isMerged="true"
-- Remove the problematic trigger that was causing registration errors
DROP TRIGGER IF EXISTS on_auth_user_created ON auth.users;
DROP FUNCTION IF EXISTS public.handle_new_user();

-- Note: User profiles will now be created lazily on first authenticated access
-- This prevents issues with email confirmation and RLS policies
[V0_FILE]sql:file="scripts/005_add_organizations.sql" isMerged="true"
-- Add organization admin role to user_role enum
ALTER TYPE user_role ADD VALUE IF NOT EXISTS 'org_admin';

-- Create organizations table
CREATE TABLE IF NOT EXISTS organizations (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  name TEXT NOT NULL,
  slug TEXT UNIQUE NOT NULL,
  description TEXT,
  logo_url TEXT,
  settings JSONB DEFAULT '{}',
  is_active BOOLEAN DEFAULT true,
  created_at TIMESTAMPTZ DEFAULT NOW(),
  updated_at TIMESTAMPTZ DEFAULT NOW()
);

-- Add organization_id to users table
ALTER TABLE users ADD COLUMN IF NOT EXISTS organization_id UUID REFERENCES organizations(id) ON DELETE CASCADE;

-- Add organization_id to physicians table
ALTER TABLE physicians ADD COLUMN IF NOT EXISTS organization_id UUID REFERENCES organizations(id) ON DELETE CASCADE;

-- Add organization_id to patients table
ALTER TABLE patients ADD COLUMN IF NOT EXISTS organization_id UUID REFERENCES organizations(id) ON DELETE CASCADE;

-- Add organization_id to ai_agents table
ALTER TABLE ai_agents ADD COLUMN IF NOT EXISTS organization_id UUID REFERENCES organizations(id) ON DELETE CASCADE;

-- Add organization_id to messages table
ALTER TABLE messages ADD COLUMN IF NOT EXISTS organization_id UUID REFERENCES organizations(id) ON DELETE CASCADE;

-- Add organization_id to alerts table
ALTER TABLE alerts ADD COLUMN IF NOT EXISTS organization_id UUID REFERENCES organizations(id) ON DELETE CASCADE;

-- Add organization_id to patient_physician table
ALTER TABLE patient_physician ADD COLUMN IF NOT EXISTS organization_id UUID REFERENCES organizations(id) ON DELETE CASCADE;

-- Create indexes for organization_id
CREATE INDEX IF NOT EXISTS idx_users_organization ON users(organization_id);
CREATE INDEX IF NOT EXISTS idx_physicians_organization ON physicians(organization_id);
CREATE INDEX IF NOT EXISTS idx_patients_organization ON patients(organization_id);
CREATE INDEX IF NOT EXISTS idx_ai_agents_organization ON ai_agents(organization_id);
CREATE INDEX IF NOT EXISTS idx_messages_organization ON messages(organization_id);
CREATE INDEX IF NOT EXISTS idx_alerts_organization ON alerts(organization_id);
CREATE INDEX IF NOT EXISTS idx_organizations_slug ON organizations(slug);

-- Enable RLS on organizations table
ALTER TABLE organizations ENABLE ROW LEVEL SECURITY;

-- RLS Policies for organizations
CREATE POLICY "Users can view their own organization" ON organizations
  FOR SELECT USING (
    id IN (
      SELECT organization_id FROM users WHERE id = auth.uid()
    )
  );

CREATE POLICY "Org admins can update their organization" ON organizations
  FOR UPDATE USING (
    id IN (
      SELECT organization_id FROM users 
      WHERE id = auth.uid() AND role = 'org_admin'
    )
  );

-- Drop existing RLS policies to recreate with organization isolation
DROP POLICY IF EXISTS "Users can view their own data" ON users;
DROP POLICY IF EXISTS "Users can update their own data" ON users;
DROP POLICY IF EXISTS "Physicians can view their own data" ON physicians;
DROP POLICY IF EXISTS "Physicians can view their patients" ON patients;
DROP POLICY IF EXISTS "Patients can view their own data" ON patients;
DROP POLICY IF EXISTS "Patients can view their own messages" ON messages;
DROP POLICY IF EXISTS "Patients can insert their own messages" ON messages;
DROP POLICY IF EXISTS "Physicians can view their patients' messages" ON messages;
DROP POLICY IF EXISTS "Physicians can view their alerts" ON alerts;
DROP POLICY IF EXISTS "Physicians can update their alerts" ON alerts;
DROP POLICY IF EXISTS "Physicians can manage their patients' AI agents" ON ai_agents;
DROP POLICY IF EXISTS "Patients can view their AI agent" ON ai_agents;

-- Recreate RLS policies with organization isolation

-- Users policies
CREATE POLICY "Users can view their own data" ON users
  FOR SELECT USING (auth.uid() = id);

CREATE POLICY "Users can update their own data" ON users
  FOR UPDATE USING (auth.uid() = id);

CREATE POLICY "Org admins can view users in their org" ON users
  FOR SELECT USING (
    organization_id IN (
      SELECT organization_id FROM users 
      WHERE id = auth.uid() AND role = 'org_admin'
    )
  );

-- Physicians policies
CREATE POLICY "Physicians can view their own data" ON physicians
  FOR SELECT USING (auth.uid() = id);

CREATE POLICY "Org admins can view physicians in their org" ON physicians
  FOR SELECT USING (
    organization_id IN (
      SELECT organization_id FROM users 
      WHERE id = auth.uid() AND role = 'org_admin'
    )
  );

-- Patients policies
CREATE POLICY "Patients can view their own data" ON patients
  FOR SELECT USING (auth.uid() = id);

CREATE POLICY "Physicians can view patients in their org" ON patients
  FOR SELECT USING (
    organization_id IN (
      SELECT organization_id FROM users 
      WHERE id = auth.uid() AND role = 'physician'
    )
    AND EXISTS (
      SELECT 1 FROM patient_physician pp
      WHERE pp.patient_id = patients.id
      AND pp.physician_id = auth.uid()
    )
  );

CREATE POLICY "Org admins can view patients in their org" ON patients
  FOR SELECT USING (
    organization_id IN (
      SELECT organization_id FROM users 
      WHERE id = auth.uid() AND role = 'org_admin'
    )
  );

-- Messages policies
CREATE POLICY "Patients can view their own messages" ON messages
  FOR SELECT USING (
    auth.uid() = patient_id
    AND organization_id IN (
      SELECT organization_id FROM users WHERE id = auth.uid()
    )
  );

CREATE POLICY "Patients can insert their own messages" ON messages
  FOR INSERT WITH CHECK (
    auth.uid() = patient_id
    AND organization_id IN (
      SELECT organization_id FROM users WHERE id = auth.uid()
    )
  );

CREATE POLICY "Physicians can view messages in their org" ON messages
  FOR SELECT USING (
    organization_id IN (
      SELECT organization_id FROM users 
      WHERE id = auth.uid() AND role = 'physician'
    )
    AND EXISTS (
      SELECT 1 FROM patient_physician pp
      WHERE pp.patient_id = messages.patient_id
      AND pp.physician_id = auth.uid()
    )
  );

-- Alerts policies
CREATE POLICY "Physicians can view alerts in their org" ON alerts
  FOR SELECT USING (
    auth.uid() = physician_id
    AND organization_id IN (
      SELECT organization_id FROM users WHERE id = auth.uid()
    )
  );

CREATE POLICY "Physicians can update alerts in their org" ON alerts
  FOR UPDATE USING (
    auth.uid() = physician_id
    AND organization_id IN (
      SELECT organization_id FROM users WHERE id = auth.uid()
    )
  );

CREATE POLICY "Org admins can view alerts in their org" ON alerts
  FOR SELECT USING (
    organization_id IN (
      SELECT organization_id FROM users 
      WHERE id = auth.uid() AND role = 'org_admin'
    )
  );

-- AI Agents policies
CREATE POLICY "Physicians can manage AI agents in their org" ON ai_agents
  FOR ALL USING (
    auth.uid() = physician_id
    AND organization_id IN (
      SELECT organization_id FROM users WHERE id = auth.uid()
    )
  );

CREATE POLICY "Patients can view their AI agent" ON ai_agents
  FOR SELECT USING (
    auth.uid() = patient_id
    AND organization_id IN (
      SELECT organization_id FROM users WHERE id = auth.uid()
    )
  );

-- Patient-Physician relationship policies
CREATE POLICY "Physicians can view their relationships" ON patient_physician
  FOR SELECT USING (
    physician_id = auth.uid()
    AND organization_id IN (
      SELECT organization_id FROM users WHERE id = auth.uid()
    )
  );

CREATE POLICY "Patients can view their relationships" ON patient_physician
  FOR SELECT USING (
    patient_id = auth.uid()
    AND organization_id IN (
      SELECT organization_id FROM users WHERE id = auth.uid()
    )
  );

CREATE POLICY "Org admins can manage relationships in their org" ON patient_physician
  FOR ALL USING (
    organization_id IN (
      SELECT organization_id FROM users 
      WHERE id = auth.uid() AND role = 'org_admin'
    )
  );
[V0_FILE]sql:file="scripts/006_fix_missing_org_columns.sql" isMerged="true"
-- This script ensures all tables have the organization_id column
-- Run this if you're getting "column does not exist" errors

-- Add organization_id to alerts table if missing
DO $$ 
BEGIN
  IF NOT EXISTS (
    SELECT 1 FROM information_schema.columns 
    WHERE table_name = 'alerts' AND column_name = 'organization_id'
  ) THEN
    ALTER TABLE alerts ADD COLUMN organization_id UUID REFERENCES organizations(id) ON DELETE CASCADE;
    CREATE INDEX idx_alerts_organization ON alerts(organization_id);
  END IF;
END $$;

-- Add organization_id to messages table if missing
DO $$ 
BEGIN
  IF NOT EXISTS (
    SELECT 1 FROM information_schema.columns 
    WHERE table_name = 'messages' AND column_name = 'organization_id'
  ) THEN
    ALTER TABLE messages ADD COLUMN organization_id UUID REFERENCES organizations(id) ON DELETE CASCADE;
    CREATE INDEX idx_messages_organization ON messages(organization_id);
  END IF;
END $$;

-- Add organization_id to ai_agents table if missing
DO $$ 
BEGIN
  IF NOT EXISTS (
    SELECT 1 FROM information_schema.columns 
    WHERE table_name = 'ai_agents' AND column_name = 'organization_id'
  ) THEN
    ALTER TABLE ai_agents ADD COLUMN organization_id UUID REFERENCES organizations(id) ON DELETE CASCADE;
    CREATE INDEX idx_ai_agents_organization ON ai_agents(organization_id);
  END IF;
END $$;

-- Add organization_id to patient_physician table if missing
DO $$ 
BEGIN
  IF NOT EXISTS (
    SELECT 1 FROM information_schema.columns 
    WHERE table_name = 'patient_physician' AND column_name = 'organization_id'
  ) THEN
    ALTER TABLE patient_physician ADD COLUMN organization_id UUID REFERENCES organizations(id) ON DELETE CASCADE;
  END IF;
END $$;

-- Add organization_id to users table if missing
DO $$ 
BEGIN
  IF NOT EXISTS (
    SELECT 1 FROM information_schema.columns 
    WHERE table_name = 'users' AND column_name = 'organization_id'
  ) THEN
    ALTER TABLE users ADD COLUMN organization_id UUID REFERENCES organizations(id) ON DELETE CASCADE;
    CREATE INDEX idx_users_organization ON users(organization_id);
  END IF;
END $$;

-- Add organization_id to physicians table if missing
DO $$ 
BEGIN
  IF NOT EXISTS (
    SELECT 1 FROM information_schema.columns 
    WHERE table_name = 'physicians' AND column_name = 'organization_id'
  ) THEN
    ALTER TABLE physicians ADD COLUMN organization_id UUID REFERENCES organizations(id) ON DELETE CASCADE;
    CREATE INDEX idx_physicians_organization ON physicians(organization_id);
  END IF;
END $$;

-- Add organization_id to patients table if missing
DO $$ 
BEGIN
  IF NOT EXISTS (
    SELECT 1 FROM information_schema.columns 
    WHERE table_name = 'patients' AND column_name = 'organization_id'
  ) THEN
    ALTER TABLE patients ADD COLUMN organization_id UUID REFERENCES organizations(id) ON DELETE CASCADE;
    CREATE INDEX idx_patients_organization ON patients(organization_id);
  END IF;
END $$;
[V0_FILE]css:file="styles/globals.css" isMerged="true"
@import 'tailwindcss';
@import 'tw-animate-css';

@custom-variant dark (&:is(.dark *));

:root {
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --primary: oklch(0.205 0 0);
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.205 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.205 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.577 0.245 27.325);
  --border: oklch(0.922 0 0);
  --input: oklch(0.922 0 0);
  --ring: oklch(0.708 0 0);
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);
  --radius: 0.625rem;
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-primary: oklch(0.205 0 0);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.97 0 0);
  --sidebar-accent-foreground: oklch(0.205 0 0);
  --sidebar-border: oklch(0.922 0 0);
  --sidebar-ring: oklch(0.708 0 0);
}

.dark {
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.145 0 0);
  --card-foreground: oklch(0.985 0 0);
  --popover: oklch(0.145 0 0);
  --popover-foreground: oklch(0.985 0 0);
  --primary: oklch(0.985 0 0);
  --primary-foreground: oklch(0.205 0 0);
  --secondary: oklch(0.269 0 0);
  --secondary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.269 0 0);
  --muted-foreground: oklch(0.708 0 0);
  --accent: oklch(0.269 0 0);
  --accent-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.396 0.141 25.723);
  --destructive-foreground: oklch(0.637 0.237 25.331);
  --border: oklch(0.269 0 0);
  --input: oklch(0.269 0 0);
  --ring: oklch(0.439 0 0);
  --chart-1: oklch(0.488 0.243 264.376);
  --chart-2: oklch(0.696 0.17 162.48);
  --chart-3: oklch(0.769 0.188 70.08);
  --chart-4: oklch(0.627 0.265 303.9);
  --chart-5: oklch(0.645 0.246 16.439);
  --sidebar: oklch(0.205 0 0);
  --sidebar-foreground: oklch(0.985 0 0);
  --sidebar-primary: oklch(0.488 0.243 264.376);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.269 0 0);
  --sidebar-accent-foreground: oklch(0.985 0 0);
  --sidebar-border: oklch(0.269 0 0);
  --sidebar-ring: oklch(0.439 0 0);
}

@theme inline {
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-destructive: var(--destructive);
  --color-destructive-foreground: var(--destructive-foreground);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-ring: var(--ring);
  --color-chart-1: var(--chart-1);
  --color-chart-2: var(--chart-2);
  --color-chart-3: var(--chart-3);
  --color-chart-4: var(--chart-4);
  --color-chart-5: var(--chart-5);
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);
  --color-sidebar: var(--sidebar);
  --color-sidebar-foreground: var(--sidebar-foreground);
  --color-sidebar-primary: var(--sidebar-primary);
  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
  --color-sidebar-accent: var(--sidebar-accent);
  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
  --color-sidebar-border: var(--sidebar-border);
  --color-sidebar-ring: var(--sidebar-ring);
}

@layer base {
  * {
    @apply border-border outline-ring/50;
  }
  body {
    @apply bg-background text-foreground;
  }
}
[V0_FILE]json:file="tsconfig.json" isMerged="true"
{
  "compilerOptions": {
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "target": "ES6",
    "skipLibCheck": true,
    "strict": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "bundler",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve",
    "incremental": true,
    "plugins": [
      {
        "name": "next"
      }
    ],
    "paths": {
      "@/*": ["./*"]
    }
  },
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
  "exclude": ["node_modules"]
}
[V0_FILE]png:file="public/placeholder-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_zzqKNXsKVhrg2USZK9nFtwfJqSCX/1uv3SMJqY6_jxcFCTgTEak/public/placeholder-logo.png" isMerged="true"
[V0_FILE]xml:file="public/placeholder-logo.svg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_zzqKNXsKVhrg2USZK9nFtwfJqSCX/XB_XF8ESrwbAjotfOd5Wmb/public/placeholder-logo.svg" isMerged="true"
[V0_FILE]jpg:file="public/placeholder-user.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_zzqKNXsKVhrg2USZK9nFtwfJqSCX/ONejAluG3EJATcwwA61bXn/public/placeholder-user.jpg" isMerged="true"
[V0_FILE]jpg:file="public/placeholder.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_zzqKNXsKVhrg2USZK9nFtwfJqSCX/BlrBc_c6JuPtjsBHFMcNJn/public/placeholder.jpg" isMerged="true"
[V0_FILE]xml:file="public/placeholder.svg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_zzqKNXsKVhrg2USZK9nFtwfJqSCX/J0QvC3Vjlpi92ZtRdLC4Mx/public/placeholder.svg" isMerged="true"
[V0_FILE]typescript:file="hooks/use-voice-chat.ts" isMerged="true"
"use client"

import { useEffect, useState, useCallback, useRef } from "react"

interface UseVoiceChatProps {
  onTranscript: (text: string) => void
  autoSpeak?: boolean
}

export function useVoiceChat({ onTranscript, autoSpeak = false }: UseVoiceChatProps) {
  const [isListening, setIsListening] = useState(false)
  const [isSpeaking, setIsSpeaking] = useState(false)
  const [isSupported, setIsSupported] = useState(false)
  const [autoSpeakEnabled, setAutoSpeakEnabled] = useState(autoSpeak)

const recognitionRef = useRef<any>(null)
  const synthRef = useRef<SpeechSynthesis | null>(null)

useEffect(() => {
    // Check if browser supports Web Speech API
    const SpeechRecognition = (window as any).SpeechRecognition || (window as any).webkitSpeechRecognition
    const speechSynthesis = window.speechSynthesis

if (SpeechRecognition && speechSynthesis) {
      setIsSupported(true)
      synthRef.current = speechSynthesis

// Initialize speech recognition
      const recognition = new SpeechRecognition()
      recognition.continuous = false
      recognition.interimResults = false
      recognition.lang = "en-US"

recognition.onstart = () => {
        console.log("[v0] Voice recognition started")
        setIsListening(true)
      }

recognition.onresult = (event: any) => {
        const transcript = event.results[0][0].transcript
        console.log("[v0] Voice transcript:", transcript)
        onTranscript(transcript)
      }

recognition.onerror = (event: any) => {
        console.error("[v0] Voice recognition error:", event.error)
        setIsListening(false)
      }

recognition.onend = () => {
        console.log("[v0] Voice recognition ended")
        setIsListening(false)
      }

recognitionRef.current = recognition
    }

return () => {
      if (recognitionRef.current) {
        recognitionRef.current.stop()
      }
      if (synthRef.current) {
        synthRef.current.cancel()
      }
    }
  }, [onTranscript])

const startListening = useCallback(() => {
    if (recognitionRef.current && !isListening) {
      try {
        recognitionRef.current.start()
      } catch (error) {
        console.error("[v0] Error starting recognition:", error)
      }
    }
  }, [isListening])

const stopListening = useCallback(() => {
    if (recognitionRef.current && isListening) {
      recognitionRef.current.stop()
    }
  }, [isListening])

const speak = useCallback((text: string) => {
    if (!synthRef.current) return

// Cancel any ongoing speech
    synthRef.current.cancel()

const utterance = new SpeechSynthesisUtterance(text)
    utterance.lang = "en-US"
    utterance.rate = 1.0
    utterance.pitch = 1.0

utterance.onstart = () => {
      console.log("[v0] Speech started")
      setIsSpeaking(true)
    }

utterance.onend = () => {
      console.log("[v0] Speech ended")
      setIsSpeaking(false)
    }

utterance.onerror = (event) => {
      console.error("[v0] Speech error:", event)
      setIsSpeaking(false)
    }

synthRef.current.speak(utterance)
  }, [])

const stopSpeaking = useCallback(() => {
    if (synthRef.current) {
      synthRef.current.cancel()
      setIsSpeaking(false)
    }
  }, [])

const toggleAutoSpeak = useCallback(() => {
    setAutoSpeakEnabled((prev) => !prev)
  }, [])

return {
    isListening,
    isSpeaking,
    isSupported,
    autoSpeakEnabled,
    startListening,
    stopListening,
    speak,
    stopSpeaking,
    toggleAutoSpeak,
  }
}
[V0_FILE]sql:file="scripts/007_create_medication_system.sql" isMerged="true"
-- Create medications table
CREATE TABLE IF NOT EXISTS medications (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  patient_id UUID NOT NULL REFERENCES patients(id) ON DELETE CASCADE,
  organization_id UUID REFERENCES organizations(id) ON DELETE CASCADE,
  created_by UUID NOT NULL REFERENCES physicians(id) ON DELETE CASCADE,
  medication_name TEXT NOT NULL,
  dosage TEXT NOT NULL,
  frequency TEXT NOT NULL,
  start_date DATE NOT NULL,
  end_date DATE,
  instructions TEXT,
  is_active BOOLEAN DEFAULT true,
  created_at TIMESTAMPTZ DEFAULT NOW(),
  updated_at TIMESTAMPTZ DEFAULT NOW()
);

-- Create medication_schedules table for specific times
CREATE TABLE IF NOT EXISTS medication_schedules (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  medication_id UUID NOT NULL REFERENCES medications(id) ON DELETE CASCADE,
  scheduled_time TIME NOT NULL,
  days_of_week INTEGER[] NOT NULL DEFAULT ARRAY[0,1,2,3,4,5,6], -- 0=Sunday, 6=Saturday
  is_active BOOLEAN DEFAULT true,
  created_at TIMESTAMPTZ DEFAULT NOW()
);

-- Create medication_logs table to track adherence
CREATE TABLE IF NOT EXISTS medication_logs (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  medication_id UUID NOT NULL REFERENCES medications(id) ON DELETE CASCADE,
  patient_id UUID NOT NULL REFERENCES patients(id) ON DELETE CASCADE,
  scheduled_for TIMESTAMPTZ NOT NULL,
  taken_at TIMESTAMPTZ,
  status TEXT NOT NULL CHECK (status IN ('pending', 'taken', 'missed', 'skipped')),
  notes TEXT,
  created_at TIMESTAMPTZ DEFAULT NOW()
);

-- Create activities table for other scheduled activities
CREATE TABLE IF NOT EXISTS activities (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  patient_id UUID NOT NULL REFERENCES patients(id) ON DELETE CASCADE,
  organization_id UUID REFERENCES organizations(id) ON DELETE CASCADE,
  created_by UUID NOT NULL REFERENCES physicians(id) ON DELETE CASCADE,
  activity_type TEXT NOT NULL CHECK (activity_type IN ('exercise', 'appointment', 'measurement', 'other')),
  title TEXT NOT NULL,
  description TEXT,
  scheduled_time TIME NOT NULL,
  frequency TEXT NOT NULL, -- 'daily', 'weekly', 'custom'
  days_of_week INTEGER[] DEFAULT ARRAY[0,1,2,3,4,5,6],
  start_date DATE NOT NULL,
  end_date DATE,
  is_active BOOLEAN DEFAULT true,
  created_at TIMESTAMPTZ DEFAULT NOW(),
  updated_at TIMESTAMPTZ DEFAULT NOW()
);

-- Create activity_logs table to track completion
CREATE TABLE IF NOT EXISTS activity_logs (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  activity_id UUID NOT NULL REFERENCES activities(id) ON DELETE CASCADE,
  patient_id UUID NOT NULL REFERENCES patients(id) ON DELETE CASCADE,
  scheduled_for TIMESTAMPTZ NOT NULL,
  completed_at TIMESTAMPTZ,
  status TEXT NOT NULL CHECK (status IN ('pending', 'completed', 'missed', 'skipped')),
  notes TEXT,
  created_at TIMESTAMPTZ DEFAULT NOW()
);

-- Create indexes for better query performance
CREATE INDEX IF NOT EXISTS idx_medications_patient ON medications(patient_id);
CREATE INDEX IF NOT EXISTS idx_medications_org ON medications(organization_id);
CREATE INDEX IF NOT EXISTS idx_medication_schedules_med ON medication_schedules(medication_id);
CREATE INDEX IF NOT EXISTS idx_medication_logs_patient ON medication_logs(patient_id);
CREATE INDEX IF NOT EXISTS idx_medication_logs_scheduled ON medication_logs(scheduled_for);
CREATE INDEX IF NOT EXISTS idx_activities_patient ON activities(patient_id);
CREATE INDEX IF NOT EXISTS idx_activities_org ON activities(organization_id);
CREATE INDEX IF NOT EXISTS idx_activity_logs_patient ON activity_logs(patient_id);
CREATE INDEX IF NOT EXISTS idx_activity_logs_scheduled ON activity_logs(scheduled_for);

-- Enable RLS
ALTER TABLE medications ENABLE ROW LEVEL SECURITY;
ALTER TABLE medication_schedules ENABLE ROW LEVEL SECURITY;
ALTER TABLE medication_logs ENABLE ROW LEVEL SECURITY;
ALTER TABLE activities ENABLE ROW LEVEL SECURITY;
ALTER TABLE activity_logs ENABLE ROW LEVEL SECURITY;

-- RLS Policies for medications
CREATE POLICY "Users can view their own medications"
  ON medications FOR SELECT
  USING (
    patient_id IN (
      SELECT id FROM patients WHERE user_id = auth.uid()
    )
    OR created_by IN (
      SELECT id FROM physicians WHERE user_id = auth.uid()
    )
  );

CREATE POLICY "Physicians can insert medications for their patients"
  ON medications FOR INSERT
  WITH CHECK (
    created_by IN (
      SELECT id FROM physicians WHERE user_id = auth.uid()
    )
  );

CREATE POLICY "Physicians can update their prescribed medications"
  ON medications FOR UPDATE
  USING (
    created_by IN (
      SELECT id FROM physicians WHERE user_id = auth.uid()
    )
  );

CREATE POLICY "Physicians can delete their prescribed medications"
  ON medications FOR DELETE
  USING (
    created_by IN (
      SELECT id FROM physicians WHERE user_id = auth.uid()
    )
  );

-- RLS Policies for medication_schedules
CREATE POLICY "Users can view schedules for their medications"
  ON medication_schedules FOR SELECT
  USING (
    medication_id IN (
      SELECT id FROM medications WHERE patient_id IN (
        SELECT id FROM patients WHERE user_id = auth.uid()
      )
    )
    OR medication_id IN (
      SELECT id FROM medications WHERE created_by IN (
        SELECT id FROM physicians WHERE user_id = auth.uid()
      )
    )
  );

CREATE POLICY "Physicians can manage medication schedules"
  ON medication_schedules FOR ALL
  USING (
    medication_id IN (
      SELECT id FROM medications WHERE created_by IN (
        SELECT id FROM physicians WHERE user_id = auth.uid()
      )
    )
  );

-- RLS Policies for medication_logs
CREATE POLICY "Users can view their own medication logs"
  ON medication_logs FOR SELECT
  USING (
    patient_id IN (
      SELECT id FROM patients WHERE user_id = auth.uid()
    )
    OR medication_id IN (
      SELECT id FROM medications WHERE created_by IN (
        SELECT id FROM physicians WHERE user_id = auth.uid()
      )
    )
  );

CREATE POLICY "Patients can insert their own medication logs"
  ON medication_logs FOR INSERT
  WITH CHECK (
    patient_id IN (
      SELECT id FROM patients WHERE user_id = auth.uid()
    )
  );

CREATE POLICY "Patients can update their own medication logs"
  ON medication_logs FOR UPDATE
  USING (
    patient_id IN (
      SELECT id FROM patients WHERE user_id = auth.uid()
    )
  );

-- RLS Policies for activities (similar to medications)
CREATE POLICY "Users can view their own activities"
  ON activities FOR SELECT
  USING (
    patient_id IN (
      SELECT id FROM patients WHERE user_id = auth.uid()
    )
    OR created_by IN (
      SELECT id FROM physicians WHERE user_id = auth.uid()
    )
  );

CREATE POLICY "Physicians can manage activities"
  ON activities FOR ALL
  USING (
    created_by IN (
      SELECT id FROM physicians WHERE user_id = auth.uid()
    )
  );

-- RLS Policies for activity_logs
CREATE POLICY "Users can view their own activity logs"
  ON activity_logs FOR SELECT
  USING (
    patient_id IN (
      SELECT id FROM patients WHERE user_id = auth.uid()
    )
    OR activity_id IN (
      SELECT id FROM activities WHERE created_by IN (
        SELECT id FROM physicians WHERE user_id = auth.uid()
      )
    )
  );

CREATE POLICY "Patients can manage their own activity logs"
  ON activity_logs FOR ALL
  USING (
    patient_id IN (
      SELECT id FROM patients WHERE user_id = auth.uid()
    )
  );
[V0_FILE]typescript:file="hooks/use-notifications.ts" isMerged="true"
"use client"

import { useEffect, useState, useCallback } from "react"

export interface NotificationItem {
  id: string
  title: string
  body: string
  type: "medication" | "activity"
  scheduledFor: string
  data?: any
}

export function useNotifications() {
  const [permission, setPermission] = useState<NotificationPermission>("default")
  const [isSupported, setIsSupported] = useState(false)

useEffect(() => {
    // Check if browser supports notifications
    if ("Notification" in window) {
      setIsSupported(true)
      setPermission(Notification.permission)
    }
  }, [])

const requestPermission = useCallback(async () => {
    if (!isSupported) return false

try {
      const result = await Notification.requestPermission()
      setPermission(result)
      return result === "granted"
    } catch (error) {
      console.error("[v0] Error requesting notification permission:", error)
      return false
    }
  }, [isSupported])

const showNotification = useCallback(
    (title: string, options?: NotificationOptions) => {
      if (!isSupported || permission !== "granted") {
        console.log("[v0] Notifications not available or not permitted")
        return null
      }

try {
        const notification = new Notification(title, {
          icon: "/icon.png",
          badge: "/badge.png",
          ...options,
        })

notification.onclick = () => {
          window.focus()
          notification.close()
        }

return notification
      } catch (error) {
        console.error("[v0] Error showing notification:", error)
        return null
      }
    },
    [isSupported, permission],
  )

return {
    isSupported,
    permission,
    requestPermission,
    showNotification,
  }
}
[V0_FILE]typescript:file="app/api/notifications/route.ts" isMerged="true"
import { type NextRequest, NextResponse } from "next/server"
import { createClient } from "@/lib/supabase/server"

export async function GET(request: NextRequest) {
  try {
    const supabase = await createClient()

const {
      data: { user },
    } = await supabase.auth.getUser()

if (!user) {
      return NextResponse.json({ error: "Unauthorized" }, { status: 401 })
    }

// Get patient ID
    const { data: patient } = await supabase.from("patients").select("id").eq("user_id", user.id).single()

if (!patient) {
      return NextResponse.json({ error: "Patient not found" }, { status: 404 })
    }

const now = new Date()
    const thirtyMinutesFromNow = new Date(now.getTime() + 30 * 60 * 1000)

// Get upcoming medications (next 30 minutes)
    const { data: medications } = await supabase
      .from("medications")
      .select(
        `
        id,
        medication_name,
        dosage,
        medication_schedules (
          id,
          scheduled_time,
          days_of_week
        )
      `,
      )
      .eq("patient_id", patient.id)
      .eq("is_active", true)

// Get upcoming activities (next 30 minutes)
    const { data: activities } = await supabase
      .from("activities")
      .select("id, title, description, scheduled_time, days_of_week")
      .eq("patient_id", patient.id)
      .eq("is_active", true)

const notifications: any[] = []
    const currentDay = now.getDay()
    const currentTime = now.toTimeString().slice(0, 5) // HH:MM format

// Process medications
    if (medications) {
      for (const med of medications) {
        if (med.medication_schedules) {
          for (const schedule of med.medication_schedules) {
            if (schedule.days_of_week.includes(currentDay)) {
              const scheduledTime = schedule.scheduled_time
              const [hours, minutes] = scheduledTime.split(":").map(Number)
              const scheduledDate = new Date(now)
              scheduledDate.setHours(hours, minutes, 0, 0)

// Check if medication is due within next 30 minutes
              if (scheduledDate >= now && scheduledDate <= thirtyMinutesFromNow) {
                // Check if already logged as taken
                const { data: log } = await supabase
                  .from("medication_logs")
                  .select("id")
                  .eq("medication_id", med.id)
                  .eq("status", "taken")
                  .gte("taken_at", now.toISOString().split("T")[0])
                  .single()

if (!log) {
                  notifications.push({
                    id: `med-${med.id}-${schedule.id}`,
                    type: "medication",
                    title: "Medication Reminder",
                    body: `Time to take ${med.medication_name} (${med.dosage})`,
                    scheduledFor: scheduledDate.toISOString(),
                    data: {
                      medicationId: med.id,
                      scheduleId: schedule.id,
                    },
                  })
                }
              }
            }
          }
        }
      }
    }

// Process activities
    if (activities) {
      for (const activity of activities) {
        if (activity.days_of_week.includes(currentDay)) {
          const scheduledTime = activity.scheduled_time
          const [hours, minutes] = scheduledTime.split(":").map(Number)
          const scheduledDate = new Date(now)
          scheduledDate.setHours(hours, minutes, 0, 0)

// Check if activity is due within next 30 minutes
          if (scheduledDate >= now && scheduledDate <= thirtyMinutesFromNow) {
            // Check if already logged as completed
            const { data: log } = await supabase
              .from("activity_logs")
              .select("id")
              .eq("activity_id", activity.id)
              .eq("status", "completed")
              .gte("completed_at", now.toISOString().split("T")[0])
              .single()

if (!log) {
              notifications.push({
                id: `act-${activity.id}`,
                type: "activity",
                title: "Activity Reminder",
                body: activity.title,
                scheduledFor: scheduledDate.toISOString(),
                data: {
                  activityId: activity.id,
                },
              })
            }
          }
        }
      }
    }

return NextResponse.json({ notifications })
  } catch (error) {
    console.error("[v0] Error fetching notifications:", error)
    return NextResponse.json({ error: "Internal server error" }, { status: 500 })
  }
}
[V0_FILE]typescript:file="components/notification-manager.tsx" isMerged="true"
"use client"

import { useEffect, useRef } from "react"
import { useNotifications, type NotificationItem } from "@/hooks/use-notifications"

interface NotificationManagerProps {
  enabled?: boolean
  checkInterval?: number // in milliseconds
}

export function NotificationManager({ enabled = true, checkInterval = 60000 }: NotificationManagerProps) {
  const { isSupported, permission, requestPermission, showNotification } = useNotifications()
  const shownNotificationsRef = useRef<Set<string>>(new Set())
  const intervalRef = useRef<NodeJS.Timeout | null>(null)

useEffect(() => {
    if (!enabled || !isSupported) return

// Request permission on mount if not already granted
    if (permission === "default") {
      requestPermission()
    }

const checkNotifications = async () => {
      if (permission !== "granted") return

try {
        const response = await fetch("/api/notifications")
        if (!response.ok) return

const data = await response.json()
        const notifications: NotificationItem[] = data.notifications || []

notifications.forEach((notification) => {
          // Only show each notification once
          if (!shownNotificationsRef.current.has(notification.id)) {
            showNotification(notification.title, {
              body: notification.body,
              tag: notification.id,
              requireInteraction: true,
              data: notification.data,
            })
            shownNotificationsRef.current.add(notification.id)

// Clean up old notification IDs after 1 hour
            setTimeout(
              () => {
                shownNotificationsRef.current.delete(notification.id)
              },
              60 * 60 * 1000,
            )
          }
        })
      } catch (error) {
        console.error("[v0] Error checking notifications:", error)
      }
    }

// Check immediately
    checkNotifications()

// Set up interval to check periodically
    intervalRef.current = setInterval(checkNotifications, checkInterval)

return () => {
      if (intervalRef.current) {
        clearInterval(intervalRef.current)
      }
    }
  }, [enabled, isSupported, permission, requestPermission, showNotification, checkInterval])

return null // This component doesn't render anything
}
[V0_FILE]typescript:file="components/patient-medication-management.tsx" isMerged="true"
"use client"

import { useState } from "react"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { Plus, Pill, ActivityIcon } from "lucide-react"
import { MedicationForm } from "@/components/medication-form"
import { ActivityForm } from "@/components/activity-form"
import { MedicationList } from "@/components/medication-list"
import { ActivityList } from "@/components/activity-list"

interface PatientMedicationManagementProps {
  patientId: string
  physicianId: string
}

export function PatientMedicationManagement({ patientId, physicianId }: PatientMedicationManagementProps) {
  const [showMedicationForm, setShowMedicationForm] = useState(false)
  const [showActivityForm, setShowActivityForm] = useState(false)
  const [refreshKey, setRefreshKey] = useState(0)

const handleRefresh = () => {
    setRefreshKey((prev) => prev + 1)
  }

return (
    <div className="space-y-6">
      <Tabs defaultValue="medications" className="space-y-4">
        <TabsList>
          <TabsTrigger value="medications">
            <Pill className="h-4 w-4 mr-2" />
            Medications
          </TabsTrigger>
          <TabsTrigger value="activities">
            <ActivityIcon className="h-4 w-4 mr-2" />
            Activities
          </TabsTrigger>
        </TabsList>

<TabsContent value="medications" className="space-y-4">
          <Card>
            <CardHeader>
              <div className="flex items-center justify-between">
                <div>
                  <CardTitle>Medications</CardTitle>
                  <CardDescription>Manage patient medications and schedules</CardDescription>
                </div>
                <Button onClick={() => setShowMedicationForm(true)}>
                  <Plus className="h-4 w-4 mr-2" />
                  Add Medication
                </Button>
              </div>
            </CardHeader>
            <CardContent>
              {showMedicationForm ? (
                <MedicationForm
                  patientId={patientId}
                  physicianId={physicianId}
                  onSuccess={() => {
                    setShowMedicationForm(false)
                    handleRefresh()
                  }}
                  onCancel={() => setShowMedicationForm(false)}
                />
              ) : (
                <MedicationList patientId={patientId} refreshKey={refreshKey} onUpdate={handleRefresh} />
              )}
            </CardContent>
          </Card>
        </TabsContent>

<TabsContent value="activities" className="space-y-4">
          <Card>
            <CardHeader>
              <div className="flex items-center justify-between">
                <div>
                  <CardTitle>Activities</CardTitle>
                  <CardDescription>Manage patient activities and reminders</CardDescription>
                </div>
                <Button onClick={() => setShowActivityForm(true)}>
                  <Plus className="h-4 w-4 mr-2" />
                  Add Activity
                </Button>
              </div>
            </CardHeader>
            <CardContent>
              {showActivityForm ? (
                <ActivityForm
                  patientId={patientId}
                  physicianId={physicianId}
                  onSuccess={() => {
                    setShowActivityForm(false)
                    handleRefresh()
                  }}
                  onCancel={() => setShowActivityForm(false)}
                />
              ) : (
                <ActivityList patientId={patientId} refreshKey={refreshKey} onUpdate={handleRefresh} />
              )}
            </CardContent>
          </Card>
        </TabsContent>
      </Tabs>
    </div>
  )
}
[V0_FILE]typescript:file="components/medication-form.tsx" isMerged="true"
"use client"

import type React from "react"

import { useState } from "react"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Checkbox } from "@/components/ui/checkbox"
import { getSupabaseBrowserClient } from "@/lib/supabase/client"
import { Plus, X } from "lucide-react"

interface MedicationFormProps {
  patientId: string
  physicianId: string
  onSuccess: () => void
  onCancel: () => void
}

const DAYS_OF_WEEK = [
  { value: 0, label: "Sunday" },
  { value: 1, label: "Monday" },
  { value: 2, label: "Tuesday" },
  { value: 3, label: "Wednesday" },
  { value: 4, label: "Thursday" },
  { value: 5, label: "Friday" },
  { value: 6, label: "Saturday" },
]

export function MedicationForm({ patientId, physicianId, onSuccess, onCancel }: MedicationFormProps) {
  const [loading, setLoading] = useState(false)
  const [medicationName, setMedicationName] = useState("")
  const [dosage, setDosage] = useState("")
  const [frequency, setFrequency] = useState("daily")
  const [startDate, setStartDate] = useState("")
  const [endDate, setEndDate] = useState("")
  const [instructions, setInstructions] = useState("")
  const [schedules, setSchedules] = useState<{ time: string; days: number[] }[]>([
    { time: "09:00", days: [0, 1, 2, 3, 4, 5, 6] },
  ])

const supabase = getSupabaseBrowserClient()

const handleAddSchedule = () => {
    setSchedules([...schedules, { time: "09:00", days: [0, 1, 2, 3, 4, 5, 6] }])
  }

const handleRemoveSchedule = (index: number) => {
    setSchedules(schedules.filter((_, i) => i !== index))
  }

const handleScheduleTimeChange = (index: number, time: string) => {
    const newSchedules = [...schedules]
    newSchedules[index].time = time
    setSchedules(newSchedules)
  }

const handleScheduleDayToggle = (index: number, day: number) => {
    const newSchedules = [...schedules]
    const days = newSchedules[index].days
    if (days.includes(day)) {
      newSchedules[index].days = days.filter((d) => d !== day)
    } else {
      newSchedules[index].days = [...days, day].sort()
    }
    setSchedules(newSchedules)
  }

const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault()
    setLoading(true)

try {
      // Insert medication
      const { data: medication, error: medError } = await supabase
        .from("medications")
        .insert({
          patient_id: patientId,
          created_by: physicianId,
          medication_name: medicationName,
          dosage,
          frequency,
          start_date: startDate,
          end_date: endDate || null,
          instructions,
          is_active: true,
        })
        .select()
        .single()

if (medError) throw medError

// Insert schedules
      const scheduleInserts = schedules.map((schedule) => ({
        medication_id: medication.id,
        scheduled_time: schedule.time,
        days_of_week: schedule.days,
        is_active: true,
      }))

const { error: schedError } = await supabase.from("medication_schedules").insert(scheduleInserts)

if (schedError) throw schedError

onSuccess()
    } catch (error) {
      console.error("[v0] Error creating medication:", error)
      alert("Failed to create medication. Please try again.")
    } finally {
      setLoading(false)
    }
  }

return (
    <form onSubmit={handleSubmit} className="space-y-6">
      <div className="grid gap-4 md:grid-cols-2">
        <div className="space-y-2">
          <Label htmlFor="medicationName">Medication Name *</Label>
          <Input
            id="medicationName"
            value={medicationName}
            onChange={(e) => setMedicationName(e.target.value)}
            placeholder="e.g., Aspirin"
            required
          />
        </div>

<div className="space-y-2">
          <Label htmlFor="dosage">Dosage *</Label>
          <Input
            id="dosage"
            value={dosage}
            onChange={(e) => setDosage(e.target.value)}
            placeholder="e.g., 100mg"
            required
          />
        </div>

<div className="space-y-2">
          <Label htmlFor="frequency">Frequency *</Label>
          <Select value={frequency} onValueChange={setFrequency}>
            <SelectTrigger>
              <SelectValue />
            </SelectTrigger>
            <SelectContent>
              <SelectItem value="daily">Daily</SelectItem>
              <SelectItem value="twice-daily">Twice Daily</SelectItem>
              <SelectItem value="three-times-daily">Three Times Daily</SelectItem>
              <SelectItem value="weekly">Weekly</SelectItem>
              <SelectItem value="as-needed">As Needed</SelectItem>
            </SelectContent>
          </Select>
        </div>

<div className="space-y-2">
          <Label htmlFor="startDate">Start Date *</Label>
          <Input id="startDate" type="date" value={startDate} onChange={(e) => setStartDate(e.target.value)} required />
        </div>

<div className="space-y-2">
          <Label htmlFor="endDate">End Date (Optional)</Label>
          <Input id="endDate" type="date" value={endDate} onChange={(e) => setEndDate(e.target.value)} />
        </div>
      </div>

<div className="space-y-2">
        <Label htmlFor="instructions">Instructions</Label>
        <Textarea
          id="instructions"
          value={instructions}
          onChange={(e) => setInstructions(e.target.value)}
          placeholder="e.g., Take with food"
          rows={3}
        />
      </div>

<div className="space-y-4">
        <div className="flex items-center justify-between">
          <Label>Schedules *</Label>
          <Button type="button" variant="outline" size="sm" onClick={handleAddSchedule}>
            <Plus className="h-4 w-4 mr-2" />
            Add Time
          </Button>
        </div>

{schedules.map((schedule, index) => (
          <div key={index} className="border rounded-lg p-4 space-y-3">
            <div className="flex items-center justify-between">
              <Label>Time {index + 1}</Label>
              {schedules.length > 1 && (
                <Button type="button" variant="ghost" size="sm" onClick={() => handleRemoveSchedule(index)}>
                  <X className="h-4 w-4" />
                </Button>
              )}
            </div>

<Input
              type="time"
              value={schedule.time}
              onChange={(e) => handleScheduleTimeChange(index, e.target.value)}
              required
            />

<div>
              <Label className="text-sm mb-2 block">Days</Label>
              <div className="flex flex-wrap gap-2">
                {DAYS_OF_WEEK.map((day) => (
                  <label key={day.value} className="flex items-center gap-2 cursor-pointer">
                    <Checkbox
                      checked={schedule.days.includes(day.value)}
                      onCheckedChange={() => handleScheduleDayToggle(index, day.value)}
                    />
                    <span className="text-sm">{day.label.slice(0, 3)}</span>
                  </label>
                ))}
              </div>
            </div>
          </div>
        ))}
      </div>

<div className="flex gap-2 justify-end">
        <Button type="button" variant="outline" onClick={onCancel} disabled={loading}>
          Cancel
        </Button>
        <Button type="submit" disabled={loading}>
          {loading ? "Creating..." : "Create Medication"}
        </Button>
      </div>
    </form>
  )
}
[V0_FILE]typescript:file="components/medication-list.tsx" isMerged="true"
"use client"

import { useEffect, useState } from "react"
import { Badge } from "@/components/ui/badge"
import { Button } from "@/components/ui/button"
import { getSupabaseBrowserClient } from "@/lib/supabase/client"
import { Clock, Calendar, Pill } from "lucide-react"
import type { Medication, MedicationSchedule } from "@/lib/types"

interface MedicationListProps {
  patientId: string
  refreshKey: number
  onUpdate: () => void
}

interface MedicationWithSchedules extends Medication {
  medication_schedules: MedicationSchedule[]
}

const DAYS_MAP = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]

export function MedicationList({ patientId, refreshKey, onUpdate }: MedicationListProps) {
  const [medications, setMedications] = useState<MedicationWithSchedules[]>([])
  const [loading, setLoading] = useState(true)
  const supabase = getSupabaseBrowserClient()

useEffect(() => {
    const fetchMedications = async () => {
      try {
        const { data, error } = await supabase
          .from("medications")
          .select("*, medication_schedules(*)")
          .eq("patient_id", patientId)
          .order("created_at", { ascending: false })

if (error) throw error
        setMedications(data || [])
      } catch (error) {
        console.error("[v0] Error fetching medications:", error)
      } finally {
        setLoading(false)
      }
    }

fetchMedications()
  }, [patientId, refreshKey, supabase])

const handleToggleActive = async (medicationId: string, currentStatus: boolean) => {
    try {
      const { error } = await supabase.from("medications").update({ is_active: !currentStatus }).eq("id", medicationId)

if (error) throw error
      onUpdate()
    } catch (error) {
      console.error("[v0] Error updating medication:", error)
    }
  }

if (loading) {
    return <div className="text-center py-8 text-muted-foreground">Loading medications...</div>
  }

if (medications.length === 0) {
    return (
      <div className="text-center py-12 space-y-3">
        <div className="h-12 w-12 rounded-full bg-muted flex items-center justify-center mx-auto">
          <Pill className="h-6 w-6 text-muted-foreground" />
        </div>
        <p className="text-muted-foreground">No medications added yet</p>
      </div>
    )
  }

return (
    <div className="space-y-4">
      {medications.map((medication) => (
        <div key={medication.id} className="border rounded-lg p-4 space-y-3">
          <div className="flex items-start justify-between">
            <div className="space-y-1">
              <div className="flex items-center gap-2">
                <h3 className="font-semibold text-lg">{medication.medication_name}</h3>
                <Badge variant={medication.is_active ? "default" : "secondary"}>
                  {medication.is_active ? "Active" : "Inactive"}
                </Badge>
              </div>
              <p className="text-sm text-muted-foreground">
                {medication.dosage} • {medication.frequency}
              </p>
            </div>
            <Button variant="outline" size="sm" onClick={() => handleToggleActive(medication.id, medication.is_active)}>
              {medication.is_active ? "Deactivate" : "Activate"}
            </Button>
          </div>

{medication.instructions && <p className="text-sm text-muted-foreground">{medication.instructions}</p>}

<div className="flex items-center gap-4 text-sm text-muted-foreground">
            <div className="flex items-center gap-1">
              <Calendar className="h-4 w-4" />
              <span>
                {new Date(medication.start_date).toLocaleDateString()}
                {medication.end_date && ` - ${new Date(medication.end_date).toLocaleDateString()}`}
              </span>
            </div>
          </div>

{medication.medication_schedules && medication.medication_schedules.length > 0 && (
            <div className="space-y-2">
              <p className="text-sm font-medium">Schedules:</p>
              {medication.medication_schedules.map((schedule) => (
                <div key={schedule.id} className="flex items-center gap-2 text-sm">
                  <Clock className="h-4 w-4 text-muted-foreground" />
                  <span>{schedule.scheduled_time}</span>
                  <span className="text-muted-foreground">•</span>
                  <span className="text-muted-foreground">
                    {schedule.days_of_week.map((day) => DAYS_MAP[day]).join(", ")}
                  </span>
                </div>
              ))}
            </div>
          )}
        </div>
      ))}
    </div>
  )
}
[V0_FILE]typescript:file="app/patient/page.tsx" isEdit="true" isMerged="true"
import { redirect } from "next/navigation"
import { getSupabaseServerClient } from "@/lib/supabase/server"
import { ensureUserProfile } from "@/app/actions/auth"
import Link from "next/link"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Activity, MessageSquare, Bell, Calendar, Heart, Pill } from "lucide-react"

export default async function PatientDashboard() {
  const supabase = await getSupabaseServerClient()

const {
    data: { user },
  } = await supabase.auth.getUser()

if (!user) {
    redirect("/login")
  }

await ensureUserProfile(user.id)

// Get patient data
  const { data: userData } = await supabase.from("users").select("*").eq("id", user.id).maybeSingle()

const { data: patientData } = await supabase.from("patients").select("*").eq("id", user.id).maybeSingle()

// Get AI agent status
  const { data: agentData } = await supabase
    .from("ai_agents")
    .select("*")
    .eq("patient_id", user.id)
    .eq("is_active", true)
    .maybeSingle()

// Get recent messages count
  const { count: messageCount } = await supabase
    .from("messages")
    .select("*", { count: "only", head: true })
    .eq("patient_id", user.id)

return (
    <div className="min-h-screen bg-background">
      {/* Header */}
      <header className="border-b bg-card">
        <div className="container mx-auto px-4 py-4 flex items-center justify-between">
          <div className="flex items-center gap-2">
            <Activity className="h-6 w-6 text-primary" />
            <span className="font-semibold text-xl">CareAI</span>
          </div>
          <div className="flex items-center gap-4">
            <span className="text-sm text-muted-foreground">Welcome, {userData?.full_name}</span>
            <form action="/api/auth/signout" method="post">
              <Button variant="ghost" size="sm">
                Sign Out
              </Button>
            </form>
          </div>
        </div>
      </header>

{/* Main Content */}
      <main className="container mx-auto px-4 py-8">
        <div className="max-w-4xl mx-auto space-y-8">
          {/* Welcome Section */}
          <div className="space-y-2">
            <h1 className="text-3xl font-bold text-balance">Your Health Dashboard</h1>
            <p className="text-muted-foreground text-pretty">
              Access your AI care assistant, view health updates, and manage your care plan.
            </p>
          </div>

{/* Quick Actions */}
          <div className="grid gap-4 md:grid-cols-2">
            <Card className="hover:shadow-lg transition-shadow">
              <CardHeader>
                <div className="flex items-center gap-3">
                  <div className="p-2 bg-primary/10 rounded-lg">
                    <MessageSquare className="h-6 w-6 text-primary" />
                  </div>
                  <div>
                    <CardTitle>Chat with AI Assistant</CardTitle>
                    <CardDescription>Get personalized health guidance</CardDescription>
                  </div>
                </div>
              </CardHeader>
              <CardContent>
                <Link href="/patient/chat">
                  <Button className="w-full">{agentData ? "Continue Conversation" : "Start Chat"}</Button>
                </Link>
                {messageCount !== null && messageCount > 0 && (
                  <p className="text-sm text-muted-foreground mt-2 text-center">
                    {messageCount} message{messageCount !== 1 ? "s" : ""} in history
                  </p>
                )}
              </CardContent>
            </Card>

<Card className="hover:shadow-lg transition-shadow">
              <CardHeader>
                <div className="flex items-center gap-3">
                  <div className="p-2 bg-green-500/10 rounded-lg">
                    <Pill className="h-6 w-6 text-green-500" />
                  </div>
                  <div>
                    <CardTitle>Medications & Activities</CardTitle>
                    <CardDescription>Track your daily health tasks</CardDescription>
                  </div>
                </div>
              </CardHeader>
              <CardContent>
                <Link href="/patient/schedule">
                  <Button className="w-full bg-transparent" variant="outline">
                    View Schedule
                  </Button>
                </Link>
              </CardContent>
            </Card>
          </div>

{/* Information Cards */}
          <div className="grid gap-4 md:grid-cols-3">
            <Card>
              <CardHeader className="pb-3">
                <div className="flex items-center gap-2">
                  <Bell className="h-5 w-5 text-muted-foreground" />
                  <CardTitle className="text-base">Reminders</CardTitle>
                </div>
              </CardHeader>
              <CardContent>
                <p className="text-sm text-muted-foreground">
                  Receive browser notifications for medications and activities.
                </p>
              </CardContent>
            </Card>

<Card>
              <CardHeader className="pb-3">
                <div className="flex items-center gap-2">
                  <Calendar className="h-5 w-5 text-muted-foreground" />
                  <CardTitle className="text-base">Schedule</CardTitle>
                </div>
              </CardHeader>
              <CardContent>
                <p className="text-sm text-muted-foreground">
                  Stay on track with your medication and activity schedule.
                </p>
              </CardContent>
            </Card>

<Card>
              <CardHeader className="pb-3">
                <div className="flex items-center gap-2">
                  <Heart className="h-5 w-5 text-muted-foreground" />
                  <CardTitle className="text-base">Health Status</CardTitle>
                </div>
              </CardHeader>
              <CardContent>
                <div className="space-y-2">
                  <div className="flex items-center justify-between text-sm">
                    <span className="text-muted-foreground">AI Assistant:</span>
                    <span className={agentData?.is_active ? "text-green-600" : "text-muted-foreground"}>
                      {agentData?.is_active ? "Active" : "Not configured"}
                    </span>
                  </div>
                </div>
              </CardContent>
            </Card>
          </div>

{/* Getting Started */}
          {!agentData && (
            <Card className="border-primary/50 bg-primary/5">
              <CardHeader>
                <CardTitle>Getting Started</CardTitle>
                <CardDescription>Your physician will configure your AI care assistant soon.</CardDescription>
              </CardHeader>
              <CardContent className="space-y-2">
                <p className="text-sm">Once configured, you'll be able to:</p>
                <ul className="text-sm space-y-1 list-disc list-inside text-muted-foreground">
                  <li>Report symptoms and track your health</li>
                  <li>Receive medication reminders</li>
                  <li>Get personalized health education</li>
                  <li>Communicate concerns to your care team</li>
                </ul>
              </CardContent>
            </Card>
          )}
        </div>
      </main>
    </div>
  )
}
[V0_FILE]typescript:file="app/patient/schedule/page.tsx" isMerged="true"
"use client"

import { useEffect, useState } from "react"
import { useRouter } from "next/navigation"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Badge } from "@/components/ui/badge"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { getSupabaseBrowserClient } from "@/lib/supabase/client"
import { NotificationManager } from "@/components/notification-manager"
import { useNotifications } from "@/hooks/use-notifications"
import { ArrowLeft, Bell, BellOff, Pill, ActivityIcon, Check, X, Clock } from "lucide-react"
import Link from "next/link"
import type { Medication, MedicationSchedule, Activity } from "@/lib/types"

interface MedicationWithSchedules extends Medication {
  medication_schedules: MedicationSchedule[]
}

const DAYS_MAP = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]

export default function PatientSchedulePage() {
  const [user, setUser] = useState<any>(null)
  const [loading, setLoading] = useState(true)
  const [medications, setMedications] = useState<MedicationWithSchedules[]>([])
  const [activities, setActivities] = useState<Activity[]>([])
  const [notificationsEnabled, setNotificationsEnabled] = useState(false)
  const router = useRouter()
  const supabase = getSupabaseBrowserClient()
  const { isSupported, permission, requestPermission } = useNotifications()

useEffect(() => {
    const checkUser = async () => {
      const {
        data: { user: authUser },
      } = await supabase.auth.getUser()

if (!authUser) {
        router.push("/login")
        return
      }

const { data: userData } = await supabase.from("users").select("*").eq("id", authUser.id).single()

if (userData?.role !== "patient") {
        router.push("/login")
        return
      }

setUser(userData)
      setNotificationsEnabled(permission === "granted")
      await fetchSchedule(authUser.id)
      setLoading(false)
    }

checkUser()
  }, [router, supabase, permission])

const fetchSchedule = async (userId: string) => {
    try {
      // Fetch medications
      const { data: medData } = await supabase
        .from("medications")
        .select("*, medication_schedules(*)")
        .eq("patient_id", userId)
        .eq("is_active", true)
        .order("created_at", { ascending: false })

setMedications(medData || [])

// Fetch activities
      const { data: actData } = await supabase
        .from("activities")
        .select("*")
        .eq("patient_id", userId)
        .eq("is_active", true)
        .order("created_at", { ascending: false })

setActivities(actData || [])
    } catch (error) {
      console.error("[v0] Error fetching schedule:", error)
    }
  }

const handleToggleNotifications = async () => {
    if (permission === "granted") {
      setNotificationsEnabled(false)
    } else {
      const granted = await requestPermission()
      setNotificationsEnabled(granted)
    }
  }

const handleLogMedication = async (medicationId: string, status: "taken" | "skipped") => {
    try {
      const now = new Date()
      const { error } = await supabase.from("medication_logs").insert({
        medication_id: medicationId,
        patient_id: user.id,
        scheduled_for: now.toISOString(),
        taken_at: status === "taken" ? now.toISOString() : null,
        status,
      })

if (error) throw error
      alert(`Medication marked as ${status}`)
    } catch (error) {
      console.error("[v0] Error logging medication:", error)
      alert("Failed to log medication")
    }
  }

const handleLogActivity = async (activityId: string, status: "completed" | "skipped") => {
    try {
      const now = new Date()
      const { error } = await supabase.from("activity_logs").insert({
        activity_id: activityId,
        patient_id: user.id,
        scheduled_for: now.toISOString(),
        completed_at: status === "completed" ? now.toISOString() : null,
        status,
      })

if (error) throw error
      alert(`Activity marked as ${status}`)
    } catch (error) {
      console.error("[v0] Error logging activity:", error)
      alert("Failed to log activity")
    }
  }

return (
    <div className="min-h-screen bg-background">
      <NotificationManager enabled={notificationsEnabled} />

{/* Header */}
      <header className="border-b bg-card px-4 py-3">
        <div className="container mx-auto flex items-center justify-between">
          <div className="flex items-center gap-3">
            <Link href="/patient">
              <Button variant="ghost" size="icon">
                <ArrowLeft className="h-5 w-5" />
              </Button>
            </Link>
            <div>
              <h1 className="font-semibold">My Schedule</h1>
              <p className="text-xs text-muted-foreground">Medications & Activities</p>
            </div>
          </div>
          {isSupported && (
            <Button
              variant={notificationsEnabled ? "default" : "outline"}
              size="sm"
              onClick={handleToggleNotifications}
            >
              {notificationsEnabled ? <Bell className="h-4 w-4 mr-2" /> : <BellOff className="h-4 w-4 mr-2" />}
              {notificationsEnabled ? "Notifications On" : "Enable Notifications"}
            </Button>
          )}
        </div>
      </header>

{/* Main Content */}
      <main className="container mx-auto px-4 py-8">
        <Tabs defaultValue="medications" className="space-y-6">
          <TabsList className="grid w-full max-w-md mx-auto grid-cols-2">
            <TabsTrigger value="medications">
              <Pill className="h-4 w-4 mr-2" />
              Medications
            </TabsTrigger>
            <TabsTrigger value="activities">
              <ActivityIcon className="h-4 w-4 mr-2" />
              Activities
            </TabsTrigger>
          </TabsList>

<TabsContent value="medications" className="space-y-4">
            {medications.length === 0 ? (
              <Card>
                <CardContent className="py-12 text-center">
                  <div className="h-12 w-12 rounded-full bg-muted flex items-center justify-center mx-auto mb-4">
                    <Pill className="h-6 w-6 text-muted-foreground" />
                  </div>
                  <p className="text-muted-foreground">No medications scheduled</p>
                </CardContent>
              </Card>
            ) : (
              medications.map((medication) => (
                <Card key={medication.id}>
                  <CardHeader>
                    <div className="flex items-start justify-between">
                      <div>
                        <CardTitle>{medication.medication_name}</CardTitle>
                        <CardDescription>
                          {medication.dosage} • {medication.frequency}
                        </CardDescription>
                      </div>
                      <Badge>Active</Badge>
                    </div>
                  </CardHeader>
                  <CardContent className="space-y-4">
                    {medication.instructions && (
                      <p className="text-sm text-muted-foreground">{medication.instructions}</p>
                    )}

{medication.medication_schedules && medication.medication_schedules.length > 0 && (
                      <div className="space-y-2">
                        <p className="text-sm font-medium">Schedule:</p>
                        {medication.medication_schedules.map((schedule) => (
                          <div key={schedule.id} className="flex items-center gap-2 text-sm">
                            <Clock className="h-4 w-4 text-muted-foreground" />
                            <span>{schedule.scheduled_time}</span>
                            <span className="text-muted-foreground">•</span>
                            <span className="text-muted-foreground">
                              {schedule.days_of_week.map((day) => DAYS_MAP[day]).join(", ")}
                            </span>
                          </div>
                        ))}
                      </div>
                    )}

<div className="flex gap-2">
                      <Button size="sm" className="flex-1" onClick={() => handleLogMedication(medication.id, "taken")}>
                        <Check className="h-4 w-4 mr-2" />
                        Mark as Taken
                      </Button>
                      <Button
                        size="sm"
                        variant="outline"
                        className="flex-1 bg-transparent"
                        onClick={() => handleLogMedication(medication.id, "skipped")}
                      >
                        <X className="h-4 w-4 mr-2" />
                        Skip
                      </Button>
                    </div>
                  </CardContent>
                </Card>
              ))
            )}
          </TabsContent>

<TabsContent value="activities" className="space-y-4">
            {activities.length === 0 ? (
              <Card>
                <CardContent className="py-12 text-center">
                  <div className="h-12 w-12 rounded-full bg-muted flex items-center justify-center mx-auto mb-4">
                    <ActivityIcon className="h-6 w-6 text-muted-foreground" />
                  </div>
                  <p className="text-muted-foreground">No activities scheduled</p>
                </CardContent>
              </Card>
            ) : (
              activities.map((activity) => (
                <Card key={activity.id}>
                  <CardHeader>
                    <div className="flex items-start justify-between">
                      <div>
                        <CardTitle>{activity.title}</CardTitle>
                        <CardDescription>
                          {activity.activity_type} • {activity.frequency}
                        </CardDescription>
                      </div>
                      <Badge>Active</Badge>
                    </div>
                  </CardHeader>
                  <CardContent className="space-y-4">
                    {activity.description && <p className="text-sm text-muted-foreground">{activity.description}</p>}

<div className="flex items-center gap-2 text-sm">
                      <Clock className="h-4 w-4 text-muted-foreground" />
                      <span>{activity.scheduled_time}</span>
                      <span className="text-muted-foreground">•</span>
                      <span className="text-muted-foreground">
                        {activity.days_of_week.map((day) => DAYS_MAP[day]).join(", ")}
                      </span>
                    </div>

<div className="flex gap-2">
                      <Button size="sm" className="flex-1" onClick={() => handleLogActivity(activity.id, "completed")}>
                        <Check className="h-4 w-4 mr-2" />
                        Mark as Completed
                      </Button>
                      <Button
                        size="sm"
                        variant="outline"
                        className="flex-1 bg-transparent"
                        onClick={() => handleLogActivity(activity.id, "skipped")}
                      >
                        <X className="h-4 w-4 mr-2" />
                        Skip
                      </Button>
                    </div>
                  </CardContent>
                </Card>
              ))
            )}
          </TabsContent>
        </Tabs>
      </main>
    </div>
  )
}
[V0_FILE]typescript:file="components/activity-form.tsx" isMerged="true"
"use client"

import type React from "react"
import { useState } from "react"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Checkbox } from "@/components/ui/checkbox"
import { getSupabaseBrowserClient } from "@/lib/supabase/client"

interface ActivityFormProps {
  patientId: string
  physicianId: string
  onSuccess: () => void
  onCancel: () => void
}

export function ActivityForm({ patientId, physicianId, onSuccess, onCancel }: ActivityFormProps) {
  const [loading, setLoading] = useState(false)
  const [activityType, setActivityType] = useState<string>("exercise")
  const [title, setTitle] = useState("")
  const [description, setDescription] = useState("")
  const [scheduledTime, setScheduledTime] = useState("09:00")
  const [frequency, setFrequency] = useState("daily")
  const [daysOfWeek, setDaysOfWeek] = useState<number[]>([0, 1, 2, 3, 4, 5, 6])
  const [startDate, setStartDate] = useState("")
  const [endDate, setEndDate] = useState("")

const supabase = getSupabaseBrowserClient()

const handleDayToggle = (day: number) => {
    if (daysOfWeek.includes(day)) {
      setDaysOfWeek(daysOfWeek.filter((d) => d !== day))
    } else {
      setDaysOfWeek([...daysOfWeek, day].sort())
    }
  }

const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault()
    setLoading(true)

try {
      const { error } = await supabase.from("activities").insert({
        patient_id: patientId,
        created_by: physicianId,
        activity_type: activityType,
        title,
        description,
        scheduled_time: scheduledTime,
        frequency,
        days_of_week: daysOfWeek,
        start_date: startDate,
        end_date: endDate || null,
        is_active: true,
      })

if (error) throw error
      onSuccess()
    } catch (error) {
      console.error("[v0] Error creating activity:", error)
      alert("Failed to create activity. Please try again.")
    } finally {
      setLoading(false)
    }
  }

return (
    <form onSubmit={handleSubmit} className="space-y-6">
      <div className="grid gap-4 md:grid-cols-2">
        <div className="space-y-2">
          <Label htmlFor="activityType">Activity Type *</Label>
          <Select value={activityType} onValueChange={setActivityType}>
            <SelectTrigger>
              <SelectValue />
            </SelectTrigger>
            <SelectContent>
              <SelectItem value="exercise">Exercise</SelectItem>
              <SelectItem value="appointment">Appointment</SelectItem>
              <SelectItem value="measurement">Measurement</SelectItem>
              <SelectItem value="other">Other</SelectItem>
            </SelectContent>
          </Select>
        </div>

<div className="space-y-2">
          <Label htmlFor="title">Title *</Label>
          <Input
            id="title"
            value={title}
            onChange={(e) => setTitle(e.target.value)}
            placeholder="e.g., Morning Walk"
            required
          />
        </div>

<div className="space-y-2 md:col-span-2">
          <Label htmlFor="description">Description</Label>
          <Textarea
            id="description"
            value={description}
            onChange={(e) => setDescription(e.target.value)}
            placeholder="Additional details..."
            rows={3}
          />
        </div>

<div className="space-y-2">
          <Label htmlFor="scheduledTime">Time *</Label>
          <Input
            id="scheduledTime"
            type="time"
            value={scheduledTime}
            onChange={(e) => setScheduledTime(e.target.value)}
            required
          />
        </div>

<div className="space-y-2">
          <Label htmlFor="frequency">Frequency *</Label>
          <Select value={frequency} onValueChange={setFrequency}>
            <SelectTrigger>
              <SelectValue />
            </SelectTrigger>
            <SelectContent>
              <SelectItem value="daily">Daily</SelectItem>
              <SelectItem value="weekly">Weekly</SelectItem>
              <SelectItem value="custom">Custom</SelectItem>
            </SelectContent>
          </Select>
        </div>

<div className="space-y-2">
        <Label>Days of Week *</Label>
        <div className="flex flex-wrap gap-2">
          {DAYS_OF_WEEK.map((day) => (
            <label key={day.value} className="flex items-center gap-2 cursor-pointer">
              <Checkbox checked={daysOfWeek.includes(day.value)} onCheckedChange={() => handleDayToggle(day.value)} />
              <span className="text-sm">{day.label}</span>
            </label>
          ))}
        </div>
      </div>

<div className="flex gap-2 justify-end">
        <Button type="button" variant="outline" onClick={onCancel} disabled={loading}>
          Cancel
        </Button>
        <Button type="submit" disabled={loading}>
          {loading ? "Creating..." : "Create Activity"}
        </Button>
      </div>
    </form>
  )
}
[V0_FILE]typescript:file="components/activity-list.tsx" isMerged="true"
"use client"

import { useEffect, useState } from "react"
import { Badge } from "@/components/ui/badge"
import { Button } from "@/components/ui/button"
import { getSupabaseBrowserClient } from "@/lib/supabase/client"
import { Clock, Calendar, Activity } from "lucide-react"
import type { Activity as ActivityType } from "@/lib/types"

interface ActivityListProps {
  patientId: string
  refreshKey: number
  onUpdate: () => void
}

const DAYS_MAP = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]

export function ActivityList({ patientId, refreshKey, onUpdate }: ActivityListProps) {
  const [activities, setActivities] = useState<ActivityType[]>([])
  const [loading, setLoading] = useState(true)
  const supabase = getSupabaseBrowserClient()

useEffect(() => {
    const fetchActivities = async () => {
      try {
        const { data, error } = await supabase
          .from("activities")
          .select("*")
          .eq("patient_id", patientId)
          .order("created_at", { ascending: false })

if (error) throw error
        setActivities(data || [])
      } catch (error) {
        console.error("[v0] Error fetching activities:", error)
      } finally {
        setLoading(false)
      }
    }

fetchActivities()
  }, [patientId, refreshKey, supabase])

const handleToggleActive = async (activityId: string, currentStatus: boolean) => {
    try {
      const { error } = await supabase.from("activities").update({ is_active: !currentStatus }).eq("id", activityId)

if (error) throw error
      onUpdate()
    } catch (error) {
      console.error("[v0] Error updating activity:", error)
    }
  }

if (loading) {
    return <div className="text-center py-8 text-muted-foreground">Loading activities...</div>
  }

if (activities.length === 0) {
    return (
      <div className="text-center py-12 space-y-3">
        <div className="h-12 w-12 rounded-full bg-muted flex items-center justify-center mx-auto">
          <Activity className="h-6 w-6 text-muted-foreground" />
        </div>
        <p className="text-muted-foreground">No activities added yet</p>
      </div>
    )
  }

return (
    <div className="space-y-4">
      {activities.map((activity) => (
        <div key={activity.id} className="border rounded-lg p-4 space-y-3">
          <div className="flex items-start justify-between">
            <div className="space-y-1">
              <div className="flex items-center gap-2">
                <h3 className="font-semibold text-lg">{activity.title}</h3>
                <Badge variant={activity.is_active ? "default" : "secondary"}>
                  {activity.is_active ? "Active" : "Inactive"}
                </Badge>
                <Badge variant="outline">{activity.activity_type}</Badge>
              </div>
              <p className="text-sm text-muted-foreground">{activity.frequency}</p>
            </div>
            <Button variant="outline" size="sm" onClick={() => handleToggleActive(activity.id, activity.is_active)}>
              {activity.is_active ? "Deactivate" : "Activate"}
            </Button>
          </div>

{activity.description && <p className="text-sm text-muted-foreground">{activity.description}</p>}

<div className="flex items-center gap-4 text-sm text-muted-foreground">
            <div className="flex items-center gap-1">
              <Clock className="h-4 w-4" />
              <span>{activity.scheduled_time}</span>
            </div>
            <div className="flex items-center gap-1">
              <Calendar className="h-4 w-4" />
              <span>
                {new Date(activity.start_date).toLocaleDateString()}
                {activity.end_date && ` - ${new Date(activity.end_date).toLocaleDateString()}`}
              </span>
            </div>
          </div>

<div className="text-sm text-muted-foreground">
            Days: {activity.days_of_week.map((day) => DAYS_MAP[day]).join(", ")}
          </div>
        </div>
      ))}
    </div>
  )
}
[V0_FILE]typescript:file="app/actions/auth.ts" isEdit="true" isQuickEdit="true" isMerged="true"
"use server"

import { createClient } from "@supabase/supabase-js"
import type { UserRole } from "@/lib/types"

// Create a Supabase client with service role to bypass RLS
const supabaseAdmin = createClient(process.env.SUPABASE_URL!, process.env.SUPABASE_SERVICE_ROLE_KEY!, {
  auth: {
    autoRefreshToken: false,
    persistSession: false,
  },
})

export async function checkMigrationStatus() {
  try {
    // Try to query users table with organization_id column
    // If the column doesn't exist, the migration hasn't been run
    const { data, error } = await supabaseAdmin.from("users").select("id, organization_id").limit(1).maybeSingle()

// If we get a column not found error, migration hasn't been run
    if (
      error &&
      (error.code === "42703" || error.message?.includes("column") || error.message?.includes("organization_id"))
    ) {
      return { migrationComplete: false }
    }

// If we successfully queried (even with no results), migration is complete
    return { migrationComplete: true }
  } catch (error: any) {
    console.error("[v0] Error checking migration status:", error)
    // If there's any error checking, assume migration not complete to be safe
    return { migrationComplete: false }
  }
}

export async function createOrganization(data: {
  name: string
  slug: string
  description?: string
  adminEmail: string
  adminPassword: string
  adminFullName: string
}) {
  try {
    const migrationCheck = await checkMigrationStatus()
    if (!migrationCheck.migrationComplete) {
      return {
        success: false,
        error: "DATABASE_NOT_READY",
        message:
          "The organizations table doesn't exist yet. Please run the migration script: scripts/005_add_organizations.sql",
      }
    }

let existingOrg = null
    try {
      const result = await supabaseAdmin.from("organizations").select("id").eq("slug", data.slug).maybeSingle()

if (result.error) {
        throw result.error
      }
      existingOrg = result.data
    } catch (queryError: any) {
      // Check if error is due to table not existing
      if (
        queryError.code === "PGRST205" ||
        queryError.code === "42P01" ||
        queryError.message?.includes("Could not find the table") ||
        queryError.message?.includes("schema cache") ||
        queryError.message?.includes("404")
      ) {
        return {
          success: false,
          error: "DATABASE_NOT_READY",
          message:
            "The organizations table doesn't exist yet. Please run the migration script: scripts/005_add_organizations.sql",
        }
      }
      // Re-throw other errors
      throw queryError
    }

if (existingOrg) {
      return { success: false, error: "Organization slug is already taken" }
    }

const { data: authData, error: authError } = await supabaseAdmin.auth.admin.createUser({
      email: data.adminEmail,
      password: data.adminPassword,
      email_confirm: true, // Auto-confirm email for org admins
      user_metadata: {
        full_name: data.adminFullName,
        role: "org_admin",
        // organization_id will be set after we create the organization
      },
    })

if (authError) {
      throw new Error(`Failed to create admin user: ${authError.message}`)
    }

const orgInsertData: any = {
      name: data.name,
      slug: data.slug,
      description: data.description,
      is_active: true,
    }

// Check if created_by column exists by trying to insert with it
    // If it fails, we'll retry without it
    try {
      orgInsertData.created_by = authData.user.id
      const { data: orgData, error: orgError } = await supabaseAdmin
        .from("organizations")
        .insert(orgInsertData)
        .select()
        .single()

if (orgError) {
        // If error is about created_by column not existing, retry without it
        if (orgError.code === "42703" || orgError.message?.includes("created_by")) {
          delete orgInsertData.created_by
          const retryResult = await supabaseAdmin.from("organizations").insert(orgInsertData).select().single()

if (retryResult.error) {
            // Rollback: delete the auth user
            await supabaseAdmin.auth.admin.deleteUser(authData.user.id)
            throw new Error(`Failed to create organization: ${retryResult.error.message}`)
          }

// Use the retry result
          const finalOrgData = retryResult.data

await supabaseAdmin.auth.admin.updateUserById(authData.user.id, {
            user_metadata: {
              full_name: data.adminFullName,
              role: "org_admin",
              organization_id: finalOrgData.id,
            },
          })

// Create user profile
          const { error: userError } = await supabaseAdmin.from("users").insert({
            id: authData.user.id,
            email: data.adminEmail,
            full_name: data.adminFullName,
            role: "org_admin",
            organization_id: finalOrgData.id,
          })

if (userError) {
            // Rollback: delete auth user and organization
            await supabaseAdmin.auth.admin.deleteUser(authData.user.id)
            await supabaseAdmin.from("organizations").delete().eq("id", finalOrgData.id)
            throw new Error(`Failed to create user profile: ${userError.message}`)
          }

return { success: true, organization: finalOrgData }
        }

// Other error - rollback and throw
        await supabaseAdmin.auth.admin.deleteUser(authData.user.id)
        throw new Error(`Failed to create organization: ${orgError.message}`)
      }

// Success with created_by
      await supabaseAdmin.auth.admin.updateUserById(authData.user.id, {
        user_metadata: {
          full_name: data.adminFullName,
          role: "org_admin",
          organization_id: orgData.id,
        },
      })

// Create user profile
      const { error: userError } = await supabaseAdmin.from("users").insert({
        id: authData.user.id,
        email: data.adminEmail,
        full_name: data.adminFullName,
        role: "org_admin",
        organization_id: orgData.id,
      })

if (userError) {
        // Rollback: delete auth user and organization
        await supabaseAdmin.auth.admin.deleteUser(authData.user.id)
        await supabaseAdmin.from("organizations").delete().eq("id", orgData.id)
        throw new Error(`Failed to create user profile: ${userError.message}`)
      }

return { success: true, organization: orgData }
    } catch (insertError: any) {
      // Rollback: delete the auth user
      await supabaseAdmin.auth.admin.deleteUser(authData.user.id)
      throw insertError
    }
  } catch (error: any) {
    console.error("[v0] Error creating organization:", error)
    if (
      error.code === "PGRST205" ||
      error.code === "42P01" ||
      error.message?.includes("Could not find the table") ||
      error.message?.includes("schema cache") ||
      error.message?.includes("404")
    ) {
      return {
        success: false,
        error: "DATABASE_NOT_READY",
        message:
          "The organizations table doesn't exist yet. Please run the migration script: scripts/005_add_organizations.sql",
      }
    }
    return { success: false, error: error.message }
  }
}

export async function ensureUserProfile(userId: string) {
  try {
    console.log("[v0] Ensuring user profile for:", userId)

const { data: existingUser, error: checkError } = await supabaseAdmin
      .from("users")
      .select("*")
      .eq("id", userId)
      .maybeSingle()

if (existingUser) {
      console.log("[v0] User profile already exists")
      return { success: true, user: existingUser }
    }

console.log("[v0] User profile doesn't exist, creating new profile")

const { data: authUser, error: authError } = await supabaseAdmin.auth.admin.getUserById(userId)

if (authError || !authUser) {
      throw new Error("Failed to get user data from auth")
    }

const fullName = authUser.user.user_metadata?.full_name || ""
    const role = (authUser.user.user_metadata?.role as UserRole) || "patient"
    const email = authUser.user.email || ""
    const organizationId = authUser.user.user_metadata?.organization_id

console.log("[v0] Creating user profile with role:", role, "organization_id:", organizationId)

const migrationCheck = await checkMigrationStatus()

const userInsertData: any = {
      id: userId,
      email,
      full_name: fullName,
      role,
      status: role === "org_admin" ? "approved" : "pending",
    }

if (migrationCheck.migrationComplete && organizationId) {
      userInsertData.organization_id = organizationId
    }

const { data: userData, error: userError } = await supabaseAdmin
      .from("users")
      .insert(userInsertData)
      .select()
      .single()

if (userError) {
      console.error("[v0] Error creating user profile:", userError)
      throw new Error(`Failed to create user profile: ${userError.message}`)
    }

console.log("[v0] User profile created successfully")

try {
      if (role === "physician") {
        const physicianData: any = { id: userId }
        if (migrationCheck.migrationComplete && organizationId) {
          physicianData.organization_id = organizationId
        }

const { error: physicianError } = await supabaseAdmin.from("physicians").insert(physicianData)

if (physicianError) {
          console.error("[v0] Error creating physician profile:", physicianError)
        }
      } else if (role === "patient") {
        const patientData: any = { id: userId }
        if (migrationCheck.migrationComplete && organizationId) {
          patientData.organization_id = organizationId
        }

const { error: patientError } = await supabaseAdmin.from("patients").insert(patientData)

if (patientError) {
          console.error("[v0] Error creating patient profile:", patientError)
        }
      }
    } catch (roleError: any) {
      console.error("[v0] Error creating role-specific profile:", roleError)
    }

return { success: true, user: userData }
  } catch (error: any) {
    console.error("[v0] Error in ensureUserProfile:", error)
    return { success: false, error: error.message }
  }
}

export async function createUserProfile(
  userId: string,
  email: string,
  fullName: string,
  role: UserRole,
  organizationId?: string,
) {
  try {
    // Insert into users table
    const { data: userData, error: userError } = await supabaseAdmin
      .from("users")
      .insert({
        id: userId,
        email,
        full_name: fullName,
        role,
        organization_id: organizationId,
      })
      .select()
      .single()

if (userError) {
      throw new Error(`Failed to create user profile: ${userError.message}`)
    }

// Insert into role-specific table
    if (role === "physician") {
      const { error: physicianError } = await supabaseAdmin.from("physicians").insert({
        id: userId,
        organization_id: organizationId,
      })

if (physicianError) {
        throw new Error(`Failed to create physician profile: ${physicianError.message}`)
      }
    } else if (role === "patient") {
      const { error: patientError } = await supabaseAdmin.from("patients").insert({
        id: userId,
        organization_id: organizationId,
      })

if (patientError) {
        throw new Error(`Failed to create patient profile: ${patientError.message}`)
      }
    }

return { success: true }
  } catch (error: any) {
    return { success: false, error: error.message }
  }
}

export async function getOrganizationBySlug(slug: string) {
  try {
    const { data, error } = await supabaseAdmin
      .from("organizations")
      .select("*")
      .eq("slug", slug)
      .eq("is_active", true)
      .single()

if (error) {
      return { success: false, error: "Organization not found" }
    }

return { success: true, organization: data }
  } catch (error: any) {
    return { success: false, error: error.message }
  }
}

export async function approveUser(userId: string, approvedBy: string) {
  try {
    const { data, error } = await supabaseAdmin
      .from("users")
      .update({
        status: "approved",
        approved_by: approvedBy,
        approved_at: new Date().toISOString(),
      })
      .eq("id", userId)
      .select()
      .single()

if (error) {
      throw new Error(`Failed to approve user: ${error.message}`)
    }

return { success: true, user: data }
  } catch (error: any) {
    console.error("[v0] Error approving user:", error)
    return { success: false, error: error.message }
  }
}

export async function rejectUser(userId: string, rejectedBy: string, reason?: string) {
  try {
    const { data, error } = await supabaseAdmin
      .from("users")
      .update({
        status: "rejected",
        approved_by: rejectedBy,
        approved_at: new Date().toISOString(),
        rejection_reason: reason,
      })
      .eq("id", userId)
      .select()
      .single()

if (error) {
      throw new Error(`Failed to reject user: ${error.message}`)
    }

return { success: true, user: data }
  } catch (error: any) {
    console.error("[v0] Error rejecting user:", error)
    return { success: false, error: error.message }
  }
}
[V0_FILE]sql:file="scripts/008_add_user_approval_system.sql" isMerged="true"
-- Add user approval system
-- This allows organization admins to approve/reject users before they can access the system

-- Add status column to users table
ALTER TABLE users ADD COLUMN IF NOT EXISTS status TEXT DEFAULT 'pending' CHECK (status IN ('pending', 'approved', 'rejected'));

-- Update existing users to approved status
UPDATE users SET status = 'approved' WHERE status IS NULL OR status = 'pending';

-- Add approved_by and approved_at columns for audit trail
ALTER TABLE users ADD COLUMN IF NOT EXISTS approved_by UUID REFERENCES users(id);
ALTER TABLE users ADD COLUMN IF NOT EXISTS approved_at TIMESTAMPTZ;
ALTER TABLE users ADD COLUMN IF NOT EXISTS rejection_reason TEXT;

-- Create index for faster queries
CREATE INDEX IF NOT EXISTS idx_users_status ON users(status);
CREATE INDEX IF NOT EXISTS idx_users_organization_status ON users(organization_id, status);

-- Update RLS policies to only allow approved users to access data
-- Drop existing policies
DROP POLICY IF EXISTS "Users can view their own data" ON users;
DROP POLICY IF EXISTS "Users can update their own data" ON users;

-- Recreate with status check
CREATE POLICY "Users can view their own data" ON users
  FOR SELECT
  USING (auth.uid() = id OR status = 'approved');

CREATE POLICY "Users can update their own data" ON users
  FOR UPDATE
  USING (auth.uid() = id AND status = 'approved');

-- Allow org admins to view all users in their organization
CREATE POLICY "Org admins can view all users in their organization" ON users
  FOR SELECT
  USING (
    EXISTS (
      SELECT 1 FROM users u
      WHERE u.id = auth.uid()
      AND u.role = 'org_admin'
      AND u.organization_id = users.organization_id
      AND u.status = 'approved'
    )
  );

-- Allow org admins to update user status
CREATE POLICY "Org admins can update user status" ON users
  FOR UPDATE
  USING (
    EXISTS (
      SELECT 1 FROM users u
      WHERE u.id = auth.uid()
      AND u.role = 'org_admin'
      AND u.organization_id = users.organization_id
      AND u.status = 'approved'
    )
  );
[V0_FILE]typescript:file="app/api/users/[id]/approve/route.ts" isMerged="true"
import { type NextRequest, NextResponse } from "next/server"
import { getSupabaseServerClient } from "@/lib/supabase/server"
import { approveUser } from "@/app/actions/auth"

export async function POST(request: NextRequest, { params }: { params: { id: string } }) {
  try {
    const supabase = await getSupabaseServerClient()

const {
      data: { user },
    } = await supabase.auth.getUser()

if (!user) {
      return NextResponse.redirect(new URL("/login", request.url))
    }

// Verify user is org admin
    const { data: userData } = await supabase.from("users").select("role, organization_id").eq("id", user.id).single()

if (userData?.role !== "org_admin") {
      return NextResponse.json({ error: "Unauthorized" }, { status: 403 })
    }

// Approve the user
    const result = await approveUser(params.id, user.id)

if (!result.success) {
      return NextResponse.json({ error: result.error }, { status: 400 })
    }

return NextResponse.redirect(new URL("/organization/dashboard", request.url))
  } catch (error: any) {
    console.error("[v0] Error approving user:", error)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}
[V0_FILE]typescript:file="app/api/users/[id]/reject/route.ts" isMerged="true"
import { type NextRequest, NextResponse } from "next/server"
import { getSupabaseServerClient } from "@/lib/supabase/server"
import { rejectUser } from "@/app/actions/auth"

export async function POST(request: NextRequest, { params }: { params: { id: string } }) {
  try {
    const supabase = await getSupabaseServerClient()

const {
      data: { user },
    } = await supabase.auth.getUser()

if (!user) {
      return NextResponse.redirect(new URL("/login", request.url))
    }

// Verify user is org admin
    const { data: userData } = await supabase.from("users").select("role, organization_id").eq("id", user.id).single()

if (userData?.role !== "org_admin") {
      return NextResponse.json({ error: "Unauthorized" }, { status: 403 })
    }

// Reject the user
    const result = await rejectUser(params.id, user.id, "Rejected by administrator")

if (!result.success) {
      return NextResponse.json({ error: result.error }, { status: 400 })
    }

return NextResponse.redirect(new URL("/organization/dashboard", request.url))
  } catch (error: any) {
    console.error("[v0] Error rejecting user:", error)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}
[V0_FILE]typescript:file="app/rejected/page.tsx" isMerged="true"
import { redirect } from "next/navigation"
import { getSupabaseServerClient } from "@/lib/supabase/server"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { XCircle, Building2 } from "lucide-react"

export default async function RejectedPage() {
  const supabase = await getSupabaseServerClient()

const {
    data: { user },
  } = await supabase.auth.getUser()

if (!user) {
    redirect("/login")
  }

const { data: userData } = await supabase.from("users").select("*, organizations(*)").eq("id", user.id).single()

// If user is approved, redirect to their dashboard
  if (userData?.status === "approved") {
    if (userData.role === "physician") {
      redirect("/physician/dashboard")
    } else if (userData.role === "patient") {
      redirect("/patient")
    } else if (userData.role === "org_admin") {
      redirect("/organization/dashboard")
    }
  }

// If user is pending, redirect to pending page
  if (userData?.status === "pending") {
    redirect("/pending")
  }

return (
    <div className="min-h-screen flex items-center justify-center bg-gradient-to-b from-background to-muted/20 p-4">
      <Card className="w-full max-w-md border-destructive">
        <CardHeader className="text-center space-y-4">
          <div className="mx-auto h-16 w-16 rounded-full bg-destructive/10 flex items-center justify-center">
            <XCircle className="h-8 w-8 text-destructive" />
          </div>
          <div>
            <CardTitle className="text-2xl">Account Not Approved</CardTitle>
            <CardDescription className="mt-2">
              Your account request was not approved by the administrator
            </CardDescription>
          </div>
        </CardHeader>
        <CardContent className="space-y-4">
          <div className="p-4 bg-muted rounded-lg space-y-2">
            <div className="flex items-center gap-2 text-sm">
              <Building2 className="h-4 w-4 text-muted-foreground" />
              <span className="text-muted-foreground">Organization:</span>
              <span className="font-medium">{userData?.organizations?.name || "Unknown"}</span>
            </div>
            <div className="flex items-center gap-2 text-sm">
              <span className="text-muted-foreground">Role:</span>
              <span className="font-medium capitalize">{userData?.role}</span>
            </div>
            {userData?.rejection_reason && (
              <div className="pt-2 border-t">
                <p className="text-sm text-muted-foreground">Reason:</p>
                <p className="text-sm">{userData.rejection_reason}</p>
              </div>
            )}
          </div>

<div className="space-y-2 text-sm text-muted-foreground">
            <p>
              Unfortunately, your account request was not approved. This could be due to various reasons such as
              incorrect organization code, insufficient verification, or organizational policies.
            </p>
            <p>If you believe this is an error, please contact your organization administrator directly.</p>
          </div>

<div className="pt-4">
            <form action="/api/auth/signout" method="post" className="w-full">
              <Button variant="outline" className="w-full bg-transparent" type="submit">
                Sign Out
              </Button>
            </form>
          </div>
        </CardContent>
      </Card>
    </div>
  )
}
[V0_FILE]typescript:file="app/organization/dashboard/ai-agents/page.tsx" isMerged="true"
import { redirect } from "next/navigation"
import { getSupabaseServerClient } from "@/lib/supabase/server"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Button } from "@/components/ui/button"
import Link from "next/link"
import { Brain, Users, Activity, ArrowLeft, Plus } from "lucide-react"

export default async function OrganizationAIAgentsPage() {
  const supabase = await getSupabaseServerClient()

const {
    data: { user },
  } = await supabase.auth.getUser()

if (!user) {
    redirect("/login")
  }

const { data: userData } = await supabase.from("users").select("*, organizations(*)").eq("id", user.id).single()

if (userData?.role !== "org_admin") {
    redirect("/login")
  }

const organization = userData.organizations

// Get all AI agents in the organization
  const { data: aiAgents } = await supabase
    .from("ai_agents")
    .select(
      `
      *,
      patients:patient_id(id, full_name, email),
      physicians:physician_id(id, full_name, email)
    `,
    )
    .eq("organization_id", organization.id)
    .order("created_at", { ascending: false })

const activeAgents = aiAgents?.filter((agent) => agent.is_active) || []
  const totalAgents = aiAgents?.length || 0

return (
    <div className="min-h-screen bg-background">
      {/* Header */}
      <header className="border-b bg-card">
        <div className="container mx-auto px-4 py-4">
          <div className="flex items-center gap-4">
            <Link href="/organization/dashboard">
              <Button variant="ghost" size="icon">
                <ArrowLeft className="h-5 w-5" />
              </Button>
            </Link>
            <div className="flex items-center gap-3">
              <Brain className="h-6 w-6 text-primary" />
              <div>
                <h1 className="font-semibold text-xl">AI Agent Management</h1>
                <p className="text-xs text-muted-foreground">{organization.name}</p>
              </div>
            </div>
          </div>
        </div>
      </header>

<main className="container mx-auto px-4 py-8 space-y-8">
        {/* Statistics */}
        <div className="grid gap-4 md:grid-cols-3">
          <Card>
            <CardHeader className="flex flex-row items-center justify-between pb-2">
              <CardTitle className="text-sm font-medium text-muted-foreground">Total AI Agents</CardTitle>
              <Brain className="h-4 w-4 text-muted-foreground" />
            </CardHeader>
            <CardContent>
              <div className="text-2xl font-bold">{totalAgents}</div>
              <p className="text-xs text-muted-foreground mt-1">Across all patients</p>
            </CardContent>
          </Card>

<Card>
            <CardHeader className="flex flex-row items-center justify-between pb-2">
              <CardTitle className="text-sm font-medium text-muted-foreground">Active Agents</CardTitle>
              <Activity className="h-4 w-4 text-muted-foreground" />
            </CardHeader>
            <CardContent>
              <div className="text-2xl font-bold">{activeAgents.length}</div>
              <p className="text-xs text-muted-foreground mt-1">Currently monitoring patients</p>
            </CardContent>
          </Card>

<Card>
            <CardHeader className="flex flex-row items-center justify-between pb-2">
              <CardTitle className="text-sm font-medium text-muted-foreground">Coverage</CardTitle>
              <Users className="h-4 w-4 text-muted-foreground" />
            </CardHeader>
            <CardContent>
              <div className="text-2xl font-bold">
                {totalAgents > 0 ? Math.round((activeAgents.length / totalAgents) * 100) : 0}%
              </div>
              <p className="text-xs text-muted-foreground mt-1">Active agent coverage</p>
            </CardContent>
          </Card>
        </div>

{/* AI Agents List */}
        <Card>
          <CardHeader>
            <div className="flex items-center justify-between">
              <CardTitle>All AI Agents</CardTitle>
              <Link href="/organization/dashboard/ai-agents/templates">
                <Button>
                  <Plus className="h-4 w-4 mr-2" />
                  Manage Templates
                </Button>
              </Link>
            </div>
          </CardHeader>
          <CardContent>
            {aiAgents && aiAgents.length > 0 ? (
              <div className="space-y-3">
                {aiAgents.map((agent: any) => (
                  <div key={agent.id} className="p-4 rounded-lg border space-y-3">
                    <div className="flex items-start justify-between">
                      <div className="space-y-1">
                        <div className="flex items-center gap-2">
                          <p className="font-medium">{agent.patients?.full_name || "Unknown Patient"}</p>
                          <Badge variant={agent.is_active ? "default" : "secondary"}>
                            {agent.is_active ? "Active" : "Inactive"}
                          </Badge>
                        </div>
                        <p className="text-sm text-muted-foreground">{agent.patients?.email}</p>
                      </div>
                      <div className="text-right text-sm text-muted-foreground">
                        <p>Managed by</p>
                        <p className="font-medium text-foreground">{agent.physicians?.full_name}</p>
                      </div>
                    </div>

{agent.symptom_keywords && agent.symptom_keywords.length > 0 && (
                      <div className="flex flex-wrap gap-1">
                        <span className="text-xs text-muted-foreground">Monitoring:</span>
                        {agent.symptom_keywords.slice(0, 5).map((keyword: string) => (
                          <Badge key={keyword} variant="outline" className="text-xs">
                            {keyword}
                          </Badge>
                        ))}
                        {agent.symptom_keywords.length > 5 && (
                          <Badge variant="outline" className="text-xs">
                            +{agent.symptom_keywords.length - 5} more
                          </Badge>
                        )}
                      </div>
                    )}

<div className="text-xs text-muted-foreground">
                      Created {new Date(agent.created_at).toLocaleDateString()}
                    </div>
                  </div>
                ))}
              </div>
            ) : (
              <div className="text-center py-12 text-muted-foreground">
                <Brain className="h-12 w-12 mx-auto mb-4 opacity-50" />
                <p className="text-lg font-medium">No AI Agents Yet</p>
                <p className="text-sm mt-2">Physicians will create AI agents when they configure patient care plans</p>
              </div>
            )}
          </CardContent>
        </Card>
      </main>
    </div>
  )
}
[V0_FILE]sql:file="scripts/009_add_medical_protocols.sql" isMerged="true"
-- Add medical protocols table for organization-level care templates

CREATE TABLE IF NOT EXISTS medical_protocols (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  organization_id UUID NOT NULL REFERENCES organizations(id) ON DELETE CASCADE,
  created_by UUID NOT NULL REFERENCES users(id),
  name TEXT NOT NULL,
  description TEXT,
  condition_type TEXT NOT NULL,
  protocol_content JSONB NOT NULL DEFAULT '{}',
  is_active BOOLEAN DEFAULT true,
  created_at TIMESTAMPTZ DEFAULT NOW(),
  updated_at TIMESTAMPTZ DEFAULT NOW()
);

-- Create indexes
CREATE INDEX IF NOT EXISTS idx_medical_protocols_org ON medical_protocols(organization_id);
CREATE INDEX IF NOT EXISTS idx_medical_protocols_condition ON medical_protocols(condition_type);
CREATE INDEX IF NOT EXISTS idx_medical_protocols_active ON medical_protocols(is_active);

-- Add RLS policies
ALTER TABLE medical_protocols ENABLE ROW LEVEL SECURITY;

-- Org admins can view all protocols in their organization
CREATE POLICY "Org admins can view protocols" ON medical_protocols
  FOR SELECT
  USING (
    EXISTS (
      SELECT 1 FROM users
      WHERE users.id = auth.uid()
      AND users.role = 'org_admin'
      AND users.organization_id = medical_protocols.organization_id
      AND users.status = 'approved'
    )
  );

-- Org admins can create protocols
CREATE POLICY "Org admins can create protocols" ON medical_protocols
  FOR INSERT
  WITH CHECK (
    EXISTS (
      SELECT 1 FROM users
      WHERE users.id = auth.uid()
      AND users.role = 'org_admin'
      AND users.organization_id = medical_protocols.organization_id
      AND users.status = 'approved'
    )
  );

-- Org admins can update protocols
CREATE POLICY "Org admins can update protocols" ON medical_protocols
  FOR UPDATE
  USING (
    EXISTS (
      SELECT 1 FROM users
      WHERE users.id = auth.uid()
      AND users.role = 'org_admin'
      AND users.organization_id = medical_protocols.organization_id
      AND users.status = 'approved'
    )
  );

-- Org admins can delete protocols
CREATE POLICY "Org admins can delete protocols" ON medical_protocols
  FOR DELETE
  USING (
    EXISTS (
      SELECT 1 FROM users
      WHERE users.id = auth.uid()
      AND users.role = 'org_admin'
      AND users.organization_id = medical_protocols.organization_id
      AND users.status = 'approved'
    )
  );

-- Physicians can view active protocols in their organization
CREATE POLICY "Physicians can view active protocols" ON medical_protocols
  FOR SELECT
  USING (
    is_active = true AND
    EXISTS (
      SELECT 1 FROM users
      WHERE users.id = auth.uid()
      AND users.role = 'physician'
      AND users.organization_id = medical_protocols.organization_id
      AND users.status = 'approved'
    )
  );
[V0_FILE]typescript:file="lib/types.ts" isEdit="true" isQuickEdit="true" isMerged="true"
export type UserRole = "physician" | "patient" | "admin" | "org_admin"

export type AlertSeverity = "critical" | "high" | "medium" | "low"

export type AlertStatus = "pending" | "acknowledged" | "resolved"

export type UserStatus = "pending" | "approved" | "rejected"

export interface User {
  id: string
  email: string
  full_name: string
  role: UserRole
  organization_id?: string
  status?: UserStatus
  approved_by?: string
  approved_at?: string
  rejection_reason?: string
  created_at: string
  updated_at: string
}

export interface Physician extends User {
  specialty?: string
  license_number?: string
  phone?: string
  organization_id?: string
}

export interface Patient extends User {
  date_of_birth?: string
  phone?: string
  emergency_contact?: string
  medical_conditions?: string[]
  organization_id?: string
}

export interface AIAgent {
  id: string
  patient_id: string
  physician_id: string
  organization_id?: string
  custom_instructions: string
  symptom_keywords?: string[]
  medication_schedule?: Record<string, any>
  is_active: boolean
  created_at: string
  updated_at: string
}

export interface Message {
  id: string
  patient_id: string
  organization_id?: string
  role: "user" | "assistant"
  content: string
  metadata?: Record<string, any>
  created_at: string
}

export interface Alert {
  id: string
  patient_id: string
  physician_id: string
  organization_id?: string
  severity: AlertSeverity
  status: AlertStatus
  title: string
  description: string
  message_id?: string
  acknowledged_at?: string
  resolved_at?: string
  notes?: string
  created_at: string
}

export interface Organization {
  id: string
  name: string
  slug: string
  description?: string
  logo_url?: string
  settings?: Record<string, any>
  is_active: boolean
  created_at: string
  updated_at: string
}

export interface MedicalProtocol {
  id: string
  organization_id: string
  created_by: string
  name: string
  description?: string
  condition_type: string
  protocol_content: {
    overview?: string
    monitoring_guidelines?: string[]
    medication_guidelines?: string[]
    alert_criteria?: string[]
    patient_education?: string[]
    follow_up_schedule?: string
  }
  is_active: boolean
  created_at: string
  updated_at: string
}

export interface Medication {
  id: string
  patient_id: string
  organization_id?: string
  created_by: string
  medication_name: string
  dosage: string
  frequency: string
  start_date: string
  end_date?: string
  instructions?: string
  is_active: boolean
  created_at: string
  updated_at: string
}

export interface MedicationSchedule {
  id: string
  medication_id: string
  scheduled_time: string
  days_of_week: number[]
  is_active: boolean
  created_at: string
}

export interface MedicationLog {
  id: string
  medication_id: string
  patient_id: string
  scheduled_for: string
  taken_at?: string
  status: MedicationStatus
  notes?: string
  created_at: string
}

export interface Activity {
  id: string
  patient_id: string
  organization_id?: string
  created_by: string
  activity_type: ActivityType
  title: string
  description?: string
  scheduled_time: string
  frequency: string
  days_of_week: number[]
  start_date: string
  end_date?: string
  is_active: boolean
  created_at: string
  updated_at: string
}

export interface ActivityLog {
  id: string
  activity_id: string
  patient_id: string
  scheduled_for: string
  completed_at?: string
  status: ActivityStatus
  notes?: string
  created_at: string
}
[V0_FILE]typescript:file="app/organization/dashboard/protocols/page.tsx" isMerged="true"
import { redirect } from "next/navigation"
import { getSupabaseServerClient } from "@/lib/supabase/server"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Button } from "@/components/ui/button"
import Link from "next/link"
import { Activity, FileText, ArrowLeft, Plus } from "lucide-react"

export default async function MedicalProtocolsPage() {
  const supabase = await getSupabaseServerClient()

const {
    data: { user },
  } = await supabase.auth.getUser()

if (!user) {
    redirect("/login")
  }

const { data: userData } = await supabase.from("users").select("*, organizations(*)").eq("id", user.id).single()

if (userData?.role !== "org_admin") {
    redirect("/login")
  }

const organization = userData.organizations

// Check if medical_protocols table exists
  let protocolsSupported = false
  let protocols: any[] = []

try {
    const { data, error } = await supabase
      .from("medical_protocols")
      .select("*, creator:created_by(full_name)")
      .eq("organization_id", organization.id)
      .order("created_at", { ascending: false })

if (!error) {
      protocolsSupported = true
      protocols = data || []
    }
  } catch (error) {
    console.log("[v0] Medical protocols table not yet created")
  }

const activeProtocols = protocols.filter((p) => p.is_active)

return (
    <div className="min-h-screen bg-background">
      {/* Header */}
      <header className="border-b bg-card">
        <div className="container mx-auto px-4 py-4">
          <div className="flex items-center gap-4">
            <Link href="/organization/dashboard">
              <Button variant="ghost" size="icon">
                <ArrowLeft className="h-5 w-5" />
              </Button>
            </Link>
            <div className="flex items-center gap-3">
              <Activity className="h-6 w-6 text-primary" />
              <div>
                <h1 className="font-semibold text-xl">Medical Protocols</h1>
                <p className="text-xs text-muted-foreground">{organization.name}</p>
              </div>
            </div>
          </div>
        </div>
      </header>

<main className="container mx-auto px-4 py-8 space-y-8">
        {!protocolsSupported && (
          <Card className="border-orange-500/50 bg-orange-500/5">
            <CardContent className="pt-6">
              <div className="flex items-start gap-3">
                <FileText className="h-5 w-5 text-orange-500 mt-0.5" />
                <div className="space-y-2">
                  <p className="font-medium">Medical Protocols Not Available</p>
                  <p className="text-sm text-muted-foreground">
                    The medical protocols feature requires a database migration. Please run the migration script:
                  </p>
                  <code className="block bg-background px-3 py-2 rounded text-xs font-mono">
                    scripts/009_add_medical_protocols.sql
                  </code>
                </div>
              </div>
            </CardContent>
          </Card>
        )}

{protocolsSupported && (
          <>
            {/* Statistics */}
            <div className="grid gap-4 md:grid-cols-3">
              <Card>
                <CardHeader className="flex flex-row items-center justify-between pb-2">
                  <CardTitle className="text-sm font-medium text-muted-foreground">Total Protocols</CardTitle>
                  <FileText className="h-4 w-4 text-muted-foreground" />
                </CardHeader>
                <CardContent>
                  <div className="text-2xl font-bold">{protocols.length}</div>
                  <p className="text-xs text-muted-foreground mt-1">Care templates</p>
                </CardContent>
              </Card>

<Card>
                <CardHeader className="flex flex-row items-center justify-between pb-2">
                  <CardTitle className="text-sm font-medium text-muted-foreground">Active Protocols</CardTitle>
                  <Activity className="h-4 w-4 text-muted-foreground" />
                </CardHeader>
                <CardContent>
                  <div className="text-2xl font-bold">{activeProtocols.length}</div>
                  <p className="text-xs text-muted-foreground mt-1">Available to physicians</p>
                </CardContent>
              </Card>

<Card>
                <CardHeader className="flex flex-row items-center justify-between pb-2">
                  <CardTitle className="text-sm font-medium text-muted-foreground">Condition Types</CardTitle>
                  <FileText className="h-4 w-4 text-muted-foreground" />
                </CardHeader>
                <CardContent>
                  <div className="text-2xl font-bold">{new Set(protocols.map((p) => p.condition_type)).size}</div>
                  <p className="text-xs text-muted-foreground mt-1">Unique conditions</p>
                </CardContent>
              </Card>
            </div>

{/* Protocols List */}
            <Card>
              <CardHeader>
                <div className="flex items-center justify-between">
                  <CardTitle>All Protocols</CardTitle>
                  <Link href="/organization/dashboard/protocols/new">
                    <Button>
                      <Plus className="h-4 w-4 mr-2" />
                      Create Protocol
                    </Button>
                  </Link>
                </div>
              </CardHeader>
              <CardContent>
                {protocols.length > 0 ? (
                  <div className="space-y-3">
                    {protocols.map((protocol) => (
                      <div key={protocol.id} className="p-4 rounded-lg border space-y-3">
                        <div className="flex items-start justify-between">
                          <div className="space-y-1">
                            <div className="flex items-center gap-2">
                              <p className="font-medium">{protocol.name}</p>
                              <Badge variant={protocol.is_active ? "default" : "secondary"}>
                                {protocol.is_active ? "Active" : "Inactive"}
                              </Badge>
                              <Badge variant="outline">{protocol.condition_type}</Badge>
                            </div>
                            {protocol.description && (
                              <p className="text-sm text-muted-foreground">{protocol.description}</p>
                            )}
                          </div>
                          <Link href={`/organization/dashboard/protocols/${protocol.id}`}>
                            <Button variant="outline" size="sm">
                              View
                            </Button>
                          </Link>
                        </div>

<div className="flex items-center justify-between text-xs text-muted-foreground">
                          <span>Created by {protocol.creator?.full_name || "Unknown"}</span>
                          <span>{new Date(protocol.created_at).toLocaleDateString()}</span>
                        </div>
                      </div>
                    ))}
                  </div>
                ) : (
                  <div className="text-center py-12 text-muted-foreground">
                    <FileText className="h-12 w-12 mx-auto mb-4 opacity-50" />
                    <p className="text-lg font-medium">No Medical Protocols Yet</p>
                    <p className="text-sm mt-2">Create standardized care protocols for your organization</p>
                    <Link href="/organization/dashboard/protocols/new">
                      <Button className="mt-4">
                        <Plus className="h-4 w-4 mr-2" />
                        Create First Protocol
                      </Button>
                    </Link>
                  </div>
                )}
              </CardContent>
            </Card>
          </>
        )}
      </main>
    </div>
  )
}
[V0_FILE]typescript:file="app/organization/dashboard/protocols/new/page.tsx" isMerged="true"
"use client"

import type React from "react"

import { useState } from "react"
import { useRouter } from "next/navigation"
import Link from "next/link"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { getSupabaseBrowserClient } from "@/lib/supabase/client"
import { ArrowLeft, Save } from "lucide-react"

export default function NewProtocolPage() {
  const [name, setName] = useState("")
  const [description, setDescription] = useState("")
  const [conditionType, setConditionType] = useState("")
  const [overview, setOverview] = useState("")
  const [monitoringGuidelines, setMonitoringGuidelines] = useState("")
  const [medicationGuidelines, setMedicationGuidelines] = useState("")
  const [alertCriteria, setAlertCriteria] = useState("")
  const [patientEducation, setPatientEducation] = useState("")
  const [followUpSchedule, setFollowUpSchedule] = useState("")
  const [loading, setLoading] = useState(false)
  const [error, setError] = useState("")

const router = useRouter()
  const supabase = getSupabaseBrowserClient()

const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault()
    setLoading(true)
    setError("")

try {
      const {
        data: { user },
      } = await supabase.auth.getUser()

if (!user) {
        throw new Error("Not authenticated")
      }

const { data: userData } = await supabase.from("users").select("organization_id").eq("id", user.id).single()

if (!userData?.organization_id) {
        throw new Error("User not associated with an organization")
      }

const protocolContent = {
        overview,
        monitoring_guidelines: monitoringGuidelines.split("\n").filter((line) => line.trim()),
        medication_guidelines: medicationGuidelines.split("\n").filter((line) => line.trim()),
        alert_criteria: alertCriteria.split("\n").filter((line) => line.trim()),
        patient_education: patientEducation.split("\n").filter((line) => line.trim()),
        follow_up_schedule: followUpSchedule,
      }

const { error: insertError } = await supabase.from("medical_protocols").insert({
        organization_id: userData.organization_id,
        created_by: user.id,
        name,
        description,
        condition_type: conditionType,
        protocol_content: protocolContent,
        is_active: true,
      })

if (insertError) {
        throw insertError
      }

router.push("/organization/dashboard/protocols")
    } catch (err: any) {
      console.error("[v0] Error creating protocol:", err)
      setError(err.message || "Failed to create protocol")
    } finally {
      setLoading(false)
    }
  }

return (
    <div className="min-h-screen bg-background">
      {/* Header */}
      <header className="border-b bg-card">
        <div className="container mx-auto px-4 py-4">
          <div className="flex items-center gap-4">
            <Link href="/organization/dashboard/protocols">
              <Button variant="ghost" size="icon">
                <ArrowLeft className="h-5 w-5" />
              </Button>
            </Link>
            <div>
              <h1 className="font-semibold text-xl">Create Medical Protocol</h1>
              <p className="text-xs text-muted-foreground">Define a standardized care protocol</p>
            </div>
          </div>
        </div>
      </header>

<main className="container mx-auto px-4 py-8">
        <form onSubmit={handleSubmit} className="max-w-3xl mx-auto space-y-6">
          {/* Basic Information */}
          <Card>
            <CardHeader>
              <CardTitle>Basic Information</CardTitle>
              <CardDescription>General details about this medical protocol</CardDescription>
            </CardHeader>
            <CardContent className="space-y-4">
              <div className="space-y-2">
                <Label htmlFor="name">Protocol Name *</Label>
                <Input
                  id="name"
                  value={name}
                  onChange={(e) => setName(e.target.value)}
                  placeholder="e.g., Type 2 Diabetes Management Protocol"
                  required
                />
              </div>

<div className="space-y-2">
                <Label htmlFor="conditionType">Condition Type *</Label>
                <Select value={conditionType} onValueChange={setConditionType} required>
                  <SelectTrigger id="conditionType">
                    <SelectValue placeholder="Select condition type" />
                  </SelectTrigger>
                  <SelectContent>
                    <SelectItem value="diabetes">Diabetes</SelectItem>
                    <SelectItem value="hypertension">Hypertension</SelectItem>
                    <SelectItem value="post_surgical">Post-Surgical Care</SelectItem>
                    <SelectItem value="chronic_pain">Chronic Pain</SelectItem>
                    <SelectItem value="mental_health">Mental Health</SelectItem>
                    <SelectItem value="cardiac">Cardiac Care</SelectItem>
                    <SelectItem value="respiratory">Respiratory</SelectItem>
                    <SelectItem value="other">Other</SelectItem>
                  </SelectContent>
                </Select>
              </div>

<div className="space-y-2">
                <Label htmlFor="description">Description</Label>
                <Textarea
                  id="description"
                  value={description}
                  onChange={(e) => setDescription(e.target.value)}
                  placeholder="Brief description of this protocol"
                  rows={3}
                />
              </div>
            </CardContent>
          </Card>

{/* Protocol Content */}
          <Card>
            <CardHeader>
              <CardTitle>Protocol Content</CardTitle>
              <CardDescription>Detailed guidelines and procedures</CardDescription>
            </CardHeader>
            <CardContent className="space-y-4">
              <div className="space-y-2">
                <Label htmlFor="overview">Overview</Label>
                <Textarea
                  id="overview"
                  value={overview}
                  onChange={(e) => setOverview(e.target.value)}
                  placeholder="General overview of the condition and care approach"
                  rows={4}
                />
              </div>

<div className="space-y-2">
                <Label htmlFor="monitoring">Monitoring Guidelines</Label>
                <Textarea
                  id="monitoring"
                  value={monitoringGuidelines}
                  onChange={(e) => setMonitoringGuidelines(e.target.value)}
                  placeholder="Enter each guideline on a new line
- Check blood pressure daily
- Monitor weight weekly
- Track symptoms"
                  rows={5}
                />
                <p className="text-xs text-muted-foreground">Enter each guideline on a new line</p>
              </div>

<div className="space-y-2">
                <Label htmlFor="medication">Medication Guidelines</Label>
                <Textarea
                  id="medication"
                  value={medicationGuidelines}
                  onChange={(e) => setMedicationGuidelines(e.target.value)}
                  placeholder="Enter each guideline on a new line
- Metformin 500mg twice daily
- Take with meals
- Monitor for side effects"
                  rows={5}
                />
                <p className="text-xs text-muted-foreground">Enter each guideline on a new line</p>
              </div>

<div className="space-y-2">
                <Label htmlFor="alerts">Alert Criteria</Label>
                <Textarea
                  id="alerts"
                  value={alertCriteria}
                  onChange={(e) => setAlertCriteria(e.target.value)}
                  placeholder="Enter each criterion on a new line
- Blood pressure > 140/90
- Severe chest pain
- Difficulty breathing"
                  rows={5}
                />
                <p className="text-xs text-muted-foreground">
                  Conditions that should trigger physician alerts (one per line)
                </p>
              </div>

<div className="space-y-2">
                <Label htmlFor="education">Patient Education</Label>
                <Textarea
                  id="education"
                  value={patientEducation}
                  onChange={(e) => setPatientEducation(e.target.value)}
                  placeholder="Enter each education point on a new line
- Maintain healthy diet
- Exercise regularly
- Avoid smoking"
                  rows={5}
                />
                <p className="text-xs text-muted-foreground">Key education points for patients (one per line)</p>
              </div>

<div className="space-y-2">
                <Label htmlFor="followUp">Follow-up Schedule</Label>
                <Textarea
                  id="followUp"
                  value={followUpSchedule}
                  onChange={(e) => setFollowUpSchedule(e.target.value)}
                  placeholder="e.g., Weekly check-ins for first month, then monthly visits"
                  rows={3}
                />
              </div>
            </CardContent>
          </Card>

{error && <div className="p-4 bg-destructive/10 text-destructive rounded-lg text-sm">{error}</div>}

{/* Actions */}
          <div className="flex justify-end gap-2">
            <Link href="/organization/dashboard/protocols">
              <Button type="button" variant="outline">
                Cancel
              </Button>
            </Link>
            <Button type="submit" disabled={loading || !name || !conditionType}>
              <Save className="h-4 w-4 mr-2" />
              {loading ? "Creating..." : "Create Protocol"}
            </Button>
          </div>
        </form>
      </main>
    </div>
  )
}
[V0_FILE]typescript:file="middleware.ts" isEdit="true" isMerged="true"
import { createServerClient } from "@supabase/ssr"
import { NextResponse, type NextRequest } from "next/server"

export async function middleware(request: NextRequest) {
  let supabaseResponse = NextResponse.next({
    request,
  })

const supabase = createServerClient(
    process.env.NEXT_PUBLIC_SUPABASE_URL!,
    process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
    {
      cookies: {
        getAll() {
          return request.cookies.getAll()
        },
        setAll(cookiesToSet) {
          cookiesToSet.forEach(({ name, value, options }) => request.cookies.set(name, value))
          supabaseResponse = NextResponse.next({
            request,
          })
          cookiesToSet.forEach(({ name, value, options }) => supabaseResponse.cookies.set(name, value, options))
        },
      },
    },
  )

const {
    data: { user },
  } = await supabase.auth.getUser()

if (
    user &&
    (request.nextUrl.pathname.startsWith("/physician") ||
      request.nextUrl.pathname.startsWith("/patient") ||
      request.nextUrl.pathname.startsWith("/organization"))
  ) {
    try {
      const { data: userData, error } = await supabase.from("users").select("status, role").eq("id", user.id).single()

// Check if the error is due to missing status column
      if (error && (error.code === "42703" || error.message?.includes("column users.status does not exist"))) {
        // Status column doesn't exist, assume user is approved (backward compatibility)
        console.log("[v0] Status column not found, assuming user is approved")
      } else if (userData) {
        // If user is pending approval, redirect to pending page
        if (userData.status === "pending" && !request.nextUrl.pathname.startsWith("/pending")) {
          return NextResponse.redirect(new URL("/pending", request.url))
        }

// If user is rejected, redirect to rejected page
        if (userData.status === "rejected" && !request.nextUrl.pathname.startsWith("/rejected")) {
          return NextResponse.redirect(new URL("/rejected", request.url))
        }
      }
    } catch (error: any) {
      // If there's any error checking status, log it but don't block access
      console.log("[v0] Error checking user status:", error.message)
    }
  }

if (
    request.nextUrl.pathname.startsWith("/organization") &&
    !request.nextUrl.pathname.startsWith("/organization/register") &&
    !user
  ) {
    return NextResponse.redirect(new URL("/login", request.url))
  }

// Protect physician routes
  if (request.nextUrl.pathname.startsWith("/physician") && !user) {
    return NextResponse.redirect(new URL("/login", request.url))
  }

// Protect patient routes
  if (request.nextUrl.pathname.startsWith("/patient") && !user) {
    return NextResponse.redirect(new URL("/login", request.url))
  }

return supabaseResponse
}

export const config = {
  matcher: ["/((?!_next/static|_next/image|favicon.ico|.*\\.(?:svg|png|jpg|jpeg|gif|webp)$).*)"],
}
[V0_FILE]sql:file="scripts/010_fix_rls_infinite_recursion.sql" isMerged="true"
-- Fix infinite recursion in RLS policies
-- The issue was that policies were querying the users table from within users table policies

-- Drop the problematic policies
DROP POLICY IF EXISTS "Users can view their own data" ON users;
DROP POLICY IF EXISTS "Users can update their own data" ON users;
DROP POLICY IF EXISTS "Org admins can view all users in their organization" ON users;
DROP POLICY IF EXISTS "Org admins can update user status" ON users;

-- Create simpler policies that don't cause recursion
-- Users can always view their own data (needed for auth to work)
CREATE POLICY "Users can view their own data" ON users
  FOR SELECT
  USING (auth.uid() = id);

-- Users can update their own data (but not status, role, or organization_id)
CREATE POLICY "Users can update their own profile" ON users
  FOR UPDATE
  USING (auth.uid() = id)
  WITH CHECK (
    auth.uid() = id 
    AND (OLD.status = NEW.status OR NEW.status IS NULL)
    AND (OLD.role = NEW.role OR NEW.role IS NULL)
    AND (OLD.organization_id = NEW.organization_id OR NEW.organization_id IS NULL)
  );

-- Create a security definer function to check if user is org admin
-- This breaks the recursion by using a function with elevated privileges
CREATE OR REPLACE FUNCTION is_org_admin(check_org_id UUID)
RETURNS BOOLEAN
LANGUAGE plpgsql
SECURITY DEFINER
SET search_path = public
AS $$
BEGIN
  RETURN EXISTS (
    SELECT 1 FROM users
    WHERE id = auth.uid()
    AND role = 'org_admin'
    AND organization_id = check_org_id
    AND status = 'approved'
  );
END;
$$;

-- Org admins can view all users in their organization
CREATE POLICY "Org admins can view organization users" ON users
  FOR SELECT
  USING (is_org_admin(organization_id));

-- Org admins can update users in their organization
CREATE POLICY "Org admins can update organization users" ON users
  FOR UPDATE
  USING (is_org_admin(organization_id))
  WITH CHECK (is_org_admin(organization_id));

-- Allow insert for new user registration (will be pending by default)
CREATE POLICY "Allow user registration" ON users
  FOR INSERT
  WITH CHECK (auth.uid() = id);
[V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
import Link from "next/link"
import { Button } from "@/components/ui/button"
import { Activity, Shield, Brain, Bell, Building2 } from "lucide-react"

export default function HomePage() {
  return (
    <div className="min-h-screen bg-gradient-to-b from-background to-muted/20">
      {/* Header */}
      <header className="border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
        <div className="container mx-auto px-4 py-4 flex items-center justify-between">
          <div className="flex items-center gap-2">
            <Activity className="h-6 w-6 text-primary" />
            <span className="font-semibold text-xl">CareAI</span>
          </div>
          <div className="flex items-center gap-4">
            <Link href="/login">
              <Button variant="ghost">Sign In</Button>
            </Link>
            <Link href="/organization/register">
              <Button variant="outline" className="gap-2 bg-transparent">
                <Building2 className="h-4 w-4" />
                Create Organization
              </Button>
            </Link>
            <Link href="/register">
              <Button>Get Started</Button>
            </Link>
          </div>
        </div>
      </header>

{/* Hero Section */}
      <section className="container mx-auto px-4 py-20 text-center">
        <div className="max-w-3xl mx-auto space-y-6">
          <h1 className="text-5xl font-bold tracking-tight text-balance">
            AI-Powered Patient Care
            <span className="block text-primary mt-2">Beyond the Clinic</span>
          </h1>
          <p className="text-xl text-muted-foreground text-pretty leading-relaxed">
            Empower healthcare providers to extend care through intelligent, personalized AI agents that monitor patient
            wellbeing, facilitate communication, and enable proactive intervention.
          </p>
          <div className="flex items-center justify-center gap-4 pt-4">
            <Link href="/organization/register">
              <Button size="lg" className="text-lg gap-2">
                <Building2 className="h-5 w-5" />
                Create Organization
              </Button>
            </Link>
            <Link href="/register">
              <Button size="lg" variant="outline" className="text-lg bg-transparent">
                Join as Physician/Patient
              </Button>
            </Link>
          </div>
        </div>
      </section>

{/* Features Section */}
      <section className="container mx-auto px-4 py-20">
        <div className="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
          <div className="space-y-3 p-6 rounded-lg border bg-card">
            <div className="h-12 w-12 rounded-lg bg-primary/10 flex items-center justify-center">
              <Brain className="h-6 w-6 text-primary" />
            </div>
            <h3 className="font-semibold text-lg">Personalized AI Agents</h3>
            <p className="text-sm text-muted-foreground leading-relaxed">
              Physicians configure custom AI agents tailored to each patient's unique health needs and conditions.
            </p>
          </div>

<div className="space-y-3 p-6 rounded-lg border bg-card">
            <div className="h-12 w-12 rounded-lg bg-primary/10 flex items-center justify-center">
              <Activity className="h-6 w-6 text-primary" />
            </div>
            <h3 className="font-semibold text-lg">Continuous Monitoring</h3>
            <p className="text-sm text-muted-foreground leading-relaxed">
              24/7 symptom tracking, medication reminders, and health check-ins keep patients engaged in their care.
            </p>
          </div>

<div className="space-y-3 p-6 rounded-lg border bg-card">
            <div className="h-12 w-12 rounded-lg bg-primary/10 flex items-center justify-center">
              <Bell className="h-6 w-6 text-primary" />
            </div>
            <h3 className="font-semibold text-lg">Smart Alerts</h3>
            <p className="text-sm text-muted-foreground leading-relaxed">
              Real-time notifications to physicians when concerning symptoms or patterns are detected.
            </p>
          </div>

<div className="space-y-3 p-6 rounded-lg border bg-card">
            <div className="h-12 w-12 rounded-lg bg-primary/10 flex items-center justify-center">
              <Shield className="h-6 w-6 text-primary" />
            </div>
            <h3 className="font-semibold text-lg">Secure & Compliant</h3>
            <p className="text-sm text-muted-foreground leading-relaxed">
              Enterprise-grade security with organization-level controls and user approval workflows.
            </p>
          </div>
        </div>
      </section>

{/* Footer */}
      <footer className="border-t mt-20">
        <div className="container mx-auto px-4 py-8 text-center text-sm text-muted-foreground">
          <p>© 2025 CareAI. All rights reserved.</p>
        </div>
      </footer>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/pending/page.tsx" isEdit="true"
import { redirect } from "next/navigation"
import { getSupabaseServerClient } from "@/lib/supabase/server"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Clock, Building2 } from "lucide-react"

export default async function PendingPage() {
  const supabase = await getSupabaseServerClient()

const {
    data: { user },
  } = await supabase.auth.getUser()

if (!user) {
    redirect("/login")
  }

const { data: userData } = await supabase.from("users").select("*, organizations(*)").eq("id", user.id).single()

// If user is rejected, redirect to rejected page
  if (userData?.status === "rejected") {
    redirect("/rejected")
  }

return (
    <div className="min-h-screen flex items-center justify-center bg-gradient-to-b from-background to-muted/20 p-4">
      <Card className="w-full max-w-md">
        <CardHeader className="text-center space-y-4">
          <div className="mx-auto h-16 w-16 rounded-full bg-orange-500/10 flex items-center justify-center">
            <Clock className="h-8 w-8 text-orange-500" />
          </div>
          <div>
            <CardTitle className="text-2xl">Account Pending Approval</CardTitle>
            <CardDescription className="mt-2">Your account is waiting for administrator approval</CardDescription>
          </div>
        </CardHeader>
        <CardContent className="space-y-4">
          <div className="p-4 bg-muted rounded-lg space-y-2">
            <div className="flex items-center gap-2 text-sm">
              <Building2 className="h-4 w-4 text-muted-foreground" />
              <span className="text-muted-foreground">Organization:</span>
              <span className="font-medium">{userData?.organizations?.name || "Unknown"}</span>
            </div>
            <div className="flex items-center gap-2 text-sm">
              <span className="text-muted-foreground">Role:</span>
              <span className="font-medium capitalize">{userData?.role}</span>
            </div>
            <div className="flex items-center gap-2 text-sm">
              <span className="text-muted-foreground">Email:</span>
              <span className="font-medium">{userData?.email}</span>
            </div>
          </div>

<div className="space-y-2 text-sm text-muted-foreground">
            <p>
              Your registration has been submitted successfully. An organization administrator will review your request
              and approve your account.
            </p>
            <p>
              You will receive an email notification once your account has been approved. This usually takes 1-2
              business days.
            </p>
          </div>

<div className="pt-4 space-y-2">
            <form action="/api/auth/signout" method="post" className="w-full">
              <Button variant="outline" className="w-full bg-transparent" type="submit">
                Sign Out
              </Button>
            </form>
            <form className="w-full">
              <Button variant="ghost" className="w-full" type="submit">
                Check Status
              </Button>
            </form>
          </div>
        </CardContent>
      </Card>
    </div>
  )
}</article></body></html>