Add haptic feedback, rich task completion, and Google Sign-In preparation

- Add platform haptic feedback abstraction (HapticFeedback.kt) with
  implementations for Android, iOS, JVM, JS, and WASM
- Enhance CompleteTaskDialog with interactive 5-star rating, image
  thumbnails, and haptic feedback
- Add ImageBitmap platform abstraction for displaying selected images
- Localize TaskTemplatesBrowserSheet with string resources
- Add Android widgets infrastructure (small, medium, large sizes)
- Add Google Sign-In button components and auth flow preparation
- Update strings.xml with new localization keys for completions,
  templates, and document features
- Integrate haptic feedback into ThemePickerDialog

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

composeApp/src/androidMain/AndroidManifest.xml

@@ -100,6 +100,54 @@
                 <action android:name="com.example.casera.ACTION_UNCANCEL_TASK" />
             </intent-filter>
         </receiver>
+
+        <!-- Widget Task Complete Receiver -->
+        <receiver
+            android:name=".widget.WidgetTaskActionReceiver"
+            android:exported="false">
+            <intent-filter>
+                <action android:name="com.example.casera.COMPLETE_TASK" />
+            </intent-filter>
+        </receiver>
+
+        <!-- Small Widget Receiver (2x1) -->
+        <receiver
+            android:name=".widget.CaseraSmallWidgetReceiver"
+            android:exported="true"
+            android:label="@string/widget_small_name">
+            <intent-filter>
+                <action android:name="android.appwidget.action.APPWIDGET_UPDATE" />
+            </intent-filter>
+            <meta-data
+                android:name="android.appwidget.provider"
+                android:resource="@xml/casera_small_widget_info" />
+        </receiver>
+
+        <!-- Medium Widget Receiver (4x2) -->
+        <receiver
+            android:name=".widget.CaseraMediumWidgetReceiver"
+            android:exported="true"
+            android:label="@string/widget_medium_name">
+            <intent-filter>
+                <action android:name="android.appwidget.action.APPWIDGET_UPDATE" />
+            </intent-filter>
+            <meta-data
+                android:name="android.appwidget.provider"
+                android:resource="@xml/casera_medium_widget_info" />
+        </receiver>
+
+        <!-- Large Widget Receiver (4x4) -->
+        <receiver
+            android:name=".widget.CaseraLargeWidgetReceiver"
+            android:exported="true"
+            android:label="@string/widget_large_name">
+            <intent-filter>
+                <action android:name="android.appwidget.action.APPWIDGET_UPDATE" />
+            </intent-filter>
+            <meta-data
+                android:name="android.appwidget.provider"
+                android:resource="@xml/casera_large_widget_info" />
+        </receiver>
     </application>
 
 </manifest>

composeApp/src/androidMain/kotlin/com/example/casera/auth/GoogleSignInManager.kt

@@ -0,0 +1,92 @@
+package com.example.casera.auth
+
+import android.content.Context
+import androidx.credentials.CredentialManager
+import androidx.credentials.CustomCredential
+import androidx.credentials.GetCredentialRequest
+import androidx.credentials.GetCredentialResponse
+import androidx.credentials.exceptions.GetCredentialException
+import com.example.casera.network.ApiConfig
+import com.google.android.libraries.identity.googleid.GetGoogleIdOption
+import com.google.android.libraries.identity.googleid.GoogleIdTokenCredential
+
+/**
+ * Result of a Google Sign In attempt
+ */
+sealed class GoogleSignInResult {
+    data class Success(val idToken: String) : GoogleSignInResult()
+    data class Error(val message: String, val exception: Exception? = null) : GoogleSignInResult()
+    object Cancelled : GoogleSignInResult()
+}
+
+/**
+ * Manager for Google Sign In using Android Credential Manager
+ */
+class GoogleSignInManager(private val context: Context) {
+
+    private val credentialManager = CredentialManager.create(context)
+
+    /**
+     * Initiates Google Sign In flow and returns the ID token
+     */
+    suspend fun signIn(): GoogleSignInResult {
+        return try {
+            val googleIdOption = GetGoogleIdOption.Builder()
+                .setFilterByAuthorizedAccounts(false)
+                .setServerClientId(ApiConfig.GOOGLE_WEB_CLIENT_ID)
+                .setAutoSelectEnabled(true)
+                .build()
+
+            val request = GetCredentialRequest.Builder()
+                .addCredentialOption(googleIdOption)
+                .build()
+
+            val result = credentialManager.getCredential(
+                request = request,
+                context = context
+            )
+
+            handleSignInResult(result)
+        } catch (e: GetCredentialException) {
+            when {
+                e.message?.contains("cancelled", ignoreCase = true) == true ||
+                e.message?.contains("user cancelled", ignoreCase = true) == true -> {
+                    GoogleSignInResult.Cancelled
+                }
+                else -> {
+                    GoogleSignInResult.Error("Sign in failed: ${e.message}", e)
+                }
+            }
+        } catch (e: Exception) {
+            GoogleSignInResult.Error("Unexpected error during sign in: ${e.message}", e)
+        }
+    }
+
+    private fun handleSignInResult(result: GetCredentialResponse): GoogleSignInResult {
+        val credential = result.credential
+
+        return when (credential) {
+            is CustomCredential -> {
+                if (credential.type == GoogleIdTokenCredential.TYPE_GOOGLE_ID_TOKEN_CREDENTIAL) {
+                    try {
+                        val googleIdTokenCredential = GoogleIdTokenCredential.createFrom(credential.data)
+                        val idToken = googleIdTokenCredential.idToken
+
+                        if (idToken.isNotEmpty()) {
+                            GoogleSignInResult.Success(idToken)
+                        } else {
+                            GoogleSignInResult.Error("Empty ID token received")
+                        }
+                    } catch (e: Exception) {
+                        GoogleSignInResult.Error("Failed to parse Google credential: ${e.message}", e)
+                    }
+                } else {
+                    GoogleSignInResult.Error("Unexpected credential type: ${credential.type}")
+                }
+            }
+            else -> {
+                GoogleSignInResult.Error("Unexpected credential type")
+            }
+        }
+    }
+}

composeApp/src/androidMain/kotlin/com/example/casera/platform/HapticFeedback.android.kt

