Merge pull request 'feat: subtask categories + live refresh fixes + release automation' (#1) from feat/subtask-categories-refresh into main

Reviewed-on: #1

.gitea/workflows/release.yml

@@ -0,0 +1,57 @@
+name: release
+
+on:
+  push:
+    branches:
+      - main
+
+permissions:
+  contents: write
+
+jobs:
+  release:
+    runs-on: ubuntu-latest
+    if: github.event_name == 'push' && startsWith(github.event.head_commit.message, 'Merge pull request')
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Compute next version
+        id: version
+        run: |
+          latest=$(git tag --list 'v[0-9]*' --sort=-v:refname | head -n 1)
+          if [ -z "$latest" ]; then
+            next="v1.0.0"
+          else
+            latest=${latest#v}
+            IFS='.' read -r major minor patch <<< "$latest"
+            next="v${major}.${minor}.$((patch + 1))"
+          fi
+          echo "next=${next}" >> "$GITHUB_OUTPUT"
+
+      - name: Build changelog
+        id: changelog
+        run: |
+          prev_tag=$(git describe --tags --abbrev=0 2>/dev/null || echo "")
+          if [ -z "$prev_tag" ]; then
+            log=$(git log --oneline --no-merges main | head -n 40)
+          else
+            log=$(git log --oneline --no-merges "$prev_tag"..main | head -n 40)
+          fi
+          {
+            echo "body<<EOF"
+            echo "## What's new in this release"
+            echo ""
+            echo "$log" | sed 's/^/- /'
+            echo "EOF"
+          } >> "$GITHUB_OUTPUT"
+
+      - name: Create release
+        uses: softprops/action-gh-release@v2
+        with:
+          tag_name: ${{ steps.version.outputs.next }}
+          name: ${{ steps.version.outputs.next }}
+          body: ${{ steps.changelog.outputs.body }}
+          generate_release_notes: false

API_SPEC.md

@@ -57,6 +57,7 @@ GET /sync
     {
       "id": "sub_1",
       "taskId": "task_1",
+      "parentSubtaskId": null,
       "title": "Setup Expo project",
       "completed": true,
       "order": 0,
@@ -64,10 +65,21 @@ GET /sync
       "updatedAt": 1699000000000
     }
   ],
+  "repeatProfiles": [],
+  "friendships": [],
+  "deleted": [
+    {
+      "entity": "tasks",
+      "id": "task_5",
+      "updatedAt": 1699150000000
+    }
+  ],
   "timestamp": 1699150000000
 }
 ```
 
+`deleted` contains every row tombstoned (deleted) since `since` — one entry per entity type/id. Clients must remove the row locally (and any related rows: a task deletion implies its subtasks, a category deletion implies its tasks and their subtasks, a parent subtask deletion implies its children).
+
 **Error Responses**
 | Status | Code | Message |
 |--------|------|---------|
@@ -114,6 +126,7 @@ POST /sync/push
       {
         "id": "sub_new",
         "taskId": "task_new",
+        "parentSubtaskId": null,
         "title": "Subtask 1",
         "completed": false,
         "order": 0,
@@ -122,10 +135,19 @@ POST /sync/push
       }
     ]
   },
+  "deleted": [
+    {
+      "entity": "categories",
+      "id": "cat_gone",
+      "updatedAt": 1699150000000
+    }
+  ],
   "lastPulledAt": 1699100000000
 }
 ```
 
+`deleted` is a list of tombstones the client recorded locally since its last successful sync. Deletions are resolved by last-writer-wins: if the server row's `updatedAt` is newer than the tombstone's `updatedAt`, the deletion is rejected and reported as a `server_wins` conflict (with the server row as `serverVersion`) so the client re-pulls it. Accepted deletions remove the rows server-side; cascaded rows (subtasks of a deleted task, tasks/subtasks of a deleted category, children of a deleted parent subtask) are tombstoned automatically so every device removes them.
+
 **Response** (200 OK)
 ```json
 {
@@ -568,6 +590,16 @@ interface Task {
   completed: boolean;
   dueDate: number;    // Unix timestamp (ms), 0 if not set
   dueTime: string;    // HH:MM format, empty if not set
+  endTime: string;    // HH:MM format, empty if not set
+  allDay: boolean;
+  repeat: 'none' | 'daily' | 'weekly' | 'monthly' | 'custom';
+  repeatInterval: number;
+  repeatDays: string; // comma separated weekday numbers, e.g. "0,2,4"
+  seriesId: string;   // repeating-series id, empty if not part of a series
+  reminder: 'none' | 'at_time' | '15' | '30' | '60' | '120' | '1440';
+  reminders: string;  // comma separated reminder values, empty if none
+  assigneeId: string | null;
+  completedAt: number | null; // Unix timestamp (ms) when completed
   createdAt: number;
   updatedAt: number;
   subtasks?: Subtask[];
@@ -579,14 +611,37 @@ interface Task {
 interface Subtask {
   id: string;
   taskId: string;
+  parentSubtaskId: string | null; // id of the parent subtask, null for top-level
   title: string;
+  description: string;
+  priority: 'none' | 'low' | 'medium' | 'high' | 'critical';
   completed: boolean;
+  dueDate: number;
+  dueTime: string;
+  endTime: string;
+  allDay: boolean;
+  repeat: 'none' | 'daily' | 'weekly' | 'monthly' | 'custom';
+  repeatInterval: number;
+  repeatDays: string;
+  seriesId: string;
+  reminder: 'none' | 'at_time' | '15' | '30' | '60' | '120' | '1440';
+  reminders: string;
+  assigneeId: string | null;
   order: number;
   createdAt: number;
   updatedAt: number;
 }
 ```
 
+### Tombstone
+```typescript
+interface Tombstone {
+  entity: 'categories' | 'tasks' | 'subtasks' | 'repeatProfiles' | 'friendships';
+  id: string;        // id of the deleted row
+  updatedAt: number; // Unix timestamp (ms) of the deletion
+}
+```
+
 ### UserSettings
 ```typescript
 interface UserSettings {

backend/dist/db/schema.d.ts

@@ -1,3 +1,5 @@
+export declare const ENTITIES: readonly ["categories", "tasks", "subtasks", "repeatProfiles", "friendships"];
+export type EntityName = (typeof ENTITIES)[number];
 export declare const users: import("drizzle-orm/pg-core").PgTableWithColumns<{
     name: "users";
     schema: undefined;
@@ -50,6 +52,38 @@ export declare const users: import("drizzle-orm/pg-core").PgTableWithColumns<{
             baseColumn: never;
             generated: undefined;
         }, {}, {}>;
+        resetToken: import("drizzle-orm/pg-core").PgColumn<{
+            name: "reset_token";
+            tableName: "users";
+            dataType: "string";
+            columnType: "PgText";
+            data: string;
+            driverParam: string;
+            notNull: false;
+            hasDefault: false;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: [string, ...string[]];
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        resetTokenExpiry: import("drizzle-orm/pg-core").PgColumn<{
+            name: "reset_token_expiry";
+            tableName: "users";
+            dataType: "number";
+            columnType: "PgBigInt53";
+            data: number;
+            driverParam: string | number;
+            notNull: false;
+            hasDefault: false;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: undefined;
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
         createdAt: import("drizzle-orm/pg-core").PgColumn<{
             name: "created_at";
             tableName: "users";
@@ -334,7 +368,7 @@ export declare const tasks: import("drizzle-orm/pg-core").PgTableWithColumns<{
             columnType: "PgText";
             data: string;
             driverParam: string;
-            notNull: true;
+            notNull: false;
             hasDefault: false;
             isPrimaryKey: false;
             isAutoincrement: false;
@@ -455,6 +489,22 @@ export declare const tasks: import("drizzle-orm/pg-core").PgTableWithColumns<{
             baseColumn: never;
             generated: undefined;
         }, {}, {}>;
+        allDay: import("drizzle-orm/pg-core").PgColumn<{
+            name: "all_day";
+            tableName: "tasks";
+            dataType: "boolean";
+            columnType: "PgBoolean";
+            data: boolean;
+            driverParam: boolean;
+            notNull: true;
+            hasDefault: true;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: undefined;
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
         repeat: import("drizzle-orm/pg-core").PgColumn<{
             name: "repeat";
             tableName: "tasks";
@@ -551,6 +601,38 @@ export declare const tasks: import("drizzle-orm/pg-core").PgTableWithColumns<{
             baseColumn: never;
             generated: undefined;
         }, {}, {}>;
+        reminders: import("drizzle-orm/pg-core").PgColumn<{
+            name: "reminders";
+            tableName: "tasks";
+            dataType: "string";
+            columnType: "PgText";
+            data: string;
+            driverParam: string;
+            notNull: true;
+            hasDefault: true;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: [string, ...string[]];
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        completedAt: import("drizzle-orm/pg-core").PgColumn<{
+            name: "completed_at";
+            tableName: "tasks";
+            dataType: "number";
+            columnType: "PgBigInt53";
+            data: number;
+            driverParam: string | number;
+            notNull: false;
+            hasDefault: false;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: undefined;
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
         createdAt: import("drizzle-orm/pg-core").PgColumn<{
             name: "created_at";
             tableName: "tasks";
@@ -586,6 +668,436 @@ export declare const tasks: import("drizzle-orm/pg-core").PgTableWithColumns<{
     };
     dialect: "pg";
 }>;
+export declare const tombstones: import("drizzle-orm/pg-core").PgTableWithColumns<{
+    name: "tombstones";
+    schema: undefined;
+    columns: {
+        entity: import("drizzle-orm/pg-core").PgColumn<{
+            name: "entity";
+            tableName: "tombstones";
+            dataType: "string";
+            columnType: "PgText";
+            data: "categories" | "tasks" | "subtasks" | "repeatProfiles" | "friendships";
+            driverParam: string;
+            notNull: true;
+            hasDefault: false;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: ["categories", "tasks", "subtasks", "repeatProfiles", "friendships"];
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        entityId: import("drizzle-orm/pg-core").PgColumn<{
+            name: "entity_id";
+            tableName: "tombstones";
+            dataType: "string";
+            columnType: "PgText";
+            data: string;
+            driverParam: string;
+            notNull: true;
+            hasDefault: false;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: [string, ...string[]];
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        userId: import("drizzle-orm/pg-core").PgColumn<{
+            name: "user_id";
+            tableName: "tombstones";
+            dataType: "string";
+            columnType: "PgText";
+            data: string;
+            driverParam: string;
+            notNull: true;
+            hasDefault: false;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: [string, ...string[]];
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        updatedAt: import("drizzle-orm/pg-core").PgColumn<{
+            name: "updated_at";
+            tableName: "tombstones";
+            dataType: "number";
+            columnType: "PgBigInt53";
+            data: number;
+            driverParam: string | number;
+            notNull: true;
+            hasDefault: false;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: undefined;
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+    };
+    dialect: "pg";
+}>;
+export declare const subtasks: import("drizzle-orm/pg-core").PgTableWithColumns<{
+    name: "subtasks";
+    schema: undefined;
+    columns: {
+        id: import("drizzle-orm/pg-core").PgColumn<{
+            name: "id";
+            tableName: "subtasks";
+            dataType: "string";
+            columnType: "PgText";
+            data: string;
+            driverParam: string;
+            notNull: true;
+            hasDefault: false;
+            isPrimaryKey: true;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: [string, ...string[]];
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        userId: import("drizzle-orm/pg-core").PgColumn<{
+            name: "user_id";
+            tableName: "subtasks";
+            dataType: "string";
+            columnType: "PgText";
+            data: string;
+            driverParam: string;
+            notNull: true;
+            hasDefault: false;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: [string, ...string[]];
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        taskId: import("drizzle-orm/pg-core").PgColumn<{
+            name: "task_id";
+            tableName: "subtasks";
+            dataType: "string";
+            columnType: "PgText";
+            data: string;
+            driverParam: string;
+            notNull: true;
+            hasDefault: false;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: [string, ...string[]];
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        parentSubtaskId: import("drizzle-orm/pg-core").PgColumn<{
+            name: "parent_subtask_id";
+            tableName: "subtasks";
+            dataType: "string";
+            columnType: "PgText";
+            data: string;
+            driverParam: string;
+            notNull: false;
+            hasDefault: false;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: [string, ...string[]];
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        title: import("drizzle-orm/pg-core").PgColumn<{
+            name: "title";
+            tableName: "subtasks";
+            dataType: "string";
+            columnType: "PgText";
+            data: string;
+            driverParam: string;
+            notNull: true;
+            hasDefault: false;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: [string, ...string[]];
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        description: import("drizzle-orm/pg-core").PgColumn<{
+            name: "description";
+            tableName: "subtasks";
+            dataType: "string";
+            columnType: "PgText";
+            data: string;
+            driverParam: string;
+            notNull: true;
+            hasDefault: true;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: [string, ...string[]];
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        priority: import("drizzle-orm/pg-core").PgColumn<{
+            name: "priority";
+            tableName: "subtasks";
+            dataType: "string";
+            columnType: "PgText";
+            data: "none" | "low" | "medium" | "high" | "critical";
+            driverParam: string;
+            notNull: true;
+            hasDefault: true;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: ["none", "low", "medium", "high", "critical"];
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        completed: import("drizzle-orm/pg-core").PgColumn<{
+            name: "completed";
+            tableName: "subtasks";
+            dataType: "boolean";
+            columnType: "PgBoolean";
+            data: boolean;
+            driverParam: boolean;
+            notNull: true;
+            hasDefault: true;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: undefined;
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        dueDate: import("drizzle-orm/pg-core").PgColumn<{
+            name: "due_date";
+            tableName: "subtasks";
+            dataType: "number";
+            columnType: "PgBigInt53";
+            data: number;
+            driverParam: string | number;
+            notNull: true;
+            hasDefault: true;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: undefined;
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        dueTime: import("drizzle-orm/pg-core").PgColumn<{
+            name: "due_time";
+            tableName: "subtasks";
+            dataType: "string";
+            columnType: "PgText";
+            data: string;
+            driverParam: string;
+            notNull: true;
+            hasDefault: true;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: [string, ...string[]];
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        endTime: import("drizzle-orm/pg-core").PgColumn<{
+            name: "end_time";
+            tableName: "subtasks";
+            dataType: "string";
+            columnType: "PgText";
+            data: string;
+            driverParam: string;
+            notNull: true;
+            hasDefault: true;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: [string, ...string[]];
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        allDay: import("drizzle-orm/pg-core").PgColumn<{
+            name: "all_day";
+            tableName: "subtasks";
+            dataType: "boolean";
+            columnType: "PgBoolean";
+            data: boolean;
+            driverParam: boolean;
+            notNull: true;
+            hasDefault: true;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: undefined;
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        repeat: import("drizzle-orm/pg-core").PgColumn<{
+            name: "repeat";
+            tableName: "subtasks";
+            dataType: "string";
+            columnType: "PgText";
+            data: "custom" | "none" | "daily" | "weekly" | "monthly";
+            driverParam: string;
+            notNull: true;
+            hasDefault: true;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: ["none", "daily", "weekly", "monthly", "custom"];
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        repeatInterval: import("drizzle-orm/pg-core").PgColumn<{
+            name: "repeat_interval";
+            tableName: "subtasks";
+            dataType: "number";
+            columnType: "PgInteger";
+            data: number;
+            driverParam: string | number;
+            notNull: true;
+            hasDefault: true;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: undefined;
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        repeatDays: import("drizzle-orm/pg-core").PgColumn<{
+            name: "repeat_days";
+            tableName: "subtasks";
+            dataType: "string";
+            columnType: "PgText";
+            data: string;
+            driverParam: string;
+            notNull: true;
+            hasDefault: true;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: [string, ...string[]];
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        seriesId: import("drizzle-orm/pg-core").PgColumn<{
+            name: "series_id";
+            tableName: "subtasks";
+            dataType: "string";
+            columnType: "PgText";
+            data: string;
+            driverParam: string;
+            notNull: true;
+            hasDefault: true;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: [string, ...string[]];
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        reminder: import("drizzle-orm/pg-core").PgColumn<{
+            name: "reminder";
+            tableName: "subtasks";
+            dataType: "string";
+            columnType: "PgText";
+            data: "none" | "at_time" | "15" | "30" | "60" | "120" | "1440";
+            driverParam: string;
+            notNull: true;
+            hasDefault: true;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: ["none", "at_time", "15", "30", "60", "120", "1440"];
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        reminders: import("drizzle-orm/pg-core").PgColumn<{
+            name: "reminders";
+            tableName: "subtasks";
+            dataType: "string";
+            columnType: "PgText";
+            data: string;
+            driverParam: string;
+            notNull: true;
+            hasDefault: true;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: [string, ...string[]];
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        assigneeId: import("drizzle-orm/pg-core").PgColumn<{
+            name: "assignee_id";
+            tableName: "subtasks";
+            dataType: "string";
+            columnType: "PgText";
+            data: string;
+            driverParam: string;
+            notNull: false;
+            hasDefault: false;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: [string, ...string[]];
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        order: import("drizzle-orm/pg-core").PgColumn<{
+            name: "order";
+            tableName: "subtasks";
+            dataType: "number";
+            columnType: "PgInteger";
+            data: number;
+            driverParam: string | number;
+            notNull: true;
+            hasDefault: true;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: undefined;
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        createdAt: import("drizzle-orm/pg-core").PgColumn<{
+            name: "created_at";
+            tableName: "subtasks";
+            dataType: "number";
+            columnType: "PgBigInt53";
+            data: number;
+            driverParam: string | number;
+            notNull: true;
+            hasDefault: true;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: undefined;
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        updatedAt: import("drizzle-orm/pg-core").PgColumn<{
+            name: "updated_at";
+            tableName: "subtasks";
+            dataType: "number";
+            columnType: "PgBigInt53";
+            data: number;
+            driverParam: string | number;
+            notNull: true;
+            hasDefault: true;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: undefined;
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+    };
+    dialect: "pg";
+}>;
 export declare const repeatProfiles: import("drizzle-orm/pg-core").PgTableWithColumns<{
     name: "repeat_profiles";
     schema: undefined;
@@ -721,141 +1233,6 @@ export declare const repeatProfiles: import("drizzle-orm/pg-core").PgTableWithCo
     };
     dialect: "pg";
 }>;
-export declare const subtasks: import("drizzle-orm/pg-core").PgTableWithColumns<{
-    name: "subtasks";
-    schema: undefined;
-    columns: {
-        id: import("drizzle-orm/pg-core").PgColumn<{
-            name: "id";
-            tableName: "subtasks";
-            dataType: "string";
-            columnType: "PgText";
-            data: string;
-            driverParam: string;
-            notNull: true;
-            hasDefault: false;
-            isPrimaryKey: true;
-            isAutoincrement: false;
-            hasRuntimeDefault: false;
-            enumValues: [string, ...string[]];
-            baseColumn: never;
-            generated: undefined;
-        }, {}, {}>;
-        userId: import("drizzle-orm/pg-core").PgColumn<{
-            name: "user_id";
-            tableName: "subtasks";
-            dataType: "string";
-            columnType: "PgText";
-            data: string;
-            driverParam: string;
-            notNull: true;
-            hasDefault: false;
-            isPrimaryKey: false;
-            isAutoincrement: false;
-            hasRuntimeDefault: false;
-            enumValues: [string, ...string[]];
-            baseColumn: never;
-            generated: undefined;
-        }, {}, {}>;
-        taskId: import("drizzle-orm/pg-core").PgColumn<{
-            name: "task_id";
-            tableName: "subtasks";
-            dataType: "string";
-            columnType: "PgText";
-            data: string;
-            driverParam: string;
-            notNull: true;
-            hasDefault: false;
-            isPrimaryKey: false;
-            isAutoincrement: false;
-            hasRuntimeDefault: false;
-            enumValues: [string, ...string[]];
-            baseColumn: never;
-            generated: undefined;
-        }, {}, {}>;
-        title: import("drizzle-orm/pg-core").PgColumn<{
-            name: "title";
-            tableName: "subtasks";
-            dataType: "string";
-            columnType: "PgText";
-            data: string;
-            driverParam: string;
-            notNull: true;
-            hasDefault: false;
-            isPrimaryKey: false;
-            isAutoincrement: false;
-            hasRuntimeDefault: false;
-            enumValues: [string, ...string[]];
-            baseColumn: never;
-            generated: undefined;
-        }, {}, {}>;
-        completed: import("drizzle-orm/pg-core").PgColumn<{
-            name: "completed";
-            tableName: "subtasks";
-            dataType: "boolean";
-            columnType: "PgBoolean";
-            data: boolean;
-            driverParam: boolean;
-            notNull: true;
-            hasDefault: true;
-            isPrimaryKey: false;
-            isAutoincrement: false;
-            hasRuntimeDefault: false;
-            enumValues: undefined;
-            baseColumn: never;
-            generated: undefined;
-        }, {}, {}>;
-        order: import("drizzle-orm/pg-core").PgColumn<{
-            name: "order";
-            tableName: "subtasks";
-            dataType: "number";
-            columnType: "PgInteger";
-            data: number;
-            driverParam: string | number;
-            notNull: true;
-            hasDefault: true;
-            isPrimaryKey: false;
-            isAutoincrement: false;
-            hasRuntimeDefault: false;
-            enumValues: undefined;
-            baseColumn: never;
-            generated: undefined;
-        }, {}, {}>;
-        createdAt: import("drizzle-orm/pg-core").PgColumn<{
-            name: "created_at";
-            tableName: "subtasks";
-            dataType: "number";
-            columnType: "PgBigInt53";
-            data: number;
-            driverParam: string | number;
-            notNull: true;
-            hasDefault: true;
-            isPrimaryKey: false;
-            isAutoincrement: false;
-            hasRuntimeDefault: false;
-            enumValues: undefined;
-            baseColumn: never;
-            generated: undefined;
-        }, {}, {}>;
-        updatedAt: import("drizzle-orm/pg-core").PgColumn<{
-            name: "updated_at";
-            tableName: "subtasks";
-            dataType: "number";
-            columnType: "PgBigInt53";
-            data: number;
-            driverParam: string | number;
-            notNull: true;
-            hasDefault: true;
-            isPrimaryKey: false;
-            isAutoincrement: false;
-            hasRuntimeDefault: false;
-            enumValues: undefined;
-            baseColumn: never;
-            generated: undefined;
-        }, {}, {}>;
-    };
-    dialect: "pg";
-}>;
 export declare const userSettings: import("drizzle-orm/pg-core").PgTableWithColumns<{
     name: "user_settings";
     schema: undefined;

backend/dist/db/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../src/db/schema.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKhB,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAevB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQrB,CAAC;AAEH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBhB,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASzB,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASnB,CAAC;AAEH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASvB,CAAC"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../src/db/schema.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,+EAAgF,CAAC;AACtG,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;AAEnD,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOhB,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAevB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQrB,CAAC;AAEH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsBhB,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYtB,CAAC;AAGF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BlB,CAAC;AAEJ,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASzB,CAAC;AAEH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASvB,CAAC"}

backend/dist/db/schema.js

@@ -1,12 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.userSettings = exports.subtasks = exports.repeatProfiles = exports.tasks = exports.categories = exports.friendships = exports.users = void 0;
+exports.userSettings = exports.repeatProfiles = exports.subtasks = exports.tombstones = exports.tasks = exports.categories = exports.friendships = exports.users = exports.ENTITIES = void 0;
 const pg_core_1 = require("drizzle-orm/pg-core");
 const drizzle_orm_1 = require("drizzle-orm");
+exports.ENTITIES = ['categories', 'tasks', 'subtasks', 'repeatProfiles', 'friendships'];
 exports.users = (0, pg_core_1.pgTable)('users', {
     id: (0, pg_core_1.text)('id').primaryKey(),
     username: (0, pg_core_1.text)('username').notNull().unique(),
     passwordHash: (0, pg_core_1.text)('password_hash').notNull(),
+    resetToken: (0, pg_core_1.text)('reset_token'),
+    resetTokenExpiry: (0, pg_core_1.bigint)('reset_token_expiry', { mode: 'number' }),
     createdAt: (0, pg_core_1.bigint)('created_at', { mode: 'number' }).notNull().default((0, drizzle_orm_1.sql) `EXTRACT(EPOCH FROM NOW()) * 1000`),
 });
 exports.friendships = (0, pg_core_1.pgTable)('friendships', {
@@ -33,7 +36,7 @@ exports.categories = (0, pg_core_1.pgTable)('categories', {
 exports.tasks = (0, pg_core_1.pgTable)('tasks', {
     id: (0, pg_core_1.text)('id').primaryKey(),
     userId: (0, pg_core_1.text)('user_id').notNull().references(() => exports.users.id, { onDelete: 'cascade' }),
-    categoryId: (0, pg_core_1.text)('category_id').notNull().references(() => exports.categories.id, { onDelete: 'cascade' }),
+    categoryId: (0, pg_core_1.text)('category_id').references(() => exports.categories.id, { onDelete: 'cascade' }),
     title: (0, pg_core_1.text)('title').notNull(),
     description: (0, pg_core_1.text)('description').notNull().default(''),
     priority: (0, pg_core_1.text)('priority', { enum: ['none', 'low', 'medium', 'high', 'critical'] }).notNull().default('none'),
@@ -41,15 +44,56 @@ exports.tasks = (0, pg_core_1.pgTable)('tasks', {
     dueDate: (0, pg_core_1.bigint)('due_date', { mode: 'number' }).notNull().default(0),
     dueTime: (0, pg_core_1.text)('due_time').notNull().default(''),
     endTime: (0, pg_core_1.text)('end_time').notNull().default(''),
+    allDay: (0, pg_core_1.boolean)('all_day').notNull().default(false),
     repeat: (0, pg_core_1.text)('repeat', { enum: ['none', 'daily', 'weekly', 'monthly', 'custom'] }).notNull().default('none'),
     repeatInterval: (0, pg_core_1.integer)('repeat_interval').notNull().default(1),
     repeatDays: (0, pg_core_1.text)('repeat_days').notNull().default(''),
     seriesId: (0, pg_core_1.text)('series_id').notNull().default(''),
     assigneeId: (0, pg_core_1.text)('assignee_id').references(() => exports.users.id, { onDelete: 'set null' }),
     reminder: (0, pg_core_1.text)('reminder', { enum: ['none', 'at_time', '15', '30', '60', '120', '1440'] }).notNull().default('none'),
+    reminders: (0, pg_core_1.text)('reminders').notNull().default(''),
+    completedAt: (0, pg_core_1.bigint)('completed_at', { mode: 'number' }),
     createdAt: (0, pg_core_1.bigint)('created_at', { mode: 'number' }).notNull().default((0, drizzle_orm_1.sql) `EXTRACT(EPOCH FROM NOW()) * 1000`),
     updatedAt: (0, pg_core_1.bigint)('updated_at', { mode: 'number' }).notNull().default((0, drizzle_orm_1.sql) `EXTRACT(EPOCH FROM NOW()) * 1000`),
 });
+exports.tombstones = (0, pg_core_1.pgTable)('tombstones', {
+    entity: (0, pg_core_1.text)('entity', { enum: exports.ENTITIES }).notNull(),
+    entityId: (0, pg_core_1.text)('entity_id').notNull(),
+    userId: (0, pg_core_1.text)('user_id').notNull().references(() => exports.users.id, { onDelete: 'cascade' }),
+    updatedAt: (0, pg_core_1.bigint)('updated_at', { mode: 'number' }).notNull(),
+}, (t) => ({
+    pk: (0, pg_core_1.primaryKey)({ columns: [t.entity, t.entityId] }),
+    userIdx: (0, pg_core_1.index)('tombstones_user_updated_idx').on(t.userId, t.updatedAt),
+}));
+// Define subtasks with explicit type to avoid circular reference
+exports.subtasks = (0, pg_core_1.pgTable)('subtasks', {
+    id: (0, pg_core_1.text)('id').primaryKey(),
+    userId: (0, pg_core_1.text)('user_id').notNull().references(() => exports.users.id, { onDelete: 'cascade' }),
+    taskId: (0, pg_core_1.text)('task_id').notNull().references(() => exports.tasks.id, { onDelete: 'cascade' }),
+    parentSubtaskId: (0, pg_core_1.text)('parent_subtask_id').references(() => exports.subtasks.id, { onDelete: 'cascade' }),
+    title: (0, pg_core_1.text)('title').notNull(),
+    description: (0, pg_core_1.text)('description').notNull().default(''),
+    priority: (0, pg_core_1.text)('priority', { enum: ['none', 'low', 'medium', 'high', 'critical'] }).notNull().default('none'),
+    completed: (0, pg_core_1.boolean)('completed').notNull().default(false),
+    dueDate: (0, pg_core_1.bigint)('due_date', { mode: 'number' }).notNull().default(0),
+    dueTime: (0, pg_core_1.text)('due_time').notNull().default(''),
+    endTime: (0, pg_core_1.text)('end_time').notNull().default(''),
+    allDay: (0, pg_core_1.boolean)('all_day').notNull().default(false),
+    repeat: (0, pg_core_1.text)('repeat', { enum: ['none', 'daily', 'weekly', 'monthly', 'custom'] }).notNull().default('none'),
+    repeatInterval: (0, pg_core_1.integer)('repeat_interval').notNull().default(1),
+    repeatDays: (0, pg_core_1.text)('repeat_days').notNull().default(''),
+    seriesId: (0, pg_core_1.text)('series_id').notNull().default(''),
+    reminder: (0, pg_core_1.text)('reminder', { enum: ['none', 'at_time', '15', '30', '60', '120', '1440'] }).notNull().default('none'),
+    reminders: (0, pg_core_1.text)('reminders').notNull().default(''),
+    assigneeId: (0, pg_core_1.text)('assignee_id').references(() => exports.users.id, { onDelete: 'set null' }),
+    order: (0, pg_core_1.integer)('order').notNull().default(0),
+    createdAt: (0, pg_core_1.bigint)('created_at', { mode: 'number' }).notNull().default((0, drizzle_orm_1.sql) `EXTRACT(EPOCH FROM NOW()) * 1000`),
+    updatedAt: (0, pg_core_1.bigint)('updated_at', { mode: 'number' }).notNull().default((0, drizzle_orm_1.sql) `EXTRACT(EPOCH FROM NOW()) * 1000`),
+}, (t) => ({
+    parentIdx: (0, pg_core_1.index)('subtasks_parent_idx').on(t.parentSubtaskId),
+    taskIdx: (0, pg_core_1.index)('subtasks_task_idx').on(t.taskId),
+    userIdx: (0, pg_core_1.index)('subtasks_user_idx').on(t.userId),
+}));
 exports.repeatProfiles = (0, pg_core_1.pgTable)('repeat_profiles', {
     id: (0, pg_core_1.text)('id').primaryKey(),
     userId: (0, pg_core_1.text)('user_id').notNull().references(() => exports.users.id, { onDelete: 'cascade' }),
@@ -60,16 +104,6 @@ exports.repeatProfiles = (0, pg_core_1.pgTable)('repeat_profiles', {
     createdAt: (0, pg_core_1.bigint)('created_at', { mode: 'number' }).notNull().default((0, drizzle_orm_1.sql) `EXTRACT(EPOCH FROM NOW()) * 1000`),
     updatedAt: (0, pg_core_1.bigint)('updated_at', { mode: 'number' }).notNull().default((0, drizzle_orm_1.sql) `EXTRACT(EPOCH FROM NOW()) * 1000`),
 });
-exports.subtasks = (0, pg_core_1.pgTable)('subtasks', {
-    id: (0, pg_core_1.text)('id').primaryKey(),
-    userId: (0, pg_core_1.text)('user_id').notNull().references(() => exports.users.id, { onDelete: 'cascade' }),
-    taskId: (0, pg_core_1.text)('task_id').notNull().references(() => exports.tasks.id, { onDelete: 'cascade' }),
-    title: (0, pg_core_1.text)('title').notNull(),
-    completed: (0, pg_core_1.boolean)('completed').notNull().default(false),
-    order: (0, pg_core_1.integer)('order').notNull().default(0),
-    createdAt: (0, pg_core_1.bigint)('created_at', { mode: 'number' }).notNull().default((0, drizzle_orm_1.sql) `EXTRACT(EPOCH FROM NOW()) * 1000`),
-    updatedAt: (0, pg_core_1.bigint)('updated_at', { mode: 'number' }).notNull().default((0, drizzle_orm_1.sql) `EXTRACT(EPOCH FROM NOW()) * 1000`),
-});
 exports.userSettings = (0, pg_core_1.pgTable)('user_settings', {
     userId: (0, pg_core_1.text)('user_id').primaryKey().references(() => exports.users.id, { onDelete: 'cascade' }),
     darkMode: (0, pg_core_1.boolean)('dark_mode').notNull().default(false),

backend/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAC;AAYvB,QAAA,MAAM,GAAG,6CAAY,CAAC;AAkCtB,eAAe,GAAG,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAC;AAavB,QAAA,MAAM,GAAG,6CAAY,CAAC;AAmCtB,eAAe,GAAG,CAAC"}

backend/dist/index.js

@@ -12,6 +12,7 @@ const tasks_1 = __importDefault(require("./routes/tasks"));
 const subtasks_1 = __importDefault(require("./routes/subtasks"));
 const users_1 = __importDefault(require("./routes/users"));
 const friends_1 = __importDefault(require("./routes/friends"));
+const repeatProfiles_1 = __importDefault(require("./routes/repeatProfiles"));
 const sync_1 = __importDefault(require("./routes/sync"));
 const errorHandler_1 = require("./middleware/errorHandler");
 const app = (0, express_1.default)();
@@ -31,6 +32,7 @@ app.use('/api/categories', categories_1.default);
 app.use('/api/tasks', tasks_1.default);
 app.use('/api/subtasks', subtasks_1.default);
 app.use('/api/users', users_1.default);
+app.use('/api/repeat-profiles', repeatProfiles_1.default);
 app.use('/api/sync', sync_1.default);
 app.use('/api/friends', friends_1.default);
 // 404 handler

backend/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;AAAA,yBAAuB;AACvB,sDAA8B;AAC9B,gDAAwB;AACxB,yDAAuC;AACvC,qEAAiD;AACjD,2DAAwC;AACxC,iEAA8C;AAC9C,2DAAwC;AACxC,+DAA4C;AAC5C,yDAAuC;AACvC,4DAA0E;AAE1E,MAAM,GAAG,GAAG,IAAA,iBAAO,GAAE,CAAC;AACtB,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC;AAEtC,GAAG,CAAC,GAAG,CAAC,IAAA,cAAI,EAAC;IACX,MAAM,EAAE,IAAI;IACZ,WAAW,EAAE,IAAI;CAClB,CAAC,CAAC,CAAC;AACJ,GAAG,CAAC,GAAG,CAAC,iBAAO,CAAC,IAAI,EAAE,CAAC,CAAC;AAExB,eAAe;AACf,GAAG,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;IAC9B,GAAG,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;AACpD,CAAC,CAAC,CAAC;AAEH,aAAa;AACb,GAAG,CAAC,GAAG,CAAC,WAAW,EAAE,cAAU,CAAC,CAAC;AACjC,GAAG,CAAC,GAAG,CAAC,iBAAiB,EAAE,oBAAc,CAAC,CAAC;AAC3C,GAAG,CAAC,GAAG,CAAC,YAAY,EAAE,eAAU,CAAC,CAAC;AAClC,GAAG,CAAC,GAAG,CAAC,eAAe,EAAE,kBAAa,CAAC,CAAC;AACxC,GAAG,CAAC,GAAG,CAAC,YAAY,EAAE,eAAU,CAAC,CAAC;AAClC,GAAG,CAAC,GAAG,CAAC,WAAW,EAAE,cAAU,CAAC,CAAC;AACjC,GAAG,CAAC,GAAG,CAAC,cAAc,EAAE,iBAAY,CAAC,CAAC;AAEtC,cAAc;AACd,GAAG,CAAC,GAAG,CAAC,8BAAe,CAAC,CAAC;AAEzB,gBAAgB;AAChB,GAAG,CAAC,GAAG,CAAC,2BAAY,CAAC,CAAC;AAEtB,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE;IACpB,OAAO,CAAC,GAAG,CAAC,yCAAyC,IAAI,EAAE,CAAC,CAAC;IAC7D,OAAO,CAAC,GAAG,CAAC,wCAAwC,IAAI,MAAM,CAAC,CAAC;AAClE,CAAC,CAAC,CAAC;AAEH,kBAAe,GAAG,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;AAAA,yBAAuB;AACvB,sDAA8B;AAC9B,gDAAwB;AACxB,yDAAuC;AACvC,qEAAiD;AACjD,2DAAwC;AACxC,iEAA8C;AAC9C,2DAAwC;AACxC,+DAA4C;AAC5C,6EAA0D;AAC1D,yDAAuC;AACvC,4DAA0E;AAE1E,MAAM,GAAG,GAAG,IAAA,iBAAO,GAAE,CAAC;AACtB,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC;AAEtC,GAAG,CAAC,GAAG,CAAC,IAAA,cAAI,EAAC;IACX,MAAM,EAAE,IAAI;IACZ,WAAW,EAAE,IAAI;CAClB,CAAC,CAAC,CAAC;AACJ,GAAG,CAAC,GAAG,CAAC,iBAAO,CAAC,IAAI,EAAE,CAAC,CAAC;AAExB,eAAe;AACf,GAAG,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;IAC9B,GAAG,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;AACpD,CAAC,CAAC,CAAC;AAEH,aAAa;AACb,GAAG,CAAC,GAAG,CAAC,WAAW,EAAE,cAAU,CAAC,CAAC;AACjC,GAAG,CAAC,GAAG,CAAC,iBAAiB,EAAE,oBAAc,CAAC,CAAC;AAC3C,GAAG,CAAC,GAAG,CAAC,YAAY,EAAE,eAAU,CAAC,CAAC;AAClC,GAAG,CAAC,GAAG,CAAC,eAAe,EAAE,kBAAa,CAAC,CAAC;AACxC,GAAG,CAAC,GAAG,CAAC,YAAY,EAAE,eAAU,CAAC,CAAC;AAClC,GAAG,CAAC,GAAG,CAAC,sBAAsB,EAAE,wBAAmB,CAAC,CAAC;AACrD,GAAG,CAAC,GAAG,CAAC,WAAW,EAAE,cAAU,CAAC,CAAC;AACjC,GAAG,CAAC,GAAG,CAAC,cAAc,EAAE,iBAAY,CAAC,CAAC;AAEtC,cAAc;AACd,GAAG,CAAC,GAAG,CAAC,8BAAe,CAAC,CAAC;AAEzB,gBAAgB;AAChB,GAAG,CAAC,GAAG,CAAC,2BAAY,CAAC,CAAC;AAEtB,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE;IACpB,OAAO,CAAC,GAAG,CAAC,yCAAyC,IAAI,EAAE,CAAC,CAAC;IAC7D,OAAO,CAAC,GAAG,CAAC,wCAAwC,IAAI,MAAM,CAAC,CAAC;AAClE,CAAC,CAAC,CAAC;AAEH,kBAAe,GAAG,CAAC"}

backend/dist/routes/auth.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"auth.d.ts","sourceRoot":"","sources":["../../src/routes/auth.ts"],"names":[],"mappings":"AASA,QAAA,MAAM,MAAM,4CAAW,CAAC;AAmFxB,eAAe,MAAM,CAAC"}
+{"version":3,"file":"auth.d.ts","sourceRoot":"","sources":["../../src/routes/auth.ts"],"names":[],"mappings":"AAYA,QAAA,MAAM,MAAM,4CAAW,CAAC;AA0LxB,eAAe,MAAM,CAAC"}

backend/dist/routes/auth.js

@@ -1,4 +1,7 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const express_1 = require("express");
 const asyncHandler_1 = require("../utils/asyncHandler");
@@ -8,7 +11,47 @@ const drizzle_orm_1 = require("drizzle-orm");
 const auth_1 = require("../utils/auth");
 const errorHandler_1 = require("../middleware/errorHandler");
 const zod_1 = require("zod");
+const bcryptjs_1 = __importDefault(require("bcryptjs"));
+const express_rate_limit_1 = __importDefault(require("express-rate-limit"));
+const crypto_1 = __importDefault(require("crypto"));
 const router = (0, express_1.Router)();
+// Rate limiting for auth endpoints
+const authLimiter = (0, express_rate_limit_1.default)({
+    windowMs: 15 * 60 * 1000, // 15 minutes
+    max: 10, // limit each IP to 10 requests per windowMs
+    message: {
+        error: {
+            code: 'RATE_LIMITED',
+            message: 'Too many attempts. Please try again later.',
+        },
+    },
+    standardHeaders: true,
+    legacyHeaders: false,
+});
+const loginLimiter = (0, express_rate_limit_1.default)({
+    windowMs: 15 * 60 * 1000, // 15 minutes
+    max: 5, // stricter limit for login
+    message: {
+        error: {
+            code: 'RATE_LIMITED',
+            message: 'Too many login attempts. Please try again later.',
+        },
+    },
+    standardHeaders: true,
+    legacyHeaders: false,
+});
+const passwordResetLimiter = (0, express_rate_limit_1.default)({
+    windowMs: 60 * 60 * 1000, // 1 hour
+    max: 3, // very strict for password reset
+    message: {
+        error: {
+            code: 'RATE_LIMITED',
+            message: 'Too many password reset requests. Please try again later.',
+        },
+    },
+    standardHeaders: true,
+    legacyHeaders: false,
+});
 const usernameSchema = zod_1.z
     .string()
     .min(3)
@@ -22,15 +65,24 @@ const loginSchema = zod_1.z.object({
     username: zod_1.z.string(),
     password: zod_1.z.string(),
 });
-// In production, use bcrypt or argon2 for password hashing
-function hashPassword(password) {
-    // Simple hash for demo - replace with bcrypt in production
-    return Buffer.from(password).toString('base64');
+const forgotPasswordSchema = zod_1.z.object({
+    username: zod_1.z.string().min(1),
+});
+const resetPasswordSchema = zod_1.z.object({
+    token: zod_1.z.string().min(1),
+    password: zod_1.z.string().min(8),
+});
+const BCRYPT_ROUNDS = 12;
+async function hashPassword(password) {
+    return bcryptjs_1.default.hash(password, BCRYPT_ROUNDS);
 }
-function verifyPassword(password, hash) {
-    return hashPassword(password) === hash;
+async function verifyPassword(password, hash) {
+    return bcryptjs_1.default.compare(password, hash);
 }
-router.post('/register', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
+function generateResetToken() {
+    return crypto_1.default.randomBytes(32).toString('hex');
+}
+router.post('/register', authLimiter, (0, asyncHandler_1.asyncHandler)(async (req, res) => {
     const data = registerSchema.parse(req.body);
     const existing = await db_1.db.select().from(schema_1.users).where((0, drizzle_orm_1.eq)(schema_1.users.username, data.username)).limit(1);
     if (existing.length > 0) {
@@ -41,7 +93,7 @@ router.post('/register', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
     await db_1.db.insert(schema_1.users).values({
         id: userId,
         username: data.username,
-        passwordHash: hashPassword(data.password),
+        passwordHash: await hashPassword(data.password),
         createdAt: now,
     });
     const token = (0, auth_1.generateToken)({ userId, username: data.username });
@@ -50,7 +102,7 @@ router.post('/register', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
         token,
     });
 }));
-router.post('/login', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
+router.post('/login', loginLimiter, (0, asyncHandler_1.asyncHandler)(async (req, res) => {
     const data = loginSchema.parse(req.body);
     const user = await db_1.db.select().from(schema_1.users).where((0, drizzle_orm_1.eq)(schema_1.users.username, data.username)).limit(1);
     if (user.length === 0 || !verifyPassword(data.password, user[0].passwordHash)) {
@@ -72,5 +124,45 @@ router.get('/me', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
     }
     res.json({ id: user[0].id, username: user[0].username });
 }));
+router.post('/forgot-password', passwordResetLimiter, (0, asyncHandler_1.asyncHandler)(async (req, res) => {
+    const data = forgotPasswordSchema.parse(req.body);
+    const user = await db_1.db.select().from(schema_1.users).where((0, drizzle_orm_1.eq)(schema_1.users.username, data.username)).limit(1);
+    // Always return success to prevent username enumeration
+    if (user.length === 0) {
+        res.json({ success: true });
+        return;
+    }
+    const resetToken = generateResetToken();
+    const resetTokenExpiry = Date.now() + 3600000; // 1 hour
+    await db_1.db
+        .update(schema_1.users)
+        .set({ resetToken, resetTokenExpiry })
+        .where((0, drizzle_orm_1.eq)(schema_1.users.id, user[0].id));
+    // In production, send email with reset link
+    // For now, return token in response (dev only)
+    if (process.env.NODE_ENV !== 'production') {
+        res.json({ success: true, resetToken });
+    }
+    else {
+        res.json({ success: true });
+    }
+}));
+router.post('/reset-password', passwordResetLimiter, (0, asyncHandler_1.asyncHandler)(async (req, res) => {
+    const data = resetPasswordSchema.parse(req.body);
+    const user = await db_1.db
+        .select()
+        .from(schema_1.users)
+        .where((0, drizzle_orm_1.eq)(schema_1.users.resetToken, data.token))
+        .limit(1);
+    if (user.length === 0 || !user[0].resetTokenExpiry || user[0].resetTokenExpiry < Date.now()) {
+        throw new errorHandler_1.AppError('INVALID_TOKEN', 'Invalid or expired reset token', 400);
+    }
+    const newPasswordHash = await hashPassword(data.password);
+    await db_1.db
+        .update(schema_1.users)
+        .set({ passwordHash: newPasswordHash, resetToken: null, resetTokenExpiry: null })
+        .where((0, drizzle_orm_1.eq)(schema_1.users.id, user[0].id));
+    res.json({ success: true });
+}));
 exports.default = router;
 //# sourceMappingURL=auth.js.map

backend/dist/routes/friends.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"friends.d.ts","sourceRoot":"","sources":["../../src/routes/friends.ts"],"names":[],"mappings":"AAUA,QAAA,MAAM,MAAM,4CAAW,CAAC;AAsKxB,eAAe,MAAM,CAAC"}
+{"version":3,"file":"friends.d.ts","sourceRoot":"","sources":["../../src/routes/friends.ts"],"names":[],"mappings":"AAUA,QAAA,MAAM,MAAM,4CAAW,CAAC;AAuLxB,eAAe,MAAM,CAAC"}

backend/dist/routes/friends.js

@@ -53,6 +53,17 @@ router.get('/', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
     }));
     res.json({ friends, incoming, outgoing });
 }));
+router.get('/search', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
+    const { q } = validation_1.searchQuerySchema.parse(req.query);
+    const userId = req.user.userId;
+    const results = await db_1.db
+        .select({ id: schema_1.users.id, username: schema_1.users.username })
+        .from(schema_1.users)
+        .where((0, drizzle_orm_1.and)((0, drizzle_orm_1.ne)(schema_1.users.id, userId), (0, drizzle_orm_1.ilike)(schema_1.users.username, `%${q}%`)))
+        .orderBy((0, drizzle_orm_1.asc)(schema_1.users.username))
+        .limit(20);
+    res.json(results);
+}));
 router.post('/requests', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
     const { username } = validation_1.friendRequestSchema.parse(req.body);
     const userId = req.user.userId;

backend/dist/routes/repeatProfiles.d.ts

@@ -0,0 +1,3 @@
+declare const router: import("express-serve-static-core").Router;
+export default router;
+//# sourceMappingURL=repeatProfiles.d.ts.map

backend/dist/routes/repeatProfiles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"repeatProfiles.d.ts","sourceRoot":"","sources":["../../src/routes/repeatProfiles.ts"],"names":[],"mappings":"AAUA,QAAA,MAAM,MAAM,4CAAW,CAAC;AA+ExB,eAAe,MAAM,CAAC"}

backend/dist/routes/repeatProfiles.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const express_1 = require("express");
+const asyncHandler_1 = require("../utils/asyncHandler");
+const db_1 = require("../db");
+const schema_1 = require("../db/schema");
+const drizzle_orm_1 = require("drizzle-orm");
+const auth_1 = require("../utils/auth");
+const auth_2 = require("../utils/auth");
+const errorHandler_1 = require("../middleware/errorHandler");
+const validation_1 = require("../utils/validation");
+const router = (0, express_1.Router)();
+router.use(auth_1.authMiddleware);
+router.get('/', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
+    const profiles = await db_1.db
+        .select()
+        .from(schema_1.repeatProfiles)
+        .where((0, drizzle_orm_1.eq)(schema_1.repeatProfiles.userId, req.user.userId))
+        .orderBy((0, drizzle_orm_1.asc)(schema_1.repeatProfiles.createdAt));
+    res.json({ profiles });
+}));
+router.post('/', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
+    const data = validation_1.repeatProfileSchema.parse(req.body);
+    const userId = req.user.userId;
+    const now = Date.now();
+    const newProfile = {
+        id: (0, auth_2.generateId)('rp'),
+        userId,
+        name: data.name,
+        repeat: data.repeat,
+        repeatInterval: data.repeatInterval,
+        repeatDays: data.repeatDays,
+        createdAt: now,
+        updatedAt: now,
+    };
+    await db_1.db.insert(schema_1.repeatProfiles).values(newProfile);
+    res.status(201).json(newProfile);
+}));
+router.patch('/:id', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
+    const data = validation_1.repeatProfileUpdateSchema.parse(req.body);
+    const userId = req.user.userId;
+    const existing = await db_1.db
+        .select()
+        .from(schema_1.repeatProfiles)
+        .where((0, drizzle_orm_1.and)((0, drizzle_orm_1.eq)(schema_1.repeatProfiles.id, req.params.id), (0, drizzle_orm_1.eq)(schema_1.repeatProfiles.userId, userId)))
+        .limit(1);
+    if (existing.length === 0) {
+        throw new errorHandler_1.AppError('NOT_FOUND', 'Repeat profile not found', 404);
+    }
+    const now = Date.now();
+    const updated = await db_1.db
+        .update(schema_1.repeatProfiles)
+        .set({ ...data, updatedAt: now })
+        .where((0, drizzle_orm_1.and)((0, drizzle_orm_1.eq)(schema_1.repeatProfiles.id, req.params.id), (0, drizzle_orm_1.eq)(schema_1.repeatProfiles.userId, userId)))
+        .returning();
+    res.json(updated[0]);
+}));
+router.delete('/:id', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
+    const userId = req.user.userId;
+    const existing = await db_1.db
+        .select()
+        .from(schema_1.repeatProfiles)
+        .where((0, drizzle_orm_1.and)((0, drizzle_orm_1.eq)(schema_1.repeatProfiles.id, req.params.id), (0, drizzle_orm_1.eq)(schema_1.repeatProfiles.userId, userId)))
+        .limit(1);
+    if (existing.length === 0) {
+        throw new errorHandler_1.AppError('NOT_FOUND', 'Repeat profile not found', 404);
+    }
+    await db_1.db
+        .delete(schema_1.repeatProfiles)
+        .where((0, drizzle_orm_1.and)((0, drizzle_orm_1.eq)(schema_1.repeatProfiles.id, req.params.id), (0, drizzle_orm_1.eq)(schema_1.repeatProfiles.userId, userId)));
+    res.status(204).send();
+}));
+exports.default = router;
+//# sourceMappingURL=repeatProfiles.js.map

backend/dist/routes/repeatProfiles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"repeatProfiles.js","sourceRoot":"","sources":["../../src/routes/repeatProfiles.ts"],"names":[],"mappings":";;AAAA,qCAAoD;AACpD,wDAAqD;AACrD,8BAA2B;AAC3B,yCAA8C;AAC9C,6CAA2C;AAC3C,wCAA+C;AAC/C,wCAA2C;AAC3C,6DAAsD;AACtD,oDAAqF;AAErF,MAAM,MAAM,GAAG,IAAA,gBAAM,GAAE,CAAC;AAExB,MAAM,CAAC,GAAG,CAAC,qBAAc,CAAC,CAAC;AAE3B,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,IAAA,2BAAY,EAAC,KAAK,EAAE,GAAY,EAAE,GAAa,EAAE,EAAE;IACjE,MAAM,QAAQ,GAAG,MAAM,OAAE;SACtB,MAAM,EAAE;SACR,IAAI,CAAC,uBAAc,CAAC;SACpB,KAAK,CAAC,IAAA,gBAAE,EAAC,uBAAc,CAAC,MAAM,EAAE,GAAG,CAAC,IAAK,CAAC,MAAM,CAAC,CAAC;SAClD,OAAO,CAAC,IAAA,iBAAG,EAAC,uBAAc,CAAC,SAAS,CAAC,CAAC,CAAC;IAE1C,GAAG,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;AACzB,CAAC,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,IAAA,2BAAY,EAAC,KAAK,EAAE,GAAY,EAAE,GAAa,EAAE,EAAE;IAClE,MAAM,IAAI,GAAG,gCAAmB,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,MAAM,GAAG,GAAG,CAAC,IAAK,CAAC,MAAM,CAAC;IAChC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IAEvB,MAAM,UAAU,GAAG;QACjB,EAAE,EAAE,IAAA,iBAAU,EAAC,IAAI,CAAC;QACpB,MAAM;QACN,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,cAAc,EAAE,IAAI,CAAC,cAAc;QACnC,UAAU,EAAE,IAAI,CAAC,UAAU;QAC3B,SAAS,EAAE,GAAG;QACd,SAAS,EAAE,GAAG;KACf,CAAC;IAEF,MAAM,OAAE,CAAC,MAAM,CAAC,uBAAc,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IAEnD,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AACnC,CAAC,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,IAAA,2BAAY,EAAC,KAAK,EAAE,GAAY,EAAE,GAAa,EAAE,EAAE;IACtE,MAAM,IAAI,GAAG,sCAAyB,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACvD,MAAM,MAAM,GAAG,GAAG,CAAC,IAAK,CAAC,MAAM,CAAC;IAEhC,MAAM,QAAQ,GAAG,MAAM,OAAE;SACtB,MAAM,EAAE;SACR,IAAI,CAAC,uBAAc,CAAC;SACpB,KAAK,CAAC,IAAA,iBAAG,EAAC,IAAA,gBAAE,EAAC,uBAAc,CAAC,EAAE,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,IAAA,gBAAE,EAAC,uBAAc,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;SACnF,KAAK,CAAC,CAAC,CAAC,CAAC;IAEZ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC1B,MAAM,IAAI,uBAAQ,CAAC,WAAW,EAAE,0BAA0B,EAAE,GAAG,CAAC,CAAC;IACnE,CAAC;IAED,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IACvB,MAAM,OAAO,GAAG,MAAM,OAAE;SACrB,MAAM,CAAC,uBAAc,CAAC;SACtB,GAAG,CAAC,EAAE,GAAG,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC;SAChC,KAAK,CAAC,IAAA,iBAAG,EAAC,IAAA,gBAAE,EAAC,uBAAc,CAAC,EAAE,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,IAAA,gBAAE,EAAC,uBAAc,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;SACnF,SAAS,EAAE,CAAC;IAEf,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;AACvB,CAAC,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,IAAA,2BAAY,EAAC,KAAK,EAAE,GAAY,EAAE,GAAa,EAAE,EAAE;IACvE,MAAM,MAAM,GAAG,GAAG,CAAC,IAAK,CAAC,MAAM,CAAC;IAEhC,MAAM,QAAQ,GAAG,MAAM,OAAE;SACtB,MAAM,EAAE;SACR,IAAI,CAAC,uBAAc,CAAC;SACpB,KAAK,CAAC,IAAA,iBAAG,EAAC,IAAA,gBAAE,EAAC,uBAAc,CAAC,EAAE,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,IAAA,gBAAE,EAAC,uBAAc,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;SACnF,KAAK,CAAC,CAAC,CAAC,CAAC;IAEZ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC1B,MAAM,IAAI,uBAAQ,CAAC,WAAW,EAAE,0BAA0B,EAAE,GAAG,CAAC,CAAC;IACnE,CAAC;IAED,MAAM,OAAE;SACL,MAAM,CAAC,uBAAc,CAAC;SACtB,KAAK,CAAC,IAAA,iBAAG,EAAC,IAAA,gBAAE,EAAC,uBAAc,CAAC,EAAE,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,IAAA,gBAAE,EAAC,uBAAc,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;IAEvF,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;AACzB,CAAC,CAAC,CAAC,CAAC;AAEJ,kBAAe,MAAM,CAAC"}

backend/dist/routes/subtasks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"subtasks.d.ts","sourceRoot":"","sources":["../../src/routes/subtasks.ts"],"names":[],"mappings":"AASA,QAAA,MAAM,MAAM,4CAAW,CAAC;AAmIxB,eAAe,MAAM,CAAC"}
+{"version":3,"file":"subtasks.d.ts","sourceRoot":"","sources":["../../src/routes/subtasks.ts"],"names":[],"mappings":"AASA,QAAA,MAAM,MAAM,4CAAW,CAAC;AAoKxB,eAAe,MAAM,CAAC"}

backend/dist/routes/subtasks.js

@@ -10,6 +10,16 @@ const errorHandler_1 = require("../middleware/errorHandler");
 const validation_1 = require("../utils/validation");
 const router = (0, express_1.Router)();
 router.use(auth_1.authMiddleware);
+// Helper to build nested subtask tree
+const buildSubtaskTree = (allSubtasks, parentId = null) => {
+    return allSubtasks
+        .filter((s) => s.parentSubtaskId === parentId)
+        .sort((a, b) => a.order - b.order)
+        .map((s) => ({
+        ...s,
+        subtasks: buildSubtaskTree(allSubtasks, s.id),
+    }));
+};
 router.get('/task/:taskId', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
     const userId = req.user.userId;
     // Verify task exists and belongs to user
@@ -26,7 +36,8 @@ router.get('/task/:taskId', (0, asyncHandler_1.asyncHandler)(async (req, res) =>
         .from(schema_1.subtasks)
         .where((0, drizzle_orm_1.and)((0, drizzle_orm_1.eq)(schema_1.subtasks.taskId, req.params.taskId), (0, drizzle_orm_1.eq)(schema_1.subtasks.userId, userId)))
         .orderBy((0, drizzle_orm_1.asc)(schema_1.subtasks.order));
-    res.json({ subtasks: taskSubtasks });
+    const nestedSubtasks = buildSubtaskTree(taskSubtasks);
+    res.json({ subtasks: nestedSubtasks });
 }));
 router.post('/task/:taskId', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
     const data = validation_1.subtaskCreateSchema.parse(req.body);
@@ -40,10 +51,11 @@ router.post('/task/:taskId', (0, asyncHandler_1.asyncHandler)(async (req, res) =
         throw new errorHandler_1.AppError('NOT_FOUND', 'Task not found', 404);
     }
     const now = Date.now();
+    const parentSubtaskId = data.parentSubtaskId || null;
     const maxOrder = await db_1.db
         .select({ order: schema_1.subtasks.order })
         .from(schema_1.subtasks)
-        .where((0, drizzle_orm_1.and)((0, drizzle_orm_1.eq)(schema_1.subtasks.taskId, req.params.taskId), (0, drizzle_orm_1.eq)(schema_1.subtasks.userId, userId)))
+        .where((0, drizzle_orm_1.and)((0, drizzle_orm_1.eq)(schema_1.subtasks.taskId, req.params.taskId), (0, drizzle_orm_1.eq)(schema_1.subtasks.userId, userId), parentSubtaskId ? (0, drizzle_orm_1.eq)(schema_1.subtasks.parentSubtaskId, parentSubtaskId) : (0, drizzle_orm_1.isNull)(schema_1.subtasks.parentSubtaskId)))
         .orderBy((0, drizzle_orm_1.desc)(schema_1.subtasks.order))
         .limit(1);
     const subtaskId = `sub_${Date.now().toString(36)}${Math.random().toString(36).slice(2, 6)}`;
@@ -51,8 +63,22 @@ router.post('/task/:taskId', (0, asyncHandler_1.asyncHandler)(async (req, res) =
         id: subtaskId,
         userId,
         taskId: req.params.taskId,
+        parentSubtaskId,
         title: data.title,
+        description: data.description ?? '',
+        priority: data.priority ?? 'none',
         completed: false,
+        dueDate: data.dueDate ?? 0,
+        dueTime: data.dueTime ?? '',
+        endTime: data.endTime ?? '',
+        allDay: data.allDay ?? false,
+        repeat: data.repeat ?? 'none',
+        repeatInterval: data.repeatInterval ?? 1,
+        repeatDays: data.repeatDays ?? '',
+        seriesId: data.seriesId ?? '',
+        reminder: data.reminder ?? 'none',
+        reminders: data.reminders ?? '',
+        assigneeId: data.assigneeId ?? null,
         order: data.order ?? (maxOrder[0]?.order ?? -1) + 1,
         createdAt: now,
         updatedAt: now,

backend/dist/routes/sync.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sync.d.ts","sourceRoot":"","sources":["../../src/routes/sync.ts"],"names":[],"mappings":"AASA,QAAA,MAAM,MAAM,4CAAW,CAAC;AA8SxB,eAAe,MAAM,CAAC"}
+{"version":3,"file":"sync.d.ts","sourceRoot":"","sources":["../../src/routes/sync.ts"],"names":[],"mappings":"AASA,QAAA,MAAM,MAAM,4CAAW,CAAC;AA2lBxB,eAAe,MAAM,CAAC"}

backend/dist/routes/sync.js

@@ -27,9 +27,8 @@ router.get('/', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
         .where((0, drizzle_orm_1.and)((0, drizzle_orm_1.eq)(schema_1.tasks.userId, userId), (0, drizzle_orm_1.gte)(schema_1.tasks.updatedAt, sinceDate)))
         .orderBy((0, drizzle_orm_1.asc)(schema_1.tasks.updatedAt));
     // Fetch subtasks changed since timestamp
-    const taskIds = changedTasks.map(t => t.id);
     let changedSubtasks = [];
-    if (taskIds.length > 0) {
+    if (changedTasks.length > 0) {
         changedSubtasks = await db_1.db
             .select()
             .from(schema_1.subtasks)
@@ -37,7 +36,7 @@ router.get('/', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
             .orderBy((0, drizzle_orm_1.asc)(schema_1.subtasks.updatedAt));
     }
     else {
-        // Also fetch subtasks for tasks that might have been deleted (we track by updatedAt)
+        // Also fetch subtasks for tasks that might have been deleted
         changedSubtasks = await db_1.db
             .select()
             .from(schema_1.subtasks)
@@ -56,6 +55,12 @@ router.get('/', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
         .from(schema_1.friendships)
         .where((0, drizzle_orm_1.and)((0, drizzle_orm_1.or)((0, drizzle_orm_1.eq)(schema_1.friendships.userId, userId), (0, drizzle_orm_1.eq)(schema_1.friendships.friendId, userId)), (0, drizzle_orm_1.gte)(schema_1.friendships.updatedAt, sinceDate)))
         .orderBy((0, drizzle_orm_1.asc)(schema_1.friendships.updatedAt));
+    // Fetch tombstones (deletions) changed since timestamp
+    const changedTombstones = await db_1.db
+        .select()
+        .from(schema_1.tombstones)
+        .where((0, drizzle_orm_1.and)((0, drizzle_orm_1.eq)(schema_1.tombstones.userId, userId), (0, drizzle_orm_1.gte)(schema_1.tombstones.updatedAt, sinceDate)))
+        .orderBy((0, drizzle_orm_1.asc)(schema_1.tombstones.updatedAt));
     const timestamp = Date.now();
     res.json({
         categories: changedCategories,
@@ -63,6 +68,7 @@ router.get('/', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
         subtasks: changedSubtasks,
         repeatProfiles: changedRepeatProfiles,
         friendships: changedFriendships,
+        deleted: changedTombstones.map((t) => ({ entity: t.entity, id: t.entityId, updatedAt: t.updatedAt })),
         timestamp,
     });
 }));
@@ -73,6 +79,65 @@ router.post('/push', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
     const timestamp = Date.now();
     try {
         await db_1.db.transaction(async (tx) => {
+            // Ensure every referenced category exists (FK integrity) so a stale or
+            // never-synced category reference cannot fail the entire push. Missing
+            // categories are recreated as a fallback and the client heals on pull.
+            const referencedCategoryIds = new Set();
+            for (const task of data.changes.tasks ?? []) {
+                if (task.categoryId)
+                    referencedCategoryIds.add(task.categoryId);
+            }
+            for (const sub of data.changes.subtasks ?? []) {
+                const task = (data.changes.tasks ?? []).find((t) => t.id === sub.taskId);
+                if (task?.categoryId)
+                    referencedCategoryIds.add(task.categoryId);
+            }
+            if (referencedCategoryIds.size > 0) {
+                const existing = await tx
+                    .select({ id: schema_1.categories.id })
+                    .from(schema_1.categories)
+                    .where((0, drizzle_orm_1.inArray)(schema_1.categories.id, [...referencedCategoryIds]));
+                const existingIds = new Set(existing.map((c) => c.id));
+                const missing = [...referencedCategoryIds].filter((id) => !existingIds.has(id));
+                if (missing.length > 0) {
+                    const rows = await tx
+                        .select({ max: (0, drizzle_orm_1.sql) `max(${schema_1.categories.order})` })
+                        .from(schema_1.categories)
+                        .where((0, drizzle_orm_1.eq)(schema_1.categories.userId, userId));
+                    const startOrder = (rows[0]?.max ?? -1) + 1;
+                    await tx.insert(schema_1.categories).values(missing.map((id, i) => ({
+                        id,
+                        userId,
+                        name: 'Default',
+                        color: '#9E9E9E',
+                        order: startOrder + i,
+                        createdAt: Date.now(),
+                        updatedAt: Date.now(),
+                    })));
+                }
+            }
+            // Sanitize assignee references: only real user ids may be stored (FK).
+            // Stale/unknown assignee ids are silently dropped to null instead of
+            // failing the whole push transaction.
+            const assigneeIds = new Set();
+            for (const task of data.changes.tasks ?? []) {
+                if (task.assigneeId)
+                    assigneeIds.add(task.assigneeId);
+            }
+            for (const sub of data.changes.subtasks ?? []) {
+                if (sub.assigneeId)
+                    assigneeIds.add(sub.assigneeId);
+            }
+            const validAssignees = new Set();
+            if (assigneeIds.size > 0) {
+                const rows = await tx
+                    .select({ id: schema_1.users.id })
+                    .from(schema_1.users)
+                    .where((0, drizzle_orm_1.inArray)(schema_1.users.id, [...assigneeIds]));
+                for (const r of rows)
+                    validAssignees.add(r.id);
+            }
+            const sanitizeAssignee = (a) => a && validAssignees.has(a) ? a : null;
             // Process categories
             if (data.changes.categories && data.changes.categories.length > 0) {
                 for (const cat of data.changes.categories) {
@@ -131,6 +196,20 @@ router.post('/push', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
                             });
                             continue; // Server wins
                         }
+                        // Prevent completing tasks with future due dates
+                        if (task.completed === true) {
+                            const effectiveDueDate = task.dueDate ?? existing[0].dueDate;
+                            if (!(0, validation_1.canCompleteTask)(effectiveDueDate)) {
+                                conflicts.push({
+                                    entity: 'tasks',
+                                    id: task.id,
+                                    serverVersion: existing[0],
+                                    clientVersion: task,
+                                    resolution: 'server_wins',
+                                });
+                                continue;
+                            }
+                        }
                         await tx
                             .update(schema_1.tasks)
                             .set({
@@ -140,14 +219,17 @@ router.post('/push', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
                             priority: task.priority,
                             completed: task.completed,
                             dueDate: task.dueDate,
-                            dueTime: task.dueTime,
+                            dueTime: task.dueTime ?? '',
                             endTime: task.endTime ?? '',
+                            allDay: task.allDay ?? false,
                             repeat: task.repeat ?? 'none',
                             repeatInterval: task.repeatInterval ?? 1,
                             repeatDays: task.repeatDays ?? '',
                             seriesId: task.seriesId ?? '',
                             reminder: task.reminder ?? 'none',
-                            assigneeId: task.assigneeId ?? null,
+                            reminders: task.reminders ?? '',
+                            assigneeId: sanitizeAssignee(task.assigneeId),
+                            completedAt: task.completedAt ?? null,
                             updatedAt: task.updatedAt,
                         })
                             .where((0, drizzle_orm_1.and)((0, drizzle_orm_1.eq)(schema_1.tasks.id, task.id), (0, drizzle_orm_1.eq)(schema_1.tasks.userId, userId)));
@@ -155,6 +237,8 @@ router.post('/push', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
                     else {
                         await tx.insert(schema_1.tasks).values({
                             ...task,
+                            assigneeId: sanitizeAssignee(task.assigneeId),
+                            allDay: task.allDay ?? false,
                             userId,
                         });
                     }
@@ -184,8 +268,22 @@ router.post('/push', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
                             .update(schema_1.subtasks)
                             .set({
                             taskId: sub.taskId,
+                            parentSubtaskId: sub.parentSubtaskId ?? null,
                             title: sub.title,
+                            description: sub.description ?? '',
+                            priority: sub.priority ?? 'none',
                             completed: sub.completed,
+                            dueDate: sub.dueDate ?? 0,
+                            dueTime: sub.dueTime ?? '',
+                            endTime: sub.endTime ?? '',
+                            allDay: sub.allDay ?? false,
+                            repeat: sub.repeat ?? 'none',
+                            repeatInterval: sub.repeatInterval ?? 1,
+                            repeatDays: sub.repeatDays ?? '',
+                            seriesId: sub.seriesId ?? '',
+                            reminder: sub.reminder ?? 'none',
+                            reminders: sub.reminders ?? '',
+                            assigneeId: sanitizeAssignee(sub.assigneeId),
                             order: sub.order,
                             updatedAt: sub.updatedAt,
                         })
@@ -194,6 +292,7 @@ router.post('/push', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
                     else {
                         await tx.insert(schema_1.subtasks).values({
                             ...sub,
+                            assigneeId: sanitizeAssignee(sub.assigneeId),
                             userId,
                         });
                     }
@@ -273,6 +372,13 @@ router.post('/push', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
                     }
                 }
             }
+            // Process deletions (tombstones) - last so they see the state produced
+            // by the upserts above and resolve by last-writer-wins.
+            if (data.deleted && data.deleted.length > 0) {
+                for (const deleted of data.deleted) {
+                    await applyTombstone(tx, deleted.entity, deleted.id, deleted.updatedAt, userId, conflicts);
+                }
+            }
         });
     }
     catch (error) {
@@ -285,5 +391,175 @@ router.post('/push', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
         conflicts,
     });
 }));
+// Upsert a tombstone row, keeping the latest updatedAt.
+async function upsertTombstone(tx, entity, entityId, updatedAt, userId) {
+    const existing = await tx
+        .select({ updatedAt: schema_1.tombstones.updatedAt })
+        .from(schema_1.tombstones)
+        .where((0, drizzle_orm_1.and)((0, drizzle_orm_1.eq)(schema_1.tombstones.entity, entity), (0, drizzle_orm_1.eq)(schema_1.tombstones.entityId, entityId)))
+        .limit(1);
+    const merged = Math.max(existing[0]?.updatedAt ?? 0, updatedAt);
+    if (existing.length > 0) {
+        await tx
+            .update(schema_1.tombstones)
+            .set({ updatedAt: merged })
+            .where((0, drizzle_orm_1.and)((0, drizzle_orm_1.eq)(schema_1.tombstones.entity, entity), (0, drizzle_orm_1.eq)(schema_1.tombstones.entityId, entityId)));
+    }
+    else {
+        await tx.insert(schema_1.tombstones).values({ entity, entityId, userId, updatedAt: merged });
+    }
+}
+// Apply a client deletion. LWW: if the server row is newer than the deletion
+// timestamp, the deletion is rejected (server_wins conflict) so the client
+// re-pulls the row. Accepted deletions cascade tombstones to every FK-cascaded
+// child so all devices remove them too.
+async function applyTombstone(tx, entity, id, deletedAt, userId, conflicts) {
+    const tombstoneOf = (e, ids) => ids.forEach((i) => upsertTombstone(tx, e, i, deletedAt, userId));
+    if (entity === 'tasks') {
+        const row = await tx
+            .select()
+            .from(schema_1.tasks)
+            .where((0, drizzle_orm_1.and)((0, drizzle_orm_1.eq)(schema_1.tasks.id, id), (0, drizzle_orm_1.eq)(schema_1.tasks.userId, userId)))
+            .limit(1);
+        if (row.length === 0) {
+            await upsertTombstone(tx, entity, id, deletedAt, userId);
+            return;
+        }
+        if (row[0].updatedAt > deletedAt) {
+            conflicts.push({
+                entity: 'tasks',
+                id,
+                serverVersion: row[0],
+                clientVersion: { id, updatedAt: deletedAt },
+                resolution: 'server_wins',
+            });
+            return;
+        }
+        const children = await tx
+            .select({ id: schema_1.subtasks.id })
+            .from(schema_1.subtasks)
+            .where((0, drizzle_orm_1.and)((0, drizzle_orm_1.eq)(schema_1.subtasks.taskId, id), (0, drizzle_orm_1.eq)(schema_1.subtasks.userId, userId)));
+        tombstoneOf('subtasks', children.map((c) => c.id));
+        await tx.delete(schema_1.tasks).where((0, drizzle_orm_1.and)((0, drizzle_orm_1.eq)(schema_1.tasks.id, id), (0, drizzle_orm_1.eq)(schema_1.tasks.userId, userId)));
+        await upsertTombstone(tx, entity, id, deletedAt, userId);
+        return;
+    }
+    if (entity === 'categories') {
+        const row = await tx
+            .select()
+            .from(schema_1.categories)
+            .where((0, drizzle_orm_1.and)((0, drizzle_orm_1.eq)(schema_1.categories.id, id), (0, drizzle_orm_1.eq)(schema_1.categories.userId, userId)))
+            .limit(1);
+        if (row.length === 0) {
+            await upsertTombstone(tx, entity, id, deletedAt, userId);
+            return;
+        }
+        if (row[0].updatedAt > deletedAt) {
+            conflicts.push({
+                entity: 'categories',
+                id,
+                serverVersion: row[0],
+                clientVersion: { id, updatedAt: deletedAt },
+                resolution: 'server_wins',
+            });
+            return;
+        }
+        // Deleting the category cascades its tasks (and their subtasks) -
+        // tombstone all of them so every client removes them.
+        const catTasks = await tx
+            .select()
+            .from(schema_1.tasks)
+            .where((0, drizzle_orm_1.and)((0, drizzle_orm_1.eq)(schema_1.tasks.categoryId, id), (0, drizzle_orm_1.eq)(schema_1.tasks.userId, userId)));
+        for (const taskRow of catTasks) {
+            const subIds = await tx
+                .select({ id: schema_1.subtasks.id })
+                .from(schema_1.subtasks)
+                .where((0, drizzle_orm_1.and)((0, drizzle_orm_1.eq)(schema_1.subtasks.taskId, taskRow.id), (0, drizzle_orm_1.eq)(schema_1.subtasks.userId, userId)));
+            tombstoneOf('subtasks', subIds.map((s) => s.id));
+            tombstoneOf('tasks', [taskRow.id]);
+        }
+        await tx.delete(schema_1.categories).where((0, drizzle_orm_1.and)((0, drizzle_orm_1.eq)(schema_1.categories.id, id), (0, drizzle_orm_1.eq)(schema_1.categories.userId, userId)));
+        await upsertTombstone(tx, entity, id, deletedAt, userId);
+        return;
+    }
+    if (entity === 'subtasks') {
+        const row = await tx
+            .select()
+            .from(schema_1.subtasks)
+            .where((0, drizzle_orm_1.and)((0, drizzle_orm_1.eq)(schema_1.subtasks.id, id), (0, drizzle_orm_1.eq)(schema_1.subtasks.userId, userId)))
+            .limit(1);
+        if (row.length === 0) {
+            await upsertTombstone(tx, entity, id, deletedAt, userId);
+            return;
+        }
+        if (row[0].updatedAt > deletedAt) {
+            conflicts.push({
+                entity: 'subtasks',
+                id,
+                serverVersion: row[0],
+                clientVersion: { id, updatedAt: deletedAt },
+                resolution: 'server_wins',
+            });
+            return;
+        }
+        // Deleting a parent subtask cascades its children in PG - tombstone them.
+        const children = await tx
+            .select({ id: schema_1.subtasks.id })
+            .from(schema_1.subtasks)
+            .where((0, drizzle_orm_1.and)((0, drizzle_orm_1.eq)(schema_1.subtasks.parentSubtaskId, id), (0, drizzle_orm_1.eq)(schema_1.subtasks.userId, userId)));
+        tombstoneOf('subtasks', children.map((c) => c.id));
+        await tx.delete(schema_1.subtasks).where((0, drizzle_orm_1.and)((0, drizzle_orm_1.eq)(schema_1.subtasks.id, id), (0, drizzle_orm_1.eq)(schema_1.subtasks.userId, userId)));
+        await upsertTombstone(tx, entity, id, deletedAt, userId);
+        return;
+    }
+    if (entity === 'repeatProfiles') {
+        const row = await tx
+            .select()
+            .from(schema_1.repeatProfiles)
+            .where((0, drizzle_orm_1.and)((0, drizzle_orm_1.eq)(schema_1.repeatProfiles.id, id), (0, drizzle_orm_1.eq)(schema_1.repeatProfiles.userId, userId)))
+            .limit(1);
+        if (row.length === 0) {
+            await upsertTombstone(tx, entity, id, deletedAt, userId);
+            return;
+        }
+        if (row[0].updatedAt > deletedAt) {
+            conflicts.push({
+                entity: 'repeatProfiles',
+                id,
+                serverVersion: row[0],
+                clientVersion: { id, updatedAt: deletedAt },
+                resolution: 'server_wins',
+            });
+            return;
+        }
+        await tx.delete(schema_1.repeatProfiles).where((0, drizzle_orm_1.and)((0, drizzle_orm_1.eq)(schema_1.repeatProfiles.id, id), (0, drizzle_orm_1.eq)(schema_1.repeatProfiles.userId, userId)));
+        await upsertTombstone(tx, entity, id, deletedAt, userId);
+        return;
+    }
+    if (entity === 'friendships') {
+        const row = await tx
+            .select()
+            .from(schema_1.friendships)
+            .where((0, drizzle_orm_1.and)((0, drizzle_orm_1.eq)(schema_1.friendships.id, id), (0, drizzle_orm_1.or)((0, drizzle_orm_1.eq)(schema_1.friendships.userId, userId), (0, drizzle_orm_1.eq)(schema_1.friendships.friendId, userId))))
+            .limit(1);
+        if (row.length === 0) {
+            await upsertTombstone(tx, entity, id, deletedAt, userId);
+            return;
+        }
+        if (row[0].updatedAt > deletedAt) {
+            conflicts.push({
+                entity: 'friendships',
+                id,
+                serverVersion: row[0],
+                clientVersion: { id, updatedAt: deletedAt },
+                resolution: 'server_wins',
+            });
+            return;
+        }
+        await tx.delete(schema_1.friendships).where((0, drizzle_orm_1.eq)(schema_1.friendships.id, id));
+        await upsertTombstone(tx, entity, id, deletedAt, userId);
+        return;
+    }
+}
 exports.default = router;
 //# sourceMappingURL=sync.js.map

backend/dist/routes/tasks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tasks.d.ts","sourceRoot":"","sources":["../../src/routes/tasks.ts"],"names":[],"mappings":"AAUA,QAAA,MAAM,MAAM,4CAAW,CAAC;AA8RxB,eAAe,MAAM,CAAC"}
+{"version":3,"file":"tasks.d.ts","sourceRoot":"","sources":["../../src/routes/tasks.ts"],"names":[],"mappings":"AAUA,QAAA,MAAM,MAAM,4CAAW,CAAC;AA+TxB,eAAe,MAAM,CAAC"}

backend/dist/routes/tasks.js

@@ -97,7 +97,8 @@ router.post('/', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
     const data = validation_1.taskCreateSchema.parse(req.body);
     const userId = req.user.userId;
     const now = Date.now();
-    // Verify category exists and belongs to user
+    // Verify category exists and belongs to user (optional - tasks may be uncategorized)
+    if (data.categoryId) {
         const cat = await db_1.db
             .select()
             .from(schema_1.categories)
@@ -106,6 +107,7 @@ router.post('/', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
         if (cat.length === 0) {
             throw new errorHandler_1.AppError('NOT_FOUND', 'Category not found', 404);
         }
+    }
     const taskId = `task_${Date.now().toString(36)}${Math.random().toString(36).slice(2, 6)}`;
     const newTask = {
         id: taskId,
@@ -118,7 +120,10 @@ router.post('/', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
         dueDate: data.dueDate ?? 0,
         dueTime: data.dueTime ?? '',
         endTime: data.endTime ?? '',
+        allDay: data.allDay ?? false,
         assigneeId: data.assigneeId ?? null,
+        reminder: data.reminder ?? 'none',
+        reminders: data.reminders ?? '',
         createdAt: now,
         updatedAt: now,
     };
@@ -166,6 +171,13 @@ router.patch('/:id', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
             throw new errorHandler_1.AppError('NOT_FOUND', 'Category not found', 404);
         }
     }
+    // Prevent completing tasks with future due dates
+    if (data.completed === true) {
+        const effectiveDueDate = data.dueDate ?? existing[0].dueDate;
+        if (!(0, validation_1.canCompleteTask)(effectiveDueDate)) {
+            throw new errorHandler_1.AppError('VALIDATION_ERROR', 'Cannot mark a task as completed if its due date is in the future', 400);
+        }
+    }
     const now = Date.now();
     const updated = await db_1.db
         .update(schema_1.tasks)
@@ -207,6 +219,7 @@ router.post('/batch', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
     for (const op of operations) {
         try {
             if (op.type === 'create') {
+                if (op.data.categoryId) {
                     const cat = await db_1.db
                         .select()
                         .from(schema_1.categories)
@@ -214,6 +227,7 @@ router.post('/batch', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
                         .limit(1);
                     if (cat.length === 0)
                         throw new errorHandler_1.AppError('NOT_FOUND', 'Category not found', 404);
+                }
                 const taskId = `task_${Date.now().toString(36)}${Math.random().toString(36).slice(2, 6)}`;
                 const now = Date.now();
                 await db_1.db.insert(schema_1.tasks).values({
@@ -227,6 +241,25 @@ router.post('/batch', (0, asyncHandler_1.asyncHandler)(async (req, res) => {
                 results.push({ id: taskId, success: true });
             }
             else if (op.type === 'update') {
+                if (op.data.completed === true) {
+                    let effectiveDueDate;
+                    if (op.data.dueDate !== undefined) {
+                        effectiveDueDate = op.data.dueDate;
+                    }
+                    else {
+                        const existingTask = await db_1.db
+                            .select({ dueDate: schema_1.tasks.dueDate })
+                            .from(schema_1.tasks)
+                            .where((0, drizzle_orm_1.and)((0, drizzle_orm_1.eq)(schema_1.tasks.id, op.id), (0, drizzle_orm_1.eq)(schema_1.tasks.userId, userId)))
+                            .limit(1);
+                        if (existingTask.length === 0)
+                            throw new errorHandler_1.AppError('NOT_FOUND', 'Task not found', 404);
+                        effectiveDueDate = existingTask[0].dueDate;
+                    }
+                    if (!(0, validation_1.canCompleteTask)(effectiveDueDate)) {
+                        throw new errorHandler_1.AppError('VALIDATION_ERROR', 'Cannot mark a task as completed if its due date is in the future', 400);
+                    }
+                }
                 await db_1.db
                     .update(schema_1.tasks)
                     .set({ ...op.data, updatedAt: Date.now() })

backend/dist/utils/auth.d.ts

@@ -2,7 +2,7 @@ import { Request, Response, NextFunction } from 'express';
 import { AuthPayload } from '../types';
 export declare function generateToken(payload: AuthPayload): string;
 export declare function verifyToken(token: string): AuthPayload | null;
-export declare function authMiddleware(req: Request, res: Response, next: NextFunction): void;
+export declare function authMiddleware(req: Request, res: Response, next: NextFunction): Promise<void>;
 export declare function optionalAuthMiddleware(req: Request, res: Response, next: NextFunction): void;
 export declare function generateId(prefix?: string): string;
 export declare function getCurrentTimestamp(): number;

backend/dist/utils/auth.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"auth.d.ts","sourceRoot":"","sources":["../../src/utils/auth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAKvC,wBAAgB,aAAa,CAAC,OAAO,EAAE,WAAW,GAAG,MAAM,CAE1D;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAM7D;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,GAAG,IAAI,CA4BpF;AAED,wBAAgB,sBAAsB,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,GAAG,IAAI,CAW5F;AAED,wBAAgB,UAAU,CAAC,MAAM,GAAE,MAAW,GAAG,MAAM,CAItD;AAED,wBAAgB,mBAAmB,IAAI,MAAM,CAE5C"}
+{"version":3,"file":"auth.d.ts","sourceRoot":"","sources":["../../src/utils/auth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAK1D,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAKvC,wBAAgB,aAAa,CAAC,OAAO,EAAE,WAAW,GAAG,MAAM,CAE1D;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAM7D;AAED,wBAAsB,cAAc,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAuCnG;AAED,wBAAgB,sBAAsB,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,GAAG,IAAI,CAW5F;AAED,wBAAgB,UAAU,CAAC,MAAM,GAAE,MAAW,GAAG,MAAM,CAItD;AAED,wBAAgB,mBAAmB,IAAI,MAAM,CAE5C"}

backend/dist/utils/auth.js

@@ -10,6 +10,9 @@ exports.optionalAuthMiddleware = optionalAuthMiddleware;
 exports.generateId = generateId;
 exports.getCurrentTimestamp = getCurrentTimestamp;
 const jsonwebtoken_1 = __importDefault(require("jsonwebtoken"));
+const db_1 = require("../db");
+const schema_1 = require("../db/schema");
+const drizzle_orm_1 = require("drizzle-orm");
 const JWT_SECRET = process.env.JWT_SECRET || 'your-super-secret-jwt-key-change-in-production';
 const JWT_EXPIRES_IN = '7d';
 function generateToken(payload) {
@@ -23,7 +26,7 @@ function verifyToken(token) {
         return null;
     }
 }
-function authMiddleware(req, res, next) {
+async function authMiddleware(req, res, next) {
     const authHeader = req.headers.authorization;
     if (!authHeader || !authHeader.startsWith('Bearer ')) {
         res.status(401).json({
@@ -45,6 +48,16 @@ function authMiddleware(req, res, next) {
         });
         return;
     }
+    const user = await db_1.db.select({ id: schema_1.users.id }).from(schema_1.users).where((0, drizzle_orm_1.eq)(schema_1.users.id, payload.userId)).limit(1);
+    if (user.length === 0) {
+        res.status(401).json({
+            error: {
+                code: 'UNAUTHORIZED',
+                message: 'User no longer exists, please log in again',
+            },
+        });
+        return;
+    }
     req.user = payload;
     next();
 }

backend/dist/utils/auth.js.map

@@ -1 +1 @@
-{"version":3,"file":"auth.js","sourceRoot":"","sources":["../../src/utils/auth.ts"],"names":[],"mappings":";;;;;AAOA,sCAEC;AAED,kCAMC;AAED,wCA4BC;AAED,wDAWC;AAED,gCAIC;AAED,kDAEC;AArED,gEAA+B;AAG/B,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,CAAC,UAAU,IAAI,gDAAgD,CAAC;AAC9F,MAAM,cAAc,GAAG,IAAI,CAAC;AAE5B,SAAgB,aAAa,CAAC,OAAoB;IAChD,OAAO,sBAAG,CAAC,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC,CAAC;AACtE,CAAC;AAED,SAAgB,WAAW,CAAC,KAAa;IACvC,IAAI,CAAC;QACH,OAAO,sBAAG,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,CAAgB,CAAC;IACtD,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAED,SAAgB,cAAc,CAAC,GAAY,EAAE,GAAa,EAAE,IAAkB;IAC5E,MAAM,UAAU,GAAG,GAAG,CAAC,OAAO,CAAC,aAAa,CAAC;IAE7C,IAAI,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;QACrD,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;YACnB,KAAK,EAAE;gBACL,IAAI,EAAE,cAAc;gBACpB,OAAO,EAAE,yCAAyC;aACnD;SACF,CAAC,CAAC;QACH,OAAO;IACT,CAAC;IAED,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAEnC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;YACnB,KAAK,EAAE;gBACL,IAAI,EAAE,cAAc;gBACpB,OAAO,EAAE,0BAA0B;aACpC;SACF,CAAC,CAAC;QACH,OAAO;IACT,CAAC;IAED,GAAG,CAAC,IAAI,GAAG,OAAO,CAAC;IACnB,IAAI,EAAE,CAAC;AACT,CAAC;AAED,SAAgB,sBAAsB,CAAC,GAAY,EAAE,GAAa,EAAE,IAAkB;IACpF,MAAM,UAAU,GAAG,GAAG,CAAC,OAAO,CAAC,aAAa,CAAC;IAE7C,IAAI,UAAU,IAAI,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;QACnD,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAClC,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;QACnC,IAAI,OAAO,EAAE,CAAC;YACZ,GAAG,CAAC,IAAI,GAAG,OAAO,CAAC;QACrB,CAAC;IACH,CAAC;IACD,IAAI,EAAE,CAAC;AACT,CAAC;AAED,SAAgB,UAAU,CAAC,SAAiB,EAAE;IAC5C,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC1C,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACvD,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,SAAS,GAAG,MAAM,EAAE,CAAC;AAC9D,CAAC;AAED,SAAgB,mBAAmB;IACjC,OAAO,IAAI,CAAC,GAAG,EAAE,CAAC;AACpB,CAAC"}
+{"version":3,"file":"auth.js","sourceRoot":"","sources":["../../src/utils/auth.ts"],"names":[],"mappings":";;;;;AAUA,sCAEC;AAED,kCAMC;AAED,wCAuCC;AAED,wDAWC;AAED,gCAIC;AAED,kDAEC;AAnFD,gEAA+B;AAC/B,8BAA2B;AAC3B,yCAAqC;AACrC,6CAAiC;AAGjC,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,CAAC,UAAU,IAAI,gDAAgD,CAAC;AAC9F,MAAM,cAAc,GAAG,IAAI,CAAC;AAE5B,SAAgB,aAAa,CAAC,OAAoB;IAChD,OAAO,sBAAG,CAAC,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC,CAAC;AACtE,CAAC;AAED,SAAgB,WAAW,CAAC,KAAa;IACvC,IAAI,CAAC;QACH,OAAO,sBAAG,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,CAAgB,CAAC;IACtD,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAEM,KAAK,UAAU,cAAc,CAAC,GAAY,EAAE,GAAa,EAAE,IAAkB;IAClF,MAAM,UAAU,GAAG,GAAG,CAAC,OAAO,CAAC,aAAa,CAAC;IAE7C,IAAI,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;QACrD,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;YACnB,KAAK,EAAE;gBACL,IAAI,EAAE,cAAc;gBACpB,OAAO,EAAE,yCAAyC;aACnD;SACF,CAAC,CAAC;QACH,OAAO;IACT,CAAC;IAED,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAEnC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;YACnB,KAAK,EAAE;gBACL,IAAI,EAAE,cAAc;gBACpB,OAAO,EAAE,0BAA0B;aACpC;SACF,CAAC,CAAC;QACH,OAAO;IACT,CAAC;IAED,MAAM,IAAI,GAAG,MAAM,OAAE,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,cAAK,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,cAAK,CAAC,CAAC,KAAK,CAAC,IAAA,gBAAE,EAAC,cAAK,CAAC,EAAE,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACxG,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACtB,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;YACnB,KAAK,EAAE;gBACL,IAAI,EAAE,cAAc;gBACpB,OAAO,EAAE,4CAA4C;aACtD;SACF,CAAC,CAAC;QACH,OAAO;IACT,CAAC;IAED,GAAG,CAAC,IAAI,GAAG,OAAO,CAAC;IACnB,IAAI,EAAE,CAAC;AACT,CAAC;AAED,SAAgB,sBAAsB,CAAC,GAAY,EAAE,GAAa,EAAE,IAAkB;IACpF,MAAM,UAAU,GAAG,GAAG,CAAC,OAAO,CAAC,aAAa,CAAC;IAE7C,IAAI,UAAU,IAAI,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;QACnD,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAClC,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;QACnC,IAAI,OAAO,EAAE,CAAC;YACZ,GAAG,CAAC,IAAI,GAAG,OAAO,CAAC;QACrB,CAAC;IACH,CAAC;IACD,IAAI,EAAE,CAAC;AACT,CAAC;AAED,SAAgB,UAAU,CAAC,SAAiB,EAAE;IAC5C,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC1C,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACvD,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,SAAS,GAAG,MAAM,EAAE,CAAC;AAC9D,CAAC;AAED,SAAgB,mBAAmB;IACjC,OAAO,IAAI,CAAC,GAAG,EAAE,CAAC;AACpB,CAAC"}

backend/dist/utils/validation.d.ts

@@ -1,4 +1,5 @@
 import { z } from 'zod';
+export declare function canCompleteTask(dueDate: number): boolean;
 export declare const categoryCreateSchema: z.ZodObject<{
     name: z.ZodString;
     color: z.ZodString;
@@ -26,20 +27,25 @@ export declare const categoryUpdateSchema: z.ZodObject<{
     order?: number | undefined;
 }>;
 export declare const repeatSchema: z.ZodEnum<["none", "daily", "weekly", "monthly", "custom"]>;
+export declare const repeatFieldSchema: z.ZodOptional<z.ZodEffects<z.ZodUnion<[z.ZodEnum<["none", "daily", "weekly", "monthly", "custom"]>, z.ZodLiteral<"">]>, "custom" | "none" | "daily" | "weekly" | "monthly", "" | "custom" | "none" | "daily" | "weekly" | "monthly">>;
+export declare const repeatIntervalFieldSchema: z.ZodOptional<z.ZodEffects<z.ZodNumber, number, number>>;
 export declare const taskCreateSchema: z.ZodObject<{
     title: z.ZodString;
     description: z.ZodOptional<z.ZodString>;
-    categoryId: z.ZodString;
+    categoryId: z.ZodNullable<z.ZodEffects<z.ZodString, string | null, string>>;
     priority: z.ZodOptional<z.ZodEnum<["none", "low", "medium", "high", "critical"]>>;
     dueDate: z.ZodOptional<z.ZodNumber>;
-    dueTime: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    dueTime: z.ZodEffects<z.ZodUnion<[z.ZodOptional<z.ZodString>, z.ZodLiteral<"">]>, string, string | undefined>;
     endTime: z.ZodUnion<[z.ZodOptional<z.ZodString>, z.ZodLiteral<"">]>;
-    repeat: z.ZodOptional<z.ZodEnum<["none", "daily", "weekly", "monthly", "custom"]>>;
-    repeatInterval: z.ZodOptional<z.ZodNumber>;
+    allDay: z.ZodOptional<z.ZodBoolean>;
+    repeat: z.ZodOptional<z.ZodEffects<z.ZodUnion<[z.ZodEnum<["none", "daily", "weekly", "monthly", "custom"]>, z.ZodLiteral<"">]>, "custom" | "none" | "daily" | "weekly" | "monthly", "" | "custom" | "none" | "daily" | "weekly" | "monthly">>;
+    repeatInterval: z.ZodOptional<z.ZodEffects<z.ZodNumber, number, number>>;
     repeatDays: z.ZodOptional<z.ZodString>;
     seriesId: z.ZodOptional<z.ZodString>;
     reminder: z.ZodOptional<z.ZodEnum<["none", "at_time", "15", "30", "60", "120", "1440"]>>;
+    reminders: z.ZodOptional<z.ZodString>;
     assigneeId: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+    completedAt: z.ZodOptional<z.ZodNullable<z.ZodNumber>>;
     subtasks: z.ZodOptional<z.ZodArray<z.ZodObject<{
         title: z.ZodString;
     }, "strip", z.ZodTypeAny, {
@@ -48,93 +54,189 @@ export declare const taskCreateSchema: z.ZodObject<{
         title: string;
     }>, "many">>;
 }, "strip", z.ZodTypeAny, {
-    categoryId: string;
+    categoryId: string | null;
     title: string;
+    dueTime: string;
+    subtasks?: {
+        title: string;
+    }[] | undefined;
     description?: string | undefined;
     priority?: "none" | "low" | "medium" | "high" | "critical" | undefined;
     dueDate?: number | undefined;
-    dueTime?: string | null | undefined;
     endTime?: string | undefined;
+    allDay?: boolean | undefined;
     repeat?: "custom" | "none" | "daily" | "weekly" | "monthly" | undefined;
     repeatInterval?: number | undefined;
     repeatDays?: string | undefined;
     seriesId?: string | undefined;
     assigneeId?: string | null | undefined;
     reminder?: "none" | "at_time" | "15" | "30" | "60" | "120" | "1440" | undefined;
-    subtasks?: {
-        title: string;
-    }[] | undefined;
+    reminders?: string | undefined;
+    completedAt?: number | null | undefined;
 }, {
-    categoryId: string;
+    categoryId: string | null;
     title: string;
+    subtasks?: {
+        title: string;
+    }[] | undefined;
     description?: string | undefined;
     priority?: "none" | "low" | "medium" | "high" | "critical" | undefined;
     dueDate?: number | undefined;
-    dueTime?: string | null | undefined;
+    dueTime?: string | undefined;
     endTime?: string | undefined;
-    repeat?: "custom" | "none" | "daily" | "weekly" | "monthly" | undefined;
+    allDay?: boolean | undefined;
+    repeat?: "" | "custom" | "none" | "daily" | "weekly" | "monthly" | undefined;
     repeatInterval?: number | undefined;
     repeatDays?: string | undefined;
     seriesId?: string | undefined;
     assigneeId?: string | null | undefined;
     reminder?: "none" | "at_time" | "15" | "30" | "60" | "120" | "1440" | undefined;
-    subtasks?: {
-        title: string;
-    }[] | undefined;
+    reminders?: string | undefined;
+    completedAt?: number | null | undefined;
 }>;
 export declare const taskUpdateSchema: z.ZodObject<{
     title: z.ZodOptional<z.ZodString>;
     description: z.ZodOptional<z.ZodString>;
-    categoryId: z.ZodOptional<z.ZodString>;
+    categoryId: z.ZodEffects<z.ZodOptional<z.ZodNullable<z.ZodString>>, string | null | undefined, string | null | undefined>;
     priority: z.ZodOptional<z.ZodEnum<["none", "low", "medium", "high", "critical"]>>;
     completed: z.ZodOptional<z.ZodBoolean>;
     dueDate: z.ZodOptional<z.ZodNumber>;
-    dueTime: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    dueTime: z.ZodEffects<z.ZodUnion<[z.ZodOptional<z.ZodString>, z.ZodLiteral<"">]>, string | undefined, string | undefined>;
     endTime: z.ZodOptional<z.ZodString>;
+    reminders: z.ZodOptional<z.ZodString>;
     assigneeId: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+    completedAt: z.ZodOptional<z.ZodNullable<z.ZodNumber>>;
 }, "strip", z.ZodTypeAny, {
-    categoryId?: string | undefined;
+    categoryId?: string | null | undefined;
     title?: string | undefined;
     description?: string | undefined;
     priority?: "none" | "low" | "medium" | "high" | "critical" | undefined;
     completed?: boolean | undefined;
     dueDate?: number | undefined;
-    dueTime?: string | null | undefined;
+    dueTime?: string | undefined;
     endTime?: string | undefined;
     assigneeId?: string | null | undefined;
+    reminders?: string | undefined;
+    completedAt?: number | null | undefined;
 }, {
-    categoryId?: string | undefined;
+    categoryId?: string | null | undefined;
     title?: string | undefined;
     description?: string | undefined;
     priority?: "none" | "low" | "medium" | "high" | "critical" | undefined;
     completed?: boolean | undefined;
     dueDate?: number | undefined;
-    dueTime?: string | null | undefined;
+    dueTime?: string | undefined;
     endTime?: string | undefined;
     assigneeId?: string | null | undefined;
+    reminders?: string | undefined;
+    completedAt?: number | null | undefined;
 }>;
 export declare const subtaskCreateSchema: z.ZodObject<{
     title: z.ZodString;
+    description: z.ZodOptional<z.ZodString>;
+    priority: z.ZodOptional<z.ZodEnum<["none", "low", "medium", "high", "critical"]>>;
+    dueDate: z.ZodOptional<z.ZodNumber>;
+    dueTime: z.ZodEffects<z.ZodUnion<[z.ZodOptional<z.ZodString>, z.ZodLiteral<"">]>, string, string | undefined>;
+    endTime: z.ZodUnion<[z.ZodOptional<z.ZodString>, z.ZodLiteral<"">]>;
+    allDay: z.ZodOptional<z.ZodBoolean>;
+    repeat: z.ZodOptional<z.ZodEffects<z.ZodUnion<[z.ZodEnum<["none", "daily", "weekly", "monthly", "custom"]>, z.ZodLiteral<"">]>, "custom" | "none" | "daily" | "weekly" | "monthly", "" | "custom" | "none" | "daily" | "weekly" | "monthly">>;
+    repeatInterval: z.ZodOptional<z.ZodEffects<z.ZodNumber, number, number>>;
+    repeatDays: z.ZodOptional<z.ZodString>;
+    seriesId: z.ZodOptional<z.ZodString>;
+    reminder: z.ZodOptional<z.ZodEnum<["none", "at_time", "15", "30", "60", "120", "1440"]>>;
+    reminders: z.ZodOptional<z.ZodString>;
+    assigneeId: z.ZodOptional<z.ZodNullable<z.ZodString>>;
     order: z.ZodOptional<z.ZodNumber>;
+    parentSubtaskId: z.ZodOptional<z.ZodNullable<z.ZodString>>;
 }, "strip", z.ZodTypeAny, {
     title: string;
+    dueTime: string;
     order?: number | undefined;
+    description?: string | undefined;
+    priority?: "none" | "low" | "medium" | "high" | "critical" | undefined;
+    dueDate?: number | undefined;
+    endTime?: string | undefined;
+    allDay?: boolean | undefined;
+    repeat?: "custom" | "none" | "daily" | "weekly" | "monthly" | undefined;
+    repeatInterval?: number | undefined;
+    repeatDays?: string | undefined;
+    seriesId?: string | undefined;
+    assigneeId?: string | null | undefined;
+    reminder?: "none" | "at_time" | "15" | "30" | "60" | "120" | "1440" | undefined;
+    reminders?: string | undefined;
+    parentSubtaskId?: string | null | undefined;
 }, {
     title: string;
     order?: number | undefined;
+    description?: string | undefined;
+    priority?: "none" | "low" | "medium" | "high" | "critical" | undefined;
+    dueDate?: number | undefined;
+    dueTime?: string | undefined;
+    endTime?: string | undefined;
+    allDay?: boolean | undefined;
+    repeat?: "" | "custom" | "none" | "daily" | "weekly" | "monthly" | undefined;
+    repeatInterval?: number | undefined;
+    repeatDays?: string | undefined;
+    seriesId?: string | undefined;
+    assigneeId?: string | null | undefined;
+    reminder?: "none" | "at_time" | "15" | "30" | "60" | "120" | "1440" | undefined;
+    reminders?: string | undefined;
+    parentSubtaskId?: string | null | undefined;
 }>;
 export declare const subtaskUpdateSchema: z.ZodObject<{
     title: z.ZodOptional<z.ZodString>;
+    description: z.ZodOptional<z.ZodString>;
+    priority: z.ZodOptional<z.ZodEnum<["none", "low", "medium", "high", "critical"]>>;
     completed: z.ZodOptional<z.ZodBoolean>;
+    dueDate: z.ZodOptional<z.ZodNumber>;
+    dueTime: z.ZodEffects<z.ZodUnion<[z.ZodOptional<z.ZodString>, z.ZodLiteral<"">]>, string | undefined, string | undefined>;
+    endTime: z.ZodOptional<z.ZodString>;
+    allDay: z.ZodOptional<z.ZodBoolean>;
+    repeat: z.ZodOptional<z.ZodEffects<z.ZodUnion<[z.ZodEnum<["none", "daily", "weekly", "monthly", "custom"]>, z.ZodLiteral<"">]>, "custom" | "none" | "daily" | "weekly" | "monthly", "" | "custom" | "none" | "daily" | "weekly" | "monthly">>;
+    repeatInterval: z.ZodOptional<z.ZodEffects<z.ZodNumber, number, number>>;
+    repeatDays: z.ZodOptional<z.ZodString>;
+    seriesId: z.ZodOptional<z.ZodString>;
+    reminder: z.ZodOptional<z.ZodEnum<["none", "at_time", "15", "30", "60", "120", "1440"]>>;
+    reminders: z.ZodOptional<z.ZodString>;
+    assigneeId: z.ZodOptional<z.ZodNullable<z.ZodString>>;
     order: z.ZodOptional<z.ZodNumber>;
+    parentSubtaskId: z.ZodOptional<z.ZodNullable<z.ZodString>>;
 }, "strip", z.ZodTypeAny, {
     order?: number | undefined;
     title?: string | undefined;
+    description?: string | undefined;
+    priority?: "none" | "low" | "medium" | "high" | "critical" | undefined;
     completed?: boolean | undefined;
+    dueDate?: number | undefined;
+    dueTime?: string | undefined;
+    endTime?: string | undefined;
+    allDay?: boolean | undefined;
+    repeat?: "custom" | "none" | "daily" | "weekly" | "monthly" | undefined;
+    repeatInterval?: number | undefined;
+    repeatDays?: string | undefined;
+    seriesId?: string | undefined;
+    assigneeId?: string | null | undefined;
+    reminder?: "none" | "at_time" | "15" | "30" | "60" | "120" | "1440" | undefined;
+    reminders?: string | undefined;
+    parentSubtaskId?: string | null | undefined;
 }, {
     order?: number | undefined;
     title?: string | undefined;
+    description?: string | undefined;
+    priority?: "none" | "low" | "medium" | "high" | "critical" | undefined;
     completed?: boolean | undefined;
+    dueDate?: number | undefined;
+    dueTime?: string | undefined;
+    endTime?: string | undefined;
+    allDay?: boolean | undefined;
+    repeat?: "" | "custom" | "none" | "daily" | "weekly" | "monthly" | undefined;
+    repeatInterval?: number | undefined;
+    repeatDays?: string | undefined;
+    seriesId?: string | undefined;
+    assigneeId?: string | null | undefined;
+    reminder?: "none" | "at_time" | "15" | "30" | "60" | "120" | "1440" | undefined;
+    reminders?: string | undefined;
+    parentSubtaskId?: string | null | undefined;
 }>;
 export declare const userSettingsSchema: z.ZodObject<{
     darkMode: z.ZodOptional<z.ZodBoolean>;
@@ -174,6 +276,29 @@ export declare const repeatProfileSchema: z.ZodObject<{
     repeatInterval: number;
     repeatDays: string;
 }>;
+export declare const repeatProfileUpdateSchema: z.ZodObject<{
+    name: z.ZodOptional<z.ZodString>;
+    repeat: z.ZodOptional<z.ZodEnum<["none", "daily", "weekly", "monthly", "custom"]>>;
+    repeatInterval: z.ZodOptional<z.ZodNumber>;
+    repeatDays: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    name?: string | undefined;
+    repeat?: "custom" | "none" | "daily" | "weekly" | "monthly" | undefined;
+    repeatInterval?: number | undefined;
+    repeatDays?: string | undefined;
+}, {
+    name?: string | undefined;
+    repeat?: "custom" | "none" | "daily" | "weekly" | "monthly" | undefined;
+    repeatInterval?: number | undefined;
+    repeatDays?: string | undefined;
+}>;
+export declare const searchQuerySchema: z.ZodObject<{
+    q: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    q: string;
+}, {
+    q: string;
+}>;
 export declare const friendRequestSchema: z.ZodObject<{
     username: z.ZodString;
 }, "strip", z.ZodTypeAny, {
@@ -203,6 +328,19 @@ export declare const friendshipSchema: z.ZodObject<{
     status: "pending" | "accepted";
     updatedAt: number;
 }>;
+export declare const tombstoneSchema: z.ZodObject<{
+    entity: z.ZodEnum<["categories", "tasks", "subtasks", "repeatProfiles", "friendships"]>;
+    id: z.ZodString;
+    updatedAt: z.ZodNumber;
+}, "strip", z.ZodTypeAny, {
+    id: string;
+    updatedAt: number;
+    entity: "categories" | "tasks" | "subtasks" | "repeatProfiles" | "friendships";
+}, {
+    id: string;
+    updatedAt: number;
+    entity: "categories" | "tasks" | "subtasks" | "repeatProfiles" | "friendships";
+}>;
 export declare const pushChangesSchema: z.ZodObject<{
     changes: z.ZodObject<{
         categories: z.ZodOptional<z.ZodArray<z.ZodObject<{
@@ -231,16 +369,18 @@ export declare const pushChangesSchema: z.ZodObject<{
         tasks: z.ZodOptional<z.ZodArray<z.ZodObject<{
             title: z.ZodString;
             description: z.ZodOptional<z.ZodString>;
-            categoryId: z.ZodString;
+            categoryId: z.ZodNullable<z.ZodEffects<z.ZodString, string | null, string>>;
             priority: z.ZodOptional<z.ZodEnum<["none", "low", "medium", "high", "critical"]>>;
             dueDate: z.ZodOptional<z.ZodNumber>;
-            dueTime: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+            dueTime: z.ZodEffects<z.ZodUnion<[z.ZodOptional<z.ZodString>, z.ZodLiteral<"">]>, string, string | undefined>;
             endTime: z.ZodUnion<[z.ZodOptional<z.ZodString>, z.ZodLiteral<"">]>;
-            repeat: z.ZodOptional<z.ZodEnum<["none", "daily", "weekly", "monthly", "custom"]>>;
-            repeatInterval: z.ZodOptional<z.ZodNumber>;
+            allDay: z.ZodOptional<z.ZodBoolean>;
+            repeat: z.ZodOptional<z.ZodEffects<z.ZodUnion<[z.ZodEnum<["none", "daily", "weekly", "monthly", "custom"]>, z.ZodLiteral<"">]>, "custom" | "none" | "daily" | "weekly" | "monthly", "" | "custom" | "none" | "daily" | "weekly" | "monthly">>;
+            repeatInterval: z.ZodOptional<z.ZodEffects<z.ZodNumber, number, number>>;
             repeatDays: z.ZodOptional<z.ZodString>;
             seriesId: z.ZodOptional<z.ZodString>;
             reminder: z.ZodOptional<z.ZodEnum<["none", "at_time", "15", "30", "60", "120", "1440"]>>;
+            reminders: z.ZodOptional<z.ZodString>;
             assigneeId: z.ZodOptional<z.ZodNullable<z.ZodString>>;
             subtasks: z.ZodOptional<z.ZodArray<z.ZodObject<{
                 title: z.ZodString;
@@ -254,52 +394,73 @@ export declare const pushChangesSchema: z.ZodObject<{
             completed: z.ZodBoolean;
             createdAt: z.ZodNumber;
             updatedAt: z.ZodNumber;
+            completedAt: z.ZodOptional<z.ZodNullable<z.ZodNumber>>;
         }, "strip", z.ZodTypeAny, {
             id: string;
             createdAt: number;
             updatedAt: number;
-            categoryId: string;
+            categoryId: string | null;
             title: string;
             completed: boolean;
+            dueTime: string;
+            subtasks?: {
+                title: string;
+            }[] | undefined;
             description?: string | undefined;
             priority?: "none" | "low" | "medium" | "high" | "critical" | undefined;
             dueDate?: number | undefined;
-            dueTime?: string | null | undefined;
             endTime?: string | undefined;
+            allDay?: boolean | undefined;
             repeat?: "custom" | "none" | "daily" | "weekly" | "monthly" | undefined;
             repeatInterval?: number | undefined;
             repeatDays?: string | undefined;
             seriesId?: string | undefined;
             assigneeId?: string | null | undefined;
             reminder?: "none" | "at_time" | "15" | "30" | "60" | "120" | "1440" | undefined;
-            subtasks?: {
-                title: string;
-            }[] | undefined;
+            reminders?: string | undefined;
+            completedAt?: number | null | undefined;
         }, {
             id: string;
             createdAt: number;
             updatedAt: number;
-            categoryId: string;
+            categoryId: string | null;
             title: string;
             completed: boolean;
+            subtasks?: {
+                title: string;
+            }[] | undefined;
             description?: string | undefined;
             priority?: "none" | "low" | "medium" | "high" | "critical" | undefined;
             dueDate?: number | undefined;
-            dueTime?: string | null | undefined;
+            dueTime?: string | undefined;
             endTime?: string | undefined;
-            repeat?: "custom" | "none" | "daily" | "weekly" | "monthly" | undefined;
+            allDay?: boolean | undefined;
+            repeat?: "" | "custom" | "none" | "daily" | "weekly" | "monthly" | undefined;
             repeatInterval?: number | undefined;
             repeatDays?: string | undefined;
             seriesId?: string | undefined;
             assigneeId?: string | null | undefined;
             reminder?: "none" | "at_time" | "15" | "30" | "60" | "120" | "1440" | undefined;
-            subtasks?: {
-                title: string;
-            }[] | undefined;
+            reminders?: string | undefined;
+            completedAt?: number | null | undefined;
         }>, "many">>;
         subtasks: z.ZodOptional<z.ZodArray<z.ZodObject<{
             title: z.ZodString;
+            description: z.ZodOptional<z.ZodString>;
+            priority: z.ZodOptional<z.ZodEnum<["none", "low", "medium", "high", "critical"]>>;
+            dueDate: z.ZodOptional<z.ZodNumber>;
+            dueTime: z.ZodEffects<z.ZodUnion<[z.ZodOptional<z.ZodString>, z.ZodLiteral<"">]>, string, string | undefined>;
+            endTime: z.ZodUnion<[z.ZodOptional<z.ZodString>, z.ZodLiteral<"">]>;
+            allDay: z.ZodOptional<z.ZodBoolean>;
+            repeat: z.ZodOptional<z.ZodEffects<z.ZodUnion<[z.ZodEnum<["none", "daily", "weekly", "monthly", "custom"]>, z.ZodLiteral<"">]>, "custom" | "none" | "daily" | "weekly" | "monthly", "" | "custom" | "none" | "daily" | "weekly" | "monthly">>;
+            repeatInterval: z.ZodOptional<z.ZodEffects<z.ZodNumber, number, number>>;
+            repeatDays: z.ZodOptional<z.ZodString>;
+            seriesId: z.ZodOptional<z.ZodString>;
+            reminder: z.ZodOptional<z.ZodEnum<["none", "at_time", "15", "30", "60", "120", "1440"]>>;
+            reminders: z.ZodOptional<z.ZodString>;
+            assigneeId: z.ZodOptional<z.ZodNullable<z.ZodString>>;
             order: z.ZodOptional<z.ZodNumber>;
+            parentSubtaskId: z.ZodOptional<z.ZodNullable<z.ZodString>>;
         } & {
             id: z.ZodString;
             taskId: z.ZodString;
@@ -312,8 +473,22 @@ export declare const pushChangesSchema: z.ZodObject<{
             updatedAt: number;
             title: string;
             completed: boolean;
+            dueTime: string;
             taskId: string;
             order?: number | undefined;
+            description?: string | undefined;
+            priority?: "none" | "low" | "medium" | "high" | "critical" | undefined;
+            dueDate?: number | undefined;
+            endTime?: string | undefined;
+            allDay?: boolean | undefined;
+            repeat?: "custom" | "none" | "daily" | "weekly" | "monthly" | undefined;
+            repeatInterval?: number | undefined;
+            repeatDays?: string | undefined;
+            seriesId?: string | undefined;
+            assigneeId?: string | null | undefined;
+            reminder?: "none" | "at_time" | "15" | "30" | "60" | "120" | "1440" | undefined;
+            reminders?: string | undefined;
+            parentSubtaskId?: string | null | undefined;
         }, {
             id: string;
             createdAt: number;
@@ -322,6 +497,20 @@ export declare const pushChangesSchema: z.ZodObject<{
             completed: boolean;
             taskId: string;
             order?: number | undefined;
+            description?: string | undefined;
+            priority?: "none" | "low" | "medium" | "high" | "critical" | undefined;
+            dueDate?: number | undefined;
+            dueTime?: string | undefined;
+            endTime?: string | undefined;
+            allDay?: boolean | undefined;
+            repeat?: "" | "custom" | "none" | "daily" | "weekly" | "monthly" | undefined;
+            repeatInterval?: number | undefined;
+            repeatDays?: string | undefined;
+            seriesId?: string | undefined;
+            assigneeId?: string | null | undefined;
+            reminder?: "none" | "at_time" | "15" | "30" | "60" | "120" | "1440" | undefined;
+            reminders?: string | undefined;
+            parentSubtaskId?: string | null | undefined;
         }>, "many">>;
         repeatProfiles: z.ZodOptional<z.ZodArray<z.ZodObject<{
             name: z.ZodString;
@@ -372,14 +561,6 @@ export declare const pushChangesSchema: z.ZodObject<{
             updatedAt: number;
         }>, "many">>;
     }, "strip", z.ZodTypeAny, {
-        friendships?: {
-            id: string;
-            createdAt: number;
-            userId: string;
-            friendId: string;
-            status: "pending" | "accepted";
-            updatedAt: number;
-        }[] | undefined;
         categories?: {
             id: string;
             name: string;
@@ -392,23 +573,26 @@ export declare const pushChangesSchema: z.ZodObject<{
             id: string;
             createdAt: number;
             updatedAt: number;
-            categoryId: string;
+            categoryId: string | null;
             title: string;
             completed: boolean;
+            dueTime: string;
+            subtasks?: {
+                title: string;
+            }[] | undefined;
             description?: string | undefined;
             priority?: "none" | "low" | "medium" | "high" | "critical" | undefined;
             dueDate?: number | undefined;
-            dueTime?: string | null | undefined;
             endTime?: string | undefined;
+            allDay?: boolean | undefined;
             repeat?: "custom" | "none" | "daily" | "weekly" | "monthly" | undefined;
             repeatInterval?: number | undefined;
             repeatDays?: string | undefined;
             seriesId?: string | undefined;
             assigneeId?: string | null | undefined;
             reminder?: "none" | "at_time" | "15" | "30" | "60" | "120" | "1440" | undefined;
-            subtasks?: {
-                title: string;
-            }[] | undefined;
+            reminders?: string | undefined;
+            completedAt?: number | null | undefined;
         }[] | undefined;
         subtasks?: {
             id: string;
@@ -416,8 +600,22 @@ export declare const pushChangesSchema: z.ZodObject<{
             updatedAt: number;
             title: string;
             completed: boolean;
+            dueTime: string;
             taskId: string;
             order?: number | undefined;
+            description?: string | undefined;
+            priority?: "none" | "low" | "medium" | "high" | "critical" | undefined;
+            dueDate?: number | undefined;
+            endTime?: string | undefined;
+            allDay?: boolean | undefined;
+            repeat?: "custom" | "none" | "daily" | "weekly" | "monthly" | undefined;
+            repeatInterval?: number | undefined;
+            repeatDays?: string | undefined;
+            seriesId?: string | undefined;
+            assigneeId?: string | null | undefined;
+            reminder?: "none" | "at_time" | "15" | "30" | "60" | "120" | "1440" | undefined;
+            reminders?: string | undefined;
+            parentSubtaskId?: string | null | undefined;
         }[] | undefined;
         repeatProfiles?: {
             id: string;
@@ -428,15 +626,15 @@ export declare const pushChangesSchema: z.ZodObject<{
             repeatInterval: number;
             repeatDays: string;
         }[] | undefined;
+        friendships?: {
+            id: string;
+            createdAt: number;
+            userId: string;
+            friendId: string;
+            status: "pending" | "accepted";
+            updatedAt: number;
+        }[] | undefined;
     }, {
-        friendships?: {
-            id: string;
-            createdAt: number;
-            userId: string;
-            friendId: string;
-            status: "pending" | "accepted";
-            updatedAt: number;
-        }[] | undefined;
         categories?: {
             id: string;
             name: string;
@@ -449,23 +647,26 @@ export declare const pushChangesSchema: z.ZodObject<{
             id: string;
             createdAt: number;
             updatedAt: number;
-            categoryId: string;
+            categoryId: string | null;
             title: string;
             completed: boolean;
+            subtasks?: {
+                title: string;
+            }[] | undefined;
             description?: string | undefined;
             priority?: "none" | "low" | "medium" | "high" | "critical" | undefined;
             dueDate?: number | undefined;
-            dueTime?: string | null | undefined;
+            dueTime?: string | undefined;
             endTime?: string | undefined;
-            repeat?: "custom" | "none" | "daily" | "weekly" | "monthly" | undefined;
+            allDay?: boolean | undefined;
+            repeat?: "" | "custom" | "none" | "daily" | "weekly" | "monthly" | undefined;
             repeatInterval?: number | undefined;
             repeatDays?: string | undefined;
             seriesId?: string | undefined;
             assigneeId?: string | null | undefined;
             reminder?: "none" | "at_time" | "15" | "30" | "60" | "120" | "1440" | undefined;
-            subtasks?: {
-                title: string;
-            }[] | undefined;
+            reminders?: string | undefined;
+            completedAt?: number | null | undefined;
         }[] | undefined;
         subtasks?: {
             id: string;
@@ -475,6 +676,20 @@ export declare const pushChangesSchema: z.ZodObject<{
             completed: boolean;
             taskId: string;
             order?: number | undefined;
+            description?: string | undefined;
+            priority?: "none" | "low" | "medium" | "high" | "critical" | undefined;
+            dueDate?: number | undefined;
+            dueTime?: string | undefined;
+            endTime?: string | undefined;
+            allDay?: boolean | undefined;
+            repeat?: "" | "custom" | "none" | "daily" | "weekly" | "monthly" | undefined;
+            repeatInterval?: number | undefined;
+            repeatDays?: string | undefined;
+            seriesId?: string | undefined;
+            assigneeId?: string | null | undefined;
+            reminder?: "none" | "at_time" | "15" | "30" | "60" | "120" | "1440" | undefined;
+            reminders?: string | undefined;
+            parentSubtaskId?: string | null | undefined;
         }[] | undefined;
         repeatProfiles?: {
             id: string;
@@ -485,18 +700,31 @@ export declare const pushChangesSchema: z.ZodObject<{
             repeatInterval: number;
             repeatDays: string;
         }[] | undefined;
+        friendships?: {
+            id: string;
+            createdAt: number;
+            userId: string;
+            friendId: string;
+            status: "pending" | "accepted";
+            updatedAt: number;
+        }[] | undefined;
     }>;
+    deleted: z.ZodOptional<z.ZodArray<z.ZodObject<{
+        entity: z.ZodEnum<["categories", "tasks", "subtasks", "repeatProfiles", "friendships"]>;
+        id: z.ZodString;
+        updatedAt: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        id: string;
+        updatedAt: number;
+        entity: "categories" | "tasks" | "subtasks" | "repeatProfiles" | "friendships";
+    }, {
+        id: string;
+        updatedAt: number;
+        entity: "categories" | "tasks" | "subtasks" | "repeatProfiles" | "friendships";
+    }>, "many">>;
     lastPulledAt: z.ZodNumber;
 }, "strip", z.ZodTypeAny, {
     changes: {
-        friendships?: {
-            id: string;
-            createdAt: number;
-            userId: string;
-            friendId: string;
-            status: "pending" | "accepted";
-            updatedAt: number;
-        }[] | undefined;
         categories?: {
             id: string;
             name: string;
@@ -509,23 +737,26 @@ export declare const pushChangesSchema: z.ZodObject<{
             id: string;
             createdAt: number;
             updatedAt: number;
-            categoryId: string;
+            categoryId: string | null;
             title: string;
             completed: boolean;
+            dueTime: string;
+            subtasks?: {
+                title: string;
+            }[] | undefined;
             description?: string | undefined;
             priority?: "none" | "low" | "medium" | "high" | "critical" | undefined;
             dueDate?: number | undefined;
-            dueTime?: string | null | undefined;
             endTime?: string | undefined;
+            allDay?: boolean | undefined;
             repeat?: "custom" | "none" | "daily" | "weekly" | "monthly" | undefined;
             repeatInterval?: number | undefined;
             repeatDays?: string | undefined;
             seriesId?: string | undefined;
             assigneeId?: string | null | undefined;
             reminder?: "none" | "at_time" | "15" | "30" | "60" | "120" | "1440" | undefined;
-            subtasks?: {
-                title: string;
-            }[] | undefined;
+            reminders?: string | undefined;
+            completedAt?: number | null | undefined;
         }[] | undefined;
         subtasks?: {
             id: string;
@@ -533,8 +764,22 @@ export declare const pushChangesSchema: z.ZodObject<{
             updatedAt: number;
             title: string;
             completed: boolean;
+            dueTime: string;
             taskId: string;
             order?: number | undefined;
+            description?: string | undefined;
+            priority?: "none" | "low" | "medium" | "high" | "critical" | undefined;
+            dueDate?: number | undefined;
+            endTime?: string | undefined;
+            allDay?: boolean | undefined;
+            repeat?: "custom" | "none" | "daily" | "weekly" | "monthly" | undefined;
+            repeatInterval?: number | undefined;
+            repeatDays?: string | undefined;
+            seriesId?: string | undefined;
+            assigneeId?: string | null | undefined;
+            reminder?: "none" | "at_time" | "15" | "30" | "60" | "120" | "1440" | undefined;
+            reminders?: string | undefined;
+            parentSubtaskId?: string | null | undefined;
         }[] | undefined;
         repeatProfiles?: {
             id: string;
@@ -545,18 +790,23 @@ export declare const pushChangesSchema: z.ZodObject<{
             repeatInterval: number;
             repeatDays: string;
         }[] | undefined;
+        friendships?: {
+            id: string;
+            createdAt: number;
+            userId: string;
+            friendId: string;
+            status: "pending" | "accepted";
+            updatedAt: number;
+        }[] | undefined;
     };
     lastPulledAt: number;
+    deleted?: {
+        id: string;
+        updatedAt: number;
+        entity: "categories" | "tasks" | "subtasks" | "repeatProfiles" | "friendships";
+    }[] | undefined;
 }, {
     changes: {
-        friendships?: {
-            id: string;
-            createdAt: number;
-            userId: string;
-            friendId: string;
-            status: "pending" | "accepted";
-            updatedAt: number;
-        }[] | undefined;
         categories?: {
             id: string;
             name: string;
@@ -569,23 +819,26 @@ export declare const pushChangesSchema: z.ZodObject<{
             id: string;
             createdAt: number;
             updatedAt: number;
-            categoryId: string;
+            categoryId: string | null;
             title: string;
             completed: boolean;
+            subtasks?: {
+                title: string;
+            }[] | undefined;
             description?: string | undefined;
             priority?: "none" | "low" | "medium" | "high" | "critical" | undefined;
             dueDate?: number | undefined;
-            dueTime?: string | null | undefined;
+            dueTime?: string | undefined;
             endTime?: string | undefined;
-            repeat?: "custom" | "none" | "daily" | "weekly" | "monthly" | undefined;
+            allDay?: boolean | undefined;
+            repeat?: "" | "custom" | "none" | "daily" | "weekly" | "monthly" | undefined;
             repeatInterval?: number | undefined;
             repeatDays?: string | undefined;
             seriesId?: string | undefined;
             assigneeId?: string | null | undefined;
             reminder?: "none" | "at_time" | "15" | "30" | "60" | "120" | "1440" | undefined;
-            subtasks?: {
-                title: string;
-            }[] | undefined;
+            reminders?: string | undefined;
+            completedAt?: number | null | undefined;
         }[] | undefined;
         subtasks?: {
             id: string;
@@ -595,6 +848,20 @@ export declare const pushChangesSchema: z.ZodObject<{
             completed: boolean;
             taskId: string;
             order?: number | undefined;
+            description?: string | undefined;
+            priority?: "none" | "low" | "medium" | "high" | "critical" | undefined;
+            dueDate?: number | undefined;
+            dueTime?: string | undefined;
+            endTime?: string | undefined;
+            allDay?: boolean | undefined;
+            repeat?: "" | "custom" | "none" | "daily" | "weekly" | "monthly" | undefined;
+            repeatInterval?: number | undefined;
+            repeatDays?: string | undefined;
+            seriesId?: string | undefined;
+            assigneeId?: string | null | undefined;
+            reminder?: "none" | "at_time" | "15" | "30" | "60" | "120" | "1440" | undefined;
+            reminders?: string | undefined;
+            parentSubtaskId?: string | null | undefined;
         }[] | undefined;
         repeatProfiles?: {
             id: string;
@@ -605,8 +872,21 @@ export declare const pushChangesSchema: z.ZodObject<{
             repeatInterval: number;
             repeatDays: string;
         }[] | undefined;
+        friendships?: {
+            id: string;
+            createdAt: number;
+            userId: string;
+            friendId: string;
+            status: "pending" | "accepted";
+            updatedAt: number;
+        }[] | undefined;
     };
     lastPulledAt: number;
+    deleted?: {
+        id: string;
+        updatedAt: number;
+        entity: "categories" | "tasks" | "subtasks" | "repeatProfiles" | "friendships";
+    }[] | undefined;
 }>;
 export declare const syncQuerySchema: z.ZodObject<{
     since: z.ZodPipeline<z.ZodEffects<z.ZodString, number, string>, z.ZodNumber>;

backend/dist/utils/validation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../src/utils/validation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,oBAAoB;;;;;;;;;;;;EAI/B,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;EAI/B,CAAC;AAEH,eAAO,MAAM,YAAY,6DAA2D,CAAC;AAErF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAe3B,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAU3B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;;;EAG9B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;EAI9B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;EAO7B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;EAK9B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;EAE9B,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;EAO3B,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAS5B,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;EAE1B,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAU1B,CAAC"}
+{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../src/utils/validation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAKxD;AAED,eAAO,MAAM,oBAAoB;;;;;;;;;;;;EAI/B,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;EAI/B,CAAC;AAEH,eAAO,MAAM,YAAY,6DAA2D,CAAC;AAIrF,eAAO,MAAM,iBAAiB,uOAGjB,CAAC;AACd,eAAO,MAAM,yBAAyB,0DAMzB,CAAC;AAEd,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkB3B,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAY3B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiB9B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkB9B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;EAO7B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;EAK9B,CAAC;AAEH,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;EAKpC,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;;EAE5B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;EAE9B,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;EAO3B,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;EAI1B,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAU5B,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;EAE1B,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAU1B,CAAC"}

backend/dist/utils/validation.js

@@ -1,7 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.taskQuerySchema = exports.syncQuerySchema = exports.pushChangesSchema = exports.friendshipSchema = exports.friendRequestSchema = exports.repeatProfileSchema = exports.userSettingsSchema = exports.subtaskUpdateSchema = exports.subtaskCreateSchema = exports.taskUpdateSchema = exports.taskCreateSchema = exports.repeatSchema = exports.categoryUpdateSchema = exports.categoryCreateSchema = void 0;
+exports.taskQuerySchema = exports.syncQuerySchema = exports.pushChangesSchema = exports.tombstoneSchema = exports.friendshipSchema = exports.friendRequestSchema = exports.searchQuerySchema = exports.repeatProfileUpdateSchema = exports.repeatProfileSchema = exports.userSettingsSchema = exports.subtaskUpdateSchema = exports.subtaskCreateSchema = exports.taskUpdateSchema = exports.taskCreateSchema = exports.repeatIntervalFieldSchema = exports.repeatFieldSchema = exports.repeatSchema = exports.categoryUpdateSchema = exports.categoryCreateSchema = void 0;
+exports.canCompleteTask = canCompleteTask;
 const zod_1 = require("zod");
+function canCompleteTask(dueDate) {
+    if (dueDate === 0)
+        return true;
+    const now = new Date();
+    const endOfToday = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 23, 59, 59, 999).getTime();
+    return dueDate <= endOfToday;
+}
 exports.categoryCreateSchema = zod_1.z.object({
     name: zod_1.z.string().min(1).max(50),
     color: zod_1.z.string().regex(/^#[0-9A-Fa-f]{6}$/),
@@ -13,41 +21,87 @@ exports.categoryUpdateSchema = zod_1.z.object({
     order: zod_1.z.number().int().min(0).optional(),
 });
 exports.repeatSchema = zod_1.z.enum(['none', 'daily', 'weekly', 'monthly', 'custom']);
+// The client stores '' / 0 for unset repeat values; normalize them so stale or
+// legacy rows never fail validation on push.
+exports.repeatFieldSchema = exports.repeatSchema
+    .or(zod_1.z.literal(''))
+    .transform((v) => (v === '' ? 'none' : v))
+    .optional();
+exports.repeatIntervalFieldSchema = zod_1.z
+    .number()
+    .int()
+    .min(0)
+    .max(30)
+    .transform((v) => Math.max(1, v))
+    .optional();
 exports.taskCreateSchema = zod_1.z.object({
     title: zod_1.z.string().min(1).max(100),
     description: zod_1.z.string().max(1000).optional(),
-    categoryId: zod_1.z.string().min(1),
+    categoryId: zod_1.z.string().max(100).transform((v) => (v === '' ? null : v)).nullable(),
     priority: zod_1.z.enum(['none', 'low', 'medium', 'high', 'critical']).optional(),
     dueDate: zod_1.z.number().int().min(0).optional(),
-    dueTime: zod_1.z.string().regex(/^([01]\d|2[0-3]):([0-5]\d)$/).optional().nullable(),
+    dueTime: zod_1.z.string().regex(/^([01]\d|2[0-3]):([0-5]\d)$/).optional().or(zod_1.z.literal('')).transform(v => v ?? ''),
     endTime: zod_1.z.string().regex(/^([01]\d|2[0-3]):([0-5]\d)$/).optional().or(zod_1.z.literal('')),
-    repeat: exports.repeatSchema.optional(),
-    repeatInterval: zod_1.z.number().int().min(1).max(30).optional(),
+    allDay: zod_1.z.boolean().optional(),
+    repeat: exports.repeatFieldSchema,
+    repeatInterval: exports.repeatIntervalFieldSchema,
     repeatDays: zod_1.z.string().max(20).optional(),
     seriesId: zod_1.z.string().max(50).optional(),
     reminder: zod_1.z.enum(['none', 'at_time', '15', '30', '60', '120', '1440']).optional(),
+    reminders: zod_1.z.string().max(100).optional(),
     assigneeId: zod_1.z.string().nullable().optional(),
+    completedAt: zod_1.z.number().int().min(0).nullable().optional(),
     subtasks: zod_1.z.array(zod_1.z.object({ title: zod_1.z.string().min(1).max(100) })).optional(),
 });
 exports.taskUpdateSchema = zod_1.z.object({
     title: zod_1.z.string().min(1).max(100).optional(),
     description: zod_1.z.string().max(1000).optional(),
-    categoryId: zod_1.z.string().min(1).optional(),
+    categoryId: zod_1.z.string().max(100).nullable().optional().transform((v) => (v === '' ? null : v)),
     priority: zod_1.z.enum(['none', 'low', 'medium', 'high', 'critical']).optional(),
     completed: zod_1.z.boolean().optional(),
     dueDate: zod_1.z.number().int().min(0).optional(),
-    dueTime: zod_1.z.string().regex(/^([01]\d|2[0-3]):([0-5]\d)$/).optional().nullable(),
+    dueTime: zod_1.z.string().regex(/^([01]\d|2[0-3]):([0-5]\d)$/).optional().or(zod_1.z.literal('')).transform(v => v === '' ? undefined : v),
     endTime: zod_1.z.string().regex(/^([01]\d|2[0-3]):([0-5]\d)$/).optional(),
+    reminders: zod_1.z.string().max(100).optional(),
     assigneeId: zod_1.z.string().nullable().optional(),
+    completedAt: zod_1.z.number().int().min(0).nullable().optional(),
 });
 exports.subtaskCreateSchema = zod_1.z.object({
     title: zod_1.z.string().min(1).max(100),
+    description: zod_1.z.string().max(1000).optional(),
+    priority: zod_1.z.enum(['none', 'low', 'medium', 'high', 'critical']).optional(),
+    dueDate: zod_1.z.number().int().min(0).optional(),
+    dueTime: zod_1.z.string().regex(/^([01]\d|2[0-3]):([0-5]\d)$/).optional().or(zod_1.z.literal('')).transform(v => v ?? ''),
+    endTime: zod_1.z.string().regex(/^([01]\d|2[0-3]):([0-5]\d)$/).optional().or(zod_1.z.literal('')),
+    allDay: zod_1.z.boolean().optional(),
+    repeat: exports.repeatFieldSchema,
+    repeatInterval: exports.repeatIntervalFieldSchema,
+    repeatDays: zod_1.z.string().max(20).optional(),
+    seriesId: zod_1.z.string().max(50).optional(),
+    reminder: zod_1.z.enum(['none', 'at_time', '15', '30', '60', '120', '1440']).optional(),
+    reminders: zod_1.z.string().max(100).optional(),
+    assigneeId: zod_1.z.string().nullable().optional(),
     order: zod_1.z.number().int().min(0).optional(),
+    parentSubtaskId: zod_1.z.string().nullable().optional(),
 });
 exports.subtaskUpdateSchema = zod_1.z.object({
     title: zod_1.z.string().min(1).max(100).optional(),
+    description: zod_1.z.string().max(1000).optional(),
+    priority: zod_1.z.enum(['none', 'low', 'medium', 'high', 'critical']).optional(),
     completed: zod_1.z.boolean().optional(),
+    dueDate: zod_1.z.number().int().min(0).optional(),
+    dueTime: zod_1.z.string().regex(/^([01]\d|2[0-3]):([0-5]\d)$/).optional().or(zod_1.z.literal('')).transform(v => v === '' ? undefined : v),
+    endTime: zod_1.z.string().regex(/^([01]\d|2[0-3]):([0-5]\d)$/).optional(),
+    allDay: zod_1.z.boolean().optional(),
+    repeat: exports.repeatFieldSchema,
+    repeatInterval: exports.repeatIntervalFieldSchema,
+    repeatDays: zod_1.z.string().max(20).optional(),
+    seriesId: zod_1.z.string().max(50).optional(),
+    reminder: zod_1.z.enum(['none', 'at_time', '15', '30', '60', '120', '1440']).optional(),
+    reminders: zod_1.z.string().max(100).optional(),
+    assigneeId: zod_1.z.string().nullable().optional(),
     order: zod_1.z.number().int().min(0).optional(),
+    parentSubtaskId: zod_1.z.string().nullable().optional(),
 });
 exports.userSettingsSchema = zod_1.z.object({
     darkMode: zod_1.z.boolean().optional(),
@@ -63,6 +117,15 @@ exports.repeatProfileSchema = zod_1.z.object({
     repeatInterval: zod_1.z.number().int().min(1).max(30),
     repeatDays: zod_1.z.string().max(20),
 });
+exports.repeatProfileUpdateSchema = zod_1.z.object({
+    name: zod_1.z.string().min(1).max(50).optional(),
+    repeat: exports.repeatSchema.optional(),
+    repeatInterval: zod_1.z.number().int().min(1).max(30).optional(),
+    repeatDays: zod_1.z.string().max(20).optional(),
+});
+exports.searchQuerySchema = zod_1.z.object({
+    q: zod_1.z.string().min(1).max(50),
+});
 exports.friendRequestSchema = zod_1.z.object({
     username: zod_1.z.string().min(1).max(50),
 });
@@ -74,14 +137,20 @@ exports.friendshipSchema = zod_1.z.object({
     createdAt: zod_1.z.number(),
     updatedAt: zod_1.z.number(),
 });
+exports.tombstoneSchema = zod_1.z.object({
+    entity: zod_1.z.enum(['categories', 'tasks', 'subtasks', 'repeatProfiles', 'friendships']),
+    id: zod_1.z.string(),
+    updatedAt: zod_1.z.number().int().min(0),
+});
 exports.pushChangesSchema = zod_1.z.object({
     changes: zod_1.z.object({
         categories: zod_1.z.array(exports.categoryCreateSchema.extend({ id: zod_1.z.string(), createdAt: zod_1.z.number(), updatedAt: zod_1.z.number() })).optional(),
-        tasks: zod_1.z.array(exports.taskCreateSchema.extend({ id: zod_1.z.string(), completed: zod_1.z.boolean(), createdAt: zod_1.z.number(), updatedAt: zod_1.z.number() })).optional(),
+        tasks: zod_1.z.array(exports.taskCreateSchema.extend({ id: zod_1.z.string(), completed: zod_1.z.boolean(), createdAt: zod_1.z.number(), updatedAt: zod_1.z.number(), completedAt: zod_1.z.number().int().min(0).nullable().optional() })).optional(),
         subtasks: zod_1.z.array(exports.subtaskCreateSchema.extend({ id: zod_1.z.string(), taskId: zod_1.z.string(), completed: zod_1.z.boolean(), createdAt: zod_1.z.number(), updatedAt: zod_1.z.number() })).optional(),
         repeatProfiles: zod_1.z.array(exports.repeatProfileSchema.extend({ id: zod_1.z.string(), createdAt: zod_1.z.number(), updatedAt: zod_1.z.number() })).optional(),
         friendships: zod_1.z.array(exports.friendshipSchema).optional(),
     }),
+    deleted: zod_1.z.array(exports.tombstoneSchema).optional(),
     lastPulledAt: zod_1.z.number().int().min(0),
 });
 exports.syncQuerySchema = zod_1.z.object({

backend/src/db/schema.ts

@@ -1,6 +1,9 @@
-import { pgTable, text, integer, bigint, boolean, timestamp, unique, index } from 'drizzle-orm/pg-core';
+import { pgTable, text, integer, bigint, boolean, unique, index, primaryKey, AnyPgColumn } from 'drizzle-orm/pg-core';
 import { sql } from 'drizzle-orm';
 
+export const ENTITIES = ['categories', 'tasks', 'subtasks', 'repeatProfiles', 'friendships'] as const;
+export type EntityName = (typeof ENTITIES)[number];
+
 export const users = pgTable('users', {
   id: text('id').primaryKey(),
   username: text('username').notNull().unique(),
@@ -40,7 +43,8 @@ export const categories = pgTable('categories', {
 export const tasks = pgTable('tasks', {
   id: text('id').primaryKey(),
   userId: text('user_id').notNull().references(() => users.id, { onDelete: 'cascade' }),
-  categoryId: text('category_id').notNull().references(() => categories.id, { onDelete: 'cascade' }),
+  categoryId: text('category_id').references(() => categories.id, { onDelete: 'cascade' }),
+  tags: text('tags').notNull().default(''),
   title: text('title').notNull(),
   description: text('description').notNull().default(''),
   priority: text('priority', { enum: ['none', 'low', 'medium', 'high', 'critical'] }).notNull().default('none'),
@@ -56,26 +60,32 @@ export const tasks = pgTable('tasks', {
   assigneeId: text('assignee_id').references(() => users.id, { onDelete: 'set null' }),
   reminder: text('reminder', { enum: ['none', 'at_time', '15', '30', '60', '120', '1440'] }).notNull().default('none'),
   reminders: text('reminders').notNull().default(''),
+  completedAt: bigint('completed_at', { mode: 'number' }),
   createdAt: bigint('created_at', { mode: 'number' }).notNull().default(sql`EXTRACT(EPOCH FROM NOW()) * 1000`),
   updatedAt: bigint('updated_at', { mode: 'number' }).notNull().default(sql`EXTRACT(EPOCH FROM NOW()) * 1000`),
 });
 
-export const repeatProfiles = pgTable('repeat_profiles', {
-  id: text('id').primaryKey(),
+export const tombstones = pgTable(
+  'tombstones',
+  {
+    entity: text('entity', { enum: ENTITIES }).notNull(),
+    entityId: text('entity_id').notNull(),
     userId: text('user_id').notNull().references(() => users.id, { onDelete: 'cascade' }),
-  name: text('name').notNull(),
-  repeat: text('repeat', { enum: ['none', 'daily', 'weekly', 'monthly', 'custom'] }).notNull().default('none'),
-  repeatInterval: integer('repeat_interval').notNull().default(1),
-  repeatDays: text('repeat_days').notNull().default(''),
-  createdAt: bigint('created_at', { mode: 'number' }).notNull().default(sql`EXTRACT(EPOCH FROM NOW()) * 1000`),
-  updatedAt: bigint('updated_at', { mode: 'number' }).notNull().default(sql`EXTRACT(EPOCH FROM NOW()) * 1000`),
-});
+    updatedAt: bigint('updated_at', { mode: 'number' }).notNull(),
+  },
+  (t) => ({
+    pk: primaryKey({ columns: [t.entity, t.entityId] }),
+    userIdx: index('tombstones_user_updated_idx').on(t.userId, t.updatedAt),
+  })
+);
 
+// Define subtasks with explicit type to avoid circular reference
 export const subtasks = pgTable('subtasks', {
   id: text('id').primaryKey(),
   userId: text('user_id').notNull().references(() => users.id, { onDelete: 'cascade' }),
   taskId: text('task_id').notNull().references(() => tasks.id, { onDelete: 'cascade' }),
-  parentSubtaskId: text('parent_subtask_id').references(() => subtasks.id, { onDelete: 'cascade' }),
+  parentSubtaskId: text('parent_subtask_id').references((): AnyPgColumn => subtasks.id, { onDelete: 'cascade' }),
+  categoryId: text('category_id').references(() => categories.id, { onDelete: 'set null' }),
   title: text('title').notNull(),
   description: text('description').notNull().default(''),
   priority: text('priority', { enum: ['none', 'low', 'medium', 'high', 'critical'] }).notNull().default('none'),
@@ -94,6 +104,21 @@ export const subtasks = pgTable('subtasks', {
   order: integer('order').notNull().default(0),
   createdAt: bigint('created_at', { mode: 'number' }).notNull().default(sql`EXTRACT(EPOCH FROM NOW()) * 1000`),
   updatedAt: bigint('updated_at', { mode: 'number' }).notNull().default(sql`EXTRACT(EPOCH FROM NOW()) * 1000`),
+}, (t) => ({
+  parentIdx: index('subtasks_parent_idx').on(t.parentSubtaskId),
+  taskIdx: index('subtasks_task_idx').on(t.taskId),
+  userIdx: index('subtasks_user_idx').on(t.userId),
+}));
+
+export const repeatProfiles = pgTable('repeat_profiles', {
+  id: text('id').primaryKey(),
+  userId: text('user_id').notNull().references(() => users.id, { onDelete: 'cascade' }),
+  name: text('name').notNull(),
+  repeat: text('repeat', { enum: ['none', 'daily', 'weekly', 'monthly', 'custom'] }).notNull().default('none'),
+  repeatInterval: integer('repeat_interval').notNull().default(1),
+  repeatDays: text('repeat_days').notNull().default(''),
+  createdAt: bigint('created_at', { mode: 'number' }).notNull().default(sql`EXTRACT(EPOCH FROM NOW()) * 1000`),
+  updatedAt: bigint('updated_at', { mode: 'number' }).notNull().default(sql`EXTRACT(EPOCH FROM NOW()) * 1000`),
 });
 
 export const userSettings = pgTable('user_settings', {

backend/src/routes/subtasks.ts

@@ -2,7 +2,7 @@ import { Router, Request, Response } from 'express';
 import { asyncHandler } from '../utils/asyncHandler';
 import { db } from '../db';
 import { subtasks, tasks } from '../db/schema';
-import { eq, and, asc, desc } from 'drizzle-orm';
+import { eq, and, asc, desc, isNull } from 'drizzle-orm';
 import { authMiddleware } from '../utils/auth';
 import { AppError } from '../middleware/errorHandler';
 import { subtaskCreateSchema, subtaskUpdateSchema } from '../utils/validation';
@@ -70,7 +70,7 @@ router.post('/task/:taskId', asyncHandler(async (req: Request, res: Response) =>
     .where(and(
       eq(subtasks.taskId, req.params.taskId), 
       eq(subtasks.userId, userId),
-      parentSubtaskId ? eq(subtasks.parentSubtaskId, parentSubtaskId) : eq(subtasks.parentSubtaskId, null)
+      parentSubtaskId ? eq(subtasks.parentSubtaskId, parentSubtaskId) : isNull(subtasks.parentSubtaskId)
     ))
     .orderBy(desc(subtasks.order))
     .limit(1);
@@ -82,6 +82,7 @@ router.post('/task/:taskId', asyncHandler(async (req: Request, res: Response) =>
     userId,
     taskId: req.params.taskId,
     parentSubtaskId,
+    categoryId: data.categoryId ?? null,
     title: data.title,
     description: data.description ?? '',
     priority: data.priority ?? 'none',
@@ -117,7 +118,7 @@ router.patch('/:id', asyncHandler(async (req: Request, res: Response) => {
   const data = subtaskUpdateSchema.parse(req.body);
   const userId = req.user!.userId;
 
-  const existing = await db
+  const existing: any[] = await db
     .select()
     .from(subtasks)
     .where(and(eq(subtasks.id, req.params.id), eq(subtasks.userId, userId)))

backend/src/routes/sync.ts

@@ -1,8 +1,8 @@
 import { Router, Request, Response } from 'express';
 import { asyncHandler } from '../utils/asyncHandler';
 import { db } from '../db';
-import { categories, tasks, subtasks, repeatProfiles, users, friendships } from '../db/schema';
-import { eq, and, gte, lte, asc, or, inArray, sql } from 'drizzle-orm';
+import { categories, tasks, subtasks, repeatProfiles, users, friendships, tombstones, type EntityName } from '../db/schema';
+import { eq, and, gte, asc, or, inArray, sql } from 'drizzle-orm';
 import { authMiddleware } from '../utils/auth';
 import { AppError } from '../middleware/errorHandler';
 import { syncQuerySchema, pushChangesSchema, canCompleteTask } from '../utils/validation';
@@ -32,17 +32,15 @@ router.get('/', asyncHandler(async (req: Request, res: Response) => {
     .orderBy(asc(tasks.updatedAt));
 
   // Fetch subtasks changed since timestamp
-  const taskIds = changedTasks.map(t => t.id);
   let changedSubtasks: any[] = [];
-  
-  if (taskIds.length > 0) {
+  if (changedTasks.length > 0) {
     changedSubtasks = await db
       .select()
       .from(subtasks)
       .where(and(eq(subtasks.userId, userId), gte(subtasks.updatedAt, sinceDate)))
       .orderBy(asc(subtasks.updatedAt));
   } else {
-    // Also fetch subtasks for tasks that might have been deleted (we track by updatedAt)
+    // Also fetch subtasks for tasks that might have been deleted
     changedSubtasks = await db
       .select()
       .from(subtasks)
@@ -67,6 +65,13 @@ router.get('/', asyncHandler(async (req: Request, res: Response) => {
     ))
     .orderBy(asc(friendships.updatedAt));
 
+  // Fetch tombstones (deletions) changed since timestamp
+  const changedTombstones = await db
+    .select()
+    .from(tombstones)
+    .where(and(eq(tombstones.userId, userId), gte(tombstones.updatedAt, sinceDate)))
+    .orderBy(asc(tombstones.updatedAt));
+
   const timestamp = Date.now();
 
   res.json({
@@ -75,6 +80,7 @@ router.get('/', asyncHandler(async (req: Request, res: Response) => {
     subtasks: changedSubtasks,
     repeatProfiles: changedRepeatProfiles,
     friendships: changedFriendships,
+    deleted: changedTombstones.map((t) => ({ entity: t.entity, id: t.entityId, updatedAt: t.updatedAt })),
     timestamp,
   });
 }));
@@ -125,6 +131,27 @@ router.post('/push', asyncHandler(async (req: Request, res: Response) => {
         }
       }
 
+      // Sanitize assignee references: only real user ids may be stored (FK).
+      // Stale/unknown assignee ids are silently dropped to null instead of
+      // failing the whole push transaction.
+      const assigneeIds = new Set<string>();
+      for (const task of data.changes.tasks ?? []) {
+        if (task.assigneeId) assigneeIds.add(task.assigneeId);
+      }
+      for (const sub of data.changes.subtasks ?? []) {
+        if (sub.assigneeId) assigneeIds.add(sub.assigneeId);
+      }
+      const validAssignees = new Set<string>();
+      if (assigneeIds.size > 0) {
+        const rows = await tx
+          .select({ id: users.id })
+          .from(users)
+          .where(inArray(users.id, [...assigneeIds]));
+        for (const r of rows) validAssignees.add(r.id);
+      }
+      const sanitizeAssignee = (a: string | null | undefined): string | null =>
+        a && validAssignees.has(a) ? a : null;
+
       // Process categories
       if (data.changes.categories && data.changes.categories.length > 0) {
         for (const cat of data.changes.categories) {
@@ -208,6 +235,7 @@ router.post('/push', asyncHandler(async (req: Request, res: Response) => {
                 title: task.title,
                 description: task.description,
                 categoryId: task.categoryId,
+                tags: task.tags ?? '',
                 priority: task.priority,
                 completed: task.completed,
                 dueDate: task.dueDate,
@@ -220,13 +248,15 @@ router.post('/push', asyncHandler(async (req: Request, res: Response) => {
                 seriesId: task.seriesId ?? '',
                 reminder: task.reminder ?? 'none',
                 reminders: task.reminders ?? '',
-                   assigneeId: task.assigneeId ?? null,
+                assigneeId: sanitizeAssignee(task.assigneeId),
+                completedAt: task.completedAt ?? null,
                 updatedAt: task.updatedAt,
               })
               .where(and(eq(tasks.id, task.id), eq(tasks.userId, userId)));
           } else {
             await tx.insert(tasks).values({
               ...task,
+              assigneeId: sanitizeAssignee(task.assigneeId),
               allDay: task.allDay ?? false,
               userId,
             });
@@ -260,6 +290,8 @@ router.post('/push', asyncHandler(async (req: Request, res: Response) => {
               .update(subtasks)
               .set({
                 taskId: sub.taskId,
+                parentSubtaskId: sub.parentSubtaskId ?? null,
+                categoryId: sub.categoryId ?? null,
                 title: sub.title,
                 description: sub.description ?? '',
                 priority: sub.priority ?? 'none',
@@ -274,7 +306,7 @@ router.post('/push', asyncHandler(async (req: Request, res: Response) => {
                 seriesId: sub.seriesId ?? '',
                 reminder: sub.reminder ?? 'none',
                 reminders: sub.reminders ?? '',
-                assigneeId: sub.assigneeId ?? null,
+                assigneeId: sanitizeAssignee(sub.assigneeId),
                 order: sub.order,
                 updatedAt: sub.updatedAt,
               })
@@ -282,6 +314,7 @@ router.post('/push', asyncHandler(async (req: Request, res: Response) => {
           } else {
             await tx.insert(subtasks).values({
               ...sub,
+              assigneeId: sanitizeAssignee(sub.assigneeId),
               userId,
             });
           }
@@ -365,6 +398,14 @@ router.post('/push', asyncHandler(async (req: Request, res: Response) => {
           }
         }
       }
+
+      // Process deletions (tombstones) - last so they see the state produced
+      // by the upserts above and resolve by last-writer-wins.
+      if (data.deleted && data.deleted.length > 0) {
+        for (const deleted of data.deleted) {
+          await applyTombstone(tx, deleted.entity, deleted.id, deleted.updatedAt, userId, conflicts);
+        }
+      }
     });
   } catch (error) {
     console.error('Sync push error:', error);
@@ -378,4 +419,197 @@ router.post('/push', asyncHandler(async (req: Request, res: Response) => {
   });
 }));
 
+// Upsert a tombstone row, keeping the latest updatedAt.
+async function upsertTombstone(
+  tx: any,
+  entity: EntityName,
+  entityId: string,
+  updatedAt: number,
+  userId: string
+): Promise<void> {
+  const existing = await tx
+    .select({ updatedAt: tombstones.updatedAt })
+    .from(tombstones)
+    .where(and(eq(tombstones.entity, entity), eq(tombstones.entityId, entityId)))
+    .limit(1);
+
+  const merged = Math.max(existing[0]?.updatedAt ?? 0, updatedAt);
+  if (existing.length > 0) {
+    await tx
+      .update(tombstones)
+      .set({ updatedAt: merged })
+      .where(and(eq(tombstones.entity, entity), eq(tombstones.entityId, entityId)));
+  } else {
+    await tx.insert(tombstones).values({ entity, entityId, userId, updatedAt: merged });
+  }
+}
+
+// Apply a client deletion. LWW: if the server row is newer than the deletion
+// timestamp, the deletion is rejected (server_wins conflict) so the client
+// re-pulls the row. Accepted deletions cascade tombstones to every FK-cascaded
+// child so all devices remove them too.
+async function applyTombstone(
+  tx: any,
+  entity: EntityName,
+  id: string,
+  deletedAt: number,
+  userId: string,
+  conflicts: any[]
+): Promise<void> {
+  const tombstoneOf = (e: EntityName, ids: string[]) => ids.forEach((i) => upsertTombstone(tx, e, i, deletedAt, userId));
+
+  if (entity === 'tasks') {
+    const row = await tx
+      .select()
+      .from(tasks)
+      .where(and(eq(tasks.id, id), eq(tasks.userId, userId)))
+      .limit(1);
+    if (row.length === 0) {
+      await upsertTombstone(tx, entity, id, deletedAt, userId);
+      return;
+    }
+    if (row[0].updatedAt > deletedAt) {
+      conflicts.push({
+        entity: 'tasks',
+        id,
+        serverVersion: row[0],
+        clientVersion: { id, updatedAt: deletedAt },
+        resolution: 'server_wins',
+      });
+      return;
+    }
+    const children = await tx
+      .select({ id: subtasks.id })
+      .from(subtasks)
+      .where(and(eq(subtasks.taskId, id), eq(subtasks.userId, userId)));
+    tombstoneOf('subtasks', children.map((c: any) => c.id));
+    await tx.delete(tasks).where(and(eq(tasks.id, id), eq(tasks.userId, userId)));
+    await upsertTombstone(tx, entity, id, deletedAt, userId);
+    return;
+  }
+
+  if (entity === 'categories') {
+    const row = await tx
+      .select()
+      .from(categories)
+      .where(and(eq(categories.id, id), eq(categories.userId, userId)))
+      .limit(1);
+    if (row.length === 0) {
+      await upsertTombstone(tx, entity, id, deletedAt, userId);
+      return;
+    }
+    if (row[0].updatedAt > deletedAt) {
+      conflicts.push({
+        entity: 'categories',
+        id,
+        serverVersion: row[0],
+        clientVersion: { id, updatedAt: deletedAt },
+        resolution: 'server_wins',
+      });
+      return;
+    }
+    // Deleting the category cascades its tasks (and their subtasks) -
+    // tombstone all of them so every client removes them.
+    const catTasks = await tx
+      .select()
+      .from(tasks)
+      .where(and(eq(tasks.categoryId, id), eq(tasks.userId, userId)));
+    for (const taskRow of catTasks) {
+      const subIds = await tx
+        .select({ id: subtasks.id })
+        .from(subtasks)
+        .where(and(eq(subtasks.taskId, taskRow.id), eq(subtasks.userId, userId)));
+      tombstoneOf('subtasks', subIds.map((s: any) => s.id));
+      tombstoneOf('tasks', [taskRow.id]);
+    }
+    await tx.delete(categories).where(and(eq(categories.id, id), eq(categories.userId, userId)));
+    await upsertTombstone(tx, entity, id, deletedAt, userId);
+    return;
+  }
+
+  if (entity === 'subtasks') {
+    const row = await tx
+      .select()
+      .from(subtasks)
+      .where(and(eq(subtasks.id, id), eq(subtasks.userId, userId)))
+      .limit(1);
+    if (row.length === 0) {
+      await upsertTombstone(tx, entity, id, deletedAt, userId);
+      return;
+    }
+    if (row[0].updatedAt > deletedAt) {
+      conflicts.push({
+        entity: 'subtasks',
+        id,
+        serverVersion: row[0],
+        clientVersion: { id, updatedAt: deletedAt },
+        resolution: 'server_wins',
+      });
+      return;
+    }
+    // Deleting a parent subtask cascades its children in PG - tombstone them.
+    const children = await tx
+      .select({ id: subtasks.id })
+      .from(subtasks)
+      .where(and(eq(subtasks.parentSubtaskId, id), eq(subtasks.userId, userId)));
+    tombstoneOf('subtasks', children.map((c: any) => c.id));
+    await tx.delete(subtasks).where(and(eq(subtasks.id, id), eq(subtasks.userId, userId)));
+    await upsertTombstone(tx, entity, id, deletedAt, userId);
+    return;
+  }
+
+  if (entity === 'repeatProfiles') {
+    const row = await tx
+      .select()
+      .from(repeatProfiles)
+      .where(and(eq(repeatProfiles.id, id), eq(repeatProfiles.userId, userId)))
+      .limit(1);
+    if (row.length === 0) {
+      await upsertTombstone(tx, entity, id, deletedAt, userId);
+      return;
+    }
+    if (row[0].updatedAt > deletedAt) {
+      conflicts.push({
+        entity: 'repeatProfiles',
+        id,
+        serverVersion: row[0],
+        clientVersion: { id, updatedAt: deletedAt },
+        resolution: 'server_wins',
+      });
+      return;
+    }
+    await tx.delete(repeatProfiles).where(and(eq(repeatProfiles.id, id), eq(repeatProfiles.userId, userId)));
+    await upsertTombstone(tx, entity, id, deletedAt, userId);
+    return;
+  }
+
+  if (entity === 'friendships') {
+    const row = await tx
+      .select()
+      .from(friendships)
+      .where(and(
+        eq(friendships.id, id),
+        or(eq(friendships.userId, userId), eq(friendships.friendId, userId))
+      ))
+      .limit(1);
+    if (row.length === 0) {
+      await upsertTombstone(tx, entity, id, deletedAt, userId);
+      return;
+    }
+    if (row[0].updatedAt > deletedAt) {
+      conflicts.push({
+        entity: 'friendships',
+        id,
+        serverVersion: row[0],
+        clientVersion: { id, updatedAt: deletedAt },
+        resolution: 'server_wins',
+      });
+      return;
+    }
+    await tx.delete(friendships).where(eq(friendships.id, id));
+    await upsertTombstone(tx, entity, id, deletedAt, userId);
+    return;
+  }
+}
+
 export default router;

backend/src/routes/tasks.ts

@@ -116,7 +116,8 @@ router.post('/', asyncHandler(async (req: Request, res: Response) => {
   const userId = req.user!.userId;
   const now = Date.now();
 
-  // Verify category exists and belongs to user
+  // Verify category exists and belongs to user (optional - tasks may be uncategorized)
+  if (data.categoryId) {
     const cat = await db
       .select()
       .from(categories)
@@ -126,6 +127,7 @@ router.post('/', asyncHandler(async (req: Request, res: Response) => {
     if (cat.length === 0) {
       throw new AppError('NOT_FOUND', 'Category not found', 404);
     }
+  }
 
   const taskId = `task_${Date.now().toString(36)}${Math.random().toString(36).slice(2, 6)}`;
   
@@ -133,6 +135,7 @@ router.post('/', asyncHandler(async (req: Request, res: Response) => {
     id: taskId,
     userId,
     categoryId: data.categoryId,
+    tags: data.tags ?? '',
     title: data.title,
     description: data.description ?? '',
     priority: data.priority ?? 'none',
@@ -157,6 +160,7 @@ router.post('/', asyncHandler(async (req: Request, res: Response) => {
       userId,
       taskId,
       title: st.title,
+      categoryId: (st as any).categoryId ?? null,
       completed: false,
       order: index,
       createdAt: now,
@@ -261,12 +265,14 @@ router.post('/batch', asyncHandler(async (req: Request, res: Response) => {
   for (const op of operations) {
     try {
       if (op.type === 'create') {
+        if (op.data.categoryId) {
           const cat = await db
             .select()
             .from(categories)
             .where(and(eq(categories.id, op.data.categoryId), eq(categories.userId, userId)))
             .limit(1);
           if (cat.length === 0) throw new AppError('NOT_FOUND', 'Category not found', 404);
+        }
 
         const taskId = `task_${Date.now().toString(36)}${Math.random().toString(36).slice(2, 6)}`;
         const now = Date.now();

backend/src/utils/validation.ts

@@ -21,29 +21,46 @@ export const categoryUpdateSchema = z.object({
 
 export const repeatSchema = z.enum(['none', 'daily', 'weekly', 'monthly', 'custom']);
 
+// The client stores '' / 0 for unset repeat values; normalize them so stale or
+// legacy rows never fail validation on push.
+export const repeatFieldSchema = repeatSchema
+  .or(z.literal(''))
+  .transform((v) => (v === '' ? 'none' : v))
+  .optional();
+export const repeatIntervalFieldSchema = z
+  .number()
+  .int()
+  .min(0)
+  .max(30)
+  .transform((v) => Math.max(1, v))
+  .optional();
+
 export const taskCreateSchema = z.object({
   title: z.string().min(1).max(100),
   description: z.string().max(1000).optional(),
-  categoryId: z.string().min(1),
+  categoryId: z.string().max(100).transform((v) => (v === '' ? null : v)).nullable(),
+  tags: z.string().max(500).optional(),
   priority: z.enum(['none', 'low', 'medium', 'high', 'critical']).optional(),
   dueDate: z.number().int().min(0).optional(),
   dueTime: z.string().regex(/^([01]\d|2[0-3]):([0-5]\d)$/).optional().or(z.literal('')).transform(v => v ?? ''),
   endTime: z.string().regex(/^([01]\d|2[0-3]):([0-5]\d)$/).optional().or(z.literal('')),
   allDay: z.boolean().optional(),
-  repeat: repeatSchema.optional(),
-  repeatInterval: z.number().int().min(1).max(30).optional(),
+  repeat: repeatFieldSchema,
+  repeatInterval: repeatIntervalFieldSchema,
   repeatDays: z.string().max(20).optional(),
   seriesId: z.string().max(50).optional(),
   reminder: z.enum(['none', 'at_time', '15', '30', '60', '120', '1440']).optional(),
   reminders: z.string().max(100).optional(),
   assigneeId: z.string().nullable().optional(),
-  subtasks: z.array(z.object({ title: z.string().min(1).max(100) })).optional(),
+  completedAt: z.number().int().min(0).nullable().optional(),
+  subtasks: z.array(z.object({ title: z.string().min(1).max(100), categoryId: z.string().max(100).nullable().optional().transform((v) => (v === '' ? null : v)) })).optional(),
 });
 
 export const taskUpdateSchema = z.object({
   title: z.string().min(1).max(100).optional(),
   description: z.string().max(1000).optional(),
-  categoryId: z.string().min(1).optional(),
+  categoryId: z.string().max(100).nullable().optional().transform((v) => (v === '' ? null : v)),
+  tags: z.string().max(500).optional(),
   priority: z.enum(['none', 'low', 'medium', 'high', 'critical']).optional(),
   completed: z.boolean().optional(),
   dueDate: z.number().int().min(0).optional(),
@@ -51,18 +68,20 @@ export const taskUpdateSchema = z.object({
   endTime: z.string().regex(/^([01]\d|2[0-3]):([0-5]\d)$/).optional(),
   reminders: z.string().max(100).optional(),
   assigneeId: z.string().nullable().optional(),
+  completedAt: z.number().int().min(0).nullable().optional(),
 });
 
 export const subtaskCreateSchema = z.object({
   title: z.string().min(1).max(100),
   description: z.string().max(1000).optional(),
+  categoryId: z.string().max(100).nullable().optional().transform((v) => (v === '' ? null : v)),
   priority: z.enum(['none', 'low', 'medium', 'high', 'critical']).optional(),
   dueDate: z.number().int().min(0).optional(),
   dueTime: z.string().regex(/^([01]\d|2[0-3]):([0-5]\d)$/).optional().or(z.literal('')).transform(v => v ?? ''),
   endTime: z.string().regex(/^([01]\d|2[0-3]):([0-5]\d)$/).optional().or(z.literal('')),
   allDay: z.boolean().optional(),
-  repeat: repeatSchema.optional(),
-  repeatInterval: z.number().int().min(1).max(30).optional(),
+  repeat: repeatFieldSchema,
+  repeatInterval: repeatIntervalFieldSchema,
   repeatDays: z.string().max(20).optional(),
   seriesId: z.string().max(50).optional(),
   reminder: z.enum(['none', 'at_time', '15', '30', '60', '120', '1440']).optional(),
@@ -75,14 +94,15 @@ export const subtaskCreateSchema = z.object({
 export const subtaskUpdateSchema = z.object({
   title: z.string().min(1).max(100).optional(),
   description: z.string().max(1000).optional(),
+  categoryId: z.string().max(100).nullable().optional().transform((v) => (v === '' ? null : v)),
   priority: z.enum(['none', 'low', 'medium', 'high', 'critical']).optional(),
   completed: z.boolean().optional(),
   dueDate: z.number().int().min(0).optional(),
   dueTime: z.string().regex(/^([01]\d|2[0-3]):([0-5]\d)$/).optional().or(z.literal('')).transform(v => v === '' ? undefined : v),
   endTime: z.string().regex(/^([01]\d|2[0-3]):([0-5]\d)$/).optional(),
   allDay: z.boolean().optional(),
-  repeat: repeatSchema.optional(),
-  repeatInterval: z.number().int().min(1).max(30).optional(),
+  repeat: repeatFieldSchema,
+  repeatInterval: repeatIntervalFieldSchema,
   repeatDays: z.string().max(20).optional(),
   seriesId: z.string().max(50).optional(),
   reminder: z.enum(['none', 'at_time', '15', '30', '60', '120', '1440']).optional(),
@@ -132,14 +152,21 @@ export const friendshipSchema = z.object({
   updatedAt: z.number(),
 });
 
+export const tombstoneSchema = z.object({
+  entity: z.enum(['categories', 'tasks', 'subtasks', 'repeatProfiles', 'friendships']),
+  id: z.string(),
+  updatedAt: z.number().int().min(0),
+});
+
 export const pushChangesSchema = z.object({
   changes: z.object({
     categories: z.array(categoryCreateSchema.extend({ id: z.string(), createdAt: z.number(), updatedAt: z.number() })).optional(),
-    tasks: z.array(taskCreateSchema.extend({ id: z.string(), completed: z.boolean(), createdAt: z.number(), updatedAt: z.number() })).optional(),
+    tasks: z.array(taskCreateSchema.extend({ id: z.string(), completed: z.boolean(), createdAt: z.number(), updatedAt: z.number(), completedAt: z.number().int().min(0).nullable().optional() })).optional(),
     subtasks: z.array(subtaskCreateSchema.extend({ id: z.string(), taskId: z.string(), completed: z.boolean(), createdAt: z.number(), updatedAt: z.number() })).optional(),
     repeatProfiles: z.array(repeatProfileSchema.extend({ id: z.string(), createdAt: z.number(), updatedAt: z.number() })).optional(),
     friendships: z.array(friendshipSchema).optional(),
   }),
+  deleted: z.array(tombstoneSchema).optional(),
   lastPulledAt: z.number().int().min(0),
 });
 

carry-your-live/app.json

@@ -6,11 +6,13 @@
     "orientation": "portrait",
     "icon": "./assets/icon.png",
     "userInterfaceStyle": "dark",
+    "backgroundColor": "#121212",
     "ios": {
       "supportsTablet": true
     },
     "android": {
       "softwareKeyboardLayoutMode": "resize",
+      "backgroundColor": "#121212",
       "adaptiveIcon": {
         "backgroundColor": "#E6F4FE",
         "foregroundImage": "./assets/android-icon-foreground.png",

carry-your-live/app/(tabs)/_layout.tsx

@@ -3,6 +3,7 @@ import React from 'react';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { TabBarIcon } from '@/components/TabBarIcon';
 import { useSettings } from '@/theme';
+import { setLastVisitedTab } from '@/utils/tabHistory';
 
 export default function TabLayout() {
   const { theme } = useSettings();
@@ -12,27 +13,44 @@ export default function TabLayout() {
     <Tabs
       screenOptions={{
         tabBarActiveTintColor: theme.accent,
-        tabBarInactiveTintColor: '#8E8E8E',
+        tabBarInactiveTintColor: theme.text,
         tabBarStyle: {
           backgroundColor: theme.tabBarBg,
           borderTopWidth: 1,
           borderTopColor: theme.border,
-          height: 64 + insets.bottom,
+          height: 68 + insets.bottom,
           paddingBottom: insets.bottom,
+          paddingTop: 6,
+          elevation: 8,
+          shadowColor: '#000',
+          shadowOffset: { width: 0, height: -2 },
+          shadowOpacity: 0.08,
+          shadowRadius: 8,
+        },
+        tabBarItemStyle: {
+          paddingVertical: 0,
         },
         tabBarLabelStyle: {
           fontSize: 11,
-          fontWeight: '500',
+          fontWeight: '700',
         },
         headerShown: false,
+        sceneStyle: { backgroundColor: theme.background },
       }}
+      screenListeners={({ route }) => ({
+        focus: () => {
+          if (route.name !== 'settings') {
+            setLastVisitedTab(route.name);
+          }
+        },
+      })}
     >
       <Tabs.Screen
         name="index"
         options={{
-          title: 'Tasks',
-          tabBarIcon: ({ focused, color }) => (
-            <TabBarIcon name="checklist" focused={focused} color={color} />
+          title: 'ToDo',
+          tabBarIcon: ({ color, focused }) => (
+            <TabBarIcon name="checklist" focused={focused} color={color} size={26} />
           ),
         }}
       />
@@ -40,8 +58,8 @@ export default function TabLayout() {
         name="calendar"
         options={{
           title: 'Calendar',
-          tabBarIcon: ({ focused, color }) => (
-            <TabBarIcon name="calendar" focused={focused} color={color} />
+          tabBarIcon: ({ color, focused }) => (
+            <TabBarIcon name="calendar" focused={focused} color={color} size={26} />
           ),
         }}
       />
@@ -49,8 +67,8 @@ export default function TabLayout() {
         name="stats"
         options={{
           title: 'Stats',
-          tabBarIcon: ({ focused, color }) => (
-            <TabBarIcon name="stats" focused={focused} color={color} />
+          tabBarIcon: ({ color, focused }) => (
+            <TabBarIcon name="stats" focused={focused} color={color} size={26} />
           ),
         }}
       />
@@ -58,8 +76,8 @@ export default function TabLayout() {
         name="settings"
         options={{
           title: 'Settings',
-          tabBarIcon: ({ focused, color }) => (
-            <TabBarIcon name="gear" focused={focused} color={color} />
+          tabBarIcon: ({ color, focused }) => (
+            <TabBarIcon name="gear" focused={focused} color={color} size={26} />
           ),
         }}
       />

carry-your-live/app/(tabs)/calendar.tsx

@@ -1,24 +1,23 @@
-import React, { useMemo, useRef, useState, useCallback, useEffect } from 'react';
-import { View, Text, StyleSheet, SafeAreaView, ScrollView, TouchableOpacity, Animated, Dimensions } from 'react-native';
-import { useRouter } from 'expo-router';
+import React, { useMemo, useRef, useState, useCallback } from 'react';
+import { View, Text, StyleSheet, SafeAreaView, ScrollView, TouchableOpacity, Animated, Dimensions, BackHandler, KeyboardAvoidingView } from 'react-native';
+import { useRouter, useFocusEffect } from 'expo-router';
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
 import { Header } from '@/components/Header';
 import { useTasksByDate, useTasksInMonth } from '@/hooks/useTasks';
+import { useSubtasks } from '@/hooks/useSubtasks';
 import { useTaskModals } from '@/hooks/useTaskModals';
 import { useSettings } from '@/theme';
-import { useCategories, useDatabase } from '@/hooks/useDatabase';
+import { useCategories } from '@/hooks/useDatabase';
 import { toggleTaskComplete } from '@/utils/taskActions';
 import { QuickAddBar } from '@/components/QuickAddBar';
 import { OptionPickerModal } from '@/components/OptionPickerModal';
-import { SubtaskData } from '@/types';
 import Task from '@/models/Task';
 import { format, addMonths, addDays, startOfMonth, isSameDay, isSameMonth, isToday } from 'date-fns';
-import { Q } from '@nozbe/watermelondb';
 import Svg, { Path, Circle } from 'react-native-svg';
+import { desaturate } from '@/theme';
 import type { ThemeColors } from '@/theme';
 
 const WIDTH = Dimensions.get('window').width;
-const ORANGE = '#FF7043';
 const GERMAN_WEEKDAYS = ['mo', 'di', 'mi', 'do', 'fr', 'sa', 'so'];
 const MONTH_NAMES = [
   'January', 'February', 'March', 'April', 'May', 'June',
@@ -28,7 +27,6 @@ const MONTH_NAMES = [
 export default function CalendarScreen() {
   const router = useRouter();
   const { theme } = useSettings();
-  const { collections } = useDatabase();
   const categories = useCategories();
   const { modals, openTaskEdit } = useTaskModals();
 
@@ -36,20 +34,31 @@ export default function CalendarScreen() {
   const [selectedDate, setSelectedDate] = useState(() => new Date());
   const [monthPickerVisible, setMonthPickerVisible] = useState(false);
   const [yearPickerVisible, setYearPickerVisible] = useState(false);
-  const [subtasksMap, setSubtasksMap] = useState<Record<string, SubtaskData[]>>({});
+  const { map: subtasksByTask, refresh: refreshSubtasks } = useSubtasks();
 
   const visibleMonthRef = useRef(visibleMonth);
   visibleMonthRef.current = visibleMonth;
   const selectedDateRef = useRef(selectedDate);
   selectedDateRef.current = selectedDate;
 
+  const { tasks: selectedDayTasks, refresh: refreshDayTasks } = useTasksByDate(selectedDate);
+  const monthTasks = useTasksInMonth(visibleMonth);
+  const refreshMonthTasks = monthTasks.refresh;
+
+  useFocusEffect(
+    useCallback(() => {
+      const sub = BackHandler.addEventListener('hardwareBackPress', () => true);
+      refreshDayTasks();
+      refreshMonthTasks();
+      refreshSubtasks();
+      return () => sub.remove();
+    }, [refreshDayTasks, refreshMonthTasks, refreshSubtasks])
+  );
+
   const translateX = useRef(new Animated.Value(0)).current;
   const animatingRef = useRef(false);
   const gridWidthRef = useRef<number>(WIDTH);
 
-  const { tasks: selectedDayTasks } = useTasksByDate(selectedDate);
-  const monthTasks = useTasksInMonth(visibleMonth);
-
   const weeks = useMemo(() => {
     const first = startOfMonth(visibleMonth);
     const offset = (first.getDay() + 6) % 7; // week starts Monday
@@ -60,67 +69,22 @@ export default function CalendarScreen() {
     return rows;
   }, [visibleMonth]);
 
-  const loadSubtasks = useCallback(
-    async (taskId: string): Promise<[string, SubtaskData[]]> => {
-      const subs = await collections.subtasks
-        .query(Q.where('task_id', taskId), Q.where('parent_subtask_id', null), Q.sortBy('order', 'asc'))
-        .fetch();
-      const mapped: SubtaskData[] = subs.map((s: any) => ({
-        id: s.id,
-        taskId: s.taskId,
-        parentSubtaskId: s.parentSubtaskId || null,
-        title: s.title,
-        description: s.description || '',
-        priority: (s.priority || 'none') as SubtaskData['priority'],
-        completed: s.completed,
-        dueDate: s.dueDate || 0,
-        dueTime: s.dueTime || '',
-        endTime: s.endTime || '',
-        allDay: s.allDay ?? false,
-        repeat: (s.repeat || 'none') as SubtaskData['repeat'],
-        repeatInterval: s.repeatInterval ?? 1,
-        repeatDays: s.repeatDays || '',
-        seriesId: s.seriesId || '',
-        reminder: (s.reminder || 'none') as SubtaskData['reminder'],
-        assigneeId: s.assigneeId ?? null,
-        order: s.order,
-        subtasks: [],
-      }));
-      return [taskId, mapped];
-    },
-    [collections.subtasks]
-  );
-
-  useEffect(() => {
-    let active = true;
-    setSubtasksMap({});
-    Promise.all(selectedDayTasks.map((t) => loadSubtasks(t.id))).then((entries) => {
-      if (!active) return;
-      setSubtasksMap(Object.fromEntries(entries));
-    });
-    return () => {
-      active = false;
-    };
-  }, [selectedDayTasks, loadSubtasks]);
-
-  const handleDayPress = useCallback((day: Date) => {
-    setSelectedDate(day);
-    if (!isSameMonth(day, visibleMonthRef.current)) {
-      setVisibleMonth(day);
-    }
-  }, []);
-
   const transitionTo = useCallback(
-    (dir: 1 | -1) => {
+    (dir: 1 | -1, animate = true) => {
       if (animatingRef.current) return;
-      animatingRef.current = true;
-      const w = gridWidthRef.current || WIDTH;
-      const target = dir === 1 ? -w : w;
-      Animated.timing(translateX, { toValue: target, duration: 220, useNativeDriver: false }).start(() => {
       const next = addMonths(visibleMonthRef.current, dir);
       if (!isSameMonth(selectedDateRef.current, next)) {
         setSelectedDate(startOfMonth(next));
       }
+      if (!animate) {
+        setVisibleMonth(next);
+        translateX.setValue(0);
+        return;
+      }
+      animatingRef.current = true;
+      const w = gridWidthRef.current || WIDTH;
+      const target = dir === 1 ? -w : w;
+      Animated.timing(translateX, { toValue: target, duration: 220, useNativeDriver: false }).start(() => {
         setVisibleMonth(next);
         translateX.setValue(-target);
         Animated.timing(translateX, { toValue: 0, duration: 180, useNativeDriver: false }).start(() => {
@@ -131,6 +95,18 @@ export default function CalendarScreen() {
     [translateX]
   );
 
+  const handleDayPress = useCallback(
+    (day: Date) => {
+      setSelectedDate(day);
+      if (!isSameMonth(day, visibleMonthRef.current)) {
+        transitionTo(day > visibleMonthRef.current ? 1 : -1, true);
+      } else {
+        router.push({ pathname: '/day-view', params: { date: day.toISOString() } });
+      }
+    },
+    [router, transitionTo]
+  );
+
   const pan = useMemo(
     () =>
       Gesture.Pan()
@@ -146,10 +122,10 @@ export default function CalendarScreen() {
           const dx = e.translationX;
           if (dx <= -w / 4) {
             translateX.stopAnimation();
-            transitionTo(1);
+            transitionTo(1, false);
           } else if (dx >= w / 4) {
             translateX.stopAnimation();
-            transitionTo(-1);
+            transitionTo(-1, false);
           } else {
             Animated.spring(translateX, { toValue: 0, useNativeDriver: false }).start();
           }
@@ -177,15 +153,18 @@ export default function CalendarScreen() {
 
   const handleToggleComplete = useCallback(async (taskId: string) => {
     await toggleTaskComplete(taskId);
-  }, []);
+    refreshDayTasks();
+    refreshMonthTasks();
+    refreshSubtasks();
+  }, [refreshDayTasks, refreshMonthTasks, refreshSubtasks]);
 
   return (
     <SafeAreaView style={[styles.container, { backgroundColor: theme.background }]}>
-      <GestureDetector gesture={pan}>
-        <View style={styles.flex}>
       <Header title="Calendar" showLogo={false} />
 
-          <ScrollView showsVerticalScrollIndicator={false} contentContainerStyle={styles.scrollContent}>
+      <KeyboardAvoidingView style={styles.kbAvoid} behavior="padding">
+      <ScrollView style={styles.scrollBody} showsVerticalScrollIndicator={false} contentContainerStyle={styles.scrollContent}>
+        <GestureDetector gesture={pan}>
           <Animated.View
             onLayout={(e) => {
               gridWidthRef.current = e.nativeEvent.layout.width;
@@ -199,7 +178,7 @@ export default function CalendarScreen() {
                   activeOpacity={0.7}
                 >
                   <Svg width={20} height={20} viewBox="0 0 24 24">
-                    <Path d="M15 18l-6-6 6-6" stroke={theme.textFaint} strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" fill="none" />
+                    <Path d="M15 18l-6-6 6-6" stroke={theme.textSecondary} strokeWidth={2.5} strokeLinecap="round" strokeLinejoin="round" fill="none" />
                   </Svg>
                 </TouchableOpacity>
 
@@ -207,13 +186,14 @@ export default function CalendarScreen() {
                   <TouchableOpacity onPress={() => setMonthPickerVisible(true)} activeOpacity={0.7} style={styles.monthButton}>
                     <Text style={[styles.monthLabel, { color: theme.text }]}>{format(visibleMonth, 'MMMM')}</Text>
                     <Svg width={14} height={14} viewBox="0 0 24 24">
-                      <Path d="M6 9l6 6 6-6" stroke={theme.textMuted} strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" fill="none" />
+                      <Path d="M6 9l6 6 6-6" stroke={theme.textSecondary} strokeWidth={2.5} strokeLinecap="round" strokeLinejoin="round" fill="none" />
                     </Svg>
                   </TouchableOpacity>
+                </View>
+
                 <TouchableOpacity onPress={() => setYearPickerVisible(true)} activeOpacity={0.7} style={styles.yearButton}>
                   <Text style={[styles.yearLabel, { color: theme.textMuted }]}>{format(visibleMonth, 'yyyy')}</Text>
                 </TouchableOpacity>
-                </View>
 
                 <TouchableOpacity
                   onPress={() => transitionTo(1)}
@@ -221,7 +201,7 @@ export default function CalendarScreen() {
                   activeOpacity={0.7}
                 >
                   <Svg width={20} height={20} viewBox="0 0 24 24">
-                    <Path d="M9 6l6 6-6 6" stroke={theme.textFaint} strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" fill="none" />
+                    <Path d="M9 6l6 6-6 6" stroke={theme.textSecondary} strokeWidth={2.5} strokeLinecap="round" strokeLinejoin="round" fill="none" />
                   </Svg>
                 </TouchableOpacity>
               </View>
@@ -252,6 +232,7 @@ export default function CalendarScreen() {
                 </View>
               ))}
             </Animated.View>
+        </GestureDetector>
 
         <View style={styles.panelHeader}>
               <Text style={[styles.panelDate, { color: theme.text }]}>{format(selectedDate, 'EEEE, MMMM d')}</Text>
@@ -276,14 +257,14 @@ export default function CalendarScreen() {
                       onPress={() => handleToggleComplete(task.id)}
                       activeOpacity={0.7}
                     >
-                      <Svg width={22} height={22} viewBox="0 0 24 24">
+                      <Svg width={30} height={30} viewBox="0 0 24 24">
                         {task.completed ? (
                           <>
                             <Circle cx={12} cy={12} r={10} fill={theme.accent} />
                             <Path d="M7 12l3 3 7-7" stroke="#FFFFFF" strokeWidth={2.5} strokeLinecap="round" strokeLinejoin="round" fill="none" />
                           </>
                         ) : (
-                          <Circle cx={12} cy={12} r={10} stroke={theme.textMuted} strokeWidth={2} fill="none" />
+                          <Circle cx={12} cy={12} r={10} stroke={theme.textSecondary} strokeWidth={2.5} fill="none" />
                         )}
                       </Svg>
                     </TouchableOpacity>
@@ -303,22 +284,15 @@ export default function CalendarScreen() {
 
                     <TouchableOpacity style={styles.menuButton} onPress={() => openTaskEdit(task.id)} activeOpacity={0.7} accessibilityRole="button" accessibilityLabel={`Edit ${task.title}`}>
                       <Svg width={20} height={20} viewBox="0 0 24 24">
-                        <Circle cx={12} cy={5} r={1.5} fill={theme.textMuted} />
-                        <Circle cx={12} cy={12} r={1.5} fill={theme.textMuted} />
-                        <Circle cx={12} cy={19} r={1.5} fill={theme.textMuted} />
+                        <Path d="M9 6l6 6-6 6" stroke={theme.textSecondary} strokeWidth={2.5} strokeLinecap="round" strokeLinejoin="round" fill="none" />
                       </Svg>
                     </TouchableOpacity>
                   </View>
 
-                  {(subtasksMap[task.id] ?? []).length > 0 && (
+                  {(subtasksByTask.get(task.id) ?? []).length > 0 && (
                     <View style={styles.bullets}>
-                      {(subtasksMap[task.id] ?? []).map((sub) => (
-                        <TouchableOpacity
-                          key={sub.id}
-                          style={styles.bulletRow}
-                          onPress={() => router.push({ pathname: '/subtask-detail', params: { id: sub.id } })}
-                          activeOpacity={0.7}
-                        >
+                      {(subtasksByTask.get(task.id) ?? []).map((sub) => (
+                        <View key={sub.id} style={styles.bulletRow}>
                           <Svg width={5} height={5} viewBox="0 0 6 6" style={styles.bulletDot as any}>
                             <Circle cx={3} cy={3} r={3} fill={theme.textMuted} />
                           </Svg>
@@ -328,7 +302,7 @@ export default function CalendarScreen() {
                           >
                             {sub.title}
                           </Text>
-                        </TouchableOpacity>
+                        </View>
                       ))}
                     </View>
                   )}
@@ -337,7 +311,11 @@ export default function CalendarScreen() {
             )}
           </ScrollView>
 
-          <QuickAddBar dueDate={selectedDate.getTime()} placeholder={`Add event for ${format(selectedDate, 'MMM d')}`} />
+      <QuickAddBar
+        dueDate={selectedDate.getTime()}
+        placeholder={`Add event for ${format(selectedDate, 'MMM d')}`}
+      />
+      </KeyboardAvoidingView>
 
       {modals(() => {})}
 
@@ -357,8 +335,6 @@ export default function CalendarScreen() {
         onSelect={handleSelectYear}
         onClose={() => setYearPickerVisible(false)}
       />
-        </View>
-      </GestureDetector>
     </SafeAreaView>
   );
 }
@@ -376,7 +352,7 @@ function cellTitle(tasks: Task[]): string | null {
 function cellColor(tasks: Task[], categories: { id: string; color: string }[]): string {
   if (tasks.length === 0) return '#8E8E8E';
   const cat = categories.find((c) => c.id === tasks[0].categoryId);
-  return cat?.color ?? '#8E8E8E';
+  return cat ? desaturate(cat.color, 0.3) : '#8E8E8E';
 }
 
 interface DayCellProps {
@@ -393,7 +369,7 @@ interface DayCellProps {
 const DayCell = React.memo(function DayCell({ day, label, dotColor, selected, today, inMonth, theme, onPress }: DayCellProps) {
   return (
     <TouchableOpacity
-      style={[styles.dayCell, selected && { backgroundColor: ORANGE }]}
+      style={[styles.dayCell, selected && { backgroundColor: theme.accentSoft, borderColor: theme.accentBorder }]}
       onPress={() => onPress(day)}
       activeOpacity={0.7}
     >
@@ -401,8 +377,8 @@ const DayCell = React.memo(function DayCell({ day, label, dotColor, selected, to
         style={[
           styles.dayNumber,
           { color: theme.text },
-          !inMonth && { color: theme.borderStrong },
-          today && !selected && { color: ORANGE },
+          !inMonth && { color: theme.textMuted },
+          today && !selected && { color: theme.accent },
           selected && styles.dayNumberSelected,
         ]}
       >
@@ -425,12 +401,15 @@ const styles = StyleSheet.create({
   container: {
     flex: 1,
   },
-  flex: {
+  scrollContent: {
+    paddingBottom: 16,
+    flexGrow: 1,
+  },
+  scrollBody: {
     flex: 1,
   },
-  scrollContent: {
-    paddingBottom: 96,
-    flexGrow: 1,
+  kbAvoid: {
+    flex: 1,
   },
   calendarArea: {
     paddingHorizontal: 12,
@@ -453,7 +432,8 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
   },
   monthSelectorGroup: {
-    alignItems: 'center',
+    alignItems: 'flex-start',
+    flex: 1,
   },
   monthButton: {
     flexDirection: 'row',
@@ -468,10 +448,11 @@ const styles = StyleSheet.create({
   },
   yearButton: {
     marginTop: -2,
+    paddingHorizontal: 6,
   },
   yearLabel: {
-    fontSize: 13,
-    fontWeight: '500',
+    fontSize: 17,
+    fontWeight: '700',
   },
   weekdayRow: {
     flexDirection: 'row',
@@ -565,8 +546,8 @@ const styles = StyleSheet.create({
     alignItems: 'center',
   },
   checkCircle: {
-    width: 24,
-    marginRight: 10,
+    width: 30,
+    marginRight: 12,
   },
   eventTitleTouch: {
     flex: 1,

carry-your-live/app/(tabs)/index.tsx

@@ -1,16 +1,27 @@
-import React from 'react';
-import { View, Text, StyleSheet, SafeAreaView } from 'react-native';
+import React, { useCallback, useMemo, useState } from 'react';
+import { View, Text, StyleSheet, SafeAreaView, BackHandler, KeyboardAvoidingView, TouchableOpacity } from 'react-native';
+import { useFocusEffect } from 'expo-router';
 import { Header } from '@/components/Header';
 import { CategoryFilter } from '@/components/CategoryFilter';
 import { TaskList } from '@/components/TaskList';
 import { QuickAddBar } from '@/components/QuickAddBar';
 import { useDatabase } from '@/hooks/useDatabase';
 import { useSettings } from '@/theme';
+import Svg, { Path, Circle } from 'react-native-svg';
 
 export default function TasksScreen() {
   const { isReady } = useDatabase();
-  const { theme } = useSettings();
-  const [selectedCategory, setSelectedCategory] = React.useState<string>('all');
+  const { theme, showCompleted, setShowCompleted } = useSettings();
+  const [selectedCategories, setSelectedCategories] = useState<string[]>([]);
+
+  const categoryIds = useMemo(() => selectedCategories, [selectedCategories]);
+
+  useFocusEffect(
+    useCallback(() => {
+      const sub = BackHandler.addEventListener('hardwareBackPress', () => true);
+      return () => sub.remove();
+    }, [])
+  );
 
   if (!isReady) {
     return (
@@ -22,12 +33,45 @@ export default function TasksScreen() {
 
   return (
     <SafeAreaView style={[styles.container, { backgroundColor: theme.background }]}>
-      <Header title="TODO" showLogo={false} />
+      <Header title="ToDo" showLogo={false} />
       <View style={styles.categoryFilterWrapper}>
-        <CategoryFilter selected={selectedCategory} onSelect={setSelectedCategory} />
+        <CategoryFilter selected={selectedCategories} onSelect={setSelectedCategories} />
+        <TouchableOpacity
+          style={[
+            styles.completedToggle,
+            { backgroundColor: theme.card, borderColor: showCompleted ? theme.accent : theme.borderStrong },
+          ]}
+          onPress={() => setShowCompleted(!showCompleted)}
+          activeOpacity={0.8}
+          accessibilityRole="switch"
+          accessibilityLabel="Show completed tasks"
+          accessibilityState={{ checked: showCompleted }}
+        >
+          <Svg width={14} height={14} viewBox="0 0 24 24">
+            <Circle
+              cx={12}
+              cy={12}
+              r={9}
+              stroke={showCompleted ? theme.accent : theme.textMuted}
+              strokeWidth={2}
+              fill="none"
+            />
+            {showCompleted && (
+              <Path d="M7 12.5l3.5 3.5 6.5-7" stroke={theme.accent} strokeWidth={2.2} strokeLinecap="round" strokeLinejoin="round" fill="none" />
+            )}
+          </Svg>
+          <Text style={[styles.completedToggleText, { color: showCompleted ? theme.text : theme.textMuted }]}>
+            Completed
+          </Text>
+        </TouchableOpacity>
       </View>
-      <TaskList categoryId={selectedCategory} />
+      <KeyboardAvoidingView
+        style={styles.kbAvoid}
+        behavior="padding"
+      >
+        <TaskList categoryIds={categoryIds} showCompleted={showCompleted} />
         <QuickAddBar />
+      </KeyboardAvoidingView>
     </SafeAreaView>
   );
 }
@@ -37,11 +81,26 @@ const styles = StyleSheet.create({
     flex: 1,
   },
   categoryFilterWrapper: {
-    height: 36,
-  },
-  loadingContainer: {
-    flex: 1,
     justifyContent: 'center',
+    flexDirection: 'row',
     alignItems: 'center',
+    paddingRight: 12,
+  },
+  completedToggle: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 5,
+    paddingHorizontal: 10,
+    paddingVertical: 8,
+    borderRadius: 18,
+    borderWidth: 1.5,
+    alignSelf: 'center',
+  },
+  completedToggleText: {
+    fontSize: 12,
+    fontWeight: '600',
+  },
+  kbAvoid: {
+    flex: 1,
   },
 });

carry-your-live/app/(tabs)/settings.tsx

@@ -1,5 +1,6 @@
-import React, { useState } from 'react';
-import { View, Text, StyleSheet, SafeAreaView, ScrollView, Switch, TouchableOpacity, Alert, Linking, Modal, Pressable } from 'react-native';
+import React, { useState, useCallback } from 'react';
+import { View, Text, StyleSheet, SafeAreaView, ScrollView, Switch, TouchableOpacity, Alert, Linking, Modal, Pressable, BackHandler } from 'react-native';
+import { useFocusEffect, useRouter } from 'expo-router';
 import { Header } from '@/components/Header';
 import { ListItem } from '@/components/ListItem';
 import { OptionPickerModal } from '@/components/OptionPickerModal';
@@ -17,9 +18,11 @@ import { getLastSyncTime } from '@/database/sync';
 import Category from '@/models/Category';
 import Svg, { Path } from 'react-native-svg';
 import ColorWheel from '@/components/ColorWheel';
+import { getLastVisitedTab, tabHref } from '@/utils/tabHistory';
 
 export default function SettingsScreen() {
-  const { theme, notifications, setNotifications, defaultCategoryId, setDefaultCategoryId, sortBy, setSortBy, reminderPreference, setReminderPreference, apiUrl, accentColor, setAccentColor, todoAheadDays, setTodoAheadDays } = useSettings();
+  const router = useRouter();
+  const { theme, notifications, setNotifications, defaultCategoryId, setDefaultCategoryId, sortBy, setSortBy, reminderPreference, setReminderPreference, apiUrl, accentColor, setAccentColor, todoAheadDays, setTodoAheadDays, showCompleted, setShowCompleted } = useSettings();
   const categories = useCategories();
   const [picker, setPicker] = useState<null | 'category' | 'sort' | 'reminder' | 'todoAhead'>(null);
   const [editingCategory, setEditingCategory] = useState<Category | null | 'new'>(null);
@@ -75,8 +78,21 @@ export default function SettingsScreen() {
     refreshSyncStatus();
   }, []);
 
+  useFocusEffect(
+    useCallback(() => {
+      const sub = BackHandler.addEventListener('hardwareBackPress', () => {
+        const target = getLastVisitedTab();
+        if (target && target !== 'settings') {
+          router.navigate(tabHref(target));
+        }
+        return true;
+      });
+      return () => sub.remove();
+    }, [router])
+  );
+
   const defaultCategory = categories.find((c) => c.id === defaultCategoryId);
-  const defaultCategoryLabel = defaultCategory?.name ?? (categories.length > 0 ? categories[0].name : 'None');
+  const defaultCategoryLabel = defaultCategory?.name ?? 'None';
   const reminderLabel = REMINDER_OPTIONS.find((o) => o.value === reminderPreference)?.label ?? 'No reminder';
 
   const openCustomAccent = () => {
@@ -123,7 +139,7 @@ export default function SettingsScreen() {
         >
           <View style={[styles.addIcon, { backgroundColor: theme.accentSoft }]}>
             <Svg width={16} height={16} viewBox="0 0 24 24">
-              <Path d="M12 5v14M5 12h14" stroke={theme.accent} strokeWidth={2} strokeLinecap="round" />
+              <Path d="M12 5v14M5 12h14" stroke={theme.accentText} strokeWidth={2} strokeLinecap="round" />
             </Svg>
           </View>
           <Text style={[styles.addCategoryText, { color: theme.accent }]}>Add Category</Text>
@@ -160,6 +176,18 @@ export default function SettingsScreen() {
           onPress={() => setPicker('sort')}
           showChevron
         />
+        <ListItem
+          title="Show Completed Tasks"
+          subtitle="Hide or show finished tasks in the Todo list"
+          rightElement={
+            <Switch
+              value={showCompleted}
+              onValueChange={setShowCompleted}
+              thumbColor="#FFFFFF"
+              trackColor={{ false: theme.borderStrong, true: theme.accent }}
+            />
+          }
+        />
         <ListItem
           title="Show Calendar Tasks"
           subtitle={todoAheadDays === 0 ? 'Only today' : `Up to ${todoAheadDays} days ahead`}
@@ -242,8 +270,8 @@ export default function SettingsScreen() {
       <OptionPickerModal
         visible={picker === 'category'}
         title="Default Category"
-        options={categories.map((c) => ({ value: c.id, label: c.name, color: c.color }))}
-        selectedValue={defaultCategoryId || categories[0]?.id}
+        options={[{ value: '', label: 'None', color: '#9E9E9E' }, ...categories.map((c) => ({ value: c.id, label: c.name, color: c.color }))]}
+        selectedValue={defaultCategoryId}
         onSelect={handleDefaultCategory}
         onClose={() => setPicker(null)}
       />
@@ -298,7 +326,7 @@ export default function SettingsScreen() {
               <Text style={[styles.accentModalTitle, { color: theme.text }]}>Custom Accent Color</Text>
               <TouchableOpacity onPress={() => setCustomAccentVisible(false)} hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}>
                 <Svg width={18} height={18} viewBox="0 0 24 24">
-                  <Path d="M18 6L6 18M6 6l12 12" stroke={theme.textMuted} strokeWidth={2} strokeLinecap="round" />
+                  <Path d="M18 6L6 18M6 6l12 12" stroke={theme.textSecondary} strokeWidth={2.2} strokeLinecap="round" />
                 </Svg>
               </TouchableOpacity>
             </View>

carry-your-live/app/(tabs)/stats.tsx

@@ -1,5 +1,6 @@
-import React from 'react';
-import { View, Text, StyleSheet, SafeAreaView, ScrollView } from 'react-native';
+import React, { useCallback } from 'react';
+import { View, Text, StyleSheet, SafeAreaView, ScrollView, BackHandler } from 'react-native';
+import { useFocusEffect } from 'expo-router';
 import { Header } from '@/components/Header';
 import { useStats } from '@/hooks/useStats';
 import { useSettings } from '@/theme';
@@ -8,6 +9,13 @@ export default function StatsScreen() {
   const { theme } = useSettings();
   const stats = useStats();
 
+  useFocusEffect(
+    useCallback(() => {
+      const sub = BackHandler.addEventListener('hardwareBackPress', () => true);
+      return () => sub.remove();
+    }, [])
+  );
+
   const maxDaily = Math.max(1, ...stats.daily.map((d) => d.count));
 
   return (

carry-your-live/app/_layout.tsx

@@ -33,6 +33,7 @@ function RootNavigator() {
         <Stack.Screen name="(tabs)" />
         <Stack.Screen name="add-task" />
         <Stack.Screen name="task-detail" />
+        <Stack.Screen name="day-view" />
       </Stack>
     </GestureHandlerRootView>
   );

carry-your-live/app/add-task.tsx

@@ -17,7 +17,7 @@ import { zodResolver } from '@hookform/resolvers/zod';
 import { z } from 'zod';
 import { useDatabase } from '@/hooks/useDatabase';
 import { database, collections } from '@/database';
-import { TaskFormData } from '@/types';
+import { TaskFormData, tagsToString } from '@/types';
 import { useSettings } from '@/theme';
 import { scheduleTaskReminder } from '@/services/notifications';
 import { useFriends } from '@/hooks/useFriends';
@@ -26,6 +26,7 @@ const taskSchema = z.object({
   title: z.string().trim().min(1, 'Task name is required').max(100),
   description: z.string().max(1000).optional(),
   categoryId: z.string().optional(),
+  tags: z.array(z.string()).optional(),
   priority: z.enum(['none', 'low', 'medium', 'high', 'critical']),
   dueDate: z.date().nullable().optional(),
   dueTime: z.string().optional(),
@@ -60,6 +61,7 @@ export default function AddTaskScreen() {
       title: '',
       description: '',
       categoryId: initialCategory,
+      tags: initialCategory ? [initialCategory] : [],
       priority: 'none',
       dueDate: initialDate,
       dueTime: '',
@@ -83,7 +85,7 @@ export default function AddTaskScreen() {
     formState: { errors },
   } = methods;
 
-  const categoryId = watch('categoryId');
+  const tags = watch('tags') ?? [];
   const priority = watch('priority');
   const repeat = watch('repeat');
   const repeatInterval = watch('repeatInterval') ?? 1;
@@ -94,10 +96,10 @@ export default function AddTaskScreen() {
   const assigneeId = watch('assigneeId');
 
   React.useEffect(() => {
-    if (!categoryId && initialCategory) {
-      setValue('categoryId', initialCategory);
+    if (tags.length === 0 && initialCategory) {
+      setValue('tags', [initialCategory]);
     }
-  }, [initialCategory, categoryId, setValue]);
+  }, [initialCategory, tags, setValue]);
 
   const onSubmit = async (data: TaskFormData) => {
     if (!isReady) return;
@@ -107,7 +109,7 @@ export default function AddTaskScreen() {
     const seriesId = data.repeat !== 'none'
       ? `series_${Math.random().toString(36).slice(2, 10)}${Date.now().toString(36)}`
       : '';
-    const resolvedCategoryId = data.categoryId || '';
+    const resolvedCategoryId = (data.tags && data.tags[0]) || '';
 
     let createdTask: any = null;
 
@@ -116,6 +118,7 @@ export default function AddTaskScreen() {
         t.title = data.title.trim();
         t.description = data.description || '';
         t.categoryId = resolvedCategoryId;
+        t.tags = tagsToString(data.tags || []);
         t.priority = data.priority;
         t.completed = false;
         t.dueDate = dueDateTimestamp;
@@ -184,8 +187,8 @@ export default function AddTaskScreen() {
             keyboardShouldPersistTaps="handled"
           >
             <CategorySelector
-              value={categoryId}
-              onChange={(value) => setValue('categoryId', value)}
+              value={tags}
+              onChange={(value) => setValue('tags', value)}
               error={errors.categoryId?.message}
             />
             <Controller

carry-your-live/app/day-view.tsx

@@ -0,0 +1,286 @@
+import React, { useCallback, useMemo } from 'react';
+import { View, Text, StyleSheet, SafeAreaView, ScrollView, TouchableOpacity, KeyboardAvoidingView, BackHandler } from 'react-native';
+import { useRouter, useLocalSearchParams, useFocusEffect } from 'expo-router';
+import { Header } from '@/components/Header';
+import { useTasksByDate } from '@/hooks/useTasks';
+import { useSubtasks } from '@/hooks/useSubtasks';
+import { useTaskModals } from '@/hooks/useTaskModals';
+import { useSettings } from '@/theme';
+import { useCategories } from '@/hooks/useDatabase';
+import { toggleTaskComplete, toggleSubtaskComplete } from '@/utils/taskActions';
+import { QuickAddBar } from '@/components/QuickAddBar';
+import { SubtaskData } from '@/types';
+import { format, startOfDay } from 'date-fns';
+import Svg, { Path, Circle } from 'react-native-svg';
+import { desaturate } from '@/theme';
+
+function isDayMatch(timestamp: number, day: Date): boolean {
+  const d = new Date(timestamp);
+  return d.getFullYear() === day.getFullYear() && d.getMonth() === day.getMonth() && d.getDate() === day.getDate();
+}
+
+export default function DayViewScreen() {
+  const router = useRouter();
+  const { theme } = useSettings();
+  const categories = useCategories();
+  const { modals, openTaskEdit } = useTaskModals();
+  const { date: dateParam } = useLocalSearchParams<{ date?: string }>();
+
+  const day = useMemo(() => {
+    const parsed = dateParam ? new Date(dateParam) : new Date();
+    return Number.isNaN(parsed.getTime()) ? new Date() : parsed;
+  }, [dateParam]);
+  const dayStart = useMemo(() => startOfDay(day), [day]);
+
+  const { map: subtasksByTask, refresh: refreshSubtasks } = useSubtasks();
+  const { tasks: dayTasks, loading, refresh } = useTasksByDate(day);
+
+  useFocusEffect(
+    useCallback(() => {
+      const sub = BackHandler.addEventListener('hardwareBackPress', () => false);
+      refreshSubtasks();
+      refresh();
+      return () => sub.remove();
+    }, [refreshSubtasks, refresh])
+  );
+
+  const subtasksOnDay = useMemo(() => {
+    const map = new Map<string, SubtaskData[]>();
+    for (const [taskId, roots] of subtasksByTask) {
+      const due = roots.filter((s) => s.dueDate && isDayMatch(s.dueDate, day));
+      if (due.length > 0) map.set(taskId, due);
+    }
+    return map;
+  }, [subtasksByTask, day]);
+
+  const handleToggleComplete = useCallback(async (taskId: string) => {
+    await toggleTaskComplete(taskId);
+    refresh();
+    refreshSubtasks();
+  }, [refresh, refreshSubtasks]);
+
+  const handleToggleSubtask = useCallback(async (subtaskId: string) => {
+    await toggleSubtaskComplete(subtaskId);
+    refreshSubtasks();
+  }, [refreshSubtasks]);
+
+  return (
+    <SafeAreaView style={[styles.container, { backgroundColor: theme.background }]}>
+      <Header title={format(day, 'EEEE, MMM d')} showLogo={false} />
+      <KeyboardAvoidingView style={styles.kbAvoid} behavior="padding">
+        <ScrollView style={styles.scrollBody} contentContainerStyle={styles.scrollContent} showsVerticalScrollIndicator={false}>
+          {loading ? (
+            <View style={styles.emptyState}>
+              <Text style={[styles.emptyText, { color: theme.textSecondary }]}>Loading...</Text>
+            </View>
+          ) : dayTasks.length === 0 && subtasksOnDay.size === 0 ? (
+            <View style={styles.emptyState}>
+              <Text style={[styles.emptyText, { color: theme.textSecondary }]}>No tasks on this day</Text>
+            </View>
+          ) : (
+            <>
+              {dayTasks.map((task) => {
+                const subs = subtasksOnDay.get(task.id) ?? [];
+                const openCount = subs.filter((s) => !s.completed).length;
+                const cat = categories.find((c) => c.id === task.categoryId);
+                return (
+                  <View key={task.id} style={[styles.eventCard, { backgroundColor: theme.card, borderColor: theme.border }]}>
+                    <View style={styles.eventRow}>
+                      <TouchableOpacity
+                        style={styles.checkCircle}
+                        onPress={() => handleToggleComplete(task.id)}
+                        activeOpacity={0.7}
+                        accessibilityRole="checkbox"
+                        accessibilityState={{ checked: task.completed }}
+                      >
+                        <Svg width={30} height={30} viewBox="0 0 24 24">
+                          {task.completed ? (
+                            <>
+                              <Circle cx={12} cy={12} r={10} fill={theme.accent} />
+                              <Path d="M7 12l3 3 7-7" stroke="#FFFFFF" strokeWidth={2.5} strokeLinecap="round" strokeLinejoin="round" fill="none" />
+                            </>
+                          ) : (
+                            <Circle cx={12} cy={12} r={10} stroke={theme.textSecondary} strokeWidth={2.5} fill="none" />
+                          )}
+                        </Svg>
+                      </TouchableOpacity>
+
+                      <TouchableOpacity
+                        style={styles.eventTouch}
+                        onPress={() => router.push({ pathname: '/task-detail', params: { id: task.id } })}
+                        activeOpacity={0.7}
+                      >
+                        <Text
+                          style={[styles.eventTitle, { color: theme.text }, task.completed && styles.eventCompleted]}
+                          numberOfLines={1}
+                        >
+                          {task.title}
+                        </Text>
+                        {openCount > 0 && (
+                          <Text style={[styles.eventSub, { color: theme.textMuted }]} numberOfLines={1}>
+                            {openCount} open subtask{openCount === 1 ? '' : 's'}
+                          </Text>
+                        )}
+                        {!task.completed && (
+                          <View style={styles.metaRow}>
+                            {cat && (
+                              <View style={[styles.tagChip, { backgroundColor: desaturate(cat.color, 0.3) }]}>
+                                <Text style={styles.tagText} numberOfLines={1}>{cat.name}</Text>
+                              </View>
+                            )}
+                            {task.dueTime ? (
+                              <Text style={[styles.timeText, { color: theme.textSecondary }]}>{task.dueTime}{task.endTime ? `–${task.endTime}` : ''}</Text>
+                            ) : task.dueDate ? (
+                              <Text style={[styles.timeText, { color: theme.textSecondary }]}>{format(task.dueDate, 'HH:mm')}</Text>
+                            ) : null}
+                          </View>
+                        )}
+                      </TouchableOpacity>
+
+                      <TouchableOpacity
+                        style={styles.menuButton}
+                        onPress={() => openTaskEdit(task.id)}
+                        activeOpacity={0.7}
+                        accessibilityRole="button"
+                        accessibilityLabel={`Edit ${task.title}`}
+                      >
+                        <Svg width={20} height={20} viewBox="0 0 24 24">
+                          <Path d="M9 6l6 6-6 6" stroke={theme.textSecondary} strokeWidth={2.5} strokeLinecap="round" strokeLinejoin="round" fill="none" />
+                        </Svg>
+                      </TouchableOpacity>
+                    </View>
+                  </View>
+                );
+              })}
+              {Array.from(subtasksOnDay.entries()).flatMap(([taskId, subs]) => {
+                const parent = dayTasks.find((t) => t.id === taskId);
+                if (parent) return [];
+                return subs.map((sub) => (
+                  <View key={sub.id} style={[styles.eventCard, { backgroundColor: theme.card, borderColor: theme.border }]}>
+                    <View style={styles.eventRow}>
+                      <TouchableOpacity
+                        style={styles.checkCircle}
+                        onPress={() => handleToggleSubtask(sub.id)}
+                        activeOpacity={0.7}
+                        accessibilityRole="checkbox"
+                        accessibilityState={{ checked: sub.completed }}
+                      >
+                        <Svg width={30} height={30} viewBox="0 0 24 24">
+                          {sub.completed ? (
+                            <>
+                              <Circle cx={12} cy={12} r={10} fill={theme.accent} />
+                              <Path d="M7 12l3 3 7-7" stroke="#FFFFFF" strokeWidth={2.5} strokeLinecap="round" strokeLinejoin="round" fill="none" />
+                            </>
+                          ) : (
+                            <Circle cx={12} cy={12} r={10} stroke={theme.textSecondary} strokeWidth={2.5} fill="none" />
+                          )}
+                        </Svg>
+                      </TouchableOpacity>
+                      <TouchableOpacity
+                        style={styles.eventTouch}
+                        onPress={() => router.push({ pathname: '/subtask-detail', params: { id: sub.id } })}
+                        activeOpacity={0.7}
+                      >
+                        <Text
+                          style={[styles.eventTitle, { color: theme.text }, sub.completed && styles.eventCompleted]}
+                          numberOfLines={1}
+                        >
+                          {sub.title}
+                        </Text>
+                        {sub.dueTime ? (
+                          <Text style={[styles.timeText, { color: theme.textSecondary }]}>{sub.dueTime}{sub.endTime ? `–${sub.endTime}` : ''}</Text>
+                        ) : null}
+                      </TouchableOpacity>
+                    </View>
+                  </View>
+                ));
+              })}
+            </>
+          )}
+        </ScrollView>
+        <QuickAddBar dueDate={dayStart.getTime()} placeholder={`Add event for ${format(day, 'MMM d')}`} />
+      </KeyboardAvoidingView>
+      {modals(() => {})}
+    </SafeAreaView>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  kbAvoid: {
+    flex: 1,
+  },
+  scrollBody: {
+    flex: 1,
+  },
+  scrollContent: {
+    paddingTop: 12,
+    paddingBottom: 16,
+  },
+  emptyState: {
+    alignItems: 'center',
+    paddingVertical: 64,
+  },
+  emptyText: {
+    fontSize: 15,
+    fontWeight: '600',
+  },
+  eventCard: {
+    marginHorizontal: 16,
+    marginBottom: 8,
+    borderRadius: 16,
+    borderWidth: 1,
+    paddingHorizontal: 14,
+    paddingVertical: 12,
+  },
+  eventRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+  checkCircle: {
+    width: 30,
+    marginRight: 12,
+  },
+  eventTouch: {
+    flex: 1,
+  },
+  eventTitle: {
+    fontSize: 15,
+    fontWeight: '500',
+  },
+  eventCompleted: {
+    textDecorationLine: 'line-through',
+    color: '#9E9E9E',
+  },
+  eventSub: {
+    fontSize: 13,
+    marginTop: 2,
+  },
+  metaRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8,
+    marginTop: 4,
+  },
+  tagChip: {
+    paddingHorizontal: 7,
+    paddingVertical: 2,
+    borderRadius: 6,
+    maxWidth: 140,
+  },
+  tagText: {
+    color: '#FFFFFF',
+    fontSize: 10,
+    fontWeight: '600',
+  },
+  timeText: {
+    fontSize: 12.5,
+    fontWeight: '500',
+  },
+  menuButton: {
+    padding: 4,
+    marginLeft: 6,
+  },
+});

carry-your-live/app/subtask-detail.tsx

@@ -18,12 +18,14 @@ import { collections } from '@/database';
 import { SubtaskFormData, Reminder, parseReminders, toRemindersString } from '@/types';
 import { useSettings } from '@/theme';
 import { updateSubtask, deleteSubtask } from '@/utils/taskActions';
+import { CategorySelector } from '@/components/CategorySelector';
 import { useFriends } from '@/hooks/useFriends';
 import Svg, { Path } from 'react-native-svg';
 
 const subtaskSchema = z.object({
   title: z.string().trim().min(1, 'Subtask name is required').max(100),
   description: z.string().max(1000).optional(),
+  categoryId: z.string().optional(),
   priority: z.enum(['none', 'low', 'medium', 'high', 'critical']),
   dueDate: z.date().nullable().optional(),
   dueTime: z.string().optional(),
@@ -51,6 +53,7 @@ export default function SubtaskDetailScreen() {
     defaultValues: {
       title: '',
       description: '',
+      categoryId: '',
       priority: 'none',
       dueDate: null,
       dueTime: '',
@@ -68,6 +71,7 @@ export default function SubtaskDetailScreen() {
   const { handleSubmit, watch, setValue, control, reset, formState: { errors } } = methods;
 
   const priority = watch('priority');
+  const categoryId = watch('categoryId');
   const repeat = watch('repeat');
   const repeatInterval = watch('repeatInterval') ?? 1;
   const repeatDays = watch('repeatDays') ?? [];
@@ -80,13 +84,13 @@ export default function SubtaskDetailScreen() {
     if (!id || !isReady) return;
     let mounted = true;
 
-    (async () => {
-      try {
-        const subtask = await collections.subtasks.find(id);
+    const subscription = collections.subtasks.findAndObserve(id).subscribe({
+      next: (subtask: any) => {
         if (!mounted) return;
         reset({
           title: subtask.title,
           description: subtask.description,
+          categoryId: subtask.categoryId || '',
           priority: subtask.priority,
           dueDate: subtask.dueDate ? new Date(subtask.dueDate) : null,
           dueTime: subtask.dueTime,
@@ -94,18 +98,25 @@ export default function SubtaskDetailScreen() {
           allDay: subtask.allDay ?? false,
           repeat: subtask.repeat,
           repeatInterval: subtask.repeatInterval || 1,
-          repeatDays: (subtask.repeatDays || '').split(',').map(Number).filter((d) => !Number.isNaN(d)),
+          repeatDays: ((subtask.repeatDays || '') as string).split(',').map(Number).filter((d) => !Number.isNaN(d)),
           reminder: (subtask.reminder || 'none') as Reminder,
           reminders: subtask.reminders || '',
           assigneeId: subtask.assigneeId ?? null,
         });
         setLoaded(true);
-      } catch {
+      },
+      error: () => {
         if (mounted) setNotFound(true);
-      }
-    })();
+      },
+      complete: () => {
+        if (mounted) setNotFound(true);
+      },
+    });
 
-    return () => { mounted = false; };
+    return () => {
+      mounted = false;
+      subscription.unsubscribe();
+    };
   }, [id, isReady, reset]);
 
   const onSubmit = async (data: SubtaskFormData) => {
@@ -114,6 +125,7 @@ export default function SubtaskDetailScreen() {
     await updateSubtask(id, {
       title: data.title,
       description: data.description || '',
+      categoryId: data.categoryId || '',
       priority: data.priority,
       dueDate: data.dueDate ? data.dueDate.getTime() : 0,
       dueTime: data.dueTime || '',
@@ -160,7 +172,7 @@ export default function SubtaskDetailScreen() {
         rightAction={
           <TouchableOpacity onPress={confirmDelete} activeOpacity={0.7} style={[styles.deleteButton, { borderColor: theme.accentBorder, backgroundColor: theme.accentSoft }]}>
             <Svg width={22} height={22} viewBox="0 0 24 24">
-              <Path d="M4 7h16M9 7V4h6v3M6 7l1 13h10l1-13" stroke={theme.accent} strokeWidth={1.8} strokeLinecap="round" strokeLinejoin="round" fill="none" />
+              <Path d="M4 7h16M9 7V4h6v3M6 7l1 13h10l1-13" stroke={theme.accent} strokeWidth={2.2} strokeLinecap="round" strokeLinejoin="round" fill="none" />
             </Svg>
           </TouchableOpacity>
         }
@@ -187,6 +199,10 @@ export default function SubtaskDetailScreen() {
                 />
               )}
             />
+            <CategorySelector
+              value={categoryId ? [categoryId] : []}
+              onChange={(value) => setValue('categoryId', value[0] ?? '')}
+            />
             <PrioritySelector
               value={priority}
               onChange={(value) => setValue('priority', value)}

carry-your-live/app/task-detail.tsx

@@ -19,10 +19,11 @@ import { z } from 'zod';
 import { useDatabase } from '@/hooks/useDatabase';
 import { database, collections } from '@/database';
 import { Q } from '@nozbe/watermelondb';
-import { TaskFormData } from '@/types';
+import { TaskFormData, parseTaskTags, tagsToString } from '@/types';
 import { useSettings } from '@/theme';
 import { deleteTaskOccurrences } from '@/utils/taskActions';
 import { scheduleTaskReminder } from '@/services/notifications';
+import { recordTombstonesInBatch } from '@/database/tombstones';
 import { useFriends } from '@/hooks/useFriends';
 import Svg, { Path, Circle } from 'react-native-svg';
 
@@ -30,6 +31,7 @@ const taskSchema = z.object({
   title: z.string().trim().min(1, 'Task name is required').max(100),
   description: z.string().max(1000).optional(),
   categoryId: z.string().optional(),
+  tags: z.array(z.string()).optional(),
   priority: z.enum(['none', 'low', 'medium', 'high', 'critical']),
   dueDate: z.date().nullable().optional(),
   dueTime: z.string().optional(),
@@ -58,8 +60,8 @@ function CollapsibleSection({ title, children, defaultExpanded = false, icon }:
         <Svg width={20} height={20} viewBox="0 0 24 24">
           <Path
             d="M6 9l6 6 6-6"
-            stroke={theme.textMuted}
-            strokeWidth={2}
+            stroke={theme.textSecondary}
+            strokeWidth={2.5}
             strokeLinecap="round"
             strokeLinejoin="round"
             fill="none"
@@ -86,6 +88,7 @@ export default function TaskDetailScreen() {
       title: '',
       description: '',
       categoryId: '',
+      tags: [],
       priority: 'none',
       dueDate: null,
       dueTime: '',
@@ -102,7 +105,7 @@ export default function TaskDetailScreen() {
 
   const { handleSubmit, watch, setValue, control, reset, formState: { errors } } = methods;
 
-  const categoryId = watch('categoryId');
+  const tags = watch('tags') ?? [];
   const priority = watch('priority');
   const repeat = watch('repeat');
   const repeatInterval = watch('repeatInterval') ?? 1;
@@ -127,6 +130,7 @@ export default function TaskDetailScreen() {
           title: task.title,
           description: task.description,
           categoryId: task.categoryId,
+          tags: parseTaskTags(task.tags, task.categoryId),
           priority: task.priority,
           dueDate: task.dueDate ? new Date(task.dueDate) : null,
           dueTime: task.dueTime,
@@ -160,14 +164,12 @@ export default function TaskDetailScreen() {
       const task = await collections.tasks.find(id);
       savedTask = task;
       const existingSubtasks = await collections.subtasks.query(Q.where('task_id', id)).fetch();
-      for (const subtask of existingSubtasks) {
-        await subtask.destroyPermanently();
-      }
 
       await task.update((t) => {
         t.title = data.title.trim();
         t.description = data.description || '';
-        t.categoryId = data.categoryId || task.categoryId || '';
+        t.categoryId = (data.tags && data.tags[0]) || task.categoryId || '';
+        t.tags = tagsToString(data.tags || []);
         t.priority = data.priority;
         t.dueDate = dueDateTimestamp;
         t.dueTime = data.dueTime || '';
@@ -184,13 +186,28 @@ export default function TaskDetailScreen() {
         t.updatedAt = now;
       });
 
-      if (data.subtasks && data.subtasks.length > 0) {
-        for (let i = 0; i < data.subtasks.length; i++) {
-          const subtask = data.subtasks[i];
-          if (subtask.title.trim()) {
+      const keptIds = new Set<string>();
+      let order = 0;
+      for (const formItem of data.subtasks ?? []) {
+        const trimmed = formItem.title.trim();
+        if (!trimmed) continue;
+        if (formItem._key) {
+          const existing = existingSubtasks.find((s) => s.id === formItem._key && !s.parentSubtaskId);
+          if (existing) {
+            keptIds.add(existing.id);
+            await existing.update((s) => {
+              s.title = trimmed;
+              s.order = order;
+              s.updatedAt = now;
+            });
+            order++;
+            continue;
+          }
+        }
         await collections.subtasks.create((s) => {
           s.taskId = task.id;
-              s.title = subtask.title.trim();
+          s.categoryId = task.categoryId || '';
+          s.title = trimmed;
           s.description = '';
           s.priority = 'none';
           s.completed = false;
@@ -203,13 +220,30 @@ export default function TaskDetailScreen() {
           s.repeatDays = '';
           s.seriesId = '';
           s.reminder = 'none';
+          s.reminders = '';
           s.assigneeId = null;
-              s.order = i;
+          s.order = order++;
           s.createdAt = now;
           s.updatedAt = now;
         });
       }
+
+      const removedIds: string[] = [];
+      for (const existing of existingSubtasks) {
+        if (existing.parentSubtaskId) continue;
+        if (keptIds.has(existing.id)) continue;
+        removedIds.push(existing.id);
+        const children = await collections.subtasks.query(Q.where('parent_subtask_id', existing.id)).fetch();
+        for (const child of children) {
+          await child.update((c) => {
+            c.parentSubtaskId = null;
+            c.updatedAt = now;
+          });
         }
+        await existing.destroyPermanently();
+      }
+      if (removedIds.length > 0) {
+        await recordTombstonesInBatch('subtasks', removedIds);
       }
     });
 
@@ -245,7 +279,7 @@ export default function TaskDetailScreen() {
         rightAction={
           <TouchableOpacity onPress={handleDelete} activeOpacity={0.7} style={[styles.deleteButton, { borderColor: theme.accentBorder, backgroundColor: theme.accentSoft }]}>
             <Svg width={22} height={22} viewBox="0 0 24 24">
-              <Path d="M4 7h16M9 7V4h6v3M6 7l1 13h10l1-13" stroke={theme.accent} strokeWidth={1.8} strokeLinecap="round" strokeLinejoin="round" fill="none" />
+              <Path d="M4 7h16M9 7V4h6v3M6 7l1 13h10l1-13" stroke={theme.accent} strokeWidth={2.2} strokeLinecap="round" strokeLinejoin="round" fill="none" />
             </Svg>
           </TouchableOpacity>
         }
@@ -261,8 +295,8 @@ export default function TaskDetailScreen() {
             keyboardShouldPersistTaps="handled"
           >
             <CategorySelector
-              value={categoryId}
-              onChange={(value) => setValue('categoryId', value)}
+              value={tags}
+              onChange={(value) => setValue('tags', value)}
               error={errors.categoryId?.message}
             />
             <Controller
@@ -285,8 +319,8 @@ export default function TaskDetailScreen() {
 
             <CollapsibleSection title="Date & Time" icon={
               <Svg width={20} height={20} viewBox="0 0 24 24">
-                <Circle cx={12} cy={12} r={10} stroke={theme.accent} strokeWidth={1.5} fill="none" />
-                <Path d="M12 6v6l4 2" stroke={theme.accent} strokeWidth={1.5} strokeLinecap="round" />
+                <Circle cx={12} cy={12} r={10} stroke={theme.accent} strokeWidth={1.8} fill="none" />
+                <Path d="M12 6v6l4 2" stroke={theme.accent} strokeWidth={1.8} strokeLinecap="round" />
               </Svg>
             } defaultExpanded={!!dueDate}>
               <DateTimePickerComponent control={control} />
@@ -297,7 +331,7 @@ export default function TaskDetailScreen() {
                 <Path
                   d="M17 2l4 4-4 4M3 11v-1a4 4 0 0 1 4-4h14M7 22l-4-4 4-4M21 13v1a4 4 0 0 1-4 4H3"
                   stroke={theme.accent}
-                  strokeWidth={1.5}
+                  strokeWidth={1.8}
                   strokeLinecap="round"
                   strokeLinejoin="round"
                   fill="none"
@@ -321,7 +355,7 @@ export default function TaskDetailScreen() {
                 <Path
                   d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9M10.3 21a1.94 1.94 0 0 0 3.4 0"
                   stroke={theme.accent}
-                  strokeWidth={1.5}
+                  strokeWidth={1.8}
                   strokeLinecap="round"
                   strokeLinejoin="round"
                   fill="none"
@@ -337,8 +371,8 @@ export default function TaskDetailScreen() {
 
             <CollapsibleSection title="Assignee" icon={
               <Svg width={20} height={20} viewBox="0 0 24 24">
-                <Circle cx={12} cy={12} r={10} stroke={theme.accent} strokeWidth={1.5} fill="none" />
-                <Path d="M12 10v6M12 19v1" stroke={theme.accent} strokeWidth={1.5} strokeLinecap="round" />
+                <Circle cx={12} cy={12} r={10} stroke={theme.accent} strokeWidth={1.8} fill="none" />
+                <Path d="M12 10v6M12 19v1" stroke={theme.accent} strokeWidth={1.8} strokeLinecap="round" />
               </Svg>
             } defaultExpanded={!!assigneeId}>
               <AssigneeSelector
@@ -350,7 +384,7 @@ export default function TaskDetailScreen() {
 
             <CollapsibleSection title="Description" icon={
               <Svg width={20} height={20} viewBox="0 0 24 24">
-                <Path d="M4 6h16M4 12h16M4 18h10" stroke={theme.accent} strokeWidth={1.5} strokeLinecap="round" strokeLinejoin="round" fill="none" />
+                <Path d="M4 6h16M4 12h16M4 18h10" stroke={theme.accent} strokeWidth={1.8} strokeLinecap="round" strokeLinejoin="round" fill="none" />
               </Svg>
             } defaultExpanded={!!methods.getValues('description')}>
               <Controller

carry-your-live/package-lock.json

@@ -22,12 +22,14 @@
         "expo-router": "~57.0.10",
         "expo-sqlite": "~57.0.1",
         "expo-status-bar": "~57.0.1",
+        "expo-system-ui": "~57.0.2",
         "expo-updates": "~57.0.12",
         "react": "19.2.3",
         "react-dom": "19.2.3",
         "react-hook-form": "^7.51.5",
         "react-native": "0.86.2",
         "react-native-gesture-handler": "2.32.0",
+        "react-native-keyboard-controller": "1.21.9",
         "react-native-safe-area-context": "5.7.0",
         "react-native-screens": "4.26.0",
         "react-native-svg": "^15.15.4",
@@ -6313,6 +6315,26 @@
         "react-native": "*"
       }
     },
+    "node_modules/expo-system-ui": {
+      "version": "57.0.2",
+      "resolved": "https://registry.npmjs.org/expo-system-ui/-/expo-system-ui-57.0.2.tgz",
+      "integrity": "sha512-zABCRqFSioDBAo/RtmS0dQiGgDtDPZUVk01Y3Ti4ducobNM4HTM2sNAtq+YPpEUhaVW3hccPVsEUH4LK/ADVhA==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-native/normalize-colors": "0.86.2",
+        "debug": "^4.3.2"
+      },
+      "peerDependencies": {
+        "expo": "*",
+        "react-native": "*",
+        "react-native-web": "*"
+      },
+      "peerDependenciesMeta": {
+        "react-native-web": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/expo-updates": {
       "version": "57.0.12",
       "resolved": "https://registry.npmjs.org/expo-updates/-/expo-updates-57.0.12.tgz",
@@ -10263,12 +10285,25 @@
       "resolved": "https://registry.npmjs.org/react-native-is-edge-to-edge/-/react-native-is-edge-to-edge-1.3.1.tgz",
       "integrity": "sha512-NIXU/iT5+ORyCc7p0z2nnlkouYKX425vuU1OEm6bMMtWWR9yvb+Xg5AZmImTKoF9abxCPqrKC3rOZsKzUYgYZA==",
       "license": "MIT",
-      "peer": true,
       "peerDependencies": {
         "react": "*",
         "react-native": "*"
       }
     },
+    "node_modules/react-native-keyboard-controller": {
+      "version": "1.21.9",
+      "resolved": "https://registry.npmjs.org/react-native-keyboard-controller/-/react-native-keyboard-controller-1.21.9.tgz",
+      "integrity": "sha512-+TkkFldht4+AXBQeDy1hLE7iqiW8/NkY/ekhcFsKIiRdI9qC5JDzx0TfAg1iYZB2IeOXppmURIy2jFCUjOcV1w==",
+      "license": "MIT",
+      "dependencies": {
+        "react-native-is-edge-to-edge": "^1.2.1"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*",
+        "react-native-reanimated": ">=3.0.0"
+      }
+    },
     "node_modules/react-native-reanimated": {
       "version": "4.5.1",
       "resolved": "https://registry.npmjs.org/react-native-reanimated/-/react-native-reanimated-4.5.1.tgz",

carry-your-live/package.json

@@ -16,12 +16,14 @@
     "expo-router": "~57.0.10",
     "expo-sqlite": "~57.0.1",
     "expo-status-bar": "~57.0.1",
+    "expo-system-ui": "~57.0.2",
     "expo-updates": "~57.0.12",
     "react": "19.2.3",
     "react-dom": "19.2.3",
     "react-hook-form": "^7.51.5",
     "react-native": "0.86.2",
     "react-native-gesture-handler": "2.32.0",
+    "react-native-keyboard-controller": "1.21.9",
     "react-native-safe-area-context": "5.7.0",
     "react-native-screens": "4.26.0",
     "react-native-svg": "^15.15.4",

carry-your-live/src/components/AssigneeSelector.tsx

@@ -60,8 +60,11 @@ export function AssigneeSelector({ value, onChange, disabled = false }: Assignee
       await sendFriendRequest(username);
       onChange(friendId);
       setShowModal(false);
-    } catch (err) {
-      console.error('Failed to add friend:', err);
+    } catch (err: any) {
+      console.error('Failed to add friend:', err.message, err.details || '');
+      if (err.details) {
+        console.error('Validation details:', JSON.stringify(err.details, null, 2));
+      }
     }
   };
 
@@ -76,7 +79,7 @@ export function AssigneeSelector({ value, onChange, disabled = false }: Assignee
         onPress={() => !disabled && setShowModal(true)}
         activeOpacity={0.8}
       >
-        <Text style={[styles.selectorIcon, { color: theme.accent }]}>👤</Text>
+        <Text style={[styles.selectorIcon, { color: theme.accentStrong }]}>👤</Text>
         <View style={styles.selectorContent}>
           <Text style={[styles.selectorLabel, { color: theme.textMuted }]}>Assignee</Text>
           <Text
@@ -128,7 +131,7 @@ export function AssigneeSelector({ value, onChange, disabled = false }: Assignee
                 </View>
                 <Text style={[styles.optionText, { color: theme.text }]}>Unassigned</Text>
                 {selectedFriend && (
-                  <Text style={[styles.checkmark, { color: theme.accent }]}>✓</Text>
+                  <Text style={[styles.checkmark, { color: theme.accentStrong }]}>✓</Text>
                 )}
               </TouchableOpacity>
             </View>
@@ -158,7 +161,7 @@ export function AssigneeSelector({ value, onChange, disabled = false }: Assignee
                       </View>
                       <Text style={[styles.optionText, { color: theme.text }]}>{item.username}</Text>
                       {value === item.id && (
-                        <Text style={[styles.checkmark, { color: theme.accent }]}>✓</Text>
+                        <Text style={[styles.checkmark, { color: theme.accentStrong }]}>✓</Text>
                       )}
                     </TouchableOpacity>
                   )}

carry-your-live/src/components/CategoryEditorModal.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { Modal, View, Text, StyleSheet, TextInput, TouchableOpacity, ScrollView, KeyboardAvoidingView } from 'react-native';
+import { Modal, View, Text, StyleSheet, TextInput, TouchableOpacity, ScrollView, KeyboardAvoidingView, Platform, Pressable } from 'react-native';
 import Category from '@/models/Category';
 import { useSettings } from '@/theme';
 import { CATEGORY_COLORS } from '@/constants';
@@ -59,18 +59,29 @@ export function CategoryEditorModal({ visible, category, categoryCount, onClose
   return (
     <Modal visible={visible} transparent animationType="fade" onRequestClose={onClose}>
       <KeyboardAvoidingView
+        style={styles.fill}
+        behavior={Platform.OS === 'ios' ? 'padding' : undefined}
+      >
+        <Pressable
           style={styles.overlay}
-        behavior="padding"
+          onPress={onClose}
+          accessibilityRole="none"
+        >
+          <Pressable
+            style={[styles.sheet, { backgroundColor: theme.sheetBg }]}
+            onPress={() => {}}
+          >
+            <ScrollView
+              showsVerticalScrollIndicator={false}
+              keyboardShouldPersistTaps="handled"
             >
-        <ScrollView contentContainerStyle={styles.overlay} keyboardShouldPersistTaps="handled">
-          <View style={[styles.sheet, { backgroundColor: theme.sheetBg }]}>
               <View style={styles.header}>
                 <Text style={[styles.title, { color: theme.text }]}>
                   {category ? 'Edit Category' : 'New Category'}
                 </Text>
                 <TouchableOpacity onPress={onClose} style={styles.closeButton} hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }} accessibilityRole="button" accessibilityLabel="Close category editor">
                   <Svg width={18} height={18} viewBox="0 0 24 24">
-                <Path d="M18 6L6 18M6 6l12 12" stroke={theme.textMuted} strokeWidth={2} strokeLinecap="round" />
+                    <Path d="M18 6L6 18M6 6l12 12" stroke={theme.textSecondary} strokeWidth={2.2} strokeLinecap="round" />
                   </Svg>
                 </TouchableOpacity>
               </View>
@@ -138,17 +149,21 @@ export function CategoryEditorModal({ visible, category, categoryCount, onClose
                   <Text style={[styles.saveButtonText, { color: theme.accentText }]}>Save</Text>
                 </TouchableOpacity>
               </View>
-          </View>
             </ScrollView>
+          </Pressable>
+        </Pressable>
       </KeyboardAvoidingView>
     </Modal>
   );
 }
 
 const styles = StyleSheet.create({
+  fill: {
+    flex: 1,
+  },
   overlay: {
     flex: 1,
-    backgroundColor: 'rgba(0,0,0,0.4)',
+    backgroundColor: 'rgba(0,0,0,0.55)',
     alignItems: 'center',
     justifyContent: 'center',
     padding: 24,
@@ -156,6 +171,7 @@ const styles = StyleSheet.create({
   sheet: {
     width: '100%',
     maxWidth: 380,
+    maxHeight: '100%',
     borderRadius: 16,
     padding: 20,
     gap: 8,

carry-your-live/src/components/CategoryFilter.tsx

@@ -1,21 +1,32 @@
 import React from 'react';
 import { View, Text, StyleSheet, ScrollView, TouchableOpacity } from 'react-native';
+import { useRouter } from 'expo-router';
 import { useUniqueCategories } from '@/hooks/useDatabase';
 import { useSettings, ThemeColors } from '@/theme';
-import Category from '@/models/Category';
+import Svg, { Path, Circle } from 'react-native-svg';
 
 interface CategoryFilterProps {
-  selected: string;
-  onSelect: (categoryId: string) => void;
+  selected: string[];
+  onSelect: (categoryIds: string[]) => void;
 }
 
 export function CategoryFilter({ selected, onSelect }: CategoryFilterProps) {
   const categories = useUniqueCategories();
   const { theme } = useSettings();
+  const router = useRouter();
 
-  if (categories.length === 0) {
-    return null;
+  const selectedSet = new Set(selected);
+  const isAnythingSelected = selected.length > 0;
+
+  const toggle = (id: string) => {
+    const next = new Set(selectedSet);
+    if (next.has(id)) {
+      next.delete(id);
+    } else {
+      next.add(id);
     }
+    onSelect(Array.from(next));
+  };
 
   return (
     <ScrollView
@@ -28,8 +39,8 @@ export function CategoryFilter({ selected, onSelect }: CategoryFilterProps) {
         id="all"
         name="All"
         color="#9E9E9E"
-        selected={selected === 'all'}
-        onPress={() => onSelect('all')}
+        selected={!isAnythingSelected}
+        onPress={() => onSelect([])}
         theme={theme}
       />
       {categories.map((category) => (
@@ -38,11 +49,27 @@ export function CategoryFilter({ selected, onSelect }: CategoryFilterProps) {
           id={category.id}
           name={category.name}
           color={category.color}
-          selected={selected === category.id}
-          onPress={() => onSelect(category.id)}
+          selected={selectedSet.has(category.id)}
+          onPress={() => toggle(category.id)}
           theme={theme}
         />
       ))}
+      <TouchableOpacity
+        style={[styles.manageButton, { borderColor: theme.borderStrong, backgroundColor: theme.cardAlt }]}
+        onPress={() => router.push('/settings')}
+        activeOpacity={0.7}
+        accessibilityRole="button"
+        accessibilityLabel="Manage categories"
+        hitSlop={{ top: 8, bottom: 8, left: 4, right: 4 }}
+      >
+        <Svg width={14} height={14} viewBox="0 0 24 24">
+          <Circle cx={12} cy={12} r={9} stroke={theme.textSecondary} strokeWidth={2.2} fill="none" />
+          <Circle cx={12} cy={8.5} r={1.2} fill={theme.textSecondary} />
+          <Circle cx={12} cy={15.5} r={1.2} fill={theme.textSecondary} />
+          <Path d="M7.8 6.2l1 1.7M16.2 16.1l1 1.7M7.8 17.8l1-1.7M16.2 7.9l1-1.7" stroke={theme.textSecondary} strokeWidth={1.8} strokeLinecap="round" />
+        </Svg>
+        <Text style={[styles.manageLabel, { color: theme.textSecondary }]}>Manage</Text>
+      </TouchableOpacity>
     </ScrollView>
   );
 }
@@ -66,18 +93,18 @@ function CategoryButton({ name, color, selected, onPress, theme }: CategoryButto
       ]}
       onPress={onPress}
       activeOpacity={0.8}
+      hitSlop={{ top: 6, bottom: 6, left: 4, right: 4 }}
     >
       <View
         style={[
           styles.colorDot,
           { backgroundColor: color },
-          selected && styles.colorDotSelected,
         ]}
       />
       <Text style={[
         styles.buttonText,
         { color: theme.textSecondary },
-        selected && { color: theme.accent, fontWeight: '600' },
+        selected && { color: theme.text, fontWeight: '600' },
       ]}>
         {name}
       </Text>
@@ -87,39 +114,48 @@ function CategoryButton({ name, color, selected, onPress, theme }: CategoryButto
 
 const styles = StyleSheet.create({
   scrollView: {
-    paddingVertical: 0,
-    marginBottom: 0,
+    paddingVertical: 6,
   },
   container: {
     paddingHorizontal: 12,
-    paddingTop: 0,
-    paddingBottom: 0,
-    gap: 6,
-    alignItems: 'flex-start',
+    gap: 8,
+    alignItems: 'center',
   },
   button: {
     flexDirection: 'row',
     alignItems: 'center',
     paddingHorizontal: 12,
-    paddingVertical: 6,
-    borderRadius: 16,
-    borderWidth: 1,
-    minWidth: 64,
+    paddingVertical: 10,
+    borderRadius: 18,
+    borderWidth: 1.5,
+    minHeight: 38,
     justifyContent: 'center',
-    gap: 6,
+    gap: 8,
   },
   colorDot: {
     width: 8,
     height: 8,
     borderRadius: 4,
   },
-  colorDotSelected: {
-    width: 10,
-    height: 10,
-    borderRadius: 5,
-  },
   buttonText: {
     fontSize: 12,
     fontWeight: '500',
   },
+  manageButton: {
+    alignSelf: 'center',
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 6,
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    borderRadius: 18,
+    borderWidth: 1,
+    borderStyle: 'dashed',
+    minHeight: 38,
+    justifyContent: 'center',
+  },
+  manageLabel: {
+    fontSize: 12,
+    fontWeight: '600',
+  },
 });

carry-your-live/src/components/CategorySelector.tsx

@@ -2,10 +2,11 @@ import React, { useState } from 'react';
 import { View, Text, StyleSheet, TouchableOpacity, ScrollView, Modal, Pressable, KeyboardAvoidingView } from 'react-native';
 import { useCategories } from '@/hooks/useDatabase';
 import { useSettings } from '@/theme';
+import Svg, { Path } from 'react-native-svg';
 
 interface CategorySelectorProps {
-  value: string;
-  onChange: (value: string) => void;
+  value: string[];
+  onChange: (value: string[]) => void;
   error?: string;
 }
 
@@ -14,11 +15,30 @@ export function CategorySelector({ value, onChange, error }: CategorySelectorPro
   const { theme } = useSettings();
   const [showModal, setShowModal] = useState(false);
 
-  const selectedCategory = categories.find(c => c.id === value);
+  const selected = new Set(value);
+  const selectedCategories = categories.filter((c) => selected.has(c.id));
+
+  const toggle = (id: string) => {
+    const next = new Set(selected);
+    if (next.has(id)) {
+      next.delete(id);
+    } else {
+      next.add(id);
+    }
+    onChange(Array.from(next));
+  };
+
+  const summary =
+    selectedCategories.length === 0
+      ? 'None'
+      : selectedCategories
+          .slice(0, 2)
+          .map((c) => c.name)
+          .join(', ') + (selectedCategories.length > 2 ? ` +${selectedCategories.length - 2}` : '');
 
   return (
     <View style={styles.container}>
-      <Text style={[styles.label, { color: theme.text }]}>Category</Text>
+      <Text style={[styles.label, { color: theme.text }]}>Tags</Text>
       <TouchableOpacity
         style={[
           styles.selectorButton,
@@ -27,17 +47,25 @@ export function CategorySelector({ value, onChange, error }: CategorySelectorPro
         onPress={() => setShowModal(true)}
         activeOpacity={0.8}
         accessibilityRole="button"
-        accessibilityLabel="Select category"
-        accessibilityHint="Opens a list of categories to choose from"
+        accessibilityLabel="Select tags"
+        accessibilityHint="Opens a list of tags to choose from"
       >
         <View style={styles.selectorContent}>
-<View style={styles.selectorRow}>
-          <View style={[styles.colorCircle, { backgroundColor: selectedCategory?.color || '#9E9E9E' }]} />
-          <Text style={[styles.selectorValue, { color: theme.text }]}>{selectedCategory?.name || 'None'}</Text>
+          {selectedCategories.length > 0 ? (
+            <View style={styles.chipRow}>
+              {selectedCategories.slice(0, 3).map((c) => (
+                <View key={c.id} style={[styles.chip, { backgroundColor: theme.cardAlt, borderColor: theme.border }]}>
+                  <View style={[styles.colorCircle, { backgroundColor: c.color }]} />
+                  <Text style={[styles.chipText, { color: theme.textSecondary }]} numberOfLines={1}>{c.name}</Text>
                 </View>
+              ))}
+            </View>
+          ) : (
+            <Text style={[styles.selectorValue, { color: theme.textMuted }]}>None</Text>
+          )}
         </View>
         <Svg width={20} height={20} viewBox="0 0 24 24">
-          <Path d="M9 18l6-6-6-6" stroke={theme.textMuted} strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" fill="none" />
+          <Path d="M9 18l6-6-6-6" stroke={theme.textSecondary} strokeWidth={2.5} strokeLinecap="round" strokeLinejoin="round" fill="none" />
         </Svg>
       </TouchableOpacity>
       {error && <Text style={[styles.errorText, { color: '#E53935' }]}>{error}</Text>}
@@ -50,67 +78,62 @@ export function CategorySelector({ value, onChange, error }: CategorySelectorPro
           <Pressable style={styles.modalOverlay} onPress={() => setShowModal(false)}>
             <Pressable style={[styles.modalSheet, { backgroundColor: theme.sheetBg }]}>
               <View style={styles.modalHeader}>
-                <Text style={[styles.modalTitle, { color: theme.text }]}>Select Category</Text>
-                <TouchableOpacity onPress={() => setShowModal(false)} hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }} accessibilityRole="button" accessibilityLabel="Close category picker">
-                  <Text style={[styles.closeText, { color: theme.textMuted }]}>✕</Text>
+                <Text style={[styles.modalTitle, { color: theme.text }]}>Select Tags</Text>
+                <View style={styles.modalHeaderRight}>
+                  <TouchableOpacity
+                    onPress={() => { onChange([]); setShowModal(false); }}
+                    activeOpacity={0.7}
+                    accessibilityRole="button"
+                    accessibilityLabel="Clear all tags"
+                  >
+                    <Text style={[styles.clearText, { color: theme.textMuted }]}>Clear</Text>
+                  </TouchableOpacity>
+                  <TouchableOpacity
+                    onPress={() => setShowModal(false)}
+                    hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}
+                    accessibilityRole="button"
+                    accessibilityLabel="Done selecting tags"
+                  >
+                    <Text style={[styles.doneText, { color: theme.accent }]}>Done</Text>
                   </TouchableOpacity>
                 </View>
+              </View>
               <ScrollView contentContainerStyle={styles.modalContent}>
-                <TouchableOpacity
-                  style={[
-                    styles.modalOption,
-                    { backgroundColor: theme.card, borderColor: theme.borderStrong },
-                    !value && { borderColor: theme.accent, backgroundColor: theme.accentSoft, borderWidth: 2 },
-                  ]}
-                  onPress={() => { onChange(''); setShowModal(false); }}
-                  activeOpacity={0.8}
-                  accessibilityRole="radio"
-                  accessibilityLabel="No category"
-                  accessibilityState={{ selected: !value }}
-                >
-                  <View style={[styles.colorCircle, { backgroundColor: '#9E9E9E' }, !value && styles.colorCircleSelected]} />
-                  <Text style={[
-                    styles.categoryName,
-                    { color: theme.textSecondary },
-                    !value && { color: theme.accent, fontWeight: '600' },
-                  ]}>
-                    None
+                <Text style={[styles.modalHint, { color: theme.textMuted }]}>
+                  A task can have multiple tags. Selected: {selected.size}
                 </Text>
-                  {!value && (
-                    <Svg width={20} height={20} viewBox="0 0 24 24">
-                      <Path d="M5 12l5 5 9-10" stroke={theme.accent} strokeWidth={2.5} strokeLinecap="round" strokeLinejoin="round" fill="none" />
-                    </Svg>
-                  )}
-                </TouchableOpacity>
-                {categories.map((category) => (
+                {categories.map((category) => {
+                  const isSelected = selected.has(category.id);
+                  return (
                     <TouchableOpacity
                       key={category.id}
                       style={[
                         styles.modalOption,
                         { backgroundColor: theme.card, borderColor: theme.borderStrong },
-                      value === category.id && { borderColor: theme.accent, backgroundColor: theme.accentSoft, borderWidth: 2 },
+                        isSelected && { borderColor: theme.accent, backgroundColor: theme.accentSoft, borderWidth: 2 },
                       ]}
-                    onPress={() => { onChange(category.id); setShowModal(false); }}
+                      onPress={() => toggle(category.id)}
                       activeOpacity={0.8}
-                    accessibilityRole="radio"
-                    accessibilityLabel={`Category ${category.name}`}
-                    accessibilityState={{ selected: value === category.id }}
+                      accessibilityRole="checkbox"
+                      accessibilityLabel={`Tag ${category.name}`}
+                      accessibilityState={{ checked: isSelected }}
                     >
-                    <View style={[styles.colorCircle, { backgroundColor: category.color }, value === category.id && styles.colorCircleSelected]} />
+                      <View style={[styles.colorCircle, { backgroundColor: category.color }, isSelected && styles.colorCircleSelected]} />
                       <Text style={[
                         styles.categoryName,
                         { color: theme.textSecondary },
-                      value === category.id && { color: theme.accent, fontWeight: '600' },
+                        isSelected && { color: theme.text, fontWeight: '600' },
                       ]}>
                         {category.name}
                       </Text>
-                    {value === category.id && (
+                      {isSelected && (
                         <Svg width={20} height={20} viewBox="0 0 24 24">
                           <Path d="M5 12l5 5 9-10" stroke={theme.accent} strokeWidth={2.5} strokeLinecap="round" strokeLinejoin="round" fill="none" />
                         </Svg>
                       )}
                     </TouchableOpacity>
-                ))}
+                  );
+                })}
               </ScrollView>
             </Pressable>
           </Pressable>
@@ -120,8 +143,6 @@ export function CategorySelector({ value, onChange, error }: CategorySelectorPro
   );
 }
 
-import Svg, { Path } from 'react-native-svg';
-
 const styles = StyleSheet.create({
   container: {
     gap: 6,
@@ -142,11 +163,25 @@ const styles = StyleSheet.create({
   },
   selectorContent: {
     flex: 1,
+    paddingRight: 8,
   },
-  selectorRow: {
+  chipRow: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: 6,
+  },
+  chip: {
     flexDirection: 'row',
     alignItems: 'center',
-    gap: 10,
+    gap: 6,
+    paddingHorizontal: 8,
+    paddingVertical: 4,
+    borderRadius: 12,
+    borderWidth: 1,
+  },
+  chipText: {
+    fontSize: 12,
+    fontWeight: '600',
   },
   colorCircle: {
     width: 12,
@@ -186,13 +221,27 @@ const styles = StyleSheet.create({
     padding: 20,
     borderBottomWidth: 1,
   },
+  modalHeaderRight: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 16,
+  },
   modalTitle: {
     fontSize: 18,
     fontWeight: '700',
   },
-  closeText: {
-    fontSize: 22,
-    fontWeight: '300',
+  clearText: {
+    fontSize: 14,
+    fontWeight: '500',
+  },
+  doneText: {
+    fontSize: 15,
+    fontWeight: '700',
+  },
+  modalHint: {
+    fontSize: 12,
+    paddingHorizontal: 4,
+    paddingBottom: 4,
   },
   modalContent: {
     padding: 12,

carry-your-live/src/components/ColorWheel.native.tsx

@@ -69,13 +69,10 @@ export default function ColorWheel({ color, onChange }: ColorWheelProps) {
     onChange(newColor);
   }, [hue, saturation, value, onChange]);
 
-  const wheelPanResponder = React.useMemo(() => PanResponder.create({
-    onStartShouldSetPanResponder: () => true,
-    onMoveShouldSetPanResponder: () => true,
-    onPanResponderMove: (_, gesture) => {
+  const updateFromWheel = (locationX: number, locationY: number) => {
     const center = WHEEL_SIZE / 2;
-      const dx = gesture.moveX - center;
-      const dy = gesture.moveY - center;
+    const dx = locationX - center;
+    const dy = locationY - center;
     const distance = Math.sqrt(dx * dx + dy * dy);
     const radius = (WHEEL_SIZE - THUMB_SIZE) / 2;
     if (distance > radius) return;
@@ -85,15 +82,31 @@ export default function ColorWheel({ color, onChange }: ColorWheelProps) {
     setHue(h);
     setSaturation(distance / radius);
     setValue(1 - distance / radius);
+  };
+
+  const wheelPanResponder = React.useMemo(() => PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponder: () => true,
+    onPanResponderGrant: (event) => {
+      updateFromWheel(event.nativeEvent.locationX, event.nativeEvent.locationY);
+    },
+    onPanResponderMove: (event) => {
+      updateFromWheel(event.nativeEvent.locationX, event.nativeEvent.locationY);
     },
   }), []);
 
+  const setHueFromLocation = (locationX: number) => {
+    setHue(Math.min(360, Math.max(0, (locationX / WHEEL_SIZE) * 360)));
+  };
+
   const huePanResponder = React.useMemo(() => PanResponder.create({
     onStartShouldSetPanResponder: () => true,
     onMoveShouldSetPanResponder: () => true,
-    onPanResponderMove: (_, gesture) => {
-      const h = (gesture.moveX / WHEEL_SIZE) * 360;
-      setHue(Math.min(360, Math.max(0, h)));
+    onPanResponderGrant: (event) => {
+      setHueFromLocation(event.nativeEvent.locationX);
+    },
+    onPanResponderMove: (event) => {
+      setHueFromLocation(event.nativeEvent.locationX);
     },
   }), []);
 

carry-your-live/src/components/ColorWheel.web.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useMemo, useRef } from 'react';
+import React, { useState, useEffect, useMemo } from 'react';
 import { View, Text, StyleSheet } from 'react-native';
 import { useSettings } from '@/theme';
 import Svg, { Rect, Circle, Defs, LinearGradient, Stop } from 'react-native-svg';
@@ -55,8 +55,6 @@ export default function ColorWheel({ color, onChange }: ColorWheelProps) {
   const [saturation, setSaturation] = useState(initialHsv.s);
   const [value, setValue] = useState(initialHsv.v);
   const [prevColor, setPrevColor] = useState(color);
-  const wheelRef = useRef<Svg>(null);
-  const hueRef = useRef<Svg>(null);
 
   if (prevColor !== color) {
     setPrevColor(color);
@@ -71,14 +69,13 @@ export default function ColorWheel({ color, onChange }: ColorWheelProps) {
   }, [hue, saturation, value, onChange]);
 
   const handleWheelMouseDown = (e: React.MouseEvent) => {
-    const handleMove = (moveEvent: MouseEvent) => {
-      if (!wheelRef.current) return;
-      const rect = (wheelRef.current as unknown as HTMLElement).getBoundingClientRect();
+    const rect = e.currentTarget.getBoundingClientRect();
     const center = WHEEL_SIZE / 2;
+    const radius = (WHEEL_SIZE - THUMB_SIZE) / 2;
+    const handleMove = (moveEvent: MouseEvent) => {
       const dx = moveEvent.clientX - rect.left - center;
       const dy = moveEvent.clientY - rect.top - center;
       const distance = Math.sqrt(dx * dx + dy * dy);
-      const radius = (WHEEL_SIZE - THUMB_SIZE) / 2;
       if (distance > radius) return;
       const angle = Math.atan2(dy, dx) * (180 / Math.PI);
       let h = angle + 180;
@@ -97,9 +94,8 @@ export default function ColorWheel({ color, onChange }: ColorWheelProps) {
   };
 
   const handleHueMouseDown = (e: React.MouseEvent) => {
+    const rect = e.currentTarget.getBoundingClientRect();
     const handleMove = (moveEvent: MouseEvent) => {
-      if (!hueRef.current) return;
-      const rect = (hueRef.current as unknown as HTMLElement).getBoundingClientRect();
       const h = ((moveEvent.clientX - rect.left) / WHEEL_SIZE) * 360;
       setHue(Math.min(360, Math.max(0, h)));
     };
@@ -120,7 +116,7 @@ export default function ColorWheel({ color, onChange }: ColorWheelProps) {
   return (
     <View style={styles.container}>
       <View style={styles.wheelContainer}>
-        <Svg width={WHEEL_SIZE} height={WHEEL_SIZE} ref={wheelRef} {...({ onMouseDown: handleWheelMouseDown } as object)}>
+        <Svg width={WHEEL_SIZE} height={WHEEL_SIZE} {...({ onMouseDown: handleWheelMouseDown } as object)}>
           <DefsElement>
             <LinearGradient id="satGradient" x1="0%" y1="0%" x2="100%" y2="0%">
               <Stop offset="0%" stopColor={`hsl(${hue}, 100%, 50%)`} stopOpacity={1} />
@@ -155,7 +151,7 @@ export default function ColorWheel({ color, onChange }: ColorWheelProps) {
       </View>
 
       <View style={styles.hueContainer}>
-        <Svg width={WHEEL_SIZE} height={36} ref={hueRef} {...({ onMouseDown: handleHueMouseDown } as object)}>
+        <Svg width={WHEEL_SIZE} height={36} {...({ onMouseDown: handleHueMouseDown } as object)}>
           <DefsElement>
             <LinearGradient id="hueGradient" x1="0%" y1="0%" x2="100%" y2="0%">
               <Stop offset="0%" stopColor="#FF0000" />

carry-your-live/src/components/DateTimeInput.web.tsx

@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
 import { View, Text, TouchableOpacity, StyleSheet, Modal } from 'react-native';
 import { DateTimePickerEvent } from '@react-native-community/datetimepicker';
+import { useSettings } from '@/theme';
 
 interface WebDateTimeInputProps {
   value: Date;
@@ -32,6 +33,7 @@ export default function WebDateTimeInput({
   onDismiss,
   is24Hour,
 }: WebDateTimeInputProps) {
+  const { theme } = useSettings();
   const [inputValue, setInputValue] = useState(() => dateInputValue(value));
   const [prevValue, setPrevValue] = useState(value);
 
@@ -57,11 +59,11 @@ export default function WebDateTimeInput({
     onChange(event, date);
   };
 
-  const bgColor = '#1E1E1E';
-  const textColor = '#FFFFFF';
-  const borderColor = '#333333';
-  const overlayColor = 'rgba(0,0,0,0.6)';
-  const mutedColor = '#9E9E9E';
+  const bgColor = theme.sheetBg;
+  const textColor = theme.text;
+  const borderColor = theme.borderStrong;
+  const overlayColor = theme.overlay;
+  const mutedColor = theme.textFaint;
 
   return (
     <Modal visible={isVisible} transparent animationType="fade" onRequestClose={onDismiss}>
@@ -90,7 +92,7 @@ export default function WebDateTimeInput({
                 borderRadius: 10,
                 border: `1px solid ${borderColor}`,
                 outline: 'none',
-                backgroundColor: '#2C2C2C',
+                backgroundColor: theme.inputBg,
                 color: textColor,
                 fontFamily: 'inherit',
                 marginVertical: 16,
@@ -101,14 +103,14 @@ export default function WebDateTimeInput({
           </View>
           <View style={styles.actions}>
             <TouchableOpacity
-              style={[styles.clearButton, { borderColor, backgroundColor: '#2C2C2C' }]}
+              style={[styles.clearButton, { borderColor, backgroundColor: theme.inputBg }]}
               onPress={onDismiss}
               activeOpacity={0.7}
             >
               <Text style={[styles.clearButtonText, { color: mutedColor }]}>Clear</Text>
             </TouchableOpacity>
-            <TouchableOpacity style={styles.doneButton} onPress={onDismiss} activeOpacity={0.8}>
-              <Text style={styles.doneButtonText}>Done</Text>
+            <TouchableOpacity style={[styles.doneButton, { backgroundColor: theme.accent }]} onPress={onDismiss} activeOpacity={0.8}>
+              <Text style={[styles.doneButtonText, { color: theme.accentText }]}>Done</Text>
             </TouchableOpacity>
           </View>
         </View>
@@ -159,11 +161,9 @@ const styles = StyleSheet.create({
     paddingVertical: 10,
     paddingHorizontal: 16,
     borderRadius: 10,
-    backgroundColor: '#E53935',
   },
   doneButtonText: {
     fontSize: 15,
     fontWeight: '600',
-    color: '#FFFFFF',
   },
 });

carry-your-live/src/components/DateTimePicker.tsx

@@ -55,8 +55,8 @@ export function DateTimePickerComponent({ control }: DateTimePickerComponentProp
             activeOpacity={0.8}
           >
             <Svg width={20} height={20} viewBox="0 0 24 24">
-              <Circle cx={12} cy={12} r={10} stroke={field.value ? theme.accent : theme.textMuted} strokeWidth={1.5} fill="none" />
-              <Path d="M12 6v6l4 2" stroke={field.value ? theme.accent : theme.textMuted} strokeWidth={1.5} strokeLinecap="round" />
+              <Circle cx={12} cy={12} r={10} stroke={field.value ? theme.accent : theme.textFaint} strokeWidth={1.8} fill="none" />
+              <Path d="M12 6v6l4 2" stroke={field.value ? theme.accent : theme.textFaint} strokeWidth={1.8} strokeLinecap="round" />
             </Svg>
             <Text
               style={[
@@ -68,7 +68,7 @@ export function DateTimePickerComponent({ control }: DateTimePickerComponentProp
             >
               {field.value ? formatTime12(field.value) : placeholder}
             </Text>
-            {field.value && (
+            {field.value ? (
               <TouchableOpacity
                 style={styles.clearButton}
                 onPress={() => {
@@ -82,10 +82,10 @@ export function DateTimePickerComponent({ control }: DateTimePickerComponentProp
                 hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}
               >
                 <Svg width={14} height={14} viewBox="0 0 24 24">
-                  <Path d="M18 6L6 18M6 6l12 12" stroke={theme.textMuted} strokeWidth={2} strokeLinecap="round" />
+                  <Path d="M18 6L6 18M6 6l12 12" stroke={theme.textSecondary} strokeWidth={2.2} strokeLinecap="round" />
                 </Svg>
               </TouchableOpacity>
-            )}
+            ) : null}
           </TouchableOpacity>
         );
       }}
@@ -114,14 +114,14 @@ export function DateTimePickerComponent({ control }: DateTimePickerComponentProp
                 <Svg width={20} height={20} viewBox="0 0 24 24">
                   <Path
                     d="M8 2v4M16 2v4M3 10h18M3 18h18"
-                    stroke={field.value ? theme.accent : theme.textMuted}
-                    strokeWidth={1.5}
+                    stroke={field.value ? theme.accent : theme.textFaint}
+                    strokeWidth={1.8}
                     strokeLinecap="round"
                   />
                   <Path
                     d="M10 2H14a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z"
-                    stroke={field.value ? theme.accent : theme.textMuted}
-                    strokeWidth={1.5}
+                    stroke={field.value ? theme.accent : theme.textFaint}
+                    strokeWidth={1.8}
                     fill="none"
                   />
                 </Svg>
@@ -135,17 +135,17 @@ export function DateTimePickerComponent({ control }: DateTimePickerComponentProp
                 >
                   {field.value ? format(field.value, 'MMM d, yyyy') : 'Due Date'}
                 </Text>
-                {field.value && (
+                {field.value ? (
                   <TouchableOpacity
                     style={styles.clearButton}
                     onPress={() => setDateValue(null)}
                     hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}
                   >
                     <Svg width={14} height={14} viewBox="0 0 24 24">
-                      <Path d="M18 6L6 18M6 6l12 12" stroke={theme.textMuted} strokeWidth={2} strokeLinecap="round" />
+                      <Path d="M18 6L6 18M6 6l12 12" stroke={theme.textSecondary} strokeWidth={2.2} strokeLinecap="round" />
                     </Svg>
                   </TouchableOpacity>
-                )}
+                ) : null}
               </TouchableOpacity>
             );
           }}
@@ -183,7 +183,7 @@ export function DateTimePickerComponent({ control }: DateTimePickerComponentProp
           {endTimeInvalid && (
             <View style={[styles.warningRow, { backgroundColor: theme.accentSoft, borderColor: '#E53935' }]}>
               <Svg width={14} height={14} viewBox="0 0 24 24">
-                <Circle cx={12} cy={12} r={10} stroke="#E53935" strokeWidth={1.5} fill="none" />
+                <Circle cx={12} cy={12} r={10} stroke="#EF5350" strokeWidth={1.8} fill="none" />
                 <Path d="M12 8v5M12 16.5v.5" stroke="#E53935" strokeWidth={1.8} strokeLinecap="round" />
               </Svg>
               <Text style={[styles.warningText, { color: '#E53935' }]}>

carry-your-live/src/components/FloatingActionButton.tsx

@@ -2,9 +2,11 @@ import React, { useState } from 'react';
 import { StyleSheet, TouchableOpacity, Animated, Easing } from 'react-native';
 import { useRouter } from 'expo-router';
 import Svg, { Path } from 'react-native-svg';
+import { useSettings } from '@/theme';
 
 export function FloatingActionButton() {
   const router = useRouter();
+  const { theme } = useSettings();
   const [scaleAnim] = React.useState(new Animated.Value(1));
   const [rotateAnim] = React.useState(new Animated.Value(0));
   const [rotation, setRotation] = useState(0);
@@ -52,7 +54,7 @@ export function FloatingActionButton() {
       ]}
     >
       <TouchableOpacity
-        style={styles.button}
+        style={[styles.button, { backgroundColor: theme.accent, shadowColor: theme.accent }]}
         onPress={handlePress}
         onPressIn={handlePressIn}
         onPressOut={handlePressOut}
@@ -69,7 +71,7 @@ export function FloatingActionButton() {
           <Svg width={24} height={24} viewBox="0 0 24 24">
             <Path
               d="M12 5v14M5 12h14"
-              stroke="#FFFFFF"
+              stroke={theme.accentText}
               strokeWidth={2.5}
               strokeLinecap="round"
               strokeLinejoin="round"
@@ -86,7 +88,6 @@ const styles = StyleSheet.create({
     position: 'absolute',
     bottom: 24,
     right: 24,
-    shadowColor: '#E53935',
     shadowOffset: { width: 0, height: 4 },
     shadowOpacity: 0.3,
     shadowRadius: 12,
@@ -96,7 +97,6 @@ const styles = StyleSheet.create({
     width: 56,
     height: 56,
     borderRadius: 16,
-    backgroundColor: '#E53935',
     alignItems: 'center',
     justifyContent: 'center',
   },

carry-your-live/src/components/FormButtons.tsx

@@ -38,7 +38,7 @@ export function FormButtons({ onSubmit, submitLabel = 'Submit' }: FormButtonsPro
         <Text style={[styles.cancelButtonText, { color: theme.textSecondary }]}>Cancel</Text>
       </TouchableOpacity>
       <TouchableOpacity
-        style={[styles.submitButton, isSubmitting && styles.buttonDisabled]}
+        style={[styles.submitButton, { backgroundColor: theme.accent }, isSubmitting && styles.buttonDisabled]}
         onPress={handleSubmit(onSubmit)}
         disabled={isSubmitting}
         activeOpacity={0.8}
@@ -46,7 +46,7 @@ export function FormButtons({ onSubmit, submitLabel = 'Submit' }: FormButtonsPro
         accessibilityLabel={isSubmitting ? 'Saving' : submitLabel}
         accessibilityState={{ disabled: isSubmitting, busy: isSubmitting }}
       >
-        <Text style={styles.submitButtonText}>
+        <Text style={[styles.submitButtonText, { color: theme.accentText }]}>
           {isSubmitting ? 'Saving...' : submitLabel}
         </Text>
       </TouchableOpacity>
@@ -88,19 +88,12 @@ const styles = StyleSheet.create({
     flex: 1,
     paddingVertical: 12,
     borderRadius: 10,
-    backgroundColor: '#E53935',
     alignItems: 'center',
     justifyContent: 'center',
-    shadowColor: '#E53935',
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.3,
-    shadowRadius: 6,
-    elevation: 3,
   },
   submitButtonText: {
     fontSize: 15,
     fontWeight: '600',
-    color: '#FFFFFF',
   },
   buttonDisabled: {
     opacity: 0.6,

carry-your-live/src/components/FriendsModal.tsx

@@ -148,7 +148,7 @@ export function FriendsModal({ visible, onClose }: FriendsModalProps) {
                         style={[styles.removeBtn, { backgroundColor: theme.accentSoft, borderColor: theme.accent }]}
                         onPress={() => handleRemove(item.id)}
                       >
-                        <Text style={[styles.removeBtnText, { color: theme.accent }]}>Remove</Text>
+                        <Text style={[styles.removeBtnText, { color: theme.accentStrong }]}>Remove</Text>
                       </TouchableOpacity>
                     </View>
                   )}

carry-your-live/src/components/Header.tsx

@@ -16,8 +16,8 @@ export function Header({ title, showLogo, rightAction }: HeaderProps) {
     <View style={[styles.header, { backgroundColor: theme.background, paddingTop: topInset }]}>
       <View style={styles.headerContent}>
         {showLogo && (
-          <View style={styles.logoContainer}>
-            <Text style={styles.logoText}>✓</Text>
+          <View style={[styles.logoContainer, { backgroundColor: theme.accent }]}>
+            <Text style={[styles.logoText, { color: theme.accentText }]}>✓</Text>
           </View>
         )}
         <Text style={[styles.title, { color: theme.text }]} accessibilityRole="header">{title}</Text>
@@ -48,12 +48,10 @@ const styles = StyleSheet.create({
     width: 32,
     height: 32,
     borderRadius: 10,
-    backgroundColor: '#E53935',
     alignItems: 'center',
     justifyContent: 'center',
   },
   logoText: {
-    color: '#FFFFFF',
     fontSize: 18,
     fontWeight: '700',
   },

carry-your-live/src/components/LegalModal.tsx

@@ -136,7 +136,7 @@ export function LegalModal({ visible, type, onClose }: LegalModalProps) {
           <Text style={[styles.title, { color: theme.text }]}>{title}</Text>
           <TouchableOpacity onPress={onClose} style={styles.closeButton} activeOpacity={0.7}>
             <Svg width={24} height={24} viewBox="0 0 24 24">
-              <Path d="M18 6L6 18M6 6l12 12" stroke={theme.textMuted} strokeWidth={2} strokeLinecap="round" />
+              <Path d="M18 6L6 18M6 6l12 12" stroke={theme.textSecondary} strokeWidth={2.2} strokeLinecap="round" />
             </Svg>
           </TouchableOpacity>
         </View>

carry-your-live/src/components/ListItem.tsx

@@ -42,8 +42,8 @@ export function ListItem({ title, subtitle, leftElement, rightElement, onPress,
           <Svg width={20} height={20} viewBox="0 0 24 24">
             <Path
               d="M9 18l6-6-6-6"
-              stroke={theme.textMuted}
-              strokeWidth={2}
+              stroke={theme.textSecondary}
+              strokeWidth={2.5}
               strokeLinecap="round"
               strokeLinejoin="round"
               fill="none"

carry-your-live/src/components/OptionPickerModal.tsx

@@ -22,7 +22,7 @@ interface OptionPickerModalProps {
 export function OptionPickerModal({ visible, title, options, selectedValue, onSelect, onClose, multiSelect = false }: OptionPickerModalProps) {
   const { theme } = useSettings();
 
-  const selectedValues = Array.isArray(selectedValue) ? selectedValue : selectedValue ? [selectedValue] : [];
+  const selectedValues = Array.isArray(selectedValue) ? selectedValue : selectedValue == null ? [] : [selectedValue];
 
   return (
     <Modal visible={visible} transparent animationType="fade" onRequestClose={onClose}>
@@ -87,7 +87,7 @@ export function OptionPickerModal({ visible, title, options, selectedValue, onSe
                 accessibilityRole="button"
                 accessibilityLabel="Cancel"
               >
-                <Text style={[styles.cancelText, { color: theme.textFaint }]}>Cancel</Text>
+                <Text style={[styles.cancelText, { color: theme.textSecondary }]}>Cancel</Text>
               </TouchableOpacity>
             }
             contentContainerStyle={styles.listContent}

carry-your-live/src/components/PrioritySelector.tsx

@@ -46,7 +46,7 @@ export function PrioritySelector({ value, onChange }: PrioritySelectorProps) {
             <Text style={[
               styles.optionText,
               { color: theme.textFaint },
-              value === priority.value && { color: theme.accent, fontWeight: '600' },
+              value === priority.value && { color: theme.accentStrong, fontWeight: '600' },
             ]}>
               {priority.label}
             </Text>

carry-your-live/src/components/QuickAddBar.tsx

@@ -1,10 +1,10 @@
-import React, { useState, useEffect, useRef } from 'react';
-import { View, StyleSheet, TextInput, TouchableOpacity, Platform, Keyboard, Animated, Easing } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import React, { useState, useEffect, useMemo, useRef } from 'react';
+import { View, StyleSheet, TextInput, TouchableOpacity, Keyboard, Text } from 'react-native';
 import { database, collections } from '@/database';
 import { useCategories } from '@/hooks/useDatabase';
 import { useSettings } from '@/theme';
 import { OptionPickerModal } from '@/components/OptionPickerModal';
+import { tagsToString } from '@/types';
 import Svg, { Path } from 'react-native-svg';
 import { subscribeToQuickAdd } from '@/utils/quickAddFocus';
 
@@ -15,15 +15,17 @@ interface QuickAddBarProps {
 
 export function QuickAddBar({ dueDate = 0, placeholder }: QuickAddBarProps) {
   const { theme, defaultCategoryId } = useSettings();
-  const insets = useSafeAreaInsets();
   const categories = useCategories();
   const [title, setTitle] = useState('');
   const [categoryId, setCategoryId] = useState(() => defaultCategoryId || '');
   const [categoryPickerVisible, setCategoryPickerVisible] = useState(false);
   const inputRef = useRef<TextInput>(null);
-  const keyboardHeight = useRef(new Animated.Value(0)).current;
 
-  const categoryColor = categories.find((c) => c.id === categoryId)?.color ?? '#9E9E9E';
+  const visibleCategories = useMemo(
+    () => categories.filter((c) => c.name.toLowerCase() !== 'calendar'),
+    [categories]
+  );
+  const categoryColor = visibleCategories.find((c) => c.id === categoryId)?.color ?? '#9E9E9E';
 
   useEffect(() => {
     return subscribeToQuickAdd(() => {
@@ -33,32 +35,6 @@ export function QuickAddBar({ dueDate = 0, placeholder }: QuickAddBarProps) {
     });
   }, []);
 
-  useEffect(() => {
-    const showListener = Keyboard.addListener('keyboardDidShow', (e) => {
-      const height = e.endCoordinates.height;
-      Animated.timing(keyboardHeight, {
-        toValue: height,
-        duration: 250,
-        easing: Easing.out(Easing.cubic),
-        useNativeDriver: false,
-      }).start();
-    });
-
-    const hideListener = Keyboard.addListener('keyboardDidHide', () => {
-      Animated.timing(keyboardHeight, {
-        toValue: 0,
-        duration: 250,
-        easing: Easing.out(Easing.cubic),
-        useNativeDriver: false,
-      }).start();
-    });
-
-    return () => {
-      showListener.remove();
-      hideListener.remove();
-    };
-  }, []);
-
   const handleAdd = async () => {
     const trimmed = title.trim();
     if (!trimmed) return;
@@ -69,6 +45,7 @@ export function QuickAddBar({ dueDate = 0, placeholder }: QuickAddBarProps) {
         t.title = trimmed;
         t.description = '';
         t.categoryId = categoryId || '';
+        t.tags = tagsToString(categoryId ? [categoryId] : []);
         t.priority = 'none';
         t.completed = false;
         t.dueDate = dueDate;
@@ -84,16 +61,11 @@ export function QuickAddBar({ dueDate = 0, placeholder }: QuickAddBarProps) {
       });
     });
     setTitle('');
+    Keyboard.dismiss();
   };
 
-  const animatedBottom = keyboardHeight.interpolate({
-    inputRange: [0, 500],
-    outputRange: [0, insets.bottom + 500],
-    extrapolate: 'clamp',
-  });
-
   return (
-    <Animated.View style={[styles.wrapper, { bottom: animatedBottom }]}>
+    <View style={styles.wrapper}>
       <View style={[styles.bar, { backgroundColor: theme.card, borderColor: theme.border }]}>
         <TouchableOpacity
           style={[styles.categoryButton, { borderColor: theme.borderStrong, backgroundColor: theme.cardAlt }]}
@@ -103,7 +75,7 @@ export function QuickAddBar({ dueDate = 0, placeholder }: QuickAddBarProps) {
         >
           <View style={[styles.categoryButtonDot, { backgroundColor: categoryColor }]} />
           <Svg width={12} height={12} viewBox="0 0 24 24">
-            <Path d="M6 9l6 6 6-6" stroke={theme.textFaint} strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" fill="none" />
+            <Path d="M6 9l6 6 6-6" stroke={theme.textSecondary} strokeWidth={2.5} strokeLinecap="round" strokeLinejoin="round" fill="none" />
           </Svg>
         </TouchableOpacity>
         <TextInput
@@ -127,36 +99,37 @@ export function QuickAddBar({ dueDate = 0, placeholder }: QuickAddBarProps) {
           accessibilityHint="Adds the entered task to the list"
           accessibilityState={{ disabled: !title.trim() }}
         >
-          <Svg width={20} height={20} viewBox="0 0 24 24">
+          <View style={styles.submitLabelRow}>
+            <Text style={[styles.submitText, { color: theme.accentText }]}>Add a Task</Text>
+            <Svg width={18} height={18} viewBox="0 0 24 24">
               <Path
-              d="M12 5v14M5 12h14"
+                d="M12 5v14M12 5l-5 5M12 5l5 5"
                 stroke={theme.accentText}
                 strokeWidth={2.5}
                 strokeLinecap="round"
                 strokeLinejoin="round"
               />
             </Svg>
+          </View>
         </TouchableOpacity>
       </View>
 
       <OptionPickerModal
         visible={categoryPickerVisible}
         title="Select Category"
-        options={[{ value: '', label: 'None', color: '#9E9E9E' }, ...categories.map((c) => ({ value: c.id, label: c.name, color: c.color }))]}
+        options={[{ value: '', label: 'None', color: '#9E9E9E' }, ...visibleCategories.map((c) => ({ value: c.id, label: c.name, color: c.color }))]}
         selectedValue={categoryId}
         onSelect={(value) => setCategoryId(Array.isArray(value) ? value[0] : value)}
         onClose={() => setCategoryPickerVisible(false)}
       />
-    </Animated.View>
+    </View>
   );
 }
 
 const styles = StyleSheet.create({
   wrapper: {
-    position: 'absolute',
-    left: 8,
-    right: 8,
-    bottom: 12,
+    paddingHorizontal: 8,
+    paddingTop: 4,
   },
   bar: {
     flexDirection: 'row',
@@ -166,11 +139,12 @@ const styles = StyleSheet.create({
     paddingVertical: 8,
     borderRadius: 14,
     borderWidth: 1,
+    borderBottomWidth: 1,
     shadowColor: '#000',
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.08,
+    shadowOffset: { width: 0, height: -2 },
+    shadowOpacity: 0.10,
     shadowRadius: 6,
-    elevation: 4,
+    elevation: 6,
   },
   categoryButton: {
     flexDirection: 'row',
@@ -178,7 +152,7 @@ const styles = StyleSheet.create({
     gap: 3,
     paddingVertical: 6,
     paddingHorizontal: 6,
-    borderRadius: 8,
+    borderRadius: 10,
     borderWidth: 1,
     height: 40,
   },
@@ -194,12 +168,22 @@ const styles = StyleSheet.create({
     minHeight: 40,
   },
   submit: {
-    width: 40,
+    minWidth: 88,
     height: 40,
-    borderRadius: 8,
+    paddingHorizontal: 12,
+    borderRadius: 10,
     alignItems: 'center',
     justifyContent: 'center',
   },
+  submitLabelRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 6,
+  },
+  submitText: {
+    fontSize: 13,
+    fontWeight: '700',
+  },
   submitDisabled: {
     opacity: 0.5,
   },

carry-your-live/src/components/ReminderSelector.tsx

@@ -43,13 +43,13 @@ export function ReminderSelector({ value, onChange, hasDueDate }: ReminderSelect
         <Svg width={20} height={20} viewBox="0 0 24 24">
           <Path
             d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9M10.3 21a1.94 1.94 0 0 0 3.4 0"
-            stroke={selectedReminders.length > 0 ? theme.accent : theme.textMuted}
-            strokeWidth={1.5}
+            stroke={selectedReminders.length > 0 ? theme.accentText : theme.textSecondary}
+            strokeWidth={1.8}
             strokeLinecap="round"
             strokeLinejoin="round"
             fill="none"
           />
-          <Circle cx={18.5} cy={5.5} r={3.5} fill={selectedReminders.length > 0 ? theme.accent : 'transparent'} stroke={selectedReminders.length > 0 ? theme.accent : theme.textMuted} strokeWidth={1.5} />
+          <Circle cx={18.5} cy={5.5} r={3.5} fill={selectedReminders.length > 0 ? theme.accent : 'transparent'} stroke={selectedReminders.length > 0 ? theme.accentText : theme.textSecondary} strokeWidth={1.8} />
         </Svg>
         <Text
           style={[
@@ -62,7 +62,7 @@ export function ReminderSelector({ value, onChange, hasDueDate }: ReminderSelect
         </Text>
         <View style={styles.chevron}>
           <Svg width={16} height={16} viewBox="0 0 24 24">
-            <Path d="M9 18l6-6-6-6" stroke={theme.textMuted} strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" fill="none" />
+            <Path d="M9 18l6-6-6-6" stroke={theme.textSecondary} strokeWidth={2.5} strokeLinecap="round" strokeLinejoin="round" fill="none" />
           </Svg>
         </View>
       </TouchableOpacity>

carry-your-live/src/components/RepeatSelector.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { View, Text, StyleSheet, TouchableOpacity, Modal, TextInput, Pressable, KeyboardAvoidingView } from 'react-native';
-import { Repeat, REPEAT_OPTIONS, WEEKDAY_LABELS, repeatDaysFromString } from '@/types';
+import { Repeat, REPEAT_OPTIONS, WEEKDAY_LABELS, WEEKDAY_ORDER, weekdaysInDisplayOrder, repeatDaysFromString } from '@/types';
 import { useSettings } from '@/theme';
 import { useRepeatProfiles } from '@/hooks/useDatabase';
 import { createRepeatProfile, deleteRepeatProfile } from '@/utils/repeatProfileActions';
@@ -168,7 +168,7 @@ export function RepeatSelector({ value, interval, days, onChange }: RepeatSelect
               style={[
                 styles.chipText,
                 { color: theme.textFaint },
-                value === option.value && { color: theme.accent, fontWeight: '600' },
+                value === option.value && { color: theme.accentStrong, fontWeight: '600' },
               ]}
             >
               {option.label.replace('No Repeat', 'None')}
@@ -212,9 +212,9 @@ export function RepeatSelector({ value, interval, days, onChange }: RepeatSelect
 
           {isDaysBased(value) && (
             <View style={styles.dayRow}>
-              {WEEKDAY_LABELS.map((label, day) => (
+              {WEEKDAY_ORDER.map((day) => (
                 <TouchableOpacity
-                  key={`${label}-${day}`}
+                  key={`${WEEKDAY_LABELS[day]}-${day}`}
                   style={[
                     styles.dayChip,
                     { backgroundColor: theme.card, borderColor: theme.borderStrong },
@@ -234,7 +234,7 @@ export function RepeatSelector({ value, interval, days, onChange }: RepeatSelect
                       days.includes(day) && { color: '#FFFFFF', fontWeight: '700' },
                     ]}
                   >
-                    {label}
+                    {WEEKDAY_LABELS[day]}
                   </Text>
                 </TouchableOpacity>
               ))}
@@ -252,7 +252,7 @@ export function RepeatSelector({ value, interval, days, onChange }: RepeatSelect
           <Svg width={13} height={13} viewBox="0 0 24 24">
             <Path d="M12 5v14M5 12h14" stroke={theme.accent} strokeWidth={2.5} strokeLinecap="round" />
           </Svg>
-          <Text style={[styles.saveProfileText, { color: theme.accent }]}>Save as profile</Text>
+          <Text style={[styles.saveProfileText, { color: theme.accentStrong }]}>Save as profile</Text>
         </TouchableOpacity>
       )}
 
@@ -271,7 +271,7 @@ export function RepeatSelector({ value, interval, days, onChange }: RepeatSelect
               <Text style={[styles.modalTitle, { color: theme.text }]}>Save repeat profile</Text>
               <Text style={[styles.modalHint, { color: theme.textFaint }]}>
                 {`${REPEAT_OPTIONS.find((o) => o.value === value)?.label.replace('No Repeat', 'None')}, every ${interval} ${unitLabel(value)}${interval > 1 ? 's' : ''}`}
-                {isDaysBased(value) && days.length > 0 ? ` · ${days.map((d) => WEEKDAY_LABELS[d]).join(' ')}` : ''}
+                {isDaysBased(value) && days.length > 0 ? ` · ${weekdaysInDisplayOrder(days).map((d) => WEEKDAY_LABELS[d]).join(' ')}` : ''}
               </Text>
               <TextInput
                 style={[styles.modalInput, { backgroundColor: theme.cardAlt, borderColor: theme.borderStrong, color: theme.text }]}

carry-your-live/src/components/ServerUrlModal.tsx

@@ -42,7 +42,7 @@ export function ServerUrlModal({ visible, onClose }: ServerUrlModalProps) {
             <Text style={[styles.title, { color: theme.text }]}>Backend URL</Text>
             <TouchableOpacity onPress={onClose} style={styles.closeButton} hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}>
               <Svg width={18} height={18} viewBox="0 0 24 24">
-                <Path d="M18 6L6 18M6 6l12 12" stroke={theme.textMuted} strokeWidth={2} strokeLinecap="round" />
+                <Path d="M18 6L6 18M6 6l12 12" stroke={theme.textSecondary} strokeWidth={2.2} strokeLinecap="round" />
               </Svg>
             </TouchableOpacity>
           </View>

carry-your-live/src/components/SubtaskItem.tsx

@@ -1,24 +1,26 @@
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import { View, StyleSheet } from 'react-native';
 import { SubtaskData } from '@/types';
 import { TaskItem } from './TaskItem';
-import { useSettings } from '@/theme';
 
 interface SubtaskItemProps {
   subtask: SubtaskData;
-  onToggle: () => void | Promise<void>;
-  onDelete?: () => void;
-  onPress?: () => void;
-  onLongPress?: () => void;
-  onMenuOpen?: () => void;
+  onToggle?: (subtask: SubtaskData) => void | Promise<void>;
+  onDelete?: (subtask: SubtaskData) => void;
+  onPress?: (subtask: SubtaskData) => void;
+  onLongPress?: (subtask: SubtaskData) => void;
+  onMenuOpen?: (subtask: SubtaskData) => void;
   selected?: boolean;
   selectionMode?: boolean;
   draggable?: boolean;
-  onDragStart?: () => void;
+  onDragStart?: (subtask: SubtaskData) => void;
   onDragUpdate?: (absoluteY: number) => void;
   onDragEnd?: (absoluteY: number) => void;
   depth?: number;
   categoryColor?: string;
+  categoryColorResolver?: (categoryId: string | undefined) => string | undefined;
+  registerRef?: (subtaskId: string, parentTaskId: string, ref: View | null) => void;
+  hoveredId?: string | null;
 }
 
 export const SubtaskItem = React.memo(function SubtaskItem({
@@ -35,34 +37,50 @@ export const SubtaskItem = React.memo(function SubtaskItem({
   onDragUpdate,
   onDragEnd,
   depth = 1,
-  categoryColor
+  categoryColor,
+  categoryColorResolver,
+  registerRef,
+  hoveredId,
 }: SubtaskItemProps) {
-  const { theme } = useSettings();
-  const [expanded, setExpanded] = useState(true);
+  const [expanded, setExpanded] = useState(false);
   const hasChildren = subtask.subtasks && subtask.subtasks.length > 0;
+  const hovered = hoveredId === subtask.id;
+  const effectiveColor = subtask.categoryId
+    ? categoryColorResolver?.(subtask.categoryId) ?? categoryColor
+    : categoryColor;
 
   const handleExpand = () => setExpanded(!expanded);
 
+  useEffect(() => {
+    if (hovered && hasChildren && !expanded) {
+      setExpanded(true);
+    }
+  }, [hovered, hasChildren, expanded]);
+
   return (
     <View>
+      <View ref={(ref) => registerRef?.(subtask.id, subtask.taskId, ref)}>
         <TaskItem
           task={subtask}
           indented
           depth={depth}
-        onToggle={onToggle}
-        onDelete={onDelete}
-        onPress={onPress ?? (() => {})}
-        onLongPress={onLongPress}
-        onMenuOpen={onMenuOpen}
+          expanded={hasChildren && expanded}
+          onToggle={() => onToggle?.(subtask)}
+          onDelete={() => onDelete?.(subtask)}
+          onPress={onPress ? () => onPress(subtask) : handleExpand}
+          onLongPress={() => onLongPress?.(subtask)}
+          onMenuOpen={() => onMenuOpen?.(subtask)}
           selected={selected}
           selectionMode={selectionMode}
           completedSection={subtask.completed}
           draggable={draggable}
-        onDragStart={onDragStart}
+          hovered={hovered}
+          onDragStart={() => onDragStart?.(subtask)}
           onDragUpdate={onDragUpdate}
           onDragEnd={onDragEnd}
-        categoryColor={categoryColor}
+          categoryColor={effectiveColor}
         />
+      </View>
       {hasChildren && expanded && (
         <View style={[styles.nestedSubtasks, { marginLeft: depth * 12 }]}>
           {subtask.subtasks
@@ -72,7 +90,7 @@ export const SubtaskItem = React.memo(function SubtaskItem({
               <SubtaskItem
                 key={child.id}
                 subtask={child}
-                onToggle={() => {}}
+                onToggle={onToggle}
                 onDelete={onDelete}
                 onPress={onPress}
                 onLongPress={onLongPress}
@@ -84,7 +102,10 @@ export const SubtaskItem = React.memo(function SubtaskItem({
                 onDragUpdate={onDragUpdate}
                 onDragEnd={onDragEnd}
                 depth={depth + 1}
-                categoryColor={categoryColor}
+                categoryColor={effectiveColor}
+                categoryColorResolver={categoryColorResolver}
+                registerRef={registerRef}
+                hoveredId={hoveredId}
               />
             ))}
         </View>

carry-your-live/src/components/SubtasksSection.tsx

@@ -48,7 +48,7 @@ export function SubtasksSection({ control }: SubtasksSectionProps) {
                 <Text style={[styles.label, { color: theme.text }]}>Subtasks</Text>
                 {items.length > 0 && (
                   <View style={[styles.badge, { backgroundColor: theme.accentSoft }]}>
-                    <Text style={[styles.badgeText, { color: theme.accent }]}>{items.length}</Text>
+                    <Text style={[styles.badgeText, { color: theme.accentStrong }]}>{items.length}</Text>
                   </View>
                 )}
               </View>
@@ -67,8 +67,8 @@ export function SubtasksSection({ control }: SubtasksSectionProps) {
                 <Svg width={16} height={16} viewBox="0 0 24 24">
                   <Path
                     d="M6 9l6 6 6-6"
-                    stroke={theme.textMuted}
-                    strokeWidth={2}
+                    stroke={theme.textSecondary}
+                    strokeWidth={2.5}
                     strokeLinecap="round"
                     strokeLinejoin="round"
                     fill="none"
@@ -105,7 +105,7 @@ export function SubtasksSection({ control }: SubtasksSectionProps) {
                 <Svg width={16} height={16} viewBox="0 0 24 24">
                   <Path d="M12 5v14M5 12h14" stroke={theme.accent} strokeWidth={2} strokeLinecap="round" />
                 </Svg>
-                <Text style={[styles.addButtonText, { color: theme.accent }]}>Add Subtask</Text>
+                <Text style={[styles.addButtonText, { color: theme.accentStrong }]}>Add Subtask</Text>
               </TouchableOpacity>
             </Animated.View>
           </View>
@@ -131,8 +131,8 @@ function SubtaskItem({ index, value, onChange, onRemove }: SubtaskItemProps) {
         <Svg width={22} height={22} viewBox="0 0 24 24">
           <Path
             d="M4 12.5l5 5 10-10"
-            stroke={theme.borderStrong}
-            strokeWidth={2}
+            stroke={theme.textFaint}
+            strokeWidth={2.2}
             strokeLinecap="round"
             strokeLinejoin="round"
             fill="none"
@@ -150,7 +150,7 @@ function SubtaskItem({ index, value, onChange, onRemove }: SubtaskItemProps) {
       />
       <TouchableOpacity style={styles.removeButton} onPress={onRemove} activeOpacity={0.7}>
         <Svg width={20} height={20} viewBox="0 0 24 24">
-          <Path d="M18 6L6 18M6 6l12 12" stroke={theme.textMuted} strokeWidth={2} strokeLinecap="round" />
+          <Path d="M18 6L6 18M6 6l12 12" stroke={theme.textSecondary} strokeWidth={2.2} strokeLinecap="round" />
         </Svg>
       </TouchableOpacity>
     </View>

carry-your-live/src/components/SyncStatus.tsx

@@ -66,21 +66,21 @@ export default function SyncStatus({ compact = false }: SyncStatusProps) {
       case 'success':
         return (
           <Svg width={16} height={16} viewBox="0 0 24 24">
-            <Path d="M5 12l5 5 9-10" stroke="#43A047" strokeWidth={2.5} strokeLinecap="round" strokeLinejoin="round" fill="none" />
+            <Path d="M5 12l5 5 9-10" stroke="#66BB6A" strokeWidth={2.5} strokeLinecap="round" strokeLinejoin="round" fill="none" />
           </Svg>
         );
       case 'error':
         return (
           <Svg width={16} height={16} viewBox="0 0 24 24">
-            <Circle cx={12} cy={12} r={10} stroke="#E53935" strokeWidth={2} fill="none" />
-            <Path d="M12 8v4M12 16h.01" stroke="#E53935" strokeWidth={2} strokeLinecap="round" />
+            <Circle cx={12} cy={12} r={10} stroke="#EF5350" strokeWidth={2} fill="none" />
+            <Path d="M12 8v4M12 16h.01" stroke="#EF5350" strokeWidth={2} strokeLinecap="round" />
           </Svg>
         );
       default:
         return (
           <Svg width={16} height={16} viewBox="0 0 24 24">
-            <Path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z" stroke={theme.textMuted} strokeWidth={1.5} fill="none" />
-            <Path d="M12 22V12" stroke={theme.textMuted} strokeWidth={1.5} strokeLinecap="round" />
+            <Path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z" stroke={theme.textFaint} strokeWidth={1.8} fill="none" />
+            <Path d="M12 22V12" stroke={theme.textFaint} strokeWidth={1.8} strokeLinecap="round" />
           </Svg>
         );
     }

carry-your-live/src/components/TabBarIcon.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ColorValue } from 'react-native';
-import Svg, { Path, Circle } from 'react-native-svg';
+import Svg, { Path, Circle, Rect } from 'react-native-svg';
 
 interface TabBarIconProps {
   name: 'checklist' | 'calendar' | 'gear' | 'stats';
@@ -15,48 +15,64 @@ export function TabBarIcon({ name, focused, color, size = 24 }: TabBarIconProps)
       {name === 'checklist' && (
         <>
           <Path
-            d="M3 5h18M3 12h18M3 19h18"
+            d="M8.5 6h12.5M8.5 12h12.5M8.5 18h12.5"
             stroke={color}
-            strokeWidth={focused ? 2.5 : 2}
+            strokeWidth={focused ? 3.5 : 3}
             strokeLinecap="round"
             strokeLinejoin="round"
           />
-          {focused && (
-            <Circle cx={6} cy={5} r={2} fill={color} />
-          )}
+          <Circle cx={4} cy={6} r={focused ? 1.75 : 1.5} fill={color} />
+          <Circle cx={4} cy={12} r={focused ? 1.75 : 1.5} fill={color} />
+          <Circle cx={4} cy={18} r={focused ? 1.75 : 1.5} fill={color} />
         </>
       )}
       {name === 'calendar' && (
         <>
           <Path
-            d="M8 2v4M16 2v4M3 10h18M3 18h18"
+            d="M8 2v4M16 2v4M3 10h18"
             stroke={color}
-            strokeWidth={focused ? 2.5 : 2}
+            strokeWidth={focused ? 3.5 : 3}
             strokeLinecap="round"
             strokeLinejoin="round"
           />
-          <Path
-            d="M10 2H14a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z"
+          <Rect
+            x={3}
+            y={4}
+            width={18}
+            height={18}
+            rx={2}
             stroke={color}
-            strokeWidth={focused ? 2.5 : 2}
+            strokeWidth={focused ? 3.5 : 3}
             fill="none"
           />
+          {focused && (
+            <>
+              <Circle cx={12} cy={16} r={1.5} fill={color} />
+              <Circle cx={7} cy={16} r={1.5} fill={color} />
+              <Circle cx={17} cy={16} r={1.5} fill={color} />
+            </>
+          )}
         </>
       )}
       {name === 'gear' && (
+        <>
+          <Circle cx={12} cy={12} r={3.5} stroke={color} strokeWidth={focused ? 3.5 : 3} fill="none" />
           <Path
-          d="M12 3.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zM11.3 4.5a.7.7 0 0 1 1.4 0l.9.9a.5.5 0 0 1-.7.7l-.9-.9a.7.7 0 0 1 0-1.4zM20.5 12a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1zM17.3 11.3a.7.7 0 0 1 0 1.4l-.9.9a.5.5 0 0 1-.7-.7l.9-.9a.7.7 0 0 1 1.4 0zM12 20.5a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1zM11.3 19.6a.7.7 0 0 1 1.4 0l.9.9a.5.5 0 0 1-.7.7l-.9-.9a.7.7 0 0 1 0-1.4zM3.5 12a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zM4.5 11.3a.7.7 0 0 1 1.4 0l.9.9a.5.5 0 0 1-.7.7l-.9-.9a.7.7 0 0 1 0-1.4zM12 7.5a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9z"
+            d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"
             stroke={color}
-          strokeWidth={focused ? 2.5 : 2}
+            strokeWidth={focused ? 3 : 2.5}
+            strokeLinecap="round"
+            strokeLinejoin="round"
             fill="none"
           />
+        </>
       )}
       {name === 'stats' && (
         <>
           <Path
             d="M4 20V10M10 20V4M16 20v-7M21 20H3"
             stroke={color}
-            strokeWidth={focused ? 2.5 : 2}
+            strokeWidth={focused ? 3.5 : 3}
             strokeLinecap="round"
             strokeLinejoin="round"
           />

carry-your-live/src/components/TaskDeleteModal.tsx

@@ -46,7 +46,7 @@ export function TaskDeleteModal({ visible, taskId, taskTitle, isRepeating, subta
             <Text style={[styles.title, { color: theme.text }]}>{subtask ? 'Delete Subtask' : 'Delete Task'}</Text>
             <TouchableOpacity onPress={onClose} style={styles.closeButton} hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}>
               <Svg width={18} height={18} viewBox="0 0 24 24">
-                <Path d="M18 6L6 18M6 6l12 12" stroke={theme.textMuted} strokeWidth={2} strokeLinecap="round" />
+                <Path d="M18 6L6 18M6 6l12 12" stroke={theme.textSecondary} strokeWidth={2.2} strokeLinecap="round" />
               </Svg>
             </TouchableOpacity>
           </View>
@@ -71,7 +71,7 @@ export function TaskDeleteModal({ visible, taskId, taskTitle, isRepeating, subta
                 onPress={() => onDelete(option.scope)}
                 activeOpacity={0.7}
               >
-                <Text style={[styles.actionLabel, { color: theme.accent }]}>{option.label}</Text>
+                <Text style={[styles.actionLabel, { color: theme.accentStrong }]}>{option.label}</Text>
                 {option.hint && <Text style={[styles.actionHint, { color: theme.textMuted }]}>{option.hint}</Text>}
               </TouchableOpacity>
             ))}

carry-your-live/src/components/TaskItem.tsx

@@ -42,9 +42,10 @@ interface TaskItemProps {
   indented?: boolean;
   depth?: number;
   categoryColor?: string;
+  categoryColors?: (string | undefined)[];
 }
 
-export const TaskItem = React.memo(function TaskItem({ task, onToggle, onDelete, onPress, onLongPress, onMenuOpen, selected, selectionMode, completedSection, draggable, hovered, onDragStart, onDragUpdate, onDragEnd, onReorderStart, onReorderUpdate, onReorderEnd, expanded, indented, depth = 0, categoryColor }: TaskItemProps) {
+export const TaskItem = React.memo(function TaskItem({ task, onToggle, onDelete, onPress, onLongPress, onMenuOpen, selected, selectionMode, completedSection, draggable, hovered, onDragStart, onDragUpdate, onDragEnd, onReorderStart, onReorderUpdate, onReorderEnd, expanded, indented, depth = 0, categoryColor, categoryColors }: TaskItemProps) {
   const { theme } = useSettings();
   const [opacityAnim] = React.useState(new Animated.Value(task.completed ? 0.5 : 1));
   const [dragTranslateX] = React.useState(new Animated.Value(0));
@@ -133,11 +134,10 @@ export const TaskItem = React.memo(function TaskItem({ task, onToggle, onDelete,
     const hasDueDate = task.dueDate > 0;
     const isOverdue = hasDueDate && !task.completed && task.dueDate < startOfToday.getTime();
     const isDueToday = hasDueDate && !task.completed && task.dueDate >= startOfToday.getTime() && task.dueDate <= endOfToday.getTime();
-    const canComplete = !hasDueDate || isOverdue || isDueToday;
-    return { hasDueDate, isOverdue, isDueToday, canComplete };
+    return { hasDueDate, isOverdue, isDueToday };
   }, [task.dueDate, task.completed]);
 
-  const { hasDueDate, isOverdue, isDueToday, canComplete } = dueInfo;
+  const { hasDueDate, isOverdue, isDueToday } = dueInfo;
 
   const formattedDueDate = React.useMemo(
     () => formatDueDate(task.dueDate, task.dueTime, task.endTime || ''),
@@ -158,17 +158,6 @@ export const TaskItem = React.memo(function TaskItem({ task, onToggle, onDelete,
 
 const renderLeftActions = (progress: Animated.AnimatedInterpolation<number>) => {
     const translateX = progress.interpolate({ inputRange: [0, 1], outputRange: [-80, 0] });
-    if (!canComplete && !task.completed) {
-      return (
-        <Animated.View style={[styles.swipeAction, styles.swipeComplete, { transform: [{ translateX }] }]}>
-          <Svg width={24} height={24} viewBox="0 0 24 24">
-            <Circle cx={12} cy={12} r={10} stroke="#FFFFFF" strokeWidth={2} fill="none" />
-            <Path d="M12 8v5M12 16.5v.5" stroke="#FFFFFF" strokeWidth={1.8} strokeLinecap="round" />
-          </Svg>
-          <Text style={styles.swipeActionText}>Not Due</Text>
-        </Animated.View>
-      );
-    }
     return (
       <Animated.View style={[styles.swipeAction, styles.swipeComplete, { transform: [{ translateX }] }]}>
         <Svg width={24} height={24} viewBox="0 0 24 24">
@@ -189,9 +178,7 @@ const renderLeftActions = (progress: Animated.AnimatedInterpolation<number>) =>
         swipeableRef.current?.close();
       }}
       onSwipeableLeftOpen={() => {
-        if (canComplete || task.completed) {
         onToggle();
-        }
         swipeableRef.current?.close();
       }}
       overshootRight={false}
@@ -229,26 +216,33 @@ const renderLeftActions = (progress: Animated.AnimatedInterpolation<number>) =>
 <View style={styles.content}>
               <View style={styles.titleRow}>
                 <View style={styles.categoryDotSlot}>
-                  {categoryColor ? (
-                    <View style={[styles.categoryDot, { backgroundColor: categoryColor }]} />
-                  ) : null}
+                  {(categoryColors ?? (categoryColor ? [categoryColor] : [])).slice(0, 3).map((color, i) => (
+                    <View
+                      key={`${color}-${i}`}
+                      style={[
+                        styles.categoryDot,
+                        { backgroundColor: color },
+                        i > 0 && { marginLeft: -6 },
+                      ]}
+                    />
+                  ))}
                 </View>
                 <TouchableOpacity
-                  style={[styles.checkCircle, !canComplete && !task.completed && styles.checkCircleDisabled]}
-                  onPress={canComplete || task.completed ? onToggle : undefined}
+                  style={styles.checkCircle}
+                  onPress={onToggle}
                   activeOpacity={0.7}
                   accessibilityRole="checkbox"
-                  accessibilityLabel={task.completed ? 'Mark incomplete' : canComplete ? 'Mark complete' : 'Task not due yet'}
-                  accessibilityState={{ checked: task.completed, disabled: !canComplete && !task.completed }}
+                  accessibilityLabel={task.completed ? 'Mark incomplete' : 'Mark complete'}
+                  accessibilityState={{ checked: task.completed }}
                 >
-                  <Svg width={24} height={24} viewBox="0 0 24 24">
+                  <Svg width={30} height={30} viewBox="0 0 24 24">
                     {task.completed ? (
                       <>
                         <Circle cx={12} cy={12} r={10} fill={theme.accent} />
                         <Path d="M7 12l3 3 7-7" stroke="#FFFFFF" strokeWidth={2.5} strokeLinecap="round" strokeLinejoin="round" fill="none" />
                       </>
                     ) : (
-                      <Circle cx={12} cy={12} r={10} stroke={!canComplete ? theme.textFaint : isOverdue ? '#E53935' : theme.textMuted} strokeWidth={2} fill="none" />
+                      <Circle cx={12} cy={12} r={10} stroke={isOverdue ? '#FF8A80' : theme.textSecondary} strokeWidth={2.5} fill="none" />
                     )}
                   </Svg>
                 </TouchableOpacity>
@@ -286,8 +280,8 @@ const renderLeftActions = (progress: Animated.AnimatedInterpolation<number>) =>
                   <Svg width={14} height={14} viewBox="0 0 24 24">
                     <Path
                       d="M17 2l4 4-4 4M3 11v-1a4 4 0 0 1 4-4h14M7 22l-4-4 4-4M21 13v1a4 4 0 0 1-4 4H3"
-                      stroke={theme.textMuted}
-                      strokeWidth={2}
+                      stroke={theme.textSecondary}
+                      strokeWidth={2.2}
                       strokeLinecap="round"
                       strokeLinejoin="round"
                       fill="none"
@@ -301,7 +295,7 @@ const renderLeftActions = (progress: Animated.AnimatedInterpolation<number>) =>
                     <Path
                       d="M12 2v2M12 20v2M2 12h2M20 12h2M5.6 5.6l1.4 1.4M17 17l1.4 1.4M5.6 18.4l1.4-1.4M17 7l1.4-1.4"
                       stroke={theme.accent}
-                      strokeWidth={1.5}
+                      strokeWidth={1.8}
                       strokeLinecap="round"
                       fill="none"
                     />
@@ -314,8 +308,8 @@ const renderLeftActions = (progress: Animated.AnimatedInterpolation<number>) =>
                 <Svg width={16} height={16} viewBox="0 0 24 24">
                   <Path
                     d="M6 9l6 6 6-6"
-                    stroke={theme.textMuted}
-                    strokeWidth={2}
+                    stroke={theme.textSecondary}
+                    strokeWidth={2.5}
                     strokeLinecap="round"
                     strokeLinejoin="round"
                     fill="none"
@@ -326,8 +320,8 @@ const renderLeftActions = (progress: Animated.AnimatedInterpolation<number>) =>
             {hasDueDate && (
               <View style={styles.dueRow}>
                 <Svg width={14} height={14} viewBox="0 0 24 24">
-                  <Circle cx={12} cy={12} r={10} stroke={theme.textMuted} strokeWidth={1.5} fill="none" />
-                  <Path d="M12 6v6l4 2" stroke={theme.textMuted} strokeWidth={1.5} strokeLinecap="round" />
+                  <Circle cx={12} cy={12} r={10} stroke={theme.textSecondary} strokeWidth={2} fill="none" />
+                  <Path d="M12 6v6l4 2" stroke={theme.textSecondary} strokeWidth={2} strokeLinecap="round" />
                 </Svg>
                 <Animated.Text
                   style={[
@@ -344,8 +338,8 @@ const renderLeftActions = (progress: Animated.AnimatedInterpolation<number>) =>
                     <Svg width={13} height={13} viewBox="0 0 24 24">
                       <Path
                         d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9M10.3 21a1.94 1.94 0 0 0 3.4 0"
-                        stroke={theme.textFaint}
-                        strokeWidth={1.6}
+                        stroke={theme.textSecondary}
+                        strokeWidth={1.8}
                         strokeLinecap="round"
                         strokeLinejoin="round"
                         fill="none"
@@ -432,10 +426,10 @@ const styles = StyleSheet.create({
     marginBottom: 4,
   },
   taskOverdue: {
-    borderColor: '#4A2B2B',
+    borderColor: '#573431',
   },
   taskDueToday: {
-    borderColor: '#1E88E5',
+    borderColor: '#2C4766',
   },
   taskSelected: {
     shadowColor: '#000',
@@ -444,8 +438,8 @@ const styles = StyleSheet.create({
     elevation: 2,
   },
   taskHovered: {
-    borderColor: '#1E88E5',
-    backgroundColor: 'rgba(30, 136, 229, 0.05)',
+    borderColor: '#2C4766',
+    backgroundColor: 'rgba(44, 71, 102, 0.15)',
   },
   dragLifted: {
     zIndex: 100,
@@ -518,7 +512,7 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
   },
   titleOverdue: {
-    color: '#E53935',
+    color: '#E57373',
   },
   priorityBadge: {
     paddingHorizontal: 6,
@@ -536,14 +530,14 @@ const styles = StyleSheet.create({
     width: 20,
     height: 20,
     borderRadius: 10,
-    backgroundColor: '#4A2B2B',
+    backgroundColor: '#43302E',
     alignItems: 'center',
     justifyContent: 'center',
   },
   assigneeText: {
     fontSize: 9,
     fontWeight: '700',
-    color: '#EF5350',
+    color: '#FF9C8F',
   },
   dueRow: {
     flexDirection: 'row',
@@ -554,11 +548,11 @@ const styles = StyleSheet.create({
     fontSize: 13,
   },
   dueTextOverdue: {
-    color: '#E53935',
+    color: '#E57373',
     fontWeight: '600',
   },
   dueTextDueToday: {
-    color: '#1E88E5',
+    color: '#64B5F6',
     fontWeight: '600',
   },
   menuButton: {
@@ -573,24 +567,21 @@ const styles = StyleSheet.create({
     paddingHorizontal: 6,
     paddingVertical: 2,
     borderRadius: 8,
-    backgroundColor: 'rgba(30, 136, 229, 0.15)',
+    backgroundColor: 'rgba(100, 181, 246, 0.15)',
   },
   allDayText: {
     fontSize: 11,
     fontWeight: '600',
-    color: '#1E88E5',
+    color: '#64B5F6',
   },
   checkCircle: {
-    width: 24,
-    height: 24,
-    borderRadius: 12,
+    width: 30,
+    height: 30,
+    borderRadius: 15,
     alignItems: 'center',
     justifyContent: 'center',
     marginRight: 12,
   },
-  checkCircleDisabled: {
-    opacity: 0.4,
-  },
   swipeAction: {
     width: 80,
     alignItems: 'center',
@@ -598,12 +589,12 @@ const styles = StyleSheet.create({
     gap: 4,
   },
   swipeDelete: {
-    backgroundColor: '#E53935',
+    backgroundColor: '#B8504A',
     borderTopRightRadius: 16,
     borderBottomRightRadius: 16,
   },
   swipeComplete: {
-    backgroundColor: '#43A047',
+    backgroundColor: '#3D7A4A',
     borderTopLeftRadius: 16,
     borderBottomLeftRadius: 16,
   },

carry-your-live/src/components/TaskList.tsx

@@ -1,11 +1,13 @@
-import React, { useState, useCallback, useMemo, useRef, useEffect } from 'react';
+import React, { useState, useCallback, useMemo, useRef } from 'react';
 import { View, Text, StyleSheet, Animated, RefreshControl, Alert, TouchableOpacity } from 'react-native';
 import { useTasks } from '@/hooks/useTasks';
+import { useSubtasks } from '@/hooks/useSubtasks';
 import { useCategories } from '@/hooks/useDatabase';
 import { useTaskModals } from '@/hooks/useTaskModals';
+import { useFocusEffect } from 'expo-router';
 import { TaskItem } from './TaskItem';
 import { SubtaskItem } from './SubtaskItem';
-import { TaskData, SubtaskData } from '@/types';
+import { TaskData, SubtaskData, parseTaskTags } from '@/types';
 import Task from '@/models/Task';
 import { useSettings } from '@/theme';
 import {
@@ -15,13 +17,14 @@ import {
   convertTaskToSubtask,
   convertSubtaskToTask,
   moveSubtaskToTask,
+  setSubtaskParent,
   toggleSubtaskComplete,
-  fetchSubtaskTree,
 } from '@/utils/taskActions';
-import Svg, { Path, Rect } from 'react-native-svg';
+import Svg, { Path } from 'react-native-svg';
 
 interface TaskListProps {
-  categoryId?: string;
+  categoryIds?: string[];
+  showCompleted?: boolean;
   onSelectionChange?: (active: boolean) => void;
 }
 
@@ -38,10 +41,10 @@ const DropIndicator = ({ theme }: { theme: any }) => (
   </View>
 );
 
-export function TaskList({ categoryId = 'all', onSelectionChange }: TaskListProps) {
+export function TaskList({ categoryIds = [], showCompleted = false, onSelectionChange }: TaskListProps) {
   const { theme, sortBy, todoAheadDays } = useSettings();
 
-  const { tasks, loading } = useTasks(categoryId, 'all', todoAheadDays);
+  const { tasks, loading, refresh: refreshTasks } = useTasks(categoryIds, showCompleted ? 'all' : false, todoAheadDays);
 
   const categories = useCategories();
   const categoryColors = useMemo(() => {
@@ -57,11 +60,12 @@ export function TaskList({ categoryId = 'all', onSelectionChange }: TaskListProp
   const [selectedIds, setSelectedIds] = useState<Set<string>>(new Set());
   const [hoverTaskId, setHoverTaskId] = useState<string | null>(null);
   const [expandedTasks, setExpandedTasks] = useState<Set<string>>(new Set());
-  const [subtasksMap, setSubtasksMap] = useState<Map<string, SubtaskData[]>>(new Map());
+  const { map: subtasksMap, refresh: refreshSubtasks } = useSubtasks();
   const [dropIndicator, setDropIndicator] = useState<{ targetId: string | null; position: 'above' | 'below' } | null>(null);
   const itemRefs = useRef<Map<string, View>>(new Map());
-  const dragStateRef = useRef<{ taskId: string; positions: Record<string, { top: number; bottom: number }> } | null>(null);
-  const subtaskDragRef = useRef<{ subtaskId: string; parentTaskId: string; positions: Record<string, { top: number; bottom: number }> } | null>(null);
+  const subtaskRefs = useRef<Map<string, { ref: View; parentTaskId: string }>>(new Map());
+  const dragStateRef = useRef<{ taskId: string; positions: Record<string, { top: number; bottom: number }>; subPositions: Record<string, { top: number; bottom: number }> } | null>(null);
+  const subtaskDragRef = useRef<{ subtaskId: string; parentTaskId: string; positions: Record<string, { top: number; bottom: number }>; subPositions: Record<string, { top: number; bottom: number }> } | null>(null);
    const {
       modals,
       openTaskDelete,
@@ -78,6 +82,19 @@ export function TaskList({ categoryId = 'all', onSelectionChange }: TaskListProp
     }
   }, []);
 
+  const registerSubtaskRef = useCallback((subtaskId: string, parentTaskId: string, ref: View | null) => {
+    if (ref) {
+      subtaskRefs.current.set(subtaskId, { ref, parentTaskId });
+    } else {
+      subtaskRefs.current.delete(subtaskId);
+    }
+  }, []);
+
+  const categoryColorResolver = useCallback(
+    (categoryId: string | undefined) => (categoryId ? categoryColors.get(categoryId) : undefined),
+    [categoryColors]
+  );
+
   const sortedTasks = useMemo(() => {
     const sorted = [...tasks];
     switch (sortBy) {
@@ -94,13 +111,27 @@ export function TaskList({ categoryId = 'all', onSelectionChange }: TaskListProp
         sorted.sort((a, b) => a.createdAt.getTime() - b.createdAt.getTime());
         break;
     }
-    return sorted;
+    const active: typeof sorted = [];
+    const done: typeof sorted = [];
+    for (const t of sorted) {
+      (t.completed ? done : active).push(t);
+    }
+    return [...active, ...done];
   }, [tasks, sortBy]);
 
+  useFocusEffect(
+    useCallback(() => {
+      refreshTasks();
+      refreshSubtasks();
+    }, [refreshTasks, refreshSubtasks])
+  );
+
   const onRefresh = useCallback(() => {
     setRefreshing(true);
+    refreshTasks();
+    refreshSubtasks();
     setTimeout(() => setRefreshing(false), 600);
-  }, []);
+  }, [refreshTasks, refreshSubtasks]);
 
   const exitSelection = useCallback(() => {
     setSelectionMode(false);
@@ -130,22 +161,10 @@ export function TaskList({ categoryId = 'all', onSelectionChange }: TaskListProp
     });
   }, [onSelectionChange]);
 
-  const fetchSubtasks = useCallback(async (taskId: string) => {
-    const withNested = await fetchSubtaskTree(taskId);
-    setSubtasksMap((prev) => new Map(prev).set(taskId, withNested));
-    return withNested;
-  }, []);
-
-  const refreshAll = useCallback(() => {
-    for (const taskId of expandedTasks) {
-      fetchSubtasks(taskId);
-    }
-  }, [expandedTasks, fetchSubtasks]);
-
   const handleToggle = useCallback(async (taskId: string) => {
     await toggleTaskComplete(taskId);
-    refreshAll();
-  }, [refreshAll]);
+    refreshTasks();
+  }, [refreshTasks]);
 
   const toggleExpand = useCallback(async (taskId: string) => {
     setExpandedTasks((prev) => {
@@ -157,23 +176,13 @@ export function TaskList({ categoryId = 'all', onSelectionChange }: TaskListProp
       }
       return next;
     });
+  }, []);
 
-    const isCurrentlyExpanded = expandedTasks.has(taskId);
-    if (isCurrentlyExpanded) {
-      setSubtasksMap((prev) => {
-        const next = new Map(prev);
-        next.delete(taskId);
-        return next;
-      });
-    } else {
-      await fetchSubtasks(taskId);
-    }
-  }, [expandedTasks, fetchSubtasks]);
-
-  const handleSubtaskToggle = useCallback(async (subtaskId: string, taskId: string) => {
+  const handleSubtaskToggle = useCallback(async (subtaskId: string) => {
     await toggleSubtaskComplete(subtaskId);
-    await fetchSubtasks(taskId);
-  }, [fetchSubtasks]);
+    refreshTasks();
+    refreshSubtasks();
+  }, [refreshTasks, refreshSubtasks]);
 
   const handleBulkDelete = useCallback(() => {
     Alert.alert(`Delete ${selectedIds.size} task${selectedIds.size > 1 ? 's' : ''}?`, 'This cannot be undone.', [
@@ -184,17 +193,15 @@ export function TaskList({ categoryId = 'all', onSelectionChange }: TaskListProp
         onPress: async () => {
           await Promise.all(Array.from(selectedIds).map(taskId => deleteTask(taskId)));
           exitSelection();
-          refreshAll();
         },
       },
     ]);
-  }, [selectedIds, exitSelection, refreshAll]);
+  }, [selectedIds, exitSelection]);
 
   const handleBulkComplete = useCallback(async () => {
     await Promise.all(Array.from(selectedIds).map(taskId => setTaskCompleted(taskId, true)));
     exitSelection();
-    refreshAll();
-  }, [selectedIds, exitSelection, refreshAll]);
+  }, [selectedIds, exitSelection]);
 
   const measureItems = useCallback(async () => {
     const positions: Record<string, { top: number; bottom: number }> = {};
@@ -210,7 +217,30 @@ export function TaskList({ categoryId = 'all', onSelectionChange }: TaskListProp
     return positions;
   }, []);
 
-  const findHoverTarget = useCallback((absoluteY: number, draggedId: string, positions: Record<string, { top: number; bottom: number }>) => {
+  const measureAll = useCallback(async () => {
+    const positions = await measureItems();
+    const subPositions: Record<string, { top: number; bottom: number }> = {};
+    const entries = Array.from(subtaskRefs.current.entries());
+    await Promise.all(entries.map(([id, entry]) => {
+      return new Promise<void>((resolve) => {
+        entry.ref?.measureInWindow((_x, y, _w, h) => {
+          subPositions[id] = { top: y, bottom: y + h };
+          resolve();
+        });
+      });
+    }));
+    return { positions, subPositions };
+  }, [measureItems]);
+
+  const findHoverTarget = useCallback((absoluteY: number, draggedId: string, positions: Record<string, { top: number; bottom: number }>, subPositions: Record<string, { top: number; bottom: number }>) => {
+    const subEntries = Object.entries(subPositions);
+    for (let i = subEntries.length - 1; i >= 0; i--) {
+      const [id, p] = subEntries[i];
+      if (id === draggedId) continue;
+      if (absoluteY >= p.top && absoluteY <= p.bottom) {
+        return id;
+      }
+    }
     for (const [id, p] of Object.entries(positions)) {
       if (id === draggedId) continue;
       if (absoluteY >= p.top && absoluteY <= p.bottom) {
@@ -228,17 +258,43 @@ export function TaskList({ categoryId = 'all', onSelectionChange }: TaskListProp
   }, []);
 
   const handleDragStart = useCallback(async (taskId: string) => {
-    dragStateRef.current = { taskId, positions: await measureItems() };
-  }, [measureItems]);
+    dragStateRef.current = { taskId, ...(await measureAll()) };
+  }, [measureAll]);
+
+  const refreshDragPositions = useCallback(() => {
+    measureAll().then((m) => {
+      if (subtaskDragRef.current) {
+        subtaskDragRef.current = { ...subtaskDragRef.current, ...m };
+      } else if (dragStateRef.current) {
+        dragStateRef.current = { ...dragStateRef.current, ...m };
+      }
+    });
+  }, [measureAll]);
+
+  const updateHoverTarget = useCallback((target: string | null) => {
+    let changed = false;
+    setHoverTaskId((prev) => {
+      if (prev === target) return prev;
+      changed = true;
+      return target;
+    });
+    if (changed && target) {
+      setTimeout(refreshDragPositions, 80);
+    }
+  }, [refreshDragPositions]);
 
   const handleDragUpdate = useCallback((absoluteY: number) => {
     const state = dragStateRef.current;
     if (!state) return;
-    const target = findHoverTarget(absoluteY, state.taskId, state.positions);
-    setHoverTaskId((prev) => (prev === target ? prev : target));
+    const target = findHoverTarget(absoluteY, state.taskId, state.positions, state.subPositions);
+    updateHoverTarget(target);
     if (target) {
+      if (state.subPositions[target]) {
+        setDropIndicator(null);
+      } else {
         const position = calculateDropPosition(absoluteY, target, state.positions);
         setDropIndicator({ targetId: target, position });
+      }
     } else {
       // Check if below last item
       const positions = state.positions;
@@ -249,7 +305,7 @@ export function TaskList({ categoryId = 'all', onSelectionChange }: TaskListProp
         setDropIndicator(null);
       }
     }
-  }, [findHoverTarget, calculateDropPosition]);
+  }, [findHoverTarget, calculateDropPosition, updateHoverTarget]);
 
   const handleDragEnd = useCallback((absoluteY: number) => {
     const state = dragStateRef.current;
@@ -258,25 +314,47 @@ export function TaskList({ categoryId = 'all', onSelectionChange }: TaskListProp
     setDropIndicator(null);
     if (!state) return;
 
-    const target = findHoverTarget(absoluteY, state.taskId, state.positions);
+    const target = findHoverTarget(absoluteY, state.taskId, state.positions, state.subPositions);
     if (target) {
+      if (state.subPositions[target]) {
+        const parentTaskId = subtaskRefs.current.get(target)?.parentTaskId ?? state.taskId;
+        (async () => {
+          await convertTaskToSubtask(state.taskId, parentTaskId, target);
+        })();
+      } else {
         (async () => {
           await convertTaskToSubtask(state.taskId, target);
-        refreshAll();
         })();
       }
-  }, [findHoverTarget, refreshAll]);
+    }
+  }, [findHoverTarget]);
 
   const handleSubtaskDragStart = useCallback(async (subtaskId: string, parentTaskId: string) => {
-    subtaskDragRef.current = { subtaskId, parentTaskId, positions: await measureItems() };
-  }, [measureItems]);
+    subtaskDragRef.current = { subtaskId, parentTaskId, ...(await measureAll()) };
+  }, [measureAll]);
 
   const handleSubtaskDragUpdate = useCallback((absoluteY: number) => {
     const state = subtaskDragRef.current;
     if (!state) return;
-    const target = findHoverTarget(absoluteY, state.subtaskId, state.positions);
-    setHoverTaskId((prev) => (prev === target ? prev : target));
-  }, [findHoverTarget]);
+    const target = findHoverTarget(absoluteY, state.subtaskId, state.positions, state.subPositions);
+    updateHoverTarget(target);
+    if (target) {
+      if (state.subPositions[target]) {
+        setDropIndicator(null);
+      } else {
+        const position = calculateDropPosition(absoluteY, target, state.positions);
+        setDropIndicator({ targetId: target, position });
+      }
+    } else {
+      const positions = state.positions;
+      const lastItem = Object.values(positions).reduce((max, p) => p.bottom > max.bottom ? p : max, { bottom: 0 });
+      if (absoluteY > lastItem.bottom) {
+        setDropIndicator({ targetId: null, position: 'below' });
+      } else {
+        setDropIndicator(null);
+      }
+    }
+  }, [findHoverTarget, calculateDropPosition, updateHoverTarget]);
 
   const handleSubtaskDragEnd = useCallback(async (absoluteY: number) => {
     const state = subtaskDragRef.current;
@@ -285,18 +363,19 @@ export function TaskList({ categoryId = 'all', onSelectionChange }: TaskListProp
     setDropIndicator(null);
     if (!state) return;
 
-    const target = findHoverTarget(absoluteY, state.subtaskId, state.positions);
-    if (target === state.parentTaskId) return;
+    const target = findHoverTarget(absoluteY, state.subtaskId, state.positions, state.subPositions);
+    if (target === state.subtaskId) return;
 
     if (target) {
+      if (state.subPositions[target]) {
+        await setSubtaskParent(state.subtaskId, target);
+      } else if (target !== state.parentTaskId) {
         await moveSubtaskToTask(state.subtaskId, target);
-      await fetchSubtasks(target);
+      }
     } else {
       await convertSubtaskToTask(state.subtaskId);
     }
-    await fetchSubtasks(state.parentTaskId);
-    refreshAll();
-  }, [findHoverTarget, fetchSubtasks, refreshAll]);
+  }, [findHoverTarget]);
 
   const renderItem = useCallback(
     ({ item, index }: { item: Task; index: number }) => {
@@ -304,6 +383,7 @@ export function TaskList({ categoryId = 'all', onSelectionChange }: TaskListProp
       const itemSubtasks = subtasksMap.get(item.id) ?? [];
       const showDropAbove = dropIndicator?.targetId === item.id && dropIndicator?.position === 'above';
       const showDropBelow = dropIndicator?.targetId === item.id && dropIndicator?.position === 'below';
+      const tagColors = parseTaskTags(item.tags, item.categoryId).map((id) => categoryColors.get(id));
       return (
         <View>
           {showDropAbove && <DropIndicator theme={theme} />}
@@ -315,6 +395,8 @@ export function TaskList({ categoryId = 'all', onSelectionChange }: TaskListProp
             selectionMode={selectionMode}
             hovered={hoverTaskId === item.id}
             registerRef={registerRef}
+            registerSubtaskRef={registerSubtaskRef}
+            hoverTaskId={hoverTaskId}
             onToggle={handleToggle}
             onDelete={openTaskDelete}
             onExpand={toggleExpand}
@@ -323,7 +405,6 @@ export function TaskList({ categoryId = 'all', onSelectionChange }: TaskListProp
             onMenuOpen={(task) => openTaskEdit(task.id)}
             onSubtaskToggle={handleSubtaskToggle}
             onSubtaskDelete={openSubtaskDelete}
-            onSubtaskEdit={openSubtaskEdit}
             onSubtaskMenuOpen={(subtask) => openSubtaskEdit(subtask.id)}
             onDragStart={handleDragStart}
             onDragUpdate={handleDragUpdate}
@@ -336,6 +417,8 @@ export function TaskList({ categoryId = 'all', onSelectionChange }: TaskListProp
             onReorderEnd={handleDragEnd}
             selectedIds={selectedIds}
             categoryColor={categoryColors.get(item.categoryId)}
+            categoryColors={tagColors}
+            categoryColorResolver={categoryColorResolver}
           />
           {showDropBelow && <DropIndicator theme={theme} />}
         </View>
@@ -365,6 +448,8 @@ export function TaskList({ categoryId = 'all', onSelectionChange }: TaskListProp
       handleSubtaskDragStart,
       handleSubtaskDragUpdate,
       handleSubtaskDragEnd,
+      registerSubtaskRef,
+      categoryColorResolver,
       categoryColors,
     ]
   );
@@ -414,13 +499,13 @@ export function TaskList({ categoryId = 'all', onSelectionChange }: TaskListProp
         contentContainerStyle={styles.listContent}
       />
 
-      {modals(refreshAll)}
+      {modals(() => {})}
 
       {selectionMode && (
         <View style={[styles.selectionBar, { backgroundColor: theme.sheetBg, borderTopColor: theme.border }]}>
           <TouchableOpacity onPress={exitSelection} style={styles.selectionCancel} activeOpacity={0.7}>
             <Svg width={20} height={20} viewBox="0 0 24 24">
-              <Path d="M18 6L6 18M6 6l12 12" stroke={theme.textFaint} strokeWidth={2} strokeLinecap="round" />
+              <Path d="M18 6L6 18M6 6l12 12" stroke={theme.textSecondary} strokeWidth={2.2} strokeLinecap="round" />
             </Svg>
             <Text style={[styles.selectionCancelText, { color: theme.textFaint }]}>Cancel</Text>
           </TouchableOpacity>
@@ -455,6 +540,8 @@ interface TaskRowProps {
   selectionMode: boolean;
   hovered: boolean;
   registerRef: (taskId: string, ref: View | null) => void;
+  registerSubtaskRef: (subtaskId: string, parentTaskId: string, ref: View | null) => void;
+  hoverTaskId: string | null;
   onToggle: (taskId: string) => void | Promise<void>;
   onDelete: (task: Task) => void;
   onExpand: (taskId: string) => void | Promise<void>;
@@ -463,7 +550,6 @@ interface TaskRowProps {
   onMenuOpen: (task: Task) => void;
   onSubtaskToggle: (subtaskId: string, taskId: string) => void;
   onSubtaskDelete: (subtask: SubtaskData) => void;
-  onSubtaskEdit: (subtaskId: string) => void;
   onSubtaskMenuOpen: (subtask: SubtaskData) => void;
   onDragStart: (taskId: string) => void;
   onDragUpdate: (absoluteY: number) => void;
@@ -476,6 +562,8 @@ interface TaskRowProps {
   onReorderEnd: (absoluteY: number, translationY: number) => void;
   selectedIds: Set<string>;
   categoryColor?: string;
+  categoryColors?: (string | undefined)[];
+  categoryColorResolver?: (categoryId: string | undefined) => string | undefined;
 }
 
 const TaskRow = React.memo(function TaskRow({
@@ -485,7 +573,9 @@ const TaskRow = React.memo(function TaskRow({
   selected,
   selectionMode,
   hovered,
+  hoverTaskId,
   registerRef,
+  registerSubtaskRef,
   onToggle,
   onDelete,
   onExpand,
@@ -494,7 +584,6 @@ const TaskRow = React.memo(function TaskRow({
   onMenuOpen,
   onSubtaskToggle,
   onSubtaskDelete,
-  onSubtaskEdit,
   onSubtaskMenuOpen,
   onDragStart,
   onDragUpdate,
@@ -507,6 +596,8 @@ const TaskRow = React.memo(function TaskRow({
   onReorderEnd,
   selectedIds,
   categoryColor,
+  categoryColors,
+  categoryColorResolver,
 }: TaskRowProps) {
   const sortedSubtasks = useMemo(
     () => subtasks.slice().sort((a, b) => a.order - b.order),
@@ -536,24 +627,27 @@ const TaskRow = React.memo(function TaskRow({
         onReorderUpdate={onReorderUpdate}
         onReorderEnd={onReorderEnd}
         categoryColor={categoryColor}
+        categoryColors={categoryColors}
       />
       {expanded && subtasks.length > 0 && (
         <View style={styles.subtaskList}>
           {sortedSubtasks.map((sub) => (
-            <SubtaskItem
+<SubtaskItem
                 key={sub.id}
                 subtask={sub}
-              onToggle={() => onSubtaskToggle(sub.id, task.id)}
+                hoveredId={hoverTaskId}
+                registerRef={registerSubtaskRef}
+                onToggle={(sub) => onSubtaskToggle(sub.id, task.id)}
               onDelete={() => onSubtaskDelete(sub)}
-              onPress={() => onSubtaskEdit(sub.id)}
               onMenuOpen={() => onSubtaskMenuOpen(sub)}
               selected={selectedIds.has(sub.id)}
               selectionMode={selectionMode}
               draggable
-              onDragStart={() => onSubtaskDragStart(sub.id, task.id)}
+              onDragStart={(sub) => onSubtaskDragStart(sub.id, task.id)}
               onDragUpdate={onSubtaskDragUpdate}
               onDragEnd={onSubtaskDragEnd}
               categoryColor={categoryColor}
+              categoryColorResolver={categoryColorResolver}
             />
           ))}
         </View>
@@ -569,7 +663,7 @@ const styles = StyleSheet.create({
   listContent: {
     paddingHorizontal: 16,
     paddingTop: 8,
-    paddingBottom: 120,
+    paddingBottom: 12,
   },
   loadingContainer: {
     flex: 1,

carry-your-live/src/components/TaskOverflowMenu.tsx

@@ -47,19 +47,19 @@ export function TaskOverflowMenu({
     {
       key: 'edit',
       label: 'Edit',
-      icon: <Svg width={20} height={20} viewBox="0 0 24 24"><Path d="M4 20h4L19.5 8.5a2.1 2.1 0 0 0-3-3L5 17v3z" stroke={theme.textSecondary} strokeWidth={1.8} strokeLinecap="round" strokeLinejoin="round" fill="none" /></Svg>,
+      icon: <Svg width={20} height={20} viewBox="0 0 24 24"><Path d="M4 20h4L19.5 8.5a2.1 2.1 0 0 0-3-3L5 17v3z" stroke={theme.text} strokeWidth={2.2} strokeLinecap="round" strokeLinejoin="round" fill="none" /></Svg>,
       onPress: onEdit,
     },
     {
       key: 'complete',
       label: task.completed ? 'Mark Incomplete' : 'Mark Complete',
-      icon: <Svg width={20} height={20} viewBox="0 0 24 24"><Path d="M5 12l5 5 9-10" stroke={theme.textSecondary} strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" fill="none" /></Svg>,
+      icon: <Svg width={20} height={20} viewBox="0 0 24 24"><Path d="M5 12l5 5 9-10" stroke={theme.text} strokeWidth={2.5} strokeLinecap="round" strokeLinejoin="round" fill="none" /></Svg>,
       onPress: onToggleComplete,
     },
     {
       key: 'duplicate',
       label: 'Duplicate',
-      icon: <Svg width={20} height={20} viewBox="0 0 24 24"><Path d="M8 8h12v12H8zM4 16V4h12" stroke={theme.textSecondary} strokeWidth={1.8} fill="none" /></Svg>,
+      icon: <Svg width={20} height={20} viewBox="0 0 24 24"><Path d="M8 8h12v12H8zM4 16V4h12" stroke={theme.text} strokeWidth={2.2} fill="none" /></Svg>,
       onPress: onDuplicate,
     },
   ];
@@ -77,14 +77,14 @@ export function TaskOverflowMenu({
     {
       key: 'priority',
       label: 'Change Priority',
-      icon: <Svg width={20} height={20} viewBox="0 0 24 24"><Path d="M5 3v18M5 5h14l-3 4 3 4H5" stroke={theme.textSecondary} strokeWidth={1.8} strokeLinecap="round" strokeLinejoin="round" fill="none" /></Svg>,
+      icon: <Svg width={20} height={20} viewBox="0 0 24 24"><Path d="M5 3v18M5 5h14l-3 4 3 4H5" stroke={theme.text} strokeWidth={2.2} strokeLinecap="round" strokeLinejoin="round" fill="none" /></Svg>,
       onPress: onChangePriority,
     },
     {
       key: 'delete',
       label: 'Delete',
       destructive: true,
-      icon: <Svg width={20} height={20} viewBox="0 0 24 24"><Path d="M4 7h16M9 7V4h6v3M6 7l1 13h10l1-13" stroke="#E53935" strokeWidth={1.8} strokeLinecap="round" strokeLinejoin="round" fill="none" /></Svg>,
+      icon: <Svg width={20} height={20} viewBox="0 0 24 24"><Path d="M4 7h16M9 7V4h6v3M6 7l1 13h10l1-13" stroke="#E57373" strokeWidth={2.2} strokeLinecap="round" strokeLinejoin="round" fill="none" /></Svg>,
       onPress: onDelete,
     },
   );
@@ -93,7 +93,7 @@ export function TaskOverflowMenu({
     actions.push({
       key: 'addSubtask',
       label: 'Add Subtask',
-      icon: <Svg width={20} height={20} viewBox="0 0 24 24"><Path d="M12 5v14M5 12h14" stroke={theme.textSecondary} strokeWidth={2} strokeLinecap="round" /></Svg>,
+      icon: <Svg width={20} height={20} viewBox="0 0 24 24"><Path d="M12 5v14M5 12h14" stroke={theme.text} strokeWidth={2.5} strokeLinecap="round" /></Svg>,
       onPress: onAddSubtask,
     });
   }
@@ -138,8 +138,8 @@ function Circle2() {
   const { theme } = useSettings();
   return (
     <Svg width={20} height={20} viewBox="0 0 24 24">
-      <Path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20z" stroke={theme.textSecondary} strokeWidth={1.8} fill="none" />
-      <Path d="M12 2a10 10 0 0 1 0 20z" fill={theme.textSecondary} opacity={0.3} />
+      <Path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20z" stroke={theme.text} strokeWidth={2.2} fill="none" />
+      <Path d="M12 2a10 10 0 0 1 0 20z" fill={theme.text} opacity={0.35} />
     </Svg>
   );
 }

carry-your-live/src/components/WheelTimePicker.tsx

@@ -212,7 +212,7 @@ export function WheelTimePicker({
             </TouchableOpacity>
             <View style={styles.headerCenter}>
               <Text style={[styles.title, { color: theme.text }]}>{title}</Text>
-              <Text style={[styles.preview, { color: theme.accent }]}>
+              <Text style={[styles.preview, { color: theme.accentStrong }]}>
                 {formatTime12(hourIndex, minuteIndex)}
               </Text>
             </View>
@@ -220,7 +220,7 @@ export function WheelTimePicker({
               onPress={() => onConfirm(`${String(hourIndex).padStart(2, '0')}:${String(minuteIndex).padStart(2, '0')}`)}
               hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}
             >
-              <Text style={[styles.headerAction, styles.doneText, { color: theme.accent }]}>Done</Text>
+              <Text style={[styles.headerAction, styles.doneText, { color: theme.accentStrong }]}>Done</Text>
             </TouchableOpacity>
           </View>
 
@@ -238,7 +238,7 @@ export function WheelTimePicker({
               onIndexChange={setHourIndex}
             />
             <View style={[styles.colonWrap, { width: 24, backgroundColor: theme.sheetBg }]}>
-              <Text style={[styles.colon, { color: theme.accent }]}>:</Text>
+              <Text style={[styles.colon, { color: theme.accentStrong }]}>:</Text>
             </View>
             <WheelColumn
               data={MINUTES}

carry-your-live/src/database/index.ts

@@ -5,10 +5,11 @@ import Task from '../models/Task';
 import Subtask from '../models/Subtask';
 import RepeatProfile from '../models/RepeatProfile';
 import Friendship from '../models/Friendship';
+import Tombstone from '../models/Tombstone';
 
 export const database = new Database({
   adapter,
-  modelClasses: [Category, Task, Subtask, RepeatProfile, Friendship],
+  modelClasses: [Category, Task, Subtask, RepeatProfile, Friendship, Tombstone],
 });
 
 export const collections = {
@@ -17,4 +18,5 @@ export const collections = {
   subtasks: database.collections.get<Subtask>('subtasks'),
   repeatProfiles: database.collections.get<RepeatProfile>('repeat_profiles'),
   friendships: database.collections.get<Friendship>('friendships'),
+  tombstones: database.collections.get<Tombstone>('tombstones'),
 };

carry-your-live/src/database/migrations.ts

@@ -180,5 +180,45 @@ export const migrations = schemaMigrations({
         }),
       ],
     },
+    {
+      toVersion: 17,
+      steps: [
+        createTable({
+          name: 'tombstones',
+          columns: [
+            { name: 'entity', type: 'string' },
+            { name: 'entity_id', type: 'string', isIndexed: true },
+            { name: 'deleted_at', type: 'number', isIndexed: true },
+          ],
+        }),
+      ],
+    },
+    {
+      toVersion: 18,
+      steps: [
+        addColumns({
+          table: 'tasks',
+          columns: [{ name: 'tags', type: 'string', isOptional: true }],
+        }),
+      ],
+    },
+    {
+      toVersion: 19,
+      steps: [
+        addColumns({
+          table: 'subtasks',
+          columns: [{ name: 'category_id', type: 'string', isOptional: true }],
+        }),
+      ],
+    },
+    {
+      toVersion: 20,
+      steps: [
+        addColumns({
+          table: 'subtasks',
+          columns: [{ name: 'tags', type: 'string', isOptional: true }],
+        }),
+      ],
+    },
   ],
 });

carry-your-live/src/database/schema.ts

@@ -1,7 +1,7 @@
 import { appSchema, tableSchema } from '@nozbe/watermelondb';
 
 export const schema = appSchema({
-  version: 16,
+  version: 20,
   tables: [
     tableSchema({
       name: 'categories',
@@ -19,6 +19,7 @@ export const schema = appSchema({
         { name: 'title', type: 'string' },
         { name: 'description', type: 'string' },
         { name: 'category_id', type: 'string', isIndexed: true },
+        { name: 'tags', type: 'string', isOptional: true },
         { name: 'priority', type: 'string' },
         { name: 'completed', type: 'boolean', isIndexed: true },
         { name: 'completed_at', type: 'number', isOptional: true },
@@ -44,6 +45,9 @@ export const schema = appSchema({
       columns: [
         { name: 'task_id', type: 'string', isIndexed: true },
         { name: 'parent_subtask_id', type: 'string', isIndexed: true, isOptional: true },
+        { name: 'category_id', type: 'string', isOptional: true },
+        { name: 'tags', type: 'string', isOptional: true },
+        { name: 'category_id', type: 'string', isIndexed: true, isOptional: true },
         { name: 'title', type: 'string' },
         { name: 'description', type: 'string', isOptional: true },
         { name: 'priority', type: 'string', isOptional: true },
@@ -85,5 +89,13 @@ export const schema = appSchema({
         { name: 'updated_at', type: 'number', isIndexed: true },
       ],
     }),
+    tableSchema({
+      name: 'tombstones',
+      columns: [
+        { name: 'entity', type: 'string' },
+        { name: 'entity_id', type: 'string', isIndexed: true },
+        { name: 'deleted_at', type: 'number', isIndexed: true },
+      ],
+    }),
   ],
 });

carry-your-live/src/database/sync.ts

@@ -3,11 +3,14 @@ import { database, collections } from './index';
 import AsyncStorage from '@react-native-async-storage/async-storage';
 import { Q } from '@nozbe/watermelondb';
 import { apiFetch, getAuthToken } from '@/services/auth';
+import { cancelTaskReminder } from '@/services/notifications';
 import Category from '@/models/Category';
 import Task from '@/models/Task';
 import Subtask from '@/models/Subtask';
 import RepeatProfile from '@/models/RepeatProfile';
 import Friendship from '@/models/Friendship';
+import { TombstoneEntity } from '@/models/Tombstone';
+import { fetchPendingTombstones, removeTombstonesInBatch } from './tombstones';
 
 const LAST_PULLED_AT_KEY = 'sync:lastPulledAt';
 const LAST_RUN_AT_KEY = 'sync:lastRunAt';
@@ -79,11 +82,13 @@ export async function runSync(): Promise<SyncResult> {
     timestamp: 0,
   };
 
-  const conflicts = await pushChanges();
+  const { conflicts, pushedDeletions } = await pushChanges();
   result.conflicts = conflicts.length;
 
   await applyConflicts(conflicts);
 
+  await pruneSyncedTombstones(conflicts, pushedDeletions);
+
   const lastPulledAt = await getLastPulledAt();
   const response = await apiFetch(`/sync?since=${lastPulledAt}`);
   const data = await response.json();
@@ -97,7 +102,7 @@ export async function runSync(): Promise<SyncResult> {
   return result;
 }
 
-async function pushChanges(): Promise<PushConflict[]> {
+async function pushChanges(): Promise<{ conflicts: PushConflict[]; pushedDeletions: { entity: TombstoneEntity; id: string }[] }> {
   const lastPulledAt = await getLastPulledAt();
 
   const [tasks, subtasks, repeatProfiles, friendships] = await Promise.all([
@@ -112,6 +117,7 @@ async function pushChanges(): Promise<PushConflict[]> {
     title: t.title,
     description: t.description,
     categoryId: t.categoryId,
+    tags: t.tags || '',
     priority: t.priority,
     completed: t.completed,
     dueDate: t.dueDate,
@@ -125,6 +131,7 @@ async function pushChanges(): Promise<PushConflict[]> {
     reminder: t.reminder || 'none',
     reminders: t.reminders || '',
     assigneeId: t.assigneeId || null,
+    completedAt: t.completedAt ?? null,
     createdAt: t.createdAt.getTime(),
     updatedAt: t.updatedAt.getTime(),
   });
@@ -143,6 +150,9 @@ async function pushChanges(): Promise<PushConflict[]> {
   const changedSubtasks = subtasks.map((s) => ({
     id: s.id,
     taskId: s.taskId,
+    parentSubtaskId: s.parentSubtaskId || null,
+    categoryId: s.categoryId || '',
+    tags: s.tags || '',
     title: s.title,
     description: s.description ?? '',
     priority: s.priority ?? 'none',
@@ -221,14 +231,22 @@ async function pushChanges(): Promise<PushConflict[]> {
     updatedAt: f.updatedAt.getTime(),
   }));
 
+  const pendingTombstones = await fetchPendingTombstones(lastPulledAt);
+  const changedDeletions = pendingTombstones.map((t) => ({
+    entity: t.entity,
+    id: t.entityId,
+    updatedAt: t.deletedAt.getTime(),
+  }));
+
   if (
     changedCategories.length === 0 &&
     changedTasks.length === 0 &&
     changedSubtasks.length === 0 &&
     changedRepeatProfiles.length === 0 &&
-    changedFriendships.length === 0
+    changedFriendships.length === 0 &&
+    changedDeletions.length === 0
   ) {
-    return [];
+    return { conflicts: [], pushedDeletions: [] };
   }
 
   const response = await apiFetch('/sync/push', {
@@ -241,12 +259,40 @@ async function pushChanges(): Promise<PushConflict[]> {
         repeatProfiles: changedRepeatProfiles,
         friendships: changedFriendships,
       },
+      deleted: changedDeletions,
       lastPulledAt,
     }),
   });
 
   const data = await response.json();
-  return (data.conflicts ?? []) as PushConflict[];
+  return {
+    conflicts: (data.conflicts ?? []) as PushConflict[],
+    pushedDeletions: pendingTombstones.map((t) => ({ entity: t.entity, id: t.entityId })),
+  };
+}
+
+// Remove local tombstones that were just accepted by the server. Tombstones
+// whose deletion lost to a newer server row (conflict) are kept so the row
+// stays marked as deleted locally after the server version wins.
+async function pruneSyncedTombstones(
+  conflicts: PushConflict[],
+  pushedDeletions: { entity: TombstoneEntity; id: string }[]
+): Promise<void> {
+  if (pushedDeletions.length === 0) return;
+  const conflictKeys = new Set(conflicts.map((c) => `${c.entity}:${c.id}`));
+  const accepted = pushedDeletions.filter((d) => !conflictKeys.has(`${d.entity}:${d.id}`));
+  const grouped = new Map<TombstoneEntity, string[]>();
+  for (const t of accepted) {
+    const list = grouped.get(t.entity) ?? [];
+    list.push(t.id);
+    grouped.set(t.entity, list);
+  }
+  if (accepted.length === 0) return;
+  await database.write(async () => {
+    for (const [entity, ids] of grouped) {
+      await removeTombstonesInBatch(entity, ids);
+    }
+  });
 }
 
 async function applyConflicts(conflicts: PushConflict[]): Promise<void> {
@@ -272,6 +318,9 @@ async function applyConflicts(conflicts: PushConflict[]): Promise<void> {
           await upsertFriendship(row, true);
           break;
       }
+      // The server version of this row is newer - drop any pending local
+      // tombstone so the resurrected row is kept and synced going forward.
+      await removeTombstonesInBatch(conflict.entity, [conflict.id]);
     }
   });
 }
@@ -282,10 +331,16 @@ async function applyServerChanges(data: {
   subtasks: ServerRow[];
   repeatProfiles: ServerRow[];
   friendships: ServerRow[];
+  deleted?: { entity: TombstoneEntity; id: string; updatedAt: number }[];
 }): Promise<SyncResult['pulled']> {
   const counts = { categories: 0, tasks: 0, subtasks: 0, repeatProfiles: 0, friendships: 0 };
 
   await database.write(async () => {
+    // Apply deletions first so rows that were removed server-side are gone
+    // before any upsert re-imports their data.
+    for (const tomb of data.deleted ?? []) {
+      await applyRemoteTombstone(tomb);
+    }
     for (const cat of data.categories) {
       if (await upsertCategory(cat, false)) counts.categories++;
     }
@@ -306,6 +361,68 @@ async function applyServerChanges(data: {
   return counts;
 }
 
+// Apply a server-side deletion to the local DB, cascading to every related
+// row (category -> tasks -> subtasks, task -> subtasks, subtask -> children).
+// LWW: if the local row is newer than the deletion, it survives.
+async function applyRemoteTombstone(tomb: { entity: TombstoneEntity; id: string; updatedAt: number }): Promise<void> {
+  const { entity, id, updatedAt } = tomb;
+  const row = await findOrNull<any>(collections[entity as keyof typeof collections] as any, id);
+  if (row) {
+    if (row.updatedAt.getTime() > updatedAt) {
+      return; // local edit is newer than the remote deletion - keep it
+    }
+    await destroyLocalEntityCascade(entity, id);
+  } else {
+    // Row already gone locally - clear the tombstone if the server has it.
+    await removeTombstonesInBatch(entity, [id]);
+  }
+}
+
+async function destroyLocalEntityCascade(entity: TombstoneEntity, id: string): Promise<void> {
+  if (entity === 'tasks') {
+    const subtasks = await collections.subtasks.query(Q.where('task_id', id)).fetch();
+    for (const s of subtasks) {
+      await destroyLocalEntityCascade('subtasks', s.id);
+    }
+    const task = await findOrNull<any>(collections.tasks, id).catch(() => null);
+    if (task) {
+      await task.destroyPermanently();
+      await cancelTaskReminder(id).catch(() => {});
+    }
+    return;
+  }
+  if (entity === 'categories') {
+    const tasks = await collections.tasks.query(Q.where('category_id', id)).fetch();
+    for (const t of tasks) {
+      await destroyLocalEntityCascade('tasks', t.id);
+    }
+    const cat = await findOrNull<any>(collections.categories, id).catch(() => null);
+    if (cat) await cat.destroyPermanently();
+    return;
+  }
+  if (entity === 'subtasks') {
+    const children = await collections.subtasks.query(Q.where('parent_subtask_id', id)).fetch();
+    for (const c of children) {
+      await destroyLocalEntityCascade('subtasks', c.id);
+    }
+    const sub = await findOrNull<any>(collections.subtasks, id).catch(() => null);
+    if (sub) {
+      await sub.destroyPermanently();
+      await cancelTaskReminder(id).catch(() => {});
+    }
+    return;
+  }
+  if (entity === 'repeatProfiles') {
+    const p = await findOrNull<any>(collections.repeatProfiles, id).catch(() => null);
+    if (p) await p.destroyPermanently();
+    return;
+  }
+  if (entity === 'friendships') {
+    const f = await findOrNull<any>(collections.friendships, id).catch(() => null);
+    if (f) await f.destroyPermanently();
+  }
+}
+
 async function upsertCategory(row: ServerRow, force: boolean): Promise<boolean> {
   const local = await findOrNull<Category>(collections.categories, row.id);
   if (!local) {
@@ -337,6 +454,7 @@ async function upsertTask(row: ServerRow, force: boolean): Promise<boolean> {
       t.title = String(row.title ?? '');
       t.description = String(row.description ?? '');
       t.categoryId = String(row.categoryId ?? '');
+      t.tags = String(row.tags ?? '');
       t.priority = row.priority ?? 'none';
       t.completed = Boolean(row.completed);
       t.dueDate = Number(row.dueDate ?? 0);
@@ -347,7 +465,9 @@ async function upsertTask(row: ServerRow, force: boolean): Promise<boolean> {
       t.repeatDays = String(row.repeatDays ?? '');
       t.seriesId = String(row.seriesId ?? '');
       t.reminder = row.reminder ?? 'none';
+      t.reminders = String(row.reminders ?? '');
       t.assigneeId = row.assigneeId ?? null;
+      t.completedAt = row.completedAt == null ? null : Number(row.completedAt);
       t.createdAt = new Date(row.createdAt ?? Date.now());
       t.updatedAt = new Date(row.updatedAt ?? Date.now());
     });
@@ -360,6 +480,7 @@ async function upsertTask(row: ServerRow, force: boolean): Promise<boolean> {
     t.title = String(row.title ?? t.title);
     t.description = String(row.description ?? t.description);
     t.categoryId = String(row.categoryId ?? t.categoryId);
+    t.tags = String(row.tags ?? t.tags ?? '');
     t.priority = row.priority ?? t.priority;
     t.completed = Boolean(row.completed ?? t.completed);
     t.dueDate = Number(row.dueDate ?? t.dueDate);
@@ -370,7 +491,9 @@ async function upsertTask(row: ServerRow, force: boolean): Promise<boolean> {
     t.repeatDays = String(row.repeatDays ?? t.repeatDays);
     t.seriesId = String(row.seriesId ?? t.seriesId);
     t.reminder = row.reminder ?? t.reminder;
+    t.reminders = String(row.reminders ?? t.reminders ?? '');
     t.assigneeId = row.assigneeId ?? t.assigneeId;
+    t.completedAt = row.completedAt == null ? null : Number(row.completedAt ?? t.completedAt);
     t.updatedAt = new Date(row.updatedAt ?? Date.now());
   });
   return true;
@@ -410,6 +533,9 @@ async function upsertSubtask(row: ServerRow, force: boolean): Promise<boolean> {
   if (!local) {
     await collections.subtasks.create((s) => {
       s.taskId = String(row.taskId ?? '');
+      s.parentSubtaskId = row.parentSubtaskId == null ? null : String(row.parentSubtaskId);
+      s.categoryId = row.categoryId ? String(row.categoryId) : '';
+      s.tags = String(row.tags ?? '');
       s.title = String(row.title ?? '');
       s.description = String(row.description ?? '');
       s.priority = row.priority ?? 'none';
@@ -435,6 +561,8 @@ async function upsertSubtask(row: ServerRow, force: boolean): Promise<boolean> {
   }
   await local.update((s) => {
     s.taskId = String(row.taskId ?? s.taskId);
+    s.parentSubtaskId = row.parentSubtaskId == null ? null : String(row.parentSubtaskId);
+    s.categoryId = row.categoryId ? String(row.categoryId) : s.categoryId;
     s.title = String(row.title ?? s.title);
     s.description = String(row.description ?? s.description);
     s.priority = row.priority ?? s.priority;

carry-your-live/src/database/tombstones.ts

@@ -0,0 +1,65 @@
+import { database, collections } from './index';
+import { Q } from '@nozbe/watermelondb';
+import Tombstone, { TombstoneEntity } from '@/models/Tombstone';
+
+// Batch variant: must be called from inside an existing database.write().
+export async function recordTombstonesInBatch(entity: TombstoneEntity, ids: string[]): Promise<void> {
+  const uniqueIds = [...new Set(ids)].filter(Boolean);
+  for (const id of uniqueIds) {
+    const existing = await collections.tombstones
+      .query(Q.where('entity', entity), Q.where('entity_id', id))
+      .fetch();
+    const now = new Date();
+    if (existing.length > 0) {
+      await existing[0].update((t) => {
+        t.deletedAt = now;
+      });
+    } else {
+      await collections.tombstones.create((t) => {
+        t.entity = entity;
+        t.entityId = id;
+        t.deletedAt = now;
+      });
+    }
+  }
+}
+
+// Batch variant: must be called from inside an existing database.write().
+export async function removeTombstonesInBatch(entity: TombstoneEntity, ids: string[]): Promise<void> {
+  for (const id of ids) {
+    const existing = await collections.tombstones
+      .query(Q.where('entity', entity), Q.where('entity_id', id))
+      .fetch();
+    for (const row of existing) {
+      await row.destroyPermanently();
+    }
+  }
+}
+
+export async function recordTombstone(entity: TombstoneEntity, id: string): Promise<void> {
+  await database.write(async () => {
+    await recordTombstonesInBatch(entity, [id]);
+  });
+}
+
+export async function recordTombstones(entity: TombstoneEntity, ids: string[]): Promise<void> {
+  await database.write(async () => {
+    await recordTombstonesInBatch(entity, ids);
+  });
+}
+
+export async function removeTombstone(entity: TombstoneEntity, id: string): Promise<void> {
+  await database.write(async () => {
+    await removeTombstonesInBatch(entity, [id]);
+  });
+}
+
+export async function removeTombstones(entity: TombstoneEntity, ids: string[]): Promise<void> {
+  await database.write(async () => {
+    await removeTombstonesInBatch(entity, ids);
+  });
+}
+
+export async function fetchPendingTombstones(sinceMs: number): Promise<Tombstone[]> {
+  return collections.tombstones.query(Q.where('deleted_at', Q.gt(sinceMs))).fetch();
+}

carry-your-live/src/hooks/useSubtasks.ts

@@ -0,0 +1,87 @@
+import { useDatabase } from './useDatabase';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { SubtaskData } from '@/types';
+function mapRow(s: any): SubtaskData {
+  return {
+    id: s.id,
+    taskId: s.taskId,
+    parentSubtaskId: s.parentSubtaskId || null,
+    categoryId: s.categoryId || '',
+    tags: s.tags || '',
+    title: s.title,
+    description: s.description || '',
+    priority: (s.priority || 'none') as SubtaskData['priority'],
+    completed: s.completed,
+    dueDate: s.dueDate || 0,
+    dueTime: s.dueTime || '',
+    endTime: s.endTime || '',
+    allDay: s.allDay ?? false,
+    repeat: (s.repeat || 'none') as SubtaskData['repeat'],
+    repeatInterval: s.repeatInterval ?? 1,
+    repeatDays: s.repeatDays || '',
+    seriesId: s.seriesId || '',
+    reminder: (s.reminder || 'none') as SubtaskData['reminder'],
+    assigneeId: s.assigneeId ?? null,
+    order: s.order,
+    subtasks: [],
+  };
+}
+
+function buildTrees(rows: any[]): Map<string, SubtaskData[]> {
+  const nodes = new Map<string, SubtaskData>();
+  for (const row of rows) {
+    nodes.set(row.id, mapRow(row));
+  }
+  const rootsByTask = new Map<string, SubtaskData[]>();
+  for (const node of nodes.values()) {
+    if (node.parentSubtaskId && nodes.has(node.parentSubtaskId)) {
+      const parent = nodes.get(node.parentSubtaskId)!;
+      parent.subtasks.push(node);
+    } else {
+      const list = rootsByTask.get(node.taskId) ?? [];
+      list.push(node);
+      rootsByTask.set(node.taskId, list);
+    }
+  }
+  for (const list of rootsByTask.values()) {
+    list.sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+  }
+  const sortDeep = (list: SubtaskData[]) => {
+    for (const node of list) {
+      node.subtasks.sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+      sortDeep(node.subtasks);
+    }
+  };
+  for (const list of rootsByTask.values()) {
+    sortDeep(list);
+  }
+  return rootsByTask;
+}
+
+export function useSubtasks(): { map: Map<string, SubtaskData[]>; refresh: () => void } {
+  const { collections } = useDatabase();
+  const [rows, setRows] = useState<any[]>([]);
+  const [refreshKey, setRefreshKey] = useState(0);
+  const refresh = useCallback(() => setRefreshKey((k) => k + 1), []);
+
+  useEffect(() => {
+    let mounted = true;
+    const subscription = collections.subtasks
+      .query()
+      .observe()
+      .subscribe({
+        next: (result) => {
+          if (mounted) setRows(result);
+        },
+        error: () => {},
+      });
+    return () => {
+      mounted = false;
+      subscription.unsubscribe();
+    };
+  }, [collections.subtasks, refreshKey]);
+
+  const map = useMemo(() => buildTrees(rows), [rows]);
+
+  return { map, refresh };
+}

carry-your-live/src/hooks/useTasks.tsx

@@ -1,6 +1,6 @@
 import { useDatabase } from './useDatabase';
 import { Q } from '@nozbe/watermelondb';
-import { useEffect, useState, useMemo } from 'react';
+import { useEffect, useState, useMemo, useCallback } from 'react';
 import Task from '../models/Task';
 import { startOfMonth, endOfMonth } from 'date-fns';
 
@@ -8,6 +8,8 @@ export function useTasksInMonth(monthDate: Date) {
   const { collections } = useDatabase();
   const [tasks, setTasks] = useState<Task[]>([]);
   const [loading, setLoading] = useState(true);
+  const [refreshKey, setRefreshKey] = useState(0);
+  const refresh = useCallback(() => setRefreshKey((k) => k + 1), []);
 
   const range = useMemo(() => {
     const s = startOfMonth(monthDate);
@@ -42,7 +44,7 @@ export function useTasksInMonth(monthDate: Date) {
       mounted = false;
       subscription.unsubscribe();
     };
-  }, [collections, range.start, range.end]);
+  }, [collections, range.start, range.end, refreshKey]);
 
   const byDay = useMemo(() => {
     const map: Record<number, Task[]> = {};
@@ -55,13 +57,15 @@ export function useTasksInMonth(monthDate: Date) {
     return map;
   }, [tasks]);
 
-  return { tasks, byDay, loading };
+  return { tasks, byDay, loading, refresh };
 }
 
-export function useTasks(categoryId?: string, showCompleted: boolean | 'all' = false, maxAheadDays?: number) {
+export function useTasks(categoryIds: string[] = [], showCompleted: boolean | 'all' = false, maxAheadDays?: number) {
   const { collections } = useDatabase();
   const [tasks, setTasks] = useState<Task[]>([]);
   const [loading, setLoading] = useState(true);
+  const [refreshKey, setRefreshKey] = useState(0);
+  const refresh = useCallback(() => setRefreshKey((k) => k + 1), []);
 
   const cutoff = useMemo(() => {
     if (maxAheadDays === undefined) return null;
@@ -75,8 +79,14 @@ export function useTasks(categoryId?: string, showCompleted: boolean | 'all' = f
     let mounted = true;
     const conditions: any[] = [];
 
-    if (categoryId && categoryId !== 'all') {
-      conditions.push(Q.where('category_id', categoryId));
+    if (categoryIds.length > 0) {
+      const tagConditions = categoryIds.map((id) =>
+        Q.or(
+          Q.where('tags', Q.like(`%,${id},%`)),
+          Q.where('category_id', id)
+        )
+      );
+      conditions.push(tagConditions.length === 1 ? tagConditions[0] : Q.or(...tagConditions));
     }
 
     if (showCompleted === true) {
@@ -111,15 +121,17 @@ export function useTasks(categoryId?: string, showCompleted: boolean | 'all' = f
       mounted = false;
       subscription.unsubscribe();
     };
-  }, [collections, categoryId, showCompleted, cutoff]);
+  }, [collections, categoryIds, showCompleted, cutoff, refreshKey]);
 
-  return { tasks, loading };
+  return { tasks, loading, refresh };
 }
 
 export function useTasksByDate(date: Date) {
   const { collections } = useDatabase();
   const [tasks, setTasks] = useState<Task[]>([]);
   const [loading, setLoading] = useState(true);
+  const [refreshKey, setRefreshKey] = useState(0);
+  const refresh = useCallback(() => setRefreshKey((k) => k + 1), []);
 
   const startOfDay = useMemo(() => {
     const d = new Date(date);
@@ -156,7 +168,7 @@ export function useTasksByDate(date: Date) {
       mounted = false;
       subscription.unsubscribe();
     };
-  }, [collections, startOfDay, endOfDay]);
+  }, [collections, startOfDay, endOfDay, refreshKey]);
 
-  return { tasks, loading };
+  return { tasks, loading, refresh };
 }

carry-your-live/src/models/Subtask.ts

@@ -12,6 +12,8 @@ export default class Subtask extends Model {
 
   @field('task_id') taskId!: string;
   @field('parent_subtask_id') parentSubtaskId!: string | null;
+  @field('category_id') categoryId!: string;
+  @field('tags') tags!: string;
   @field('title') title!: string;
   @field('description') description!: string;
   @field('priority') priority!: Priority;

carry-your-live/src/models/Task.ts

@@ -13,6 +13,7 @@ export default class Task extends Model {
   @field('title') title!: string;
   @field('description') description!: string;
   @field('category_id') categoryId!: string;
+  @field('tags') tags!: string;
   @field('priority') priority!: Priority;
   @field('completed') completed!: boolean;
   @field('completed_at') completedAt!: number | null;
@@ -23,7 +24,6 @@ export default class Task extends Model {
   @field('repeat') repeat!: Repeat;
   @field('repeat_interval') repeatInterval!: number;
   @field('repeat_days') repeatDays!: string;
-  @field('color') color!: string;
   @field('series_id') seriesId!: string;
   @field('reminder') reminder!: Reminder;
   @field('reminders') reminders!: string;

carry-your-live/src/models/Tombstone.ts

@@ -0,0 +1,12 @@
+import { Model } from '@nozbe/watermelondb';
+import { field, date } from '@nozbe/watermelondb/decorators';
+
+export type TombstoneEntity = 'categories' | 'tasks' | 'subtasks' | 'repeatProfiles' | 'friendships';
+
+export default class Tombstone extends Model {
+  static table = 'tombstones';
+
+  @field('entity') entity!: TombstoneEntity;
+  @field('entity_id') entityId!: string;
+  @date('deleted_at') deletedAt!: Date;
+}

carry-your-live/src/services/auth.ts

@@ -97,15 +97,22 @@ export async function apiFetch(path: string, options: RequestInit = {}): Promise
   const response = await fetch(`${apiBaseUrl}${path}`, { ...options, headers });
   if (!response.ok) {
     let message = `Request failed (${response.status})`;
+    let details: any = null;
     try {
       const body = await response.json();
       if (body && typeof body.message === 'string') {
         message = body.message;
       }
+      if (body && body.error && body.error.details) {
+        details = body.error.details;
+      }
     } catch {
       // ignore
     }
-    throw new Error(message);
+    const error = new Error(message);
+    (error as any).details = details;
+    (error as any).status = response.status;
+    throw error;
   }
   return response;
 }

carry-your-live/src/theme.tsx

@@ -34,6 +34,7 @@ export interface ThemeColors {
   textFaint: string;
   textMuted: string;
   accent: string;
+  accentStrong: string;
   accentSoft: string;
   accentBorder: string;
   accentText: string;
@@ -74,6 +75,13 @@ export function mixHex(color: string, target: string, ratio: number): string {
   return `#${toHexByte(r1 + (r2 - r1) * ratio)}${toHexByte(g1 + (g2 - g1) * ratio)}${toHexByte(b1 + (b2 - b1) * ratio)}`.toUpperCase();
 }
 
+export function desaturate(hex: string, amount: number): string {
+  const [r, g, b] = parseHex(hex);
+  const gray = 0.2126 * r + 0.7152 * g + 0.0722 * b;
+  const shift = 1 - amount;
+  return `#${toHexByte(gray + (r - gray) * shift)}${toHexByte(gray + (g - gray) * shift)}${toHexByte(gray + (b - gray) * shift)}`.toUpperCase();
+}
+
 function accentTextColor(accent: string): string {
   const [r, g, b] = parseHex(accent).map((v) => v / 255);
   const linear = (v: number) => (v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4));
@@ -82,24 +90,26 @@ function accentTextColor(accent: string): string {
 }
 
 export function colors(accent: string = DEFAULT_ACCENT): ThemeColors {
+  const softAccent = desaturate(accent, 0.35);
   return {
     background: '#121212',
     card: '#1E1E1E',
-    cardAlt: '#262626',
-    border: '#2A2A2A',
-    borderStrong: '#3A3A3A',
-    text: '#F5F5F5',
-    textSecondary: '#E0E0E0',
-    textFaint: '#BDBDBD',
-    textMuted: '#8E8E8E',
+    cardAlt: '#28292C',
+    border: '#2C2E33',
+    borderStrong: '#3C3E45',
+    text: '#F2F3F5',
+    textSecondary: '#E3E4E8',
+    textFaint: '#C4C6CC',
+    textMuted: '#9C9FA7',
     accent,
-    accentSoft: mixHex(accent, '#121212', 0.12),
-    accentBorder: mixHex(accent, '#121212', 0.25),
+    accentStrong: mixHex(accent, '#FFFFFF', 0.55),
+    accentSoft: mixHex(softAccent, '#121212', 0.18),
+    accentBorder: mixHex(desaturate(accent, 0.15), '#121212', 0.5),
     accentText: accentTextColor(accent),
-    inputBg: '#1A1A1A',
+    inputBg: '#1A1B1E',
     overlay: 'rgba(0,0,0,0.6)',
-    sheetBg: '#242424',
-    tabBarBg: '#1A1A1A',
+    sheetBg: '#26282D',
+    tabBarBg: '#16171A',
   };
 }
 
@@ -118,6 +128,8 @@ interface SettingsContextType {
   setAccentColor: (value: string) => void;
   todoAheadDays: number;
   setTodoAheadDays: (value: number) => void;
+  showCompleted: boolean;
+  setShowCompleted: (value: boolean) => void;
   theme: ThemeColors;
 }
 
@@ -130,6 +142,7 @@ const STORAGE_KEYS = {
   reminderPreference: 'settings:reminderPreference',
   accentColor: 'settings:accentColor',
   todoAheadDays: 'settings:todoAheadDays',
+  showCompleted: 'settings:showCompleted',
 };
 
 const SettingsContext = createContext<SettingsContextType | null>(null);
@@ -171,6 +184,7 @@ export function SettingsProvider({ children }: { children: ReactNode }) {
   const [apiUrl, setApiUrl] = useStoredSetting<string>(API_URL_KEY, DEFAULT_API_BASE_URL);
   const [accentColor, setAccentColor] = useStoredSetting<string>(STORAGE_KEYS.accentColor, DEFAULT_ACCENT);
   const [todoAheadDays, setTodoAheadDays] = useStoredSetting<number>(STORAGE_KEYS.todoAheadDays, DEFAULT_TODO_AHEAD_DAYS);
+  const [showCompleted, setShowCompleted] = useStoredSetting<boolean>(STORAGE_KEYS.showCompleted, false);
 
   const theme = useMemo(() => colors(accentColor), [accentColor]);
 
@@ -190,6 +204,8 @@ export function SettingsProvider({ children }: { children: ReactNode }) {
       setAccentColor,
       todoAheadDays,
       setTodoAheadDays,
+      showCompleted,
+      setShowCompleted,
       theme,
     }),
     [
@@ -207,6 +223,8 @@ export function SettingsProvider({ children }: { children: ReactNode }) {
       setAccentColor,
       todoAheadDays,
       setTodoAheadDays,
+      showCompleted,
+      setShowCompleted,
       theme,
     ]
   );
@@ -225,3 +243,5 @@ export function useSettings() {
   }
   return context;
 }
+
+export * from './theme/tokens';

carry-your-live/src/theme/tokens.ts

@@ -0,0 +1,194 @@
+export const SPACING = {
+  xs: 4,
+  sm: 8,
+  md: 12,
+  lg: 16,
+  xl: 20,
+  xxl: 24,
+  xxxl: 32,
+} as const;
+
+export const BORDER_RADIUS = {
+  xs: 6,
+  sm: 8,
+  md: 10,
+  lg: 12,
+  xl: 16,
+  xxl: 20,
+  round: 999,
+  circle: 50,
+} as const;
+
+export const SHADOWS = {
+  none: {
+    shadowColor: 'transparent',
+    shadowOffset: { width: 0, height: 0 },
+    shadowOpacity: 0,
+    shadowRadius: 0,
+    elevation: 0,
+  },
+  xs: {
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 1 },
+    shadowOpacity: 0.04,
+    shadowRadius: 2,
+    elevation: 1,
+  },
+  sm: {
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.06,
+    shadowRadius: 4,
+    elevation: 2,
+  },
+  md: {
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 4 },
+    shadowOpacity: 0.08,
+    shadowRadius: 8,
+    elevation: 4,
+  },
+  lg: {
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 8 },
+    shadowOpacity: 0.12,
+    shadowRadius: 16,
+    elevation: 8,
+  },
+  xl: {
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 12 },
+    shadowOpacity: 0.16,
+    shadowRadius: 24,
+    elevation: 12,
+  },
+  inner: {
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 1 },
+    shadowOpacity: 0.03,
+    shadowRadius: 2,
+    elevation: 0,
+  },
+} as const;
+
+export const TYPOGRAPHY = {
+  display: {
+    fontSize: 34,
+    fontWeight: '700' as const,
+    lineHeight: 42,
+    letterSpacing: -0.5,
+  },
+  h1: {
+    fontSize: 28,
+    fontWeight: '700' as const,
+    lineHeight: 36,
+    letterSpacing: -0.3,
+  },
+  h2: {
+    fontSize: 22,
+    fontWeight: '700' as const,
+    lineHeight: 30,
+    letterSpacing: -0.2,
+  },
+  h3: {
+    fontSize: 18,
+    fontWeight: '600' as const,
+    lineHeight: 24,
+    letterSpacing: 0,
+  },
+  h4: {
+    fontSize: 16,
+    fontWeight: '600' as const,
+    lineHeight: 22,
+    letterSpacing: 0,
+  },
+  body: {
+    fontSize: 16,
+    fontWeight: '400' as const,
+    lineHeight: 24,
+    letterSpacing: 0,
+  },
+  bodyStrong: {
+    fontSize: 16,
+    fontWeight: '600' as const,
+    lineHeight: 24,
+    letterSpacing: 0,
+  },
+  bodySmall: {
+    fontSize: 14,
+    fontWeight: '400' as const,
+    lineHeight: 20,
+    letterSpacing: 0,
+  },
+  bodySmallStrong: {
+    fontSize: 14,
+    fontWeight: '600' as const,
+    lineHeight: 20,
+    letterSpacing: 0,
+  },
+  caption: {
+    fontSize: 12,
+    fontWeight: '400' as const,
+    lineHeight: 16,
+    letterSpacing: 0.2,
+  },
+  captionStrong: {
+    fontSize: 12,
+    fontWeight: '600' as const,
+    lineHeight: 16,
+    letterSpacing: 0.2,
+  },
+  overline: {
+    fontSize: 11,
+    fontWeight: '600' as const,
+    lineHeight: 14,
+    letterSpacing: 0.8,
+    textTransform: 'uppercase' as const,
+  },
+  button: {
+    fontSize: 15,
+    fontWeight: '600' as const,
+    lineHeight: 20,
+    letterSpacing: 0.2,
+  },
+  buttonSmall: {
+    fontSize: 13,
+    fontWeight: '600' as const,
+    lineHeight: 18,
+    letterSpacing: 0.2,
+  },
+} as const;
+
+export const TRANSITIONS = {
+  fast: 120,
+  normal: 200,
+  slow: 300,
+  slower: 400,
+} as const;
+
+export const EASING = {
+  easeOut: 'ease-out',
+  easeInOut: 'ease-in-out',
+  spring: 'spring',
+} as const;
+
+export const LAYOUT = {
+  screenPadding: SPACING.lg,
+  cardPadding: SPACING.lg,
+  sectionGap: SPACING.xl,
+  itemGap: SPACING.md,
+  inlineGap: SPACING.sm,
+} as const;
+
+export const TOUCH_TARGET = {
+  minSize: 44,
+  comfortableSize: 48,
+} as const;
+
+export const Z_INDEX = {
+  base: 0,
+  dropdown: 100,
+  modal: 200,
+  toast: 300,
+  tooltip: 400,
+} as const;

carry-your-live/src/types/index.ts

@@ -12,6 +12,12 @@ export const REPEAT_OPTIONS: { value: Repeat; label: string }[] = [
 
 export const WEEKDAY_LABELS = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];
 
+export const WEEKDAY_ORDER = [1, 2, 3, 4, 5, 6, 0];
+
+export function weekdaysInDisplayOrder(days: number[]): number[] {
+  return WEEKDAY_ORDER.filter((day) => days.includes(day));
+}
+
 export function repeatDaysToString(days: number[]): string {
   return [...days].sort().join(',');
 }
@@ -93,11 +99,30 @@ export interface CategoryData {
   order: number;
 }
 
+export function tagsToString(tags: string[]): string {
+  return `,${tags.filter(Boolean).join(',')},`;
+}
+
+export function tagsFromString(raw: string | null | undefined): string[] {
+  if (!raw) return [];
+  return raw
+    .split(',')
+    .map((t) => t.trim())
+    .filter(Boolean);
+}
+
+export function parseTaskTags(tagsRaw: string | null | undefined, categoryId: string): string[] {
+  const parsed = tagsFromString(tagsRaw);
+  if (parsed.length > 0) return parsed;
+  return categoryId ? [categoryId] : [];
+}
+
 export interface TaskData {
   id: string;
   title: string;
   description: string;
   categoryId: string;
+  tags?: string;
   priority: Priority;
   completed: boolean;
   dueDate: number;
@@ -119,6 +144,8 @@ export interface SubtaskData {
   id: string;
   taskId: string;
   parentSubtaskId: string | null;
+  categoryId: string;
+  tags: string;
   title: string;
   description: string;
   priority: Priority;
@@ -148,6 +175,7 @@ export interface TaskFormData {
   title: string;
   description?: string;
   categoryId: string;
+  tags?: string[];
   priority: Priority;
   dueDate: Date | null;
   dueTime?: string;
@@ -165,6 +193,7 @@ export interface TaskFormData {
 export interface SubtaskFormData {
   title: string;
   description?: string;
+  categoryId?: string;
   priority: Priority;
   dueDate: Date | null;
   dueTime?: string;

carry-your-live/src/utils/categoryActions.ts

@@ -1,5 +1,7 @@
 import { database, collections } from '@/database';
 import { Q } from '@nozbe/watermelondb';
+import { recordTombstonesInBatch } from '@/database/tombstones';
+import { tagsFromString, tagsToString, parseTaskTags } from '@/types';
 
 export async function createCategory(name: string, color: string): Promise<void> {
   await database.write(async () => {
@@ -35,12 +37,24 @@ export async function deleteCategory(categoryId: string): Promise<void> {
     const tasks = await collections.tasks.query(Q.where('category_id', categoryId)).fetch();
     for (const task of tasks) {
       await task.update((t) => {
-        t.categoryId = fallback?.id ?? '';
+        const tags = parseTaskTags(t.tags, t.categoryId).filter((id) => id !== categoryId);
+        t.categoryId = fallback?.id ?? tags[0] ?? '';
+        t.tags = tagsToString(tags);
+        t.updatedAt = new Date();
+      });
+    }
+
+    const tagReferencedTasks = await collections.tasks.query(Q.where('tags', Q.like(`%,${categoryId},%`))).fetch();
+    for (const task of tagReferencedTasks) {
+      const tags = parseTaskTags(task.tags, task.categoryId).filter((id) => id !== categoryId);
+      await task.update((t) => {
+        t.tags = tagsToString(tags);
         t.updatedAt = new Date();
       });
     }
 
     const category = await collections.categories.find(categoryId);
     await category.destroyPermanently();
+    await recordTombstonesInBatch('categories', [categoryId]);
   });
 }

carry-your-live/src/utils/repeatProfileActions.ts

@@ -1,5 +1,6 @@
 import { database, collections } from '../database';
 import { Repeat } from '@/types';
+import { recordTombstonesInBatch } from '../database/tombstones';
 
 export async function createRepeatProfile(
   name: string,
@@ -24,5 +25,6 @@ export async function deleteRepeatProfile(id: string): Promise<void> {
   await database.write(async () => {
     const profile = await collections.repeatProfiles.find(id);
     await profile.destroyPermanently();
+    await recordTombstonesInBatch('repeatProfiles', [id]);
   });
 }

carry-your-live/src/utils/tabHistory.ts

@@ -0,0 +1,16 @@
+export const TAB_BAR_HEIGHT = 62;
+
+let lastVisitedTab = 'index';
+
+export function setLastVisitedTab(tab: string): void {
+  lastVisitedTab = tab;
+}
+
+export function getLastVisitedTab(): string {
+  return lastVisitedTab;
+}
+
+export function tabHref(tab: string): string {
+  if (tab === 'index') return '/';
+  return `/${tab}`;
+}