@@ -0,0 +1,105 @@
+package com.example.casera.platform
+
+import android.content.Context
+import android.os.Build
+import android.os.VibrationEffect
+import android.os.Vibrator
+import android.os.VibratorManager
+import android.view.HapticFeedbackConstants
+import android.view.View
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.platform.LocalView
+
+/**
+ * Android implementation of haptic feedback using system vibrator.
+ */
+class AndroidHapticFeedbackPerformer(
+    private val view: View,
+    private val vibrator: Vibrator?
+) : HapticFeedbackPerformer {
+
+    override fun perform(type: HapticFeedbackType) {
+        // First try View-based haptic feedback (works best)
+        val hapticConstant = when (type) {
+            HapticFeedbackType.Light -> HapticFeedbackConstants.KEYBOARD_TAP
+            HapticFeedbackType.Medium -> HapticFeedbackConstants.CONTEXT_CLICK
+            HapticFeedbackType.Heavy -> HapticFeedbackConstants.LONG_PRESS
+            HapticFeedbackType.Selection -> HapticFeedbackConstants.CLOCK_TICK
+            HapticFeedbackType.Success -> if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
+                HapticFeedbackConstants.CONFIRM
+            } else {
+                HapticFeedbackConstants.CONTEXT_CLICK
+            }
+            HapticFeedbackType.Warning -> if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
+                HapticFeedbackConstants.REJECT
+            } else {
+                HapticFeedbackConstants.LONG_PRESS
+            }
+            HapticFeedbackType.Error -> if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
+                HapticFeedbackConstants.REJECT
+            } else {
+                HapticFeedbackConstants.LONG_PRESS
+            }
+        }
+
+        val success = view.performHapticFeedback(hapticConstant)
+
+        // Fallback to vibrator if view-based feedback fails
+        if (!success && vibrator?.hasVibrator() == true) {
+            performVibration(type)
+        }
+    }
+
+    private fun performVibration(type: HapticFeedbackType) {
+        vibrator ?: return
+
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+            val effect = when (type) {
+                HapticFeedbackType.Light -> VibrationEffect.createOneShot(10, VibrationEffect.DEFAULT_AMPLITUDE)
+                HapticFeedbackType.Medium -> VibrationEffect.createOneShot(20, VibrationEffect.DEFAULT_AMPLITUDE)
+                HapticFeedbackType.Heavy -> VibrationEffect.createOneShot(50, VibrationEffect.DEFAULT_AMPLITUDE)
+                HapticFeedbackType.Selection -> VibrationEffect.createOneShot(5, VibrationEffect.DEFAULT_AMPLITUDE)
+                HapticFeedbackType.Success -> if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
+                    VibrationEffect.createPredefined(VibrationEffect.EFFECT_TICK)
+                } else {
+                    VibrationEffect.createOneShot(30, VibrationEffect.DEFAULT_AMPLITUDE)
+                }
+                HapticFeedbackType.Warning -> VibrationEffect.createOneShot(40, VibrationEffect.DEFAULT_AMPLITUDE)
+                HapticFeedbackType.Error -> VibrationEffect.createOneShot(60, VibrationEffect.DEFAULT_AMPLITUDE)
+            }
+            vibrator.vibrate(effect)
+        } else {
+            @Suppress("DEPRECATION")
+            val duration = when (type) {
+                HapticFeedbackType.Light -> 10L
+                HapticFeedbackType.Medium -> 20L
+                HapticFeedbackType.Heavy -> 50L
+                HapticFeedbackType.Selection -> 5L
+                HapticFeedbackType.Success -> 30L
+                HapticFeedbackType.Warning -> 40L
+                HapticFeedbackType.Error -> 60L
+            }
+            @Suppress("DEPRECATION")
+            vibrator.vibrate(duration)
+        }
+    }
+}
+
+@Composable
+actual fun rememberHapticFeedback(): HapticFeedbackPerformer {
+    val context = LocalContext.current
+    val view = LocalView.current
+
+    return remember {
+        val vibrator = if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
+            val vibratorManager = context.getSystemService(Context.VIBRATOR_MANAGER_SERVICE) as? VibratorManager
+            vibratorManager?.defaultVibrator
+        } else {
+            @Suppress("DEPRECATION")
+            context.getSystemService(Context.VIBRATOR_SERVICE) as? Vibrator
+        }
+        AndroidHapticFeedbackPerformer(view, vibrator)
+    }
+}

composeApp/src/androidMain/kotlin/com/example/casera/platform/ImageBitmap.android.kt

@@ -0,0 +1,19 @@
+package com.example.casera.platform
+
+import android.graphics.BitmapFactory
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.graphics.ImageBitmap
+import androidx.compose.ui.graphics.asImageBitmap
+
+@Composable
+actual fun rememberImageBitmap(imageData: ImageData): ImageBitmap? {
+    return remember(imageData) {
+        try {
+            val bitmap = BitmapFactory.decodeByteArray(imageData.bytes, 0, imageData.bytes.size)
+            bitmap?.asImageBitmap()
+        } catch (e: Exception) {
+            null
+        }
+    }
+}

composeApp/src/androidMain/kotlin/com/example/casera/ui/components/auth/GoogleSignInButton.android.kt

@@ -0,0 +1,101 @@
+package com.example.casera.ui.components.auth
+
+import androidx.compose.foundation.BorderStroke
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.*
+import androidx.compose.runtime.*
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.dp
+import com.example.casera.auth.GoogleSignInManager
+import com.example.casera.auth.GoogleSignInResult
+import kotlinx.coroutines.launch
+
+@Composable
+actual fun GoogleSignInButton(
+    onSignInStarted: () -> Unit,
+    onSignInSuccess: (idToken: String) -> Unit,
+    onSignInError: (message: String) -> Unit,
+    enabled: Boolean
+) {
+    val context = LocalContext.current
+    val scope = rememberCoroutineScope()
+    var isLoading by remember { mutableStateOf(false) }
+
+    val googleSignInManager = remember { GoogleSignInManager(context) }
+
+    OutlinedButton(
+        onClick = {
+            if (!isLoading && enabled) {
+                isLoading = true
+                onSignInStarted()
+
+                scope.launch {
+                    when (val result = googleSignInManager.signIn()) {
+                        is GoogleSignInResult.Success -> {
+                            isLoading = false
+                            onSignInSuccess(result.idToken)
+                        }
+                        is GoogleSignInResult.Error -> {
+                            isLoading = false
+                            onSignInError(result.message)
+                        }
+                        GoogleSignInResult.Cancelled -> {
+                            isLoading = false
+                            // User cancelled, no error needed
+                        }
+                    }
+                }
+            }
+        },
+        modifier = Modifier
+            .fillMaxWidth()
+            .height(56.dp),
+        enabled = enabled && !isLoading,
+        shape = RoundedCornerShape(12.dp),
+        border = BorderStroke(1.dp, MaterialTheme.colorScheme.outline),
+        colors = ButtonDefaults.outlinedButtonColors(
+            containerColor = MaterialTheme.colorScheme.surface
+        )
+    ) {
+        if (isLoading) {
+            CircularProgressIndicator(
+                modifier = Modifier.size(24.dp),
+                strokeWidth = 2.dp
+            )
+        } else {
+            Row(
+                verticalAlignment = Alignment.CenterVertically,
+                horizontalArrangement = Arrangement.Center
+            ) {
+                // Google "G" logo using Material colors
+                Box(
+                    modifier = Modifier.size(24.dp),
+                    contentAlignment = Alignment.Center
+                ) {
+                    Text(
+                        text = "G",
+                        style = MaterialTheme.typography.titleMedium,
+                        fontWeight = FontWeight.Bold,
+                        color = Color(0xFF4285F4) // Google Blue
+                    )
+                }
+
+                Spacer(modifier = Modifier.width(12.dp))
+
+                Text(
+                    text = "Continue with Google",
+                    style = MaterialTheme.typography.titleMedium,
+                    fontWeight = FontWeight.Medium,
+                    color = MaterialTheme.colorScheme.onSurface
+                )
+            }
+        }
+    }
+}

composeApp/src/androidMain/kotlin/com/example/casera/widget/CaseraLargeWidget.kt

@@ -0,0 +1,367 @@
+package com.example.casera.widget
+
+import android.content.Context
+import android.content.Intent
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.glance.GlanceId
+import androidx.glance.GlanceModifier
+import androidx.glance.GlanceTheme
+import androidx.glance.action.ActionParameters
+import androidx.glance.action.actionParametersOf
+import androidx.glance.action.clickable
+import androidx.glance.appwidget.GlanceAppWidget
+import androidx.glance.appwidget.GlanceAppWidgetReceiver
+import androidx.glance.appwidget.action.ActionCallback
+import androidx.glance.appwidget.action.actionRunCallback
+import androidx.glance.appwidget.cornerRadius
+import androidx.glance.appwidget.lazy.LazyColumn
+import androidx.glance.appwidget.lazy.items
+import androidx.glance.appwidget.provideContent
+import androidx.glance.background
+import androidx.glance.currentState
+import androidx.glance.layout.Alignment
+import androidx.glance.layout.Box
+import androidx.glance.layout.Column
+import androidx.glance.layout.Row
+import androidx.glance.layout.Spacer
+import androidx.glance.layout.fillMaxSize
+import androidx.glance.layout.fillMaxWidth
+import androidx.glance.layout.height
+import androidx.glance.layout.padding
+import androidx.glance.layout.size
+import androidx.glance.layout.width
+import androidx.glance.state.GlanceStateDefinition
+import androidx.glance.state.PreferencesGlanceStateDefinition
+import androidx.glance.text.FontWeight
+import androidx.glance.text.Text
+import androidx.glance.text.TextStyle
+import androidx.glance.unit.ColorProvider
+import androidx.datastore.preferences.core.Preferences
+import androidx.datastore.preferences.core.intPreferencesKey
+import androidx.datastore.preferences.core.stringPreferencesKey
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.withContext
+import kotlinx.serialization.json.Json
+
+/**
+ * Large widget showing task list with stats and interactive actions (Pro only)
+ * Size: 4x4
+ */
+class CaseraLargeWidget : GlanceAppWidget() {
+
+    override val stateDefinition: GlanceStateDefinition<*> = PreferencesGlanceStateDefinition
+
+    private val json = Json { ignoreUnknownKeys = true }
+
+    override suspend fun provideGlance(context: Context, id: GlanceId) {
+        provideContent {
+            GlanceTheme {
+                LargeWidgetContent()
+            }
+        }
+    }
+
+    @Composable
+    private fun LargeWidgetContent() {
+        val prefs = currentState<Preferences>()
+        val overdueCount = prefs[intPreferencesKey("overdue_count")] ?: 0
+        val dueSoonCount = prefs[intPreferencesKey("due_soon_count")] ?: 0
+        val inProgressCount = prefs[intPreferencesKey("in_progress_count")] ?: 0
+        val totalCount = prefs[intPreferencesKey("total_tasks_count")] ?: 0
+        val tasksJson = prefs[stringPreferencesKey("tasks_json")] ?: "[]"
+        val isProUser = prefs[stringPreferencesKey("is_pro_user")] == "true"
+
+        val tasks = try {
+            json.decodeFromString<List<WidgetTask>>(tasksJson).take(8)
+        } catch (e: Exception) {
+            emptyList()
+        }
+
+        Box(
+            modifier = GlanceModifier
+                .fillMaxSize()
+                .background(Color(0xFFFFF8E7)) // Cream background
+                .padding(16.dp)
+        ) {
+            Column(
+                modifier = GlanceModifier.fillMaxSize()
+            ) {
+                // Header with logo
+                Row(
+                    modifier = GlanceModifier
+                        .fillMaxWidth()
+                        .clickable(actionRunCallback<OpenAppAction>()),
+                    verticalAlignment = Alignment.CenterVertically
+                ) {
+                    Text(
+                        text = "Casera",
+                        style = TextStyle(
+                            color = ColorProvider(Color(0xFF07A0C3)),
+                            fontSize = 20.sp,
+                            fontWeight = FontWeight.Bold
+                        )
+                    )
+
+                    Spacer(modifier = GlanceModifier.width(8.dp))
+
+                    Text(
+                        text = "Tasks",
+                        style = TextStyle(
+                            color = ColorProvider(Color(0xFF666666)),
+                            fontSize = 14.sp
+                        )
+                    )
+                }
+
+                Spacer(modifier = GlanceModifier.height(12.dp))
+
+                // Stats row
+                Row(
+                    modifier = GlanceModifier.fillMaxWidth(),
+                    horizontalAlignment = Alignment.CenterHorizontally
+                ) {
+                    StatBox(
+                        count = overdueCount,
+                        label = "Overdue",
+                        color = Color(0xFFDD1C1A),
+                        bgColor = Color(0xFFFFEBEB)
+                    )
+
+                    Spacer(modifier = GlanceModifier.width(8.dp))
+
+                    StatBox(
+                        count = dueSoonCount,
+                        label = "Due Soon",
+                        color = Color(0xFFF5A623),
+                        bgColor = Color(0xFFFFF4E0)
+                    )
+
+                    Spacer(modifier = GlanceModifier.width(8.dp))
+
+                    StatBox(
+                        count = inProgressCount,
+                        label = "Active",
+                        color = Color(0xFF07A0C3),
+                        bgColor = Color(0xFFE0F4F8)
+                    )
+                }
+
+                Spacer(modifier = GlanceModifier.height(12.dp))
+
+                // Divider
+                Box(
+                    modifier = GlanceModifier
+                        .fillMaxWidth()
+                        .height(1.dp)
+                        .background(Color(0xFFE0E0E0))
+                ) {}
+
+                Spacer(modifier = GlanceModifier.height(8.dp))
+
+                // Task list
+                if (tasks.isEmpty()) {
+                    Box(
+                        modifier = GlanceModifier
+                            .fillMaxSize()
+                            .clickable(actionRunCallback<OpenAppAction>()),
+                        contentAlignment = Alignment.Center
+                    ) {
+                        Column(
+                            horizontalAlignment = Alignment.CenterHorizontally
+                        ) {
+                            Text(
+                                text = "All caught up!",
+                                style = TextStyle(
+                                    color = ColorProvider(Color(0xFF07A0C3)),
+                                    fontSize = 16.sp,
+                                    fontWeight = FontWeight.Medium
+                                )
+                            )
+                            Text(
+                                text = "No tasks need attention",
+                                style = TextStyle(
+                                    color = ColorProvider(Color(0xFF888888)),
+                                    fontSize = 12.sp
+                                )
+                            )
+                        }
+                    }
+                } else {
+                    LazyColumn(
+                        modifier = GlanceModifier.fillMaxSize()
+                    ) {
+                        items(tasks) { task ->
+                            InteractiveTaskItem(
+                                task = task,
+                                isProUser = isProUser
+                            )
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    @Composable
+    private fun StatBox(count: Int, label: String, color: Color, bgColor: Color) {
+        Box(
+            modifier = GlanceModifier
+                .background(bgColor)
+                .padding(horizontal = 12.dp, vertical = 8.dp)
+                .cornerRadius(8.dp),
+            contentAlignment = Alignment.Center
+        ) {
+            Column(
+                horizontalAlignment = Alignment.CenterHorizontally
+            ) {
+                Text(
+                    text = count.toString(),
+                    style = TextStyle(
+                        color = ColorProvider(color),
+                        fontSize = 20.sp,
+                        fontWeight = FontWeight.Bold
+                    )
+                )
+                Text(
+                    text = label,
+                    style = TextStyle(
+                        color = ColorProvider(color),
+                        fontSize = 10.sp
+                    )
+                )
+            }
+        }
+    }
+
+    @Composable
+    private fun InteractiveTaskItem(task: WidgetTask, isProUser: Boolean) {
+        val taskIdKey = ActionParameters.Key<Int>("task_id")
+
+        Row(
+            modifier = GlanceModifier
+                .fillMaxWidth()
+                .padding(vertical = 6.dp)
+                .clickable(
+                    actionRunCallback<OpenTaskAction>(
+                        actionParametersOf(taskIdKey to task.id)
+                    )
+                ),
+            verticalAlignment = Alignment.CenterVertically
+        ) {
+            // Priority indicator
+            Box(
+                modifier = GlanceModifier
+                    .width(4.dp)
+                    .height(40.dp)
+                    .background(getPriorityColor(task.priorityLevel))
+            ) {}
+
+            Spacer(modifier = GlanceModifier.width(8.dp))
+
+            // Task details
+            Column(
+                modifier = GlanceModifier.defaultWeight()
+            ) {
+                Text(
+                    text = task.title,
+                    style = TextStyle(
+                        color = ColorProvider(Color(0xFF1A1A1A)),
+                        fontSize = 14.sp,
+                        fontWeight = FontWeight.Medium
+                    ),
+                    maxLines = 1
+                )
+                Row {
+                    Text(
+                        text = task.residenceName,
+                        style = TextStyle(
+                            color = ColorProvider(Color(0xFF666666)),
+                            fontSize = 11.sp
+                        ),
+                        maxLines = 1
+                    )
+                    if (task.dueDate != null) {
+                        Text(
+                            text = " • ${task.dueDate}",
+                            style = TextStyle(
+                                color = ColorProvider(
+                                    if (task.isOverdue) Color(0xFFDD1C1A) else Color(0xFF666666)
+                                ),
+                                fontSize = 11.sp
+                            )
+                        )
+                    }
+                }
+            }
+
+            // Action button (Pro only)
+            if (isProUser) {
+                Box(
+                    modifier = GlanceModifier
+                        .size(32.dp)
+                        .background(Color(0xFF07A0C3))
+                        .cornerRadius(16.dp)
+                        .clickable(
+                            actionRunCallback<CompleteTaskAction>(
+                                actionParametersOf(taskIdKey to task.id)
+                            )
+                        ),
+                    contentAlignment = Alignment.Center
+                ) {
+                    Text(
+                        text = "✓",
+                        style = TextStyle(
+                            color = ColorProvider(Color.White),
+                            fontSize = 16.sp,
+                            fontWeight = FontWeight.Bold
+                        )
+                    )
+                }
+            }
+        }
+    }
+
+    private fun getPriorityColor(level: Int): Color {
+        return when (level) {
+            4 -> Color(0xFFDD1C1A) // Urgent - Red
+            3 -> Color(0xFFF5A623) // High - Amber
+            2 -> Color(0xFF07A0C3) // Medium - Primary
+            else -> Color(0xFF888888) // Low - Gray
+        }
+    }
+}
+
+/**
+ * Action to complete a task from the widget (Pro only)
+ */
+class CompleteTaskAction : ActionCallback {
+    override suspend fun onAction(
+        context: Context,
+        glanceId: GlanceId,
+        parameters: ActionParameters
+    ) {
+        val taskId = parameters[ActionParameters.Key<Int>("task_id")] ?: return
+
+        // Send broadcast to app to complete the task
+        val intent = Intent("com.example.casera.COMPLETE_TASK").apply {
+            putExtra("task_id", taskId)
+            setPackage(context.packageName)
+        }
+        context.sendBroadcast(intent)
+
+        // Update widget after action
+        withContext(Dispatchers.Main) {
+            CaseraLargeWidget().update(context, glanceId)
+        }
+    }
+}
+
+/**
+ * Receiver for the large widget
+ */
+class CaseraLargeWidgetReceiver : GlanceAppWidgetReceiver() {
+    override val glanceAppWidget: GlanceAppWidget = CaseraLargeWidget()
+}

composeApp/src/androidMain/kotlin/com/example/casera/widget/CaseraMediumWidget.kt

@@ -0,0 +1,252 @@
+package com.example.casera.widget
+
+import android.content.Context
+import android.content.Intent
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.glance.GlanceId
+import androidx.glance.GlanceModifier
+import androidx.glance.GlanceTheme
+import androidx.glance.action.ActionParameters
+import androidx.glance.action.actionParametersOf
+import androidx.glance.action.clickable
+import androidx.glance.appwidget.GlanceAppWidget
+import androidx.glance.appwidget.GlanceAppWidgetReceiver
+import androidx.glance.appwidget.action.ActionCallback
+import androidx.glance.appwidget.action.actionRunCallback
+import androidx.glance.appwidget.lazy.LazyColumn
+import androidx.glance.appwidget.lazy.items
+import androidx.glance.appwidget.provideContent
+import androidx.glance.background
+import androidx.glance.currentState
+import androidx.glance.layout.Alignment
+import androidx.glance.layout.Box
+import androidx.glance.layout.Column
+import androidx.glance.layout.Row
+import androidx.glance.layout.Spacer
+import androidx.glance.layout.fillMaxSize
+import androidx.glance.layout.fillMaxWidth
+import androidx.glance.layout.height
+import androidx.glance.layout.padding
+import androidx.glance.layout.width
+import androidx.glance.state.GlanceStateDefinition
+import androidx.glance.state.PreferencesGlanceStateDefinition
+import androidx.glance.text.FontWeight
+import androidx.glance.text.Text
+import androidx.glance.text.TextStyle
+import androidx.glance.unit.ColorProvider
+import androidx.datastore.preferences.core.Preferences
+import androidx.datastore.preferences.core.intPreferencesKey
+import androidx.datastore.preferences.core.stringPreferencesKey
+import kotlinx.serialization.json.Json
+
+/**
+ * Medium widget showing a list of upcoming tasks
+ * Size: 4x2
+ */
+class CaseraMediumWidget : GlanceAppWidget() {
+
+    override val stateDefinition: GlanceStateDefinition<*> = PreferencesGlanceStateDefinition
+
+    private val json = Json { ignoreUnknownKeys = true }
+
+    override suspend fun provideGlance(context: Context, id: GlanceId) {
+        provideContent {
+            GlanceTheme {
+                MediumWidgetContent()
+            }
+        }
+    }
+
+    @Composable
+    private fun MediumWidgetContent() {
+        val prefs = currentState<Preferences>()
+        val overdueCount = prefs[intPreferencesKey("overdue_count")] ?: 0
+        val dueSoonCount = prefs[intPreferencesKey("due_soon_count")] ?: 0
+        val tasksJson = prefs[stringPreferencesKey("tasks_json")] ?: "[]"
+
+        val tasks = try {
+            json.decodeFromString<List<WidgetTask>>(tasksJson).take(5)
+        } catch (e: Exception) {
+            emptyList()
+        }
+
+        Box(
+            modifier = GlanceModifier
+                .fillMaxSize()
+                .background(Color(0xFFFFF8E7)) // Cream background
+                .padding(12.dp)
+        ) {
+            Column(
+                modifier = GlanceModifier.fillMaxSize()
+            ) {
+                // Header
+                Row(
+                    modifier = GlanceModifier
+                        .fillMaxWidth()
+                        .clickable(actionRunCallback<OpenAppAction>()),
+                    verticalAlignment = Alignment.CenterVertically
+                ) {
+                    Text(
+                        text = "Casera",
+                        style = TextStyle(
+                            color = ColorProvider(Color(0xFF07A0C3)),
+                            fontSize = 18.sp,
+                            fontWeight = FontWeight.Bold
+                        )
+                    )
+
+                    Spacer(modifier = GlanceModifier.width(8.dp))
+
+                    // Badge for overdue
+                    if (overdueCount > 0) {
+                        Box(
+                            modifier = GlanceModifier
+                                .background(Color(0xFFDD1C1A))
+                                .padding(horizontal = 6.dp, vertical = 2.dp),
+                            contentAlignment = Alignment.Center
+                        ) {
+                            Text(
+                                text = "$overdueCount overdue",
+                                style = TextStyle(
+                                    color = ColorProvider(Color.White),
+                                    fontSize = 10.sp,
+                                    fontWeight = FontWeight.Medium
+                                )
+                            )
+                        }
+                    }
+                }
+
+                Spacer(modifier = GlanceModifier.height(8.dp))
+
+                // Task list
+                if (tasks.isEmpty()) {
+                    Box(
+                        modifier = GlanceModifier
+                            .fillMaxSize()
+                            .clickable(actionRunCallback<OpenAppAction>()),
+                        contentAlignment = Alignment.Center
+                    ) {
+                        Text(
+                            text = "No upcoming tasks",
+                            style = TextStyle(
+                                color = ColorProvider(Color(0xFF888888)),
+                                fontSize = 14.sp
+                            )
+                        )
+                    }
+                } else {
+                    LazyColumn(
+                        modifier = GlanceModifier.fillMaxSize()
+                    ) {
+                        items(tasks) { task ->
+                            TaskListItem(task = task)
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    @Composable
+    private fun TaskListItem(task: WidgetTask) {
+        val taskIdKey = ActionParameters.Key<Int>("task_id")
+
+        Row(
+            modifier = GlanceModifier
+                .fillMaxWidth()
+                .padding(vertical = 4.dp)
+                .clickable(
+                    actionRunCallback<OpenTaskAction>(
+                        actionParametersOf(taskIdKey to task.id)
+                    )
+                ),
+            verticalAlignment = Alignment.CenterVertically
+        ) {
+            // Priority indicator
+            Box(
+                modifier = GlanceModifier
+                    .width(4.dp)
+                    .height(32.dp)
+                    .background(getPriorityColor(task.priorityLevel))
+            ) {}
+
+            Spacer(modifier = GlanceModifier.width(8.dp))
+
+            Column(
+                modifier = GlanceModifier.fillMaxWidth()
+            ) {
+                Text(
+                    text = task.title,
+                    style = TextStyle(
+                        color = ColorProvider(Color(0xFF1A1A1A)),
+                        fontSize = 13.sp,
+                        fontWeight = FontWeight.Medium
+                    ),
+                    maxLines = 1
+                )
+                Row {
+                    Text(
+                        text = task.residenceName,
+                        style = TextStyle(
+                            color = ColorProvider(Color(0xFF666666)),
+                            fontSize = 11.sp
+                        ),
+                        maxLines = 1
+                    )
+                    if (task.dueDate != null) {
+                        Text(
+                            text = " • ${task.dueDate}",
+                            style = TextStyle(
+                                color = ColorProvider(
+                                    if (task.isOverdue) Color(0xFFDD1C1A) else Color(0xFF666666)
+                                ),
+                                fontSize = 11.sp
+                            )
+                        )
+                    }
+                }
+            }
+        }
+    }
+
+    private fun getPriorityColor(level: Int): Color {
+        return when (level) {
+            4 -> Color(0xFFDD1C1A) // Urgent - Red
+            3 -> Color(0xFFF5A623) // High - Amber
+            2 -> Color(0xFF07A0C3) // Medium - Primary
+            else -> Color(0xFF888888) // Low - Gray
+        }
+    }
+}
+
+/**
+ * Action to open a specific task
+ */
+class OpenTaskAction : ActionCallback {
+    override suspend fun onAction(
+        context: Context,
+        glanceId: GlanceId,
+        parameters: ActionParameters
+    ) {
+        val taskId = parameters[ActionParameters.Key<Int>("task_id")]
+        val intent = context.packageManager.getLaunchIntentForPackage(context.packageName)
+        intent?.let {
+            it.flags = Intent.FLAG_ACTIVITY_NEW_TASK or Intent.FLAG_ACTIVITY_CLEAR_TOP
+            if (taskId != null) {
+                it.putExtra("navigate_to_task", taskId)
+            }
+            context.startActivity(it)
+        }
+    }
+}
+
+/**
+ * Receiver for the medium widget
+ */
+class CaseraMediumWidgetReceiver : GlanceAppWidgetReceiver() {
+    override val glanceAppWidget: GlanceAppWidget = CaseraMediumWidget()
+}

composeApp/src/androidMain/kotlin/com/example/casera/widget/CaseraSmallWidget.kt

@@ -0,0 +1,171 @@
+package com.example.casera.widget
+
+import android.content.Context
+import android.content.Intent
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.glance.GlanceId
+import androidx.glance.GlanceModifier
+import androidx.glance.GlanceTheme
+import androidx.glance.Image
+import androidx.glance.ImageProvider
+import androidx.glance.action.ActionParameters
+import androidx.glance.action.clickable
+import androidx.glance.appwidget.GlanceAppWidget
+import androidx.glance.appwidget.GlanceAppWidgetReceiver
+import androidx.glance.appwidget.action.ActionCallback
+import androidx.glance.appwidget.action.actionRunCallback
+import androidx.glance.appwidget.provideContent
+import androidx.glance.background
+import androidx.glance.currentState
+import androidx.glance.layout.Alignment
+import androidx.glance.layout.Box
+import androidx.glance.layout.Column
+import androidx.glance.layout.Row
+import androidx.glance.layout.Spacer
+import androidx.glance.layout.fillMaxSize
+import androidx.glance.layout.fillMaxWidth
+import androidx.glance.layout.height
+import androidx.glance.layout.padding
+import androidx.glance.layout.size
+import androidx.glance.layout.width
+import androidx.glance.state.GlanceStateDefinition
+import androidx.glance.state.PreferencesGlanceStateDefinition
+import androidx.glance.text.FontWeight
+import androidx.glance.text.Text
+import androidx.glance.text.TextStyle
+import androidx.glance.unit.ColorProvider
+import androidx.datastore.preferences.core.Preferences
+import androidx.datastore.preferences.core.intPreferencesKey
+import com.example.casera.R
+
+/**
+ * Small widget showing task count summary
+ * Size: 2x1 or 2x2
+ */
+class CaseraSmallWidget : GlanceAppWidget() {
+
+    override val stateDefinition: GlanceStateDefinition<*> = PreferencesGlanceStateDefinition
+
+    override suspend fun provideGlance(context: Context, id: GlanceId) {
+        provideContent {
+            GlanceTheme {
+                SmallWidgetContent()
+            }
+        }
+    }
+
+    @Composable
+    private fun SmallWidgetContent() {
+        val prefs = currentState<Preferences>()
+        val overdueCount = prefs[intPreferencesKey("overdue_count")] ?: 0
+        val dueSoonCount = prefs[intPreferencesKey("due_soon_count")] ?: 0
+        val inProgressCount = prefs[intPreferencesKey("in_progress_count")] ?: 0
+
+        Box(
+            modifier = GlanceModifier
+                .fillMaxSize()
+                .background(Color(0xFFFFF8E7)) // Cream background
+                .clickable(actionRunCallback<OpenAppAction>())
+                .padding(12.dp),
+            contentAlignment = Alignment.Center
+        ) {
+            Column(
+                modifier = GlanceModifier.fillMaxWidth(),
+                horizontalAlignment = Alignment.CenterHorizontally
+            ) {
+                // App name/logo
+                Text(
+                    text = "Casera",
+                    style = TextStyle(
+                        color = ColorProvider(Color(0xFF07A0C3)),
+                        fontSize = 16.sp,
+                        fontWeight = FontWeight.Bold
+                    )
+                )
+
+                Spacer(modifier = GlanceModifier.height(8.dp))
+
+                // Task counts row
+                Row(
+                    modifier = GlanceModifier.fillMaxWidth(),
+                    horizontalAlignment = Alignment.CenterHorizontally
+                ) {
+                    // Overdue
+                    TaskCountItem(
+                        count = overdueCount,
+                        label = "Overdue",
+                        color = Color(0xFFDD1C1A) // Red
+                    )
+
+                    Spacer(modifier = GlanceModifier.width(16.dp))
+
+                    // Due Soon
+                    TaskCountItem(
+                        count = dueSoonCount,
+                        label = "Due Soon",
+                        color = Color(0xFFF5A623) // Amber
+                    )
+
+                    Spacer(modifier = GlanceModifier.width(16.dp))
+
+                    // In Progress
+                    TaskCountItem(
+                        count = inProgressCount,
+                        label = "Active",
+                        color = Color(0xFF07A0C3) // Primary
+                    )
+                }
+            }
+        }
+    }
+
+    @Composable
+    private fun TaskCountItem(count: Int, label: String, color: Color) {
+        Column(
+            horizontalAlignment = Alignment.CenterHorizontally
+        ) {
+            Text(
+                text = count.toString(),
+                style = TextStyle(
+                    color = ColorProvider(color),
+                    fontSize = 24.sp,
+                    fontWeight = FontWeight.Bold
+                )
+            )
+            Text(
+                text = label,
+                style = TextStyle(
+                    color = ColorProvider(Color(0xFF666666)),
+                    fontSize = 10.sp
+                )
+            )
+        }
+    }
+}
+
+/**
+ * Action to open the main app
+ */
+class OpenAppAction : ActionCallback {
+    override suspend fun onAction(
+        context: Context,
+        glanceId: GlanceId,
+        parameters: ActionParameters
+    ) {
+        val intent = context.packageManager.getLaunchIntentForPackage(context.packageName)
+        intent?.let {
+            it.flags = Intent.FLAG_ACTIVITY_NEW_TASK or Intent.FLAG_ACTIVITY_CLEAR_TOP
+            context.startActivity(it)
+        }
+    }
+}
+
+/**
+ * Receiver for the small widget
+ */
+class CaseraSmallWidgetReceiver : GlanceAppWidgetReceiver() {
+    override val glanceAppWidget: GlanceAppWidget = CaseraSmallWidget()
+}

composeApp/src/androidMain/kotlin/com/example/casera/widget/WidgetDataRepository.kt

@@ -0,0 +1,149 @@
+package com.example.casera.widget
+
+import android.content.Context
+import androidx.datastore.core.DataStore
+import androidx.datastore.preferences.core.Preferences
+import androidx.datastore.preferences.core.edit
+import androidx.datastore.preferences.core.intPreferencesKey
+import androidx.datastore.preferences.core.longPreferencesKey
+import androidx.datastore.preferences.core.stringPreferencesKey
+import androidx.datastore.preferences.preferencesDataStore
+import kotlinx.coroutines.flow.Flow
+import kotlinx.coroutines.flow.map
+import kotlinx.serialization.Serializable
+import kotlinx.serialization.encodeToString
+import kotlinx.serialization.json.Json
+
+// DataStore instance
+private val Context.widgetDataStore: DataStore<Preferences> by preferencesDataStore(name = "widget_data")
+
+/**
+ * Data class representing a task for the widget
+ */
+@Serializable
+data class WidgetTask(
+    val id: Int,
+    val title: String,
+    val residenceName: String,
+    val dueDate: String?,
+    val isOverdue: Boolean,
+    val categoryName: String,
+    val priorityLevel: Int
+)
+
+/**
+ * Data class representing widget summary data
+ */
+@Serializable
+data class WidgetSummary(
+    val overdueCount: Int = 0,
+    val dueSoonCount: Int = 0,
+    val inProgressCount: Int = 0,
+    val totalTasksCount: Int = 0,
+    val tasks: List<WidgetTask> = emptyList(),
+    val lastUpdated: Long = System.currentTimeMillis()
+)
+
+/**
+ * Repository for managing widget data persistence
+ */
+class WidgetDataRepository(private val context: Context) {
+
+    private val json = Json { ignoreUnknownKeys = true }
+
+    companion object {
+        private val OVERDUE_COUNT = intPreferencesKey("overdue_count")
+        private val DUE_SOON_COUNT = intPreferencesKey("due_soon_count")
+        private val IN_PROGRESS_COUNT = intPreferencesKey("in_progress_count")
+        private val TOTAL_TASKS_COUNT = intPreferencesKey("total_tasks_count")
+        private val TASKS_JSON = stringPreferencesKey("tasks_json")
+        private val LAST_UPDATED = longPreferencesKey("last_updated")
+        private val IS_PRO_USER = stringPreferencesKey("is_pro_user")
+        private val USER_NAME = stringPreferencesKey("user_name")
+
+        @Volatile
+        private var INSTANCE: WidgetDataRepository? = null
+
+        fun getInstance(context: Context): WidgetDataRepository {
+            return INSTANCE ?: synchronized(this) {
+                INSTANCE ?: WidgetDataRepository(context.applicationContext).also { INSTANCE = it }
+            }
+        }
+    }
+
+    /**
+     * Get the widget summary as a Flow
+     */
+    val widgetSummary: Flow<WidgetSummary> = context.widgetDataStore.data.map { preferences ->
+        val tasksJson = preferences[TASKS_JSON] ?: "[]"
+        val tasks = try {
+            json.decodeFromString<List<WidgetTask>>(tasksJson)
+        } catch (e: Exception) {
+            emptyList()
+        }
+
+        WidgetSummary(
+            overdueCount = preferences[OVERDUE_COUNT] ?: 0,
+            dueSoonCount = preferences[DUE_SOON_COUNT] ?: 0,
+            inProgressCount = preferences[IN_PROGRESS_COUNT] ?: 0,
+            totalTasksCount = preferences[TOTAL_TASKS_COUNT] ?: 0,
+            tasks = tasks,
+            lastUpdated = preferences[LAST_UPDATED] ?: 0L
+        )
+    }
+
+    /**
+     * Check if user is a Pro subscriber
+     */
+    val isProUser: Flow<Boolean> = context.widgetDataStore.data.map { preferences ->
+        preferences[IS_PRO_USER] == "true"
+    }
+
+    /**
+     * Get the user's display name
+     */
+    val userName: Flow<String> = context.widgetDataStore.data.map { preferences ->
+        preferences[USER_NAME] ?: ""
+    }
+
+    /**
+     * Update the widget data
+     */
+    suspend fun updateWidgetData(summary: WidgetSummary) {
+        context.widgetDataStore.edit { preferences ->
+            preferences[OVERDUE_COUNT] = summary.overdueCount
+            preferences[DUE_SOON_COUNT] = summary.dueSoonCount
+            preferences[IN_PROGRESS_COUNT] = summary.inProgressCount
+            preferences[TOTAL_TASKS_COUNT] = summary.totalTasksCount
+            preferences[TASKS_JSON] = json.encodeToString(summary.tasks)
+            preferences[LAST_UPDATED] = System.currentTimeMillis()
+        }
+    }
+
+    /**
+     * Update user subscription status
+     */
+    suspend fun updateProStatus(isPro: Boolean) {
+        context.widgetDataStore.edit { preferences ->
+            preferences[IS_PRO_USER] = if (isPro) "true" else "false"
+        }
+    }
+
+    /**
+     * Update user name
+     */
+    suspend fun updateUserName(name: String) {
+        context.widgetDataStore.edit { preferences ->
+            preferences[USER_NAME] = name
+        }
+    }
+
+    /**
+     * Clear all widget data (called on logout)
+     */
+    suspend fun clearData() {
+        context.widgetDataStore.edit { preferences ->
+            preferences.clear()
+        }
+    }
+}

composeApp/src/androidMain/kotlin/com/example/casera/widget/WidgetTaskActionReceiver.kt

@@ -0,0 +1,56 @@
+package com.example.casera.widget
+
+import android.content.BroadcastReceiver
+import android.content.Context
+import android.content.Intent
+import com.example.casera.data.DataManager
+import com.example.casera.models.TaskCompletionCreateRequest
+import com.example.casera.network.APILayer
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.launch
+
+/**
+ * BroadcastReceiver for handling task actions from widgets
+ */
+class WidgetTaskActionReceiver : BroadcastReceiver() {
+
+    override fun onReceive(context: Context, intent: Intent) {
+        when (intent.action) {
+            "com.example.casera.COMPLETE_TASK" -> {
+                val taskId = intent.getIntExtra("task_id", -1)
+                if (taskId != -1) {
+                    completeTask(context, taskId)
+                }
+            }
+        }
+    }
+
+    private fun completeTask(context: Context, taskId: Int) {
+        CoroutineScope(Dispatchers.IO).launch {
+            try {
+                // Check if user is authenticated
+                val token = DataManager.authToken.value
+                if (token.isNullOrEmpty()) {
+                    return@launch
+                }
+
+                // Create completion request
+                val request = TaskCompletionCreateRequest(
+                    taskId = taskId,
+                    notes = "Completed from widget"
+                )
+
+                // Complete the task via API
+                val result = APILayer.createTaskCompletion(request)
+
+                // Update widgets after completion
+                if (result is com.example.casera.network.ApiResult.Success) {
+                    WidgetUpdateManager.updateAllWidgets(context)
+                }
+            } catch (e: Exception) {
+                e.printStackTrace()
+            }
+        }
+    }
+}

composeApp/src/androidMain/kotlin/com/example/casera/widget/WidgetUpdateManager.kt

@@ -0,0 +1,113 @@
+package com.example.casera.widget
+
+import android.content.Context
+import androidx.datastore.preferences.core.intPreferencesKey
+import androidx.datastore.preferences.core.longPreferencesKey
+import androidx.datastore.preferences.core.stringPreferencesKey
+import androidx.glance.appwidget.GlanceAppWidgetManager
+import androidx.glance.appwidget.state.updateAppWidgetState
+import androidx.glance.state.PreferencesGlanceStateDefinition
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.flow.first
+import kotlinx.coroutines.launch
+import kotlinx.serialization.encodeToString
+import kotlinx.serialization.json.Json
+
+/**
+ * Manager for updating all widgets with new data
+ */
+object WidgetUpdateManager {
+
+    private val json = Json { ignoreUnknownKeys = true }
+
+    /**
+     * Update all Casera widgets with new data
+     */
+    fun updateAllWidgets(context: Context) {
+        CoroutineScope(Dispatchers.IO).launch {
+            try {
+                val repository = WidgetDataRepository.getInstance(context)
+                val summary = repository.widgetSummary.first()
+                val isProUser = repository.isProUser.first()
+
+                updateWidgetsWithData(context, summary, isProUser)
+            } catch (e: Exception) {
+                e.printStackTrace()
+            }
+        }
+    }
+
+    /**
+     * Update widgets with the provided summary data
+     */
+    suspend fun updateWidgetsWithData(
+        context: Context,
+        summary: WidgetSummary,
+        isProUser: Boolean
+    ) {
+        val glanceManager = GlanceAppWidgetManager(context)
+
+        // Update small widgets
+        val smallWidgetIds = glanceManager.getGlanceIds(CaseraSmallWidget::class.java)
+        smallWidgetIds.forEach { id ->
+            updateAppWidgetState(context, PreferencesGlanceStateDefinition, id) { prefs ->
+                prefs.toMutablePreferences().apply {
+                    this[intPreferencesKey("overdue_count")] = summary.overdueCount
+                    this[intPreferencesKey("due_soon_count")] = summary.dueSoonCount
+                    this[intPreferencesKey("in_progress_count")] = summary.inProgressCount
+                }
+            }
+            CaseraSmallWidget().update(context, id)
+        }
+
+        // Update medium widgets
+        val mediumWidgetIds = glanceManager.getGlanceIds(CaseraMediumWidget::class.java)
+        mediumWidgetIds.forEach { id ->
+            updateAppWidgetState(context, PreferencesGlanceStateDefinition, id) { prefs ->
+                prefs.toMutablePreferences().apply {
+                    this[intPreferencesKey("overdue_count")] = summary.overdueCount
+                    this[intPreferencesKey("due_soon_count")] = summary.dueSoonCount
+                    this[intPreferencesKey("in_progress_count")] = summary.inProgressCount
+                    this[stringPreferencesKey("tasks_json")] = json.encodeToString(summary.tasks)
+                }
+            }
+            CaseraMediumWidget().update(context, id)
+        }
+
+        // Update large widgets
+        val largeWidgetIds = glanceManager.getGlanceIds(CaseraLargeWidget::class.java)
+        largeWidgetIds.forEach { id ->
+            updateAppWidgetState(context, PreferencesGlanceStateDefinition, id) { prefs ->
+                prefs.toMutablePreferences().apply {
+                    this[intPreferencesKey("overdue_count")] = summary.overdueCount
+                    this[intPreferencesKey("due_soon_count")] = summary.dueSoonCount
+                    this[intPreferencesKey("in_progress_count")] = summary.inProgressCount
+                    this[intPreferencesKey("total_tasks_count")] = summary.totalTasksCount
+                    this[stringPreferencesKey("tasks_json")] = json.encodeToString(summary.tasks)
+                    this[stringPreferencesKey("is_pro_user")] = if (isProUser) "true" else "false"
+                    this[longPreferencesKey("last_updated")] = summary.lastUpdated
+                }
+            }
+            CaseraLargeWidget().update(context, id)
+        }
+    }
+
+    /**
+     * Clear all widget data (called on logout)
+     */
+    fun clearAllWidgets(context: Context) {
+        CoroutineScope(Dispatchers.IO).launch {
+            try {
+                val emptyData = WidgetSummary()
+                updateWidgetsWithData(context, emptyData, false)
+
+                // Also clear the repository
+                val repository = WidgetDataRepository.getInstance(context)
+                repository.clearData()
+            } catch (e: Exception) {
+                e.printStackTrace()
+            }
+        }
+    }
+}

composeApp/src/androidMain/res/layout/widget_large_preview.xml

@@ -0,0 +1,176 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#FFF8E7"
+    android:orientation="vertical"
+    android:padding="16dp">
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        android:gravity="center_vertical">
+
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="Casera"
+            android:textColor="#07A0C3"
+            android:textSize="20sp"
+            android:textStyle="bold" />
+
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="8dp"
+            android:text="Tasks"
+            android:textColor="#666666"
+            android:textSize="14sp" />
+    </LinearLayout>
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="12dp"
+        android:orientation="horizontal"
+        android:gravity="center">
+
+        <LinearLayout
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:background="#FFEBEB"
+            android:gravity="center"
+            android:orientation="vertical"
+            android:paddingHorizontal="12dp"
+            android:paddingVertical="8dp">
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="2"
+                android:textColor="#DD1C1A"
+                android:textSize="20sp"
+                android:textStyle="bold" />
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="Overdue"
+                android:textColor="#DD1C1A"
+                android:textSize="10sp" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="8dp"
+            android:background="#FFF4E0"
+            android:gravity="center"
+            android:orientation="vertical"
+            android:paddingHorizontal="12dp"
+            android:paddingVertical="8dp">
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="3"
+                android:textColor="#F5A623"
+                android:textSize="20sp"
+                android:textStyle="bold" />
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="Due Soon"
+                android:textColor="#F5A623"
+                android:textSize="10sp" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="8dp"
+            android:background="#E0F4F8"
+            android:gravity="center"
+            android:orientation="vertical"
+            android:paddingHorizontal="12dp"
+            android:paddingVertical="8dp">
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="1"
+                android:textColor="#07A0C3"
+                android:textSize="20sp"
+                android:textStyle="bold" />
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="Active"
+                android:textColor="#07A0C3"
+                android:textSize="10sp" />
+        </LinearLayout>
+    </LinearLayout>
+
+    <View
+        android:layout_width="match_parent"
+        android:layout_height="1dp"
+        android:layout_marginVertical="12dp"
+        android:background="#E0E0E0" />
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:orientation="vertical">
+
+        <TextView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:text="Change HVAC filter"
+            android:textColor="#1A1A1A"
+            android:textSize="14sp"
+            android:textStyle="bold" />
+
+        <TextView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:text="My Home • Due today"
+            android:textColor="#DD1C1A"
+            android:textSize="11sp" />
+
+        <TextView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="8dp"
+            android:text="Clean gutters"
+            android:textColor="#1A1A1A"
+            android:textSize="14sp"
+            android:textStyle="bold" />
+
+        <TextView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:text="My Home • Tomorrow"
+            android:textColor="#666666"
+            android:textSize="11sp" />
+
+        <TextView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="8dp"
+            android:text="Test smoke detectors"
+            android:textColor="#1A1A1A"
+            android:textSize="14sp"
+            android:textStyle="bold" />
+
+        <TextView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:text="Beach House • In 3 days"
+            android:textColor="#666666"
+            android:textSize="11sp" />
+    </LinearLayout>
+
+</LinearLayout>

composeApp/src/androidMain/res/layout/widget_loading.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#FFF8E7"
+    android:padding="16dp">
+
+    <TextView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_gravity="center"
+        android:text="Loading..."
+        android:textColor="#666666"
+        android:textSize="14sp" />
+
+</FrameLayout>

composeApp/src/androidMain/res/layout/widget_medium_preview.xml

@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#FFF8E7"
+    android:orientation="vertical"
+    android:padding="12dp">
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        android:gravity="center_vertical">
+
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="Casera"
+            android:textColor="#07A0C3"
+            android:textSize="18sp"
+            android:textStyle="bold" />
+
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="8dp"
+            android:background="#DD1C1A"
+            android:paddingHorizontal="6dp"
+            android:paddingVertical="2dp"
+            android:text="2 overdue"
+            android:textColor="#FFFFFF"
+            android:textSize="10sp" />
+    </LinearLayout>
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="8dp"
+        android:orientation="vertical">
+
+        <TextView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:text="Change HVAC filter"
+            android:textColor="#1A1A1A"
+            android:textSize="13sp"
+            android:textStyle="bold" />
+
+        <TextView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:text="My Home • Due today"
+            android:textColor="#666666"
+            android:textSize="11sp" />
+
+        <TextView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="8dp"
+            android:text="Clean gutters"
+            android:textColor="#1A1A1A"
+            android:textSize="13sp"
+            android:textStyle="bold" />
+
+        <TextView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:text="My Home • Tomorrow"
+            android:textColor="#666666"
+            android:textSize="11sp" />
+    </LinearLayout>
+
+</LinearLayout>

composeApp/src/androidMain/res/layout/widget_small_preview.xml

@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#FFF8E7"
+    android:gravity="center"
+    android:orientation="vertical"
+    android:padding="12dp">
+
+    <TextView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="Casera"
+        android:textColor="#07A0C3"
+        android:textSize="16sp"
+        android:textStyle="bold" />
+
+    <LinearLayout
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="8dp"
+        android:orientation="horizontal">
+
+        <LinearLayout
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:gravity="center"
+            android:orientation="vertical">
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="2"
+                android:textColor="#DD1C1A"
+                android:textSize="24sp"
+                android:textStyle="bold" />
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="Overdue"
+                android:textColor="#666666"
+                android:textSize="10sp" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="16dp"
+            android:gravity="center"
+            android:orientation="vertical">
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="3"
+                android:textColor="#F5A623"
+                android:textSize="24sp"
+                android:textStyle="bold" />
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="Due Soon"
+                android:textColor="#666666"
+                android:textSize="10sp" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="16dp"
+            android:gravity="center"
+            android:orientation="vertical">
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="1"
+                android:textColor="#07A0C3"
+                android:textSize="24sp"
+                android:textStyle="bold" />
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="Active"
+                android:textColor="#666666"
+                android:textSize="10sp" />
+        </LinearLayout>
+    </LinearLayout>
+
+</LinearLayout>

composeApp/src/androidMain/res/values/strings.xml

@@ -1,4 +1,14 @@
 <resources>
     <string name="app_name">Casera</string>
     <string name="default_notification_channel_id">casera_notifications</string>
+
+    <!-- Widget Strings -->
+    <string name="widget_small_name">Casera Summary</string>
+    <string name="widget_small_description">Quick task count summary showing overdue, due soon, and active tasks</string>
+
+    <string name="widget_medium_name">Casera Tasks</string>
+    <string name="widget_medium_description">List of upcoming tasks with quick access to task details</string>
+
+    <string name="widget_large_name">Casera Dashboard</string>
+    <string name="widget_large_description">Full task dashboard with stats and interactive actions (Pro feature)</string>
 </resources>

composeApp/src/androidMain/res/xml/casera_large_widget_info.xml

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<appwidget-provider xmlns:android="http://schemas.android.com/apk/res/android"
+    android:minWidth="250dp"
+    android:minHeight="250dp"
+    android:targetCellWidth="4"
+    android:targetCellHeight="4"
+    android:minResizeWidth="180dp"
+    android:minResizeHeight="180dp"
+    android:maxResizeWidth="400dp"
+    android:maxResizeHeight="400dp"
+    android:resizeMode="horizontal|vertical"
+    android:widgetCategory="home_screen"
+    android:initialLayout="@layout/widget_loading"
+    android:previewLayout="@layout/widget_large_preview"
+    android:description="@string/widget_large_description"
+    android:updatePeriodMillis="1800000"
+    android:widgetFeatures="reconfigurable" />

composeApp/src/androidMain/res/xml/casera_medium_widget_info.xml

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<appwidget-provider xmlns:android="http://schemas.android.com/apk/res/android"
+    android:minWidth="250dp"
+    android:minHeight="110dp"
+    android:targetCellWidth="4"
+    android:targetCellHeight="2"
+    android:minResizeWidth="180dp"
+    android:minResizeHeight="80dp"
+    android:maxResizeWidth="400dp"
+    android:maxResizeHeight="200dp"
+    android:resizeMode="horizontal|vertical"
+    android:widgetCategory="home_screen"
+    android:initialLayout="@layout/widget_loading"
+    android:previewLayout="@layout/widget_medium_preview"
+    android:description="@string/widget_medium_description"
+    android:updatePeriodMillis="1800000"
+    android:widgetFeatures="reconfigurable" />

composeApp/src/androidMain/res/xml/casera_small_widget_info.xml

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<appwidget-provider xmlns:android="http://schemas.android.com/apk/res/android"
+    android:minWidth="110dp"
+    android:minHeight="40dp"
+    android:targetCellWidth="2"
+    android:targetCellHeight="1"
+    android:minResizeWidth="110dp"
+    android:minResizeHeight="40dp"
+    android:maxResizeWidth="300dp"
+    android:maxResizeHeight="120dp"
+    android:resizeMode="horizontal|vertical"
+    android:widgetCategory="home_screen"
+    android:initialLayout="@layout/widget_loading"
+    android:previewLayout="@layout/widget_small_preview"
+    android:description="@string/widget_small_description"
+    android:updatePeriodMillis="1800000"
+    android:widgetFeatures="reconfigurable" />