diff --git a/.env.example b/.env.example
index ccd7e54..7608a6c 100644
--- a/.env.example
+++ b/.env.example
@@ -63,3 +63,9 @@ AWS_BUCKET=
 AWS_USE_PATH_STYLE_ENDPOINT=false
 
 VITE_APP_NAME="${APP_NAME}"
+
+# Jitsi Meet (Video Conferencing)
+# Defaults to public instance meet.jit.si if left blank
+JITSI_DOMAIN=meet.jit.si
+JITSI_APP_ID=
+JITSI_APP_SECRET=
diff --git a/README.md b/README.md
index c8ec098..099cda4 100644
--- a/README.md
+++ b/README.md
@@ -24,6 +24,15 @@ Short demo on YouTube: [Demo](https://youtu.be/Vk0FuN59XUE)
   - Detailed activity log timeline for full auditability.
   - **Document Uploads:** Attach files directly to tasks (currently supporting Images and PDFs).
   - **Smart Link Previews:** Automatic, rich previews for URLs embedded in task descriptions and comments.
+- **Interactive Calendar & Scheduling:**
+  - Full-featured calendar supporting Month, Week, and Day views.
+  - Drag-and-drop time range selection to quickly create events.
+  - Event creation and editing with descriptions, date/time pickers, and attendee assignments.
+  - Team member invitations with RSVP statuses (Accepted, Declined, Pending) and event privacy/hiding controls.
+- **Integrated Video Conferencing (Jitsi Meet):**
+  - One-click video call generation directly linked to scheduled events.
+  - Dedicated in-app meeting room view with Jitsi Meet integration.
+  - Support for custom self-hosted (on-premise) instances or automatic fallback to public servers (`meet.jit.si`).
 - **Workload Dashboard:** Team workspace overview featuring task metrics, urgent "To Handle Now" tasks, column breakdowns, and a recent activity feed.
 
 ## Tech Stack
@@ -31,6 +40,7 @@ Short demo on YouTube: [Demo](https://youtu.be/Vk0FuN59XUE)
 - **Backend:** Laravel 13 (PHP >= 8.4), Inertia.js V3
 - **Frontend:** Vue 3
 - **Styling:** Tailwind CSS & Shadcn
+- **Video Conferencing:** Jitsi Meet
 - **CI/CD:** GitHub Actions workflow for automated testing, linting and deployment.
 - **Deployment:** Docker, with a production-ready Dockerfile included in the repository.
 
@@ -94,3 +104,21 @@ Taskly ships with a single-tenant role model. Every account holds one of three *
 - **Removing & demoting:** privileged users cannot be removed from a team (they always retain access). Demoting an Admin keeps them as an explicit member of the team the demotion happened in, so they don't silently vanish from the member list.
 - **New teams** are bootstrapped with default columns (To Do, In Progress, Done), matching the seeder.
 
+## Video Conferencing Setup (Jitsi Meet)
+
+Taskly includes integrated video conferencing for calendar events powered by Jitsi Meet. It works out of the box with zero configuration, while supporting private, on-premise deployments:
+
+- **Public Fallback (Default):** If `JITSI_DOMAIN` is omitted or left empty, Taskly automatically connects to the public instance (`meet.jit.si`). No API keys or extra configuration are needed.
+- **Self-Hosted / On-Premise:** If your organization hosts its own Jitsi Meet server, point Taskly to it by setting `JITSI_DOMAIN` to your instance domain (e.g., `meet.yourcompany.com`).
+- **JWT Authentication & Moderation:** For self-hosted instances secured with token authentication (JWT), define `JITSI_APP_ID` and `JITSI_APP_SECRET`. Taskly will automatically issue signed HS256 JWT tokens to grant moderator privileges to the event organizer.
+
+Add or update these variables in your `.env` file:
+
+```env
+# Jitsi Meet domain (defaults to meet.jit.si if left blank)
+JITSI_DOMAIN=meet.jit.si
+
+# Optional: required only for authenticated / self-hosted Jitsi instances
+JITSI_APP_ID=
+JITSI_APP_SECRET=
+```
\ No newline at end of file
diff --git a/app/Http/Controllers/CalendarController.php b/app/Http/Controllers/CalendarController.php
new file mode 100644
index 0000000..b34cacc
--- /dev/null
+++ b/app/Http/Controllers/CalendarController.php
@@ -0,0 +1,96 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Http\Requests\EventRespondRequest;
+use App\Http\Requests\EventStoreRequest;
+use App\Http\Requests\EventUpdateRequest;
+use App\Http\Resources\EventIndexResource;
+use App\Http\Resources\EventResource;
+use App\Models\Event;
+use App\Services\CalendarService;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Inertia\Inertia;
+use Inertia\Response;
+
+class CalendarController extends Controller
+{
+    public function __construct(private CalendarService $calendarService) {}
+
+    public function index(Request $request): Response
+    {
+        $data = $this->calendarService->indexData(
+            $request->user(),
+            $request->query('start'),
+            $request->query('end'),
+        );
+
+        return Inertia::render('Calendar/Index', [
+            'events' => Inertia::defer(fn () => EventIndexResource::collection($data['events'])->resolve($request)),
+            'teamMembers' => $data['teamMembers'],
+            'view' => $request->query('view'),
+            'start' => $request->query('start'),
+            'end' => $request->query('end'),
+        ]);
+    }
+
+    public function show(Request $request, Event $event): JsonResponse
+    {
+        $this->authorize('view', $event);
+
+        return response()->json(
+            EventResource::make($this->calendarService->show($event))->resolve($request)
+        );
+    }
+
+    public function store(EventStoreRequest $request): RedirectResponse
+    {
+        $this->calendarService->create($request->validated(), $request->user());
+
+        return back();
+    }
+
+    public function update(EventUpdateRequest $request, Event $event): RedirectResponse
+    {
+        $this->authorize('update', $event);
+
+        $this->calendarService->update($event, $request->validated());
+
+        return back();
+    }
+
+    public function destroy(Request $request, Event $event): RedirectResponse
+    {
+        $this->authorize('delete', $event);
+
+        $this->calendarService->hide($event, $request->user());
+
+        return back();
+    }
+
+    public function respond(EventRespondRequest $request, Event $event): RedirectResponse
+    {
+        $this->authorize('respond', $event);
+
+        $this->calendarService->respond($event, $request->user(), $request->validated('response'));
+
+        return back();
+    }
+
+    public function room(Request $request, Event $event): Response
+    {
+        $this->authorize('room', $event);
+
+        return Inertia::render('Calendar/Room', [
+            'event' => EventResource::make($event->load('organizer:id,name'))->resolve($request),
+            'jitsiDomain' => config('services.jitsi.domain'),
+            'jwt' => $this->calendarService->generateJitsiToken(
+                $request->user(),
+                $event->room_name,
+                $request->user()->id === $event->organizer_id
+            ),
+        ]);
+    }
+}
diff --git a/app/Http/Controllers/NotificationController.php b/app/Http/Controllers/NotificationController.php
new file mode 100644
index 0000000..01e0626
--- /dev/null
+++ b/app/Http/Controllers/NotificationController.php
@@ -0,0 +1,41 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Http\Resources\NotificationResource;
+use App\Services\NotificationService;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\Notifications\DatabaseNotification;
+
+class NotificationController extends Controller
+{
+    public function __construct(private readonly NotificationService $notificationService) {}
+
+    public function index(Request $request): JsonResponse
+    {
+        return response()->json(
+            NotificationResource::paginated($this->notificationService->paginateFor($request->user()), $request)
+        );
+    }
+
+    public function markAsRead(Request $request, DatabaseNotification $notification): RedirectResponse
+    {
+        abort_unless(
+            $notification->notifiable()->whereKey($request->user()->getKey())->exists(),
+            403
+        );
+
+        $notification->markAsRead();
+
+        return back();
+    }
+
+    public function markAllAsRead(Request $request): RedirectResponse
+    {
+        $request->user()->unreadNotifications()->update(['read_at' => now()]);
+
+        return back();
+    }
+}
diff --git a/app/Http/Controllers/TagController.php b/app/Http/Controllers/TagController.php
index b89b871..e4396ca 100644
--- a/app/Http/Controllers/TagController.php
+++ b/app/Http/Controllers/TagController.php
@@ -20,7 +20,7 @@ public function index(Request $request): Response
     {
         $tags = $this->tagService->listForTeam($request->user()->team_id);
 
-        return Inertia::render('Tags', [
+        return Inertia::render('settings/Tags', [
             'tags' => $tags->through(
                 fn (Tag $tag) => (new TagResource($tag))->resolve($request)
             ),
@@ -31,7 +31,7 @@ public function store(TagStoreRequest $request): RedirectResponse
     {
         $this->tagService->create($request->validated(), $request->user());
 
-        return to_route('tags.index');
+        return to_route('settings.tags.index');
     }
 
     public function update(TagUpdateRequest $request, Tag $tag): RedirectResponse
@@ -40,7 +40,7 @@ public function update(TagUpdateRequest $request, Tag $tag): RedirectResponse
 
         $this->tagService->update($tag, $request->validated());
 
-        return to_route('tags.index');
+        return to_route('settings.tags.index');
     }
 
     public function destroy(Request $request, Tag $tag): RedirectResponse
@@ -49,6 +49,6 @@ public function destroy(Request $request, Tag $tag): RedirectResponse
 
         $this->tagService->delete($tag);
 
-        return to_route('tags.index');
+        return to_route('settings.tags.index');
     }
 }
diff --git a/app/Http/Middleware/HandleInertiaRequests.php b/app/Http/Middleware/HandleInertiaRequests.php
index 2209441..16ae3db 100644
--- a/app/Http/Middleware/HandleInertiaRequests.php
+++ b/app/Http/Middleware/HandleInertiaRequests.php
@@ -2,12 +2,15 @@
 
 namespace App\Http\Middleware;
 
+use App\Services\NotificationService;
 use Illuminate\Foundation\Inspiring;
 use Illuminate\Http\Request;
 use Inertia\Middleware;
 
 class HandleInertiaRequests extends Middleware
 {
+    public function __construct(private readonly NotificationService $notificationService) {}
+
     /**
      * The root template that's loaded on the first page visit.
      *
@@ -50,6 +53,11 @@ public function share(Request $request): array
                 ? $request->user()->accessibleTeamsQuery()->orderBy('name')->get(['id', 'name'])
                 : [],
             'sidebarOpen' => ! $request->hasCookie('sidebar_state') || $request->cookie('sidebar_state') === 'true',
+            'notifications' => fn () => [
+                'unreadCount' => $request->user()
+                    ? $this->notificationService->unreadCountFor($request->user())
+                    : 0,
+            ],
         ];
     }
 }
diff --git a/app/Http/Requests/Concerns/EventRules.php b/app/Http/Requests/Concerns/EventRules.php
new file mode 100644
index 0000000..b24edb2
--- /dev/null
+++ b/app/Http/Requests/Concerns/EventRules.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace App\Http\Requests\Concerns;
+
+use Illuminate\Validation\Rule;
+
+trait EventRules
+{
+    /**
+     * Common validation rules shared by event store and update requests.
+     *
+     * @return array<string, array<mixed>>
+     */
+    protected function eventRules(int $teamId): array
+    {
+        return [
+            'title' => ['required', 'string', 'max:255'],
+            'description' => ['nullable', 'string'],
+            'start_at' => ['required', 'date'],
+            'end_at' => ['required', 'date', 'after:start_at'],
+            'timezone' => ['sometimes', 'string', 'max:50'],
+            'has_video' => ['sometimes', 'boolean'],
+            'attendee_ids' => ['sometimes', 'array'],
+            'attendee_ids.*' => ['integer', Rule::exists('users', 'id')->where(
+                fn ($query) => $query->where('team_id', $teamId)
+            )],
+        ];
+    }
+}
diff --git a/app/Http/Requests/EventRespondRequest.php b/app/Http/Requests/EventRespondRequest.php
new file mode 100644
index 0000000..065393e
--- /dev/null
+++ b/app/Http/Requests/EventRespondRequest.php
@@ -0,0 +1,31 @@
+<?php
+
+namespace App\Http\Requests;
+
+use Illuminate\Contracts\Validation\ValidationRule;
+use Illuminate\Foundation\Http\FormRequest;
+
+class EventRespondRequest extends FormRequest
+{
+    /**
+     * Pull the response out of the route so it can be validated.
+     */
+    protected function prepareForValidation(): void
+    {
+        $this->merge([
+            'response' => $this->route('response'),
+        ]);
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array<string, ValidationRule|array<mixed>|string>
+     */
+    public function rules(): array
+    {
+        return [
+            'response' => ['required', 'in:accepted,declined'],
+        ];
+    }
+}
diff --git a/app/Http/Requests/EventStoreRequest.php b/app/Http/Requests/EventStoreRequest.php
new file mode 100644
index 0000000..15de4c4
--- /dev/null
+++ b/app/Http/Requests/EventStoreRequest.php
@@ -0,0 +1,22 @@
+<?php
+
+namespace App\Http\Requests;
+
+use App\Http\Requests\Concerns\EventRules;
+use Illuminate\Contracts\Validation\ValidationRule;
+use Illuminate\Foundation\Http\FormRequest;
+
+class EventStoreRequest extends FormRequest
+{
+    use EventRules;
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array<string, ValidationRule|array<mixed>|string>
+     */
+    public function rules(): array
+    {
+        return $this->eventRules($this->user()?->team_id);
+    }
+}
diff --git a/app/Http/Requests/EventUpdateRequest.php b/app/Http/Requests/EventUpdateRequest.php
new file mode 100644
index 0000000..89ae04b
--- /dev/null
+++ b/app/Http/Requests/EventUpdateRequest.php
@@ -0,0 +1,25 @@
+<?php
+
+namespace App\Http\Requests;
+
+use App\Http\Requests\Concerns\EventRules;
+use Illuminate\Contracts\Validation\ValidationRule;
+use Illuminate\Foundation\Http\FormRequest;
+
+class EventUpdateRequest extends FormRequest
+{
+    use EventRules;
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array<string, ValidationRule|array<mixed>|string>
+     */
+    public function rules(): array
+    {
+        $event = $this->route('event');
+        $teamId = $event?->calendar?->team_id ?? $this->user()?->team_id;
+
+        return $this->eventRules($teamId);
+    }
+}
diff --git a/app/Http/Resources/EventIndexResource.php b/app/Http/Resources/EventIndexResource.php
new file mode 100644
index 0000000..4a5e2aa
--- /dev/null
+++ b/app/Http/Resources/EventIndexResource.php
@@ -0,0 +1,25 @@
+<?php
+
+namespace App\Http\Resources;
+
+use Illuminate\Http\Request;
+use Illuminate\Http\Resources\Json\JsonResource;
+
+class EventIndexResource extends JsonResource
+{
+    /**
+     * Lightweight representation for the calendar grid.
+     *
+     * @return array<string, mixed>
+     */
+    public function toArray(Request $request): array
+    {
+        return [
+            'id' => $this->id,
+            'title' => $this->title,
+            'start_at' => $this->start_at?->toIso8601String(),
+            'end_at' => $this->end_at?->toIso8601String(),
+            'has_video' => $this->has_video,
+        ];
+    }
+}
diff --git a/app/Http/Resources/EventResource.php b/app/Http/Resources/EventResource.php
new file mode 100644
index 0000000..41a9238
--- /dev/null
+++ b/app/Http/Resources/EventResource.php
@@ -0,0 +1,40 @@
+<?php
+
+namespace App\Http\Resources;
+
+use Illuminate\Http\Request;
+use Illuminate\Http\Resources\Json\JsonResource;
+
+class EventResource extends JsonResource
+{
+    /**
+     * Transform the resource into an array.
+     *
+     * @return array<string, mixed>
+     */
+    public function toArray(Request $request): array
+    {
+        return [
+            'id' => $this->id,
+            'calendar_id' => $this->calendar_id,
+            'organizer_id' => $this->organizer_id,
+            'title' => $this->title,
+            'description' => $this->description,
+            'start_at' => $this->start_at?->toIso8601String(),
+            'end_at' => $this->end_at?->toIso8601String(),
+            'timezone' => $this->timezone,
+            'room_name' => $this->room_name,
+            'has_video' => $this->has_video,
+            'status' => $this->status,
+            'organizer' => $this->whenLoaded('organizer', fn () => [
+                'id' => $this->organizer->id,
+                'name' => $this->organizer->name,
+            ]),
+            'attendees' => $this->whenLoaded('attendees', fn () => $this->attendees
+                ->map(fn ($attendee) => [
+                    'id' => $attendee->id,
+                    'name' => $attendee->name,
+                ])->values()),
+        ];
+    }
+}
diff --git a/app/Http/Resources/NotificationResource.php b/app/Http/Resources/NotificationResource.php
new file mode 100644
index 0000000..dad7d01
--- /dev/null
+++ b/app/Http/Resources/NotificationResource.php
@@ -0,0 +1,57 @@
+<?php
+
+namespace App\Http\Resources;
+
+use App\Notifications\EventInvitation;
+use Illuminate\Contracts\Pagination\LengthAwarePaginator;
+use Illuminate\Http\Request;
+use Illuminate\Http\Resources\Json\JsonResource;
+
+class NotificationResource extends JsonResource
+{
+    /**
+     * Map backend notification classes to frontend-friendly aliases.
+     *
+     * When adding a new notification type (e.g. TaskAssigned), register it
+     * here to use it in the frontend.
+     *
+     * @var array<class-string, string>
+     */
+    private const TYPE_ALIASES = [
+        EventInvitation::class => 'event_invitation',
+    ];
+
+    /**
+     * Transform a page of notifications into the payload the dropdown loads.
+     *
+     * @return array{data: array<int, array<string, mixed>>, pagination: array{current_page: int, last_page: int, total: int, has_more: bool}}
+     */
+    public static function paginated(LengthAwarePaginator $notifications, Request $request): array
+    {
+        return [
+            'data' => self::collection($notifications->items())->resolve($request),
+            'pagination' => [
+                'current_page' => $notifications->currentPage(),
+                'last_page' => $notifications->lastPage(),
+                'total' => $notifications->total(),
+                'has_more' => $notifications->hasMorePages(),
+            ],
+        ];
+    }
+
+    /**
+     * Transform the resource into an array.
+     *
+     * @return array<string, mixed>
+     */
+    public function toArray(Request $request): array
+    {
+        return [
+            'id' => $this->id,
+            'type' => self::TYPE_ALIASES[$this->type] ?? $this->type,
+            'data' => $this->data,
+            'read_at' => $this->read_at?->toIso8601String(),
+            'created_at' => $this->created_at?->toIso8601String(),
+        ];
+    }
+}
diff --git a/app/Http/Resources/TaskResource.php b/app/Http/Resources/TaskResource.php
index 09828d0..dbebf74 100644
--- a/app/Http/Resources/TaskResource.php
+++ b/app/Http/Resources/TaskResource.php
@@ -127,7 +127,7 @@ public function toArray(Request $request): array
             'title' => $this->title,
             'description' => $description,
             'days_in_column' => $daysInColumn,
-            'due_date' => $this->due_date,
+            'due_date' => $this->due_date?->toIso8601String(),
             'created_by' => $this->created_by,
             'assigned_to' => $this->assigned_to,
             'creator' => $this->whenLoaded('creator', fn () => [
diff --git a/app/Models/Calendar.php b/app/Models/Calendar.php
new file mode 100644
index 0000000..817ea13
--- /dev/null
+++ b/app/Models/Calendar.php
@@ -0,0 +1,46 @@
+<?php
+
+namespace App\Models;
+
+use App\Observers\CalendarObserver;
+use Illuminate\Database\Eloquent\Attributes\ObservedBy;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\Relations\BelongsToMany;
+use Illuminate\Database\Eloquent\Relations\HasMany;
+
+#[ObservedBy([CalendarObserver::class])]
+class Calendar extends Model
+{
+    use HasFactory;
+
+    protected $fillable = [
+        'owner_id',
+        'team_id',
+        'name',
+        'color',
+    ];
+
+    public function owner(): BelongsTo
+    {
+        return $this->belongsTo(User::class, 'owner_id');
+    }
+
+    public function team(): BelongsTo
+    {
+        return $this->belongsTo(Team::class);
+    }
+
+    public function members(): BelongsToMany
+    {
+        return $this->belongsToMany(User::class, 'calendar_members')
+            ->withPivot('role')
+            ->withTimestamps();
+    }
+
+    public function events(): HasMany
+    {
+        return $this->hasMany(Event::class);
+    }
+}
diff --git a/app/Models/Event.php b/app/Models/Event.php
new file mode 100644
index 0000000..34f356a
--- /dev/null
+++ b/app/Models/Event.php
@@ -0,0 +1,75 @@
+<?php
+
+namespace App\Models;
+
+use Database\Factories\EventFactory;
+use Illuminate\Database\Eloquent\Concerns\HasUuids;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\Relations\BelongsToMany;
+
+class Event extends Model
+{
+    /** @use HasFactory<EventFactory> */
+    use HasFactory, HasUuids;
+
+    /**
+     * Generate a UUID for the uid column instead of the integer primary key.
+     *
+     * @return list<string>
+     */
+    public function uniqueIds(): array
+    {
+        return ['uid'];
+    }
+
+    protected $fillable = [
+        'calendar_id',
+        'organizer_id',
+        'uid',
+        'title',
+        'description',
+        'start_at',
+        'end_at',
+        'timezone',
+        'has_video',
+        'room_name',
+        'status',
+    ];
+
+    protected function casts(): array
+    {
+        return [
+            'start_at' => 'datetime',
+            'end_at' => 'datetime',
+            'has_video' => 'boolean',
+        ];
+    }
+
+    /**
+     * Get the calendars this event belongs to.
+     */
+    public function calendar(): BelongsTo
+    {
+        return $this->belongsTo(Calendar::class);
+    }
+
+    /**
+     * Get the user who organized the event.
+     */
+    public function organizer(): BelongsTo
+    {
+        return $this->belongsTo(User::class, 'organizer_id');
+    }
+
+    /**
+     * Get the users invited to the event.
+     */
+    public function attendees(): BelongsToMany
+    {
+        return $this->belongsToMany(User::class, 'event_attendees')
+            ->withPivot(['participation_status', 'responded_at', 'hidden_at'])
+            ->withTimestamps();
+    }
+}
diff --git a/app/Models/TeamMembership.php b/app/Models/TeamMembership.php
index eb1c937..ac17100 100644
--- a/app/Models/TeamMembership.php
+++ b/app/Models/TeamMembership.php
@@ -2,11 +2,14 @@
 
 namespace App\Models;
 
+use App\Observers\TeamMembershipObserver;
 use Database\Factories\TeamMembershipFactory;
+use Illuminate\Database\Eloquent\Attributes\ObservedBy;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
 use Illuminate\Database\Eloquent\Relations\BelongsTo;
 
+#[ObservedBy([TeamMembershipObserver::class])]
 class TeamMembership extends Model
 {
     /** @use HasFactory<TeamMembershipFactory> */
diff --git a/app/Models/User.php b/app/Models/User.php
index e051706..81f095e 100644
--- a/app/Models/User.php
+++ b/app/Models/User.php
@@ -88,6 +88,26 @@ public function taskComments(): HasMany
         return $this->hasMany(TaskComment::class);
     }
 
+    /**
+     * Get the calendars the user is a member of.
+     */
+    public function calendars(): BelongsToMany
+    {
+        return $this->belongsToMany(Calendar::class, 'calendar_members')
+            ->withPivot('role')
+            ->withTimestamps();
+    }
+
+    /**
+     * Get the events the user attends.
+     */
+    public function attendedEvents(): BelongsToMany
+    {
+        return $this->belongsToMany(Event::class, 'event_attendees')
+            ->withPivot(['participation_status', 'responded_at', 'hidden_at'])
+            ->withTimestamps();
+    }
+
     /**
      * Determine if the user is an owner.
      */
diff --git a/app/Notifications/EventInvitation.php b/app/Notifications/EventInvitation.php
new file mode 100644
index 0000000..b9e5a2a
--- /dev/null
+++ b/app/Notifications/EventInvitation.php
@@ -0,0 +1,51 @@
+<?php
+
+namespace App\Notifications;
+
+use App\Models\Event;
+use Illuminate\Bus\Queueable;
+use Illuminate\Notifications\Messages\MailMessage;
+use Illuminate\Notifications\Notification;
+
+class EventInvitation extends Notification
+{
+    use Queueable;
+
+    public function __construct(public Event $event) {}
+
+    public function via(object $notifiable): array
+    {
+        return ['database', 'mail'];
+    }
+
+    public function toDatabase(object $notifiable): array
+    {
+        return [
+            'event_id' => $this->event->id,
+            'title' => $this->event->title,
+            'description' => $this->event->description,
+            'start_time' => $this->event->start_at?->toISOString(),
+            'end_time' => $this->event->end_at?->toISOString(),
+            'inviter' => $this->event->organizer?->name,
+            'has_video' => $this->event->has_video,
+            'response' => 'needs_action',
+        ];
+    }
+
+    public function toArray(object $notifiable): array
+    {
+        return $this->toDatabase($notifiable);
+    }
+
+    public function toMail(object $notifiable): MailMessage
+    {
+        return (new MailMessage)
+            ->subject('You are invited to: '.$this->event->title)
+            ->greeting('Hello '.$notifiable->name.',')
+            ->line('You have been invited to an event on Taskly.')
+            ->line($this->event->title)
+            ->line($this->event->start_at->format('l, F j, Y at g:i A'))
+            ->action('View invitation', url('/calendar'))
+            ->line('You can accept or decline the invitation from Taskly.');
+    }
+}
diff --git a/app/Observers/CalendarObserver.php b/app/Observers/CalendarObserver.php
new file mode 100644
index 0000000..70283bd
--- /dev/null
+++ b/app/Observers/CalendarObserver.php
@@ -0,0 +1,18 @@
+<?php
+
+namespace App\Observers;
+
+use App\Models\Calendar;
+
+class CalendarObserver
+{
+    /**
+     * Add the owner to the calendar's members when it is created.
+     */
+    public function created(Calendar $calendar): void
+    {
+        $calendar->members()->syncWithoutDetaching([
+            $calendar->owner_id => ['role' => 'owner'],
+        ]);
+    }
+}
diff --git a/app/Observers/TeamMembershipObserver.php b/app/Observers/TeamMembershipObserver.php
new file mode 100644
index 0000000..2457a38
--- /dev/null
+++ b/app/Observers/TeamMembershipObserver.php
@@ -0,0 +1,20 @@
+<?php
+
+namespace App\Observers;
+
+use App\Models\Calendar;
+use App\Models\TeamMembership;
+
+class TeamMembershipObserver
+{
+    /**
+     * Ensure each team member owns a personal calendar for the team.
+     */
+    public function created(TeamMembership $membership): void
+    {
+        Calendar::firstOrCreate(
+            ['team_id' => $membership->team_id, 'owner_id' => $membership->user_id],
+            ['name' => 'My Calendar', 'color' => null],
+        );
+    }
+}
diff --git a/app/Policies/EventPolicy.php b/app/Policies/EventPolicy.php
new file mode 100644
index 0000000..1d3b742
--- /dev/null
+++ b/app/Policies/EventPolicy.php
@@ -0,0 +1,54 @@
+<?php
+
+namespace App\Policies;
+
+use App\Models\Event;
+use App\Models\User;
+
+class EventPolicy
+{
+    /**
+     * Determine whether the user can view the event details.
+     */
+    public function view(User $user, Event $event): bool
+    {
+        return $event->calendar?->team_id !== null
+            && $user->canAccessTeam($event->calendar->team_id);
+    }
+
+    /**
+     * Determine whether the user can update the event.
+     */
+    public function update(User $user, Event $event): bool
+    {
+        return $user->id === $event->organizer_id;
+    }
+
+    /**
+     * Determine whether the user can remove the event from their calendar.
+     */
+    public function delete(User $user, Event $event): bool
+    {
+        return $event->calendar?->team_id !== null
+            && $user->canAccessTeam($event->calendar->team_id);
+    }
+
+    /**
+     * Determine whether the user can answer the event invitation.
+     */
+    public function respond(User $user, Event $event): bool
+    {
+        return $event->calendar?->team_id !== null
+            && $user->canAccessTeam($event->calendar->team_id);
+    }
+
+    /**
+     * Determine whether the user can join the event's video room.
+     */
+    public function room(User $user, Event $event): bool
+    {
+        return $event->calendar?->team_id !== null
+            && $user->canAccessTeam($event->calendar->team_id)
+            && $event->has_video;
+    }
+}
diff --git a/app/Services/CalendarService.php b/app/Services/CalendarService.php
new file mode 100644
index 0000000..0cc2ddd
--- /dev/null
+++ b/app/Services/CalendarService.php
@@ -0,0 +1,320 @@
+<?php
+
+namespace App\Services;
+
+use App\Models\Calendar;
+use App\Models\Event;
+use App\Models\User;
+use App\Notifications\EventInvitation;
+use Firebase\JWT\JWT;
+use Illuminate\Database\Eloquent\Collection as EloquentCollection;
+use Illuminate\Notifications\DatabaseNotification;
+use Illuminate\Support\Collection;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Support\Str;
+
+class CalendarService
+{
+    /**
+     * The pivot table used to relate events and attendees.
+     */
+    private const ATTENDEE_TABLE = 'event_attendees';
+
+    /**
+     * Gather all the data needed to render the calendar page.
+     *
+     * @return array{events: EloquentCollection<int, Event>, teamMembers: EloquentCollection<int, User>}
+     */
+    public function indexData(User $user, ?string $start = null, ?string $end = null): array
+    {
+        $teamMembers = User::inTeam($user->team_id)
+            ->where('id', '!=', $user->id)
+            ->orderBy('name')
+            ->get(['id', 'name', 'email']);
+
+        if (! $start) {
+            $start = now()->startOfMonth()->subDays(14)->toIso8601String();
+        }
+        if (! $end) {
+            $end = now()->endOfMonth()->addDays(14)->toIso8601String();
+        }
+
+        $events = Event::query()
+            ->select(['id', 'calendar_id', 'organizer_id', 'title', 'start_at', 'end_at', 'has_video'])
+            ->whereHas('calendar', fn ($query) => $query->where('team_id', $user->team_id))
+            ->where(fn ($query) => $query->where('organizer_id', $user->id)
+                ->orWhereHas('attendees', fn ($attendees) => $attendees
+                    ->where(self::ATTENDEE_TABLE.'.user_id', $user->id)
+                    ->where(self::ATTENDEE_TABLE.'.participation_status', 'accepted')))
+            ->whereDoesntHave('attendees', fn ($attendees) => $attendees
+                ->where(self::ATTENDEE_TABLE.'.user_id', $user->id)
+                ->whereNotNull(self::ATTENDEE_TABLE.'.hidden_at'))
+            ->where('start_at', '<=', $end)
+            ->where('end_at', '>=', $start)
+            ->orderBy('start_at')
+            ->get();
+
+        return [
+            'events' => $events,
+            'teamMembers' => $teamMembers,
+        ];
+    }
+
+    /**
+     * Load a single event with all its detail relations.
+     */
+    public function show(Event $event): Event
+    {
+        return $event->load(['organizer:id,name', 'attendees:id,name']);
+    }
+
+    /**
+     * Get (or create) the user's personal calendar for their active team.
+     */
+    public function personalCalendar(User $user): Calendar
+    {
+        return Calendar::firstOrCreate(
+            ['team_id' => $user->team_id, 'owner_id' => $user->id],
+            ['name' => 'My Calendar', 'color' => null],
+        );
+    }
+
+    /**
+     * Create a new event on the user's calendar.
+     */
+    public function create(array $data, User $user): Event
+    {
+        $calendar = $this->personalCalendar($user);
+        $hasVideo = (bool) ($data['has_video'] ?? false);
+
+        $event = Event::create([
+            'calendar_id' => $calendar->id,
+            'organizer_id' => $user->id,
+            'title' => $data['title'],
+            'description' => $data['description'] ?? null,
+            'start_at' => $data['start_at'],
+            'end_at' => $data['end_at'],
+            'timezone' => $data['timezone'] ?? 'UTC',
+            'has_video' => $hasVideo,
+            'room_name' => $this->generateRoomName($hasVideo, $data['title']),
+        ]);
+
+        $event->attendees()->attach(
+            $this->teamAttendeeIds($user->team_id, $data['attendee_ids'] ?? [])
+                ->mapWithKeys(fn (int $id) => [$id => ['participation_status' => 'needs_action']])
+        );
+
+        $event->load('attendees');
+        $event->attendees->each->notify(new EventInvitation($event));
+
+        return $event;
+    }
+
+    /**
+     * Update an existing event while preserving responses.
+     */
+    public function update(Event $event, array $data): void
+    {
+        $hasVideo = (bool) ($data['has_video'] ?? false);
+
+        $event->update([
+            'title' => $data['title'],
+            'description' => $data['description'] ?? null,
+            'start_at' => $data['start_at'],
+            'end_at' => $data['end_at'],
+            'timezone' => $data['timezone'] ?? $event->timezone,
+            'has_video' => $hasVideo,
+            'room_name' => $this->generateRoomName($hasVideo, $data['title'], $event->room_name),
+        ]);
+
+        $existing = $event->attendees()->pluck(self::ATTENDEE_TABLE.'.participation_status', 'users.id');
+        $existingHidden = $event->attendees()->pluck(self::ATTENDEE_TABLE.'.hidden_at', 'users.id');
+
+        $attendeeIds = $this->teamAttendeeIds($event->calendar->team_id, $data['attendee_ids'] ?? []);
+
+        $event->attendees()->sync(
+            $attendeeIds->mapWithKeys(fn (int $id) => [
+                $id => [
+                    'participation_status' => $existing->get($id, 'needs_action'),
+                    'hidden_at' => $existingHidden->get($id),
+                ],
+            ])
+        );
+
+        $addedIds = $attendeeIds->diff($existing->keys());
+
+        if ($addedIds->isNotEmpty()) {
+            $this->teamAttendees($event->calendar->team_id, $addedIds)
+                ->each->notify(new EventInvitation($event));
+        }
+
+        $this->deleteInvitationNotifications($event, $existing->keys()->diff($attendeeIds));
+    }
+
+    /**
+     * Remove the event from a user's calendar.
+     */
+    public function hide(Event $event, User $user): void
+    {
+        $event->attendees()->syncWithoutDetaching([
+            $user->id => ['hidden_at' => now()],
+        ]);
+
+        if ($this->isAutomaticallyDeletable($event)) {
+            $this->deletePermanently($event);
+        }
+    }
+
+    /**
+     * Record an attendee's response to an invitation and mark related
+     * notifications as read.
+     */
+    public function respond(Event $event, User $user, string $response): void
+    {
+        $attendee = $event->attendees()->whereKey($user->id)->firstOrFail();
+
+        $event->attendees()->updateExistingPivot($attendee->id, [
+            'participation_status' => $response,
+            'responded_at' => now(),
+            'hidden_at' => null,
+        ]);
+
+        $this->markInvitationNotificationsResponded($user, $event, $response);
+
+        if ($this->isAutomaticallyDeletable($event)) {
+            $this->deletePermanently($event);
+        }
+    }
+
+    /**
+     * Generate a signed JWT for a Jitsi video room, or null when no secret
+     * is configured.
+     */
+    public function generateJitsiToken(User $user, string $roomName, bool $isModerator = false): ?string
+    {
+        $secret = config('services.jitsi.secret');
+
+        if (! $secret) {
+            return null;
+        }
+
+        return JWT::encode([
+            'aud' => 'jitsi',
+            'iss' => config('services.jitsi.app_id'),
+            'sub' => config('services.jitsi.app_id'),
+            'room' => $roomName,
+            'exp' => time() + 3600,
+            'context' => [
+                'user' => [
+                    'name' => $user->name,
+                    'email' => $user->email,
+                    'id' => (string) $user->id,
+                    'affiliation' => $isModerator ? 'owner' : 'member',
+                ],
+            ],
+        ], $secret, 'HS256');
+    }
+
+    // -------------------------------------------------------------------------
+    //  Private helpers
+    // -------------------------------------------------------------------------
+
+    /**
+     * Generate a unique room name for a video event, reusing an existing one
+     * when available.
+     */
+    private function generateRoomName(bool $hasVideo, string $title, ?string $existingRoom = null): ?string
+    {
+        if (! $hasVideo) {
+            return null;
+        }
+
+        return $existingRoom ?? Str::slug($title).'-'.Str::random(10);
+    }
+
+    /**
+     * Determine whether the event can be removed from the database: the organizer
+     * hides it and no pending or visible accepted attendee remains.
+     */
+    private function isAutomaticallyDeletable(Event $event): bool
+    {
+        $organizerHidden = $event->attendees()
+            ->where('users.id', $event->organizer_id)
+            ->whereNotNull(self::ATTENDEE_TABLE.'.hidden_at')
+            ->exists();
+
+        if (! $organizerHidden) {
+            return false;
+        }
+
+        $active = $event->attendees()
+            ->whereIn(self::ATTENDEE_TABLE.'.participation_status', ['accepted', 'needs_action'])
+            ->whereNull(self::ATTENDEE_TABLE.'.hidden_at')
+            ->count();
+
+        return $active === 0;
+    }
+
+    /**
+     * Delete the event and its invitations once nobody needs it anymore.
+     */
+    private function deletePermanently(Event $event): void
+    {
+        $this->deleteInvitationNotifications($event, $event->attendees->pluck('id'));
+
+        $event->delete();
+    }
+
+    /**
+     * Remove the invitation notifications of an event for the given users.
+     */
+    private function deleteInvitationNotifications(Event $event, Collection $userIds): void
+    {
+        if ($userIds->isEmpty()) {
+            return;
+        }
+
+        DB::table('notifications')
+            ->where('type', EventInvitation::class)
+            ->where('data->event_id', $event->id)
+            ->whereIn('notifiable_id', $userIds)
+            ->delete();
+    }
+
+    /**
+     * Mark invitation notifications as responded for a specific user and event.
+     */
+    private function markInvitationNotificationsResponded(User $user, Event $event, string $response): void
+    {
+        $user->notifications()
+            ->where('type', EventInvitation::class)
+            ->where('data->event_id', $event->id)
+            ->get()
+            ->each(function (DatabaseNotification $notification) use ($response) {
+                $notification->forceFill([
+                    'data' => [...$notification->data, 'response' => $response],
+                    'read_at' => now(),
+                ])->save();
+            });
+    }
+
+    /**
+     * Restrict attendee ids to the members of the event's team.
+     */
+    private function teamAttendeeIds(int $teamId, array $attendeeIds): Collection
+    {
+        return User::inTeam($teamId)
+            ->whereIn('id', $attendeeIds)
+            ->pluck('id');
+    }
+
+    /**
+     * Fetch the given team members as user models.
+     */
+    private function teamAttendees(int $teamId, Collection $ids): EloquentCollection
+    {
+        return User::inTeam($teamId)
+            ->whereIn('id', $ids)
+            ->get();
+    }
+}
diff --git a/app/Services/NotificationService.php b/app/Services/NotificationService.php
new file mode 100644
index 0000000..2aa7948
--- /dev/null
+++ b/app/Services/NotificationService.php
@@ -0,0 +1,30 @@
+<?php
+
+namespace App\Services;
+
+use App\Models\User;
+use Illuminate\Contracts\Pagination\LengthAwarePaginator;
+
+class NotificationService
+{
+    /**
+     * How many notifications the dropdown shows before the user loads more.
+     */
+    public const PER_PAGE = 5;
+
+    /**
+     * Paginate the notifications of a user, most recent first.
+     */
+    public function paginateFor(User $user): LengthAwarePaginator
+    {
+        return $user->notifications()->latest()->paginate(self::PER_PAGE);
+    }
+
+    /**
+     * Count the notifications a user has not read yet.
+     */
+    public function unreadCountFor(User $user): int
+    {
+        return $user->unreadNotifications()->count();
+    }
+}
diff --git a/composer.json b/composer.json
index 2ac63eb..e362edc 100644
--- a/composer.json
+++ b/composer.json
@@ -10,6 +10,7 @@
     "license": "MIT",
     "require": {
         "php": "^8.4",
+        "firebase/php-jwt": "^7.1",
         "inertiajs/inertia-laravel": "^3.0",
         "laravel/fortify": "^1.30",
         "laravel/framework": "^13.0",
diff --git a/composer.lock b/composer.lock
index 54ed489..9567e2e 100644
--- a/composer.lock
+++ b/composer.lock
@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "a7e8fec39514b3ce056622f14278e794",
+    "content-hash": "4862ffb94eca7f981210f3a7cf0e75dd",
     "packages": [
         {
             "name": "bacon/bacon-qr-code",
@@ -660,6 +660,72 @@
             ],
             "time": "2025-03-06T22:45:56+00:00"
         },
+        {
+            "name": "firebase/php-jwt",
+            "version": "v7.1.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/googleapis/php-jwt.git",
+                "reference": "b374a5d1a4f1f67fadc2165cdb284645945e2fc0"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/googleapis/php-jwt/zipball/b374a5d1a4f1f67fadc2165cdb284645945e2fc0",
+                "reference": "b374a5d1a4f1f67fadc2165cdb284645945e2fc0",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^8.0"
+            },
+            "require-dev": {
+                "guzzlehttp/guzzle": "^7.4",
+                "phpfastcache/phpfastcache": "^9.2",
+                "phpseclib/phpseclib": "~3.0",
+                "phpspec/prophecy-phpunit": "^2.0",
+                "phpunit/phpunit": "^9.5",
+                "psr/cache": "^2.0||^3.0",
+                "psr/http-client": "^1.0",
+                "psr/http-factory": "^1.0"
+            },
+            "suggest": {
+                "ext-sodium": "Support EdDSA (Ed25519) signatures",
+                "paragonie/sodium_compat": "Support EdDSA (Ed25519) signatures when libsodium is not present",
+                "phpseclib/phpseclib": "Support PS256 (RSASSA-PSS) signatures"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Firebase\\JWT\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Neuman Vong",
+                    "email": "neuman+pear@twilio.com",
+                    "role": "Developer"
+                },
+                {
+                    "name": "Anant Narayanan",
+                    "email": "anant@php.net",
+                    "role": "Developer"
+                }
+            ],
+            "description": "A simple library to encode and decode JSON Web Tokens (JWT) in PHP. Should conform to the current spec.",
+            "homepage": "https://github.com/googleapis/php-jwt",
+            "keywords": [
+                "jwt",
+                "php"
+            ],
+            "support": {
+                "issues": "https://github.com/googleapis/php-jwt/issues",
+                "source": "https://github.com/googleapis/php-jwt/tree/v7.1.0"
+            },
+            "time": "2026-06-11T17:54:14+00:00"
+        },
         {
             "name": "fruitcake/php-cors",
             "version": "v1.4.0",
diff --git a/config/services.php b/config/services.php
index 6a90eb8..6b27717 100644
--- a/config/services.php
+++ b/config/services.php
@@ -35,4 +35,10 @@
         ],
     ],
 
+    'jitsi' => [
+        'domain' => env('JITSI_DOMAIN') ?: 'meet.jit.si',
+        'app_id' => env('JITSI_APP_ID'),
+        'secret' => env('JITSI_APP_SECRET'),
+    ],
+
 ];
diff --git a/database/factories/CalendarFactory.php b/database/factories/CalendarFactory.php
new file mode 100644
index 0000000..2a88aa7
--- /dev/null
+++ b/database/factories/CalendarFactory.php
@@ -0,0 +1,30 @@
+<?php
+
+namespace Database\Factories;
+
+use App\Models\Calendar;
+use App\Models\User;
+use Illuminate\Database\Eloquent\Factories\Factory;
+
+/**
+ * @extends Factory<Calendar>
+ */
+class CalendarFactory extends Factory
+{
+    protected $model = Calendar::class;
+
+    /**
+     * Define the model's default state.
+     *
+     * @return array<string, mixed>
+     */
+    public function definition(): array
+    {
+        return [
+            'owner_id' => User::factory(),
+            'team_id' => null,
+            'name' => fake()->words(2, true),
+            'color' => fake()->hexColor(),
+        ];
+    }
+}
diff --git a/database/factories/DatabaseNotificationFactory.php b/database/factories/DatabaseNotificationFactory.php
new file mode 100644
index 0000000..f6c97a4
--- /dev/null
+++ b/database/factories/DatabaseNotificationFactory.php
@@ -0,0 +1,60 @@
+<?php
+
+namespace Database\Factories;
+
+use App\Notifications\EventInvitation;
+use Illuminate\Database\Eloquent\Factories\Factory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Notifications\DatabaseNotification;
+use Illuminate\Support\Str;
+
+/**
+ * @extends Factory<DatabaseNotification>
+ */
+class DatabaseNotificationFactory extends Factory
+{
+    protected $model = DatabaseNotification::class;
+
+    /**
+     * Define the model's default state.
+     *
+     * @return array<string, mixed>
+     */
+    public function definition(): array
+    {
+        return [
+            'id' => (string) Str::uuid(),
+            'type' => EventInvitation::class,
+            'data' => [
+                'event_id' => fake()->numberBetween(1, 100),
+                'title' => fake()->sentence(3),
+                'description' => fake()->paragraph(),
+                'start_time' => fake()->dateTime()->format('c'),
+                'end_time' => fake()->dateTime()->format('c'),
+                'inviter' => fake()->name(),
+                'has_video' => false,
+                'response' => 'needs_action',
+            ],
+            'read_at' => null,
+        ];
+    }
+
+    /**
+     * A notification the user already opened.
+     */
+    public function read(): static
+    {
+        return $this->state(fn () => ['read_at' => now()]);
+    }
+
+    /**
+     * A notification belonging to the given notifiable.
+     */
+    public function forNotifiable(Model $notifiable): static
+    {
+        return $this->state(fn () => [
+            'notifiable_id' => $notifiable->getKey(),
+            'notifiable_type' => $notifiable->getMorphClass(),
+        ]);
+    }
+}
diff --git a/database/factories/EventFactory.php b/database/factories/EventFactory.php
new file mode 100644
index 0000000..fd1640b
--- /dev/null
+++ b/database/factories/EventFactory.php
@@ -0,0 +1,36 @@
+<?php
+
+namespace Database\Factories;
+
+use App\Models\Calendar;
+use App\Models\Event;
+use App\Models\User;
+use Illuminate\Database\Eloquent\Factories\Factory;
+
+/**
+ * @extends Factory<Event>
+ */
+class EventFactory extends Factory
+{
+    protected $model = Event::class;
+
+    /**
+     * Define the model's default state.
+     *
+     * @return array<string, mixed>
+     */
+    public function definition(): array
+    {
+        return [
+            'calendar_id' => Calendar::factory(),
+            'organizer_id' => User::factory(),
+            'title' => fake()->sentence(3),
+            'description' => fake()->optional()->paragraph(),
+            'start_at' => fake()->dateTimeBetween('now', '+1 week'),
+            'end_at' => fn (array $attributes) => fake()->dateTimeBetween($attributes['start_at'], '+2 week'),
+            'timezone' => 'UTC',
+            'has_video' => false,
+            'status' => 'confirmed',
+        ];
+    }
+}
diff --git a/database/migrations/2026_08_26_190516_create_calendars_table.php b/database/migrations/2026_08_26_190516_create_calendars_table.php
new file mode 100644
index 0000000..11db5df
--- /dev/null
+++ b/database/migrations/2026_08_26_190516_create_calendars_table.php
@@ -0,0 +1,38 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('calendars', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('owner_id')->constrained('users')->cascadeOnDelete();
+            $table->foreignId('team_id')->nullable()->constrained('teams')->cascadeOnDelete();
+            $table->string('name');
+            $table->string('color', 7)->nullable();
+            $table->timestamps();
+
+            $table->unique(['team_id', 'owner_id']);
+        });
+
+        Schema::create('calendar_members', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('calendar_id')->constrained()->cascadeOnDelete();
+            $table->foreignId('user_id')->constrained()->cascadeOnDelete();
+            $table->enum('role', ['owner', 'writer', 'reader'])->default('writer');
+            $table->timestamps();
+
+            $table->unique(['calendar_id', 'user_id']);
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('calendar_members');
+        Schema::dropIfExists('calendars');
+    }
+};
diff --git a/database/migrations/2026_08_27_000000_create_events_table.php b/database/migrations/2026_08_27_000000_create_events_table.php
new file mode 100644
index 0000000..1c66c2b
--- /dev/null
+++ b/database/migrations/2026_08_27_000000_create_events_table.php
@@ -0,0 +1,47 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('events', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('calendar_id')->constrained()->cascadeOnDelete();
+            $table->foreignId('organizer_id')->nullable()->constrained('users')->nullOnDelete();
+            $table->uuid('uid')->unique();
+            $table->string('title');
+            $table->text('description')->nullable();
+            $table->dateTime('start_at');
+            $table->dateTime('end_at');
+            $table->string('timezone', 50)->default('UTC');
+            $table->boolean('has_video')->default(false);
+            $table->string('room_name')->unique()->nullable();
+            $table->enum('status', ['confirmed', 'cancelled'])->default('confirmed');
+            $table->timestamps();
+
+            $table->index('calendar_id');
+        });
+
+        Schema::create('event_attendees', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('event_id')->constrained()->cascadeOnDelete();
+            $table->foreignId('user_id')->constrained()->cascadeOnDelete();
+            $table->enum('participation_status', ['needs_action', 'accepted', 'declined', 'tentative'])->default('needs_action');
+            $table->timestamp('responded_at')->nullable();
+            $table->timestamp('hidden_at')->nullable();
+            $table->timestamps();
+
+            $table->unique(['event_id', 'user_id']);
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('event_attendees');
+        Schema::dropIfExists('events');
+    }
+};
diff --git a/database/migrations/2026_08_29_170312_create_notifications_table.php b/database/migrations/2026_08_29_170312_create_notifications_table.php
new file mode 100644
index 0000000..52e3b00
--- /dev/null
+++ b/database/migrations/2026_08_29_170312_create_notifications_table.php
@@ -0,0 +1,25 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('notifications', function (Blueprint $table) {
+            $table->uuid('id')->primary();
+            $table->string('type');
+            $table->morphs('notifiable');
+            $table->text('data');
+            $table->timestamp('read_at')->nullable();
+            $table->timestamps();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('notifications');
+    }
+};
diff --git a/package-lock.json b/package-lock.json
index 49b11c6..4ce60ff 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5,9 +5,10 @@
     "packages": {
         "": {
             "dependencies": {
+                "@fullcalendar/vue3": "^7.0.2",
                 "@inertiajs/vite": "^3.0.0",
                 "@inertiajs/vue3": "^3.0.0",
-                "@lucide/vue": "^1.31.0",
+                "@lucide/vue": "^1.43.0",
                 "@tiptap/core": "^3.27.1",
                 "@tiptap/extension-link": "^3.27.1",
                 "@tiptap/extension-paragraph": "^3.27.1",
@@ -17,8 +18,9 @@
                 "@vueuse/core": "^14.4.0",
                 "class-variance-authority": "^0.7.1",
                 "clsx": "^2.1.1",
+                "date-fns": "^4.4.0",
                 "laravel-vite-plugin": "^3.1.3",
-                "reka-ui": "^2.6.1",
+                "reka-ui": "^2.10.4",
                 "tailwind-merge": "^3.2.0",
                 "tailwindcss": "^4.1.1",
                 "tw-animate-css": "^1.2.5",
@@ -798,6 +800,41 @@
                 }
             }
         },
+        "node_modules/@full-ui/headless-calendar": {
+            "version": "7.0.2",
+            "resolved": "https://registry.npmjs.org/@full-ui/headless-calendar/-/headless-calendar-7.0.2.tgz",
+            "integrity": "sha512-i6UlTNjBVuiBca5Sq6OoLxFqK6eaQ/v1XOLObjRkzXLuSuNn+qs9/dUvlzrbeesn7QbRH7+u7lyvlQyq8WvmGA==",
+            "license": "MIT",
+            "peer": true,
+            "peerDependencies": {
+                "temporal-polyfill": "^1.0.1"
+            }
+        },
+        "node_modules/@fullcalendar/core": {
+            "version": "7.0.2",
+            "resolved": "https://registry.npmjs.org/@fullcalendar/core/-/core-7.0.2.tgz",
+            "integrity": "sha512-EkhE1wkPttp5kKNmUNLsMwl8nUuQmLdj30SPKagOEWMJUE4AHETAu/F/SbYoRq+nksm2GWPe9cQs1kbQP2H9pA==",
+            "license": "MIT",
+            "peerDependencies": {
+                "@full-ui/headless-calendar": "7.0.2",
+                "temporal-polyfill": "^1.0.1"
+            }
+        },
+        "node_modules/@fullcalendar/vue3": {
+            "version": "7.0.2",
+            "resolved": "https://registry.npmjs.org/@fullcalendar/vue3/-/vue3-7.0.2.tgz",
+            "integrity": "sha512-QCCMEA5ydWptaGI4y0i/2G/VsnDIL1Ohj9TMY4KB/bfDGnQE6qi6r8EKs7oAzSyWsTR6V/2U5pLPoN1fGWzCUQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@full-ui/headless-calendar": "7.0.2",
+                "@fullcalendar/core": "7.0.2",
+                "preact": "^10.29.0"
+            },
+            "peerDependencies": {
+                "temporal-polyfill": "^1.0.1",
+                "vue": "^3.0.11"
+            }
+        },
         "node_modules/@humanfs/core": {
             "version": "0.19.2",
             "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.2.tgz",
@@ -865,9 +902,9 @@
             }
         },
         "node_modules/@inertiajs/core": {
-            "version": "3.6.1",
-            "resolved": "https://registry.npmjs.org/@inertiajs/core/-/core-3.6.1.tgz",
-            "integrity": "sha512-h6+qqkKfpcoZvxWENy/F5yyiD00PIm8lK+ruQkt6HGk4d3N0LMS9GeUbWVQ4+TDZzIxP/vQLurPktnYvDhYeew==",
+            "version": "3.7.0",
+            "resolved": "https://registry.npmjs.org/@inertiajs/core/-/core-3.7.0.tgz",
+            "integrity": "sha512-JzysXTPsOpKcnR7ohwpgKE+UWBrKwW7z23DydWHSxjfQ02tJAKmNnZJAxnX7zH3zUSTqbtPge6QC8XhvfjNXmw==",
             "license": "MIT",
             "dependencies": {
                 "@jridgewell/trace-mapping": "^0.3.31",
@@ -884,12 +921,12 @@
             }
         },
         "node_modules/@inertiajs/vite": {
-            "version": "3.6.1",
-            "resolved": "https://registry.npmjs.org/@inertiajs/vite/-/vite-3.6.1.tgz",
-            "integrity": "sha512-Kd6OpBrs8AXkNX5ZQme2jfan531BjfqPu8aDGLPD6+cd1V7Wtsnpr9MhuPCYoasJ7bAEEz997KYjVhzHgZdTRg==",
+            "version": "3.7.0",
+            "resolved": "https://registry.npmjs.org/@inertiajs/vite/-/vite-3.7.0.tgz",
+            "integrity": "sha512-eoOqvIEgmsktC/b5NuZjsj3VvCJ7GsbvHFN2IgT/7DXjLVdXGygWeyYHmS57AGSbb6yOyebeBR6cYkk6YyHOmg==",
             "license": "MIT",
             "dependencies": {
-                "@inertiajs/core": "3.6.1",
+                "@inertiajs/core": "3.7.0",
                 "tinyglobby": "^0.2.15"
             },
             "peerDependencies": {
@@ -897,12 +934,12 @@
             }
         },
         "node_modules/@inertiajs/vue3": {
-            "version": "3.6.1",
-            "resolved": "https://registry.npmjs.org/@inertiajs/vue3/-/vue3-3.6.1.tgz",
-            "integrity": "sha512-7M76W7uw1DqxWR5O+OV7Yg23yITTDcRxuO7KCdQhI58rp9+OTv2BZId7ePSBmqahYOeXUZbTfZfVoS2O6/hijA==",
+            "version": "3.7.0",
+            "resolved": "https://registry.npmjs.org/@inertiajs/vue3/-/vue3-3.7.0.tgz",
+            "integrity": "sha512-RB3RPz0srHnsfo2CBXWF1Ox/l/ArKUIkVpwXwEZJ+U0xzlGfDTy+fFfocwLFsPoWSYfG+MHssTBMPZx82STkyw==",
             "license": "MIT",
             "dependencies": {
-                "@inertiajs/core": "3.6.1",
+                "@inertiajs/core": "3.7.0",
                 "es-toolkit": "^1.33.0",
                 "laravel-precognition": "^2.0.0"
             },
@@ -911,9 +948,9 @@
             }
         },
         "node_modules/@internationalized/date": {
-            "version": "3.12.3",
-            "resolved": "https://registry.npmjs.org/@internationalized/date/-/date-3.12.3.tgz",
-            "integrity": "sha512-fuLX+3ZKLsxI73y8b01EG/WjHb6gE6weCqlfawPO27kBWGMh9G1yH6Csv1uU7/cac9H2GHmOMt6CjmuQ1aia4Q==",
+            "version": "3.12.4",
+            "resolved": "https://registry.npmjs.org/@internationalized/date/-/date-3.12.4.tgz",
+            "integrity": "sha512-M1dEn4c1U1HsSlaVR8upZtSqvXrTkHDfv18H01uCSJyjVLDxnBR38v/fMxecmlwXKR4i9HeZcmgQAPE6A+aGJQ==",
             "license": "Apache-2.0",
             "dependencies": {
                 "@swc/helpers": "^0.5.0"
@@ -960,9 +997,9 @@
             }
         },
         "node_modules/@jridgewell/sourcemap-codec": {
-            "version": "1.5.5",
-            "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
-            "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+            "version": "1.6.0",
+            "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.6.0.tgz",
+            "integrity": "sha512-T7jf+5zgsZHwNJ4lvQ7/aezbyk0nNX+zJVWpmHA7VYsEx7a7qr5Rg5IbtJFqkgze5Y2sruq1RUY8Q837Od7iFw==",
             "license": "MIT"
         },
         "node_modules/@jridgewell/trace-mapping": {
@@ -983,9 +1020,9 @@
             "license": "MIT"
         },
         "node_modules/@lucide/vue": {
-            "version": "1.31.0",
-            "resolved": "https://registry.npmjs.org/@lucide/vue/-/vue-1.31.0.tgz",
-            "integrity": "sha512-NtjEHhcAa7umPh40wrRmlESJqNGdnpc7LziBKFnW3fmlrW0g2xMCDpdWU7WeEHRSl3xOpxbqiFTLKxoK3CoVCg==",
+            "version": "1.43.0",
+            "resolved": "https://registry.npmjs.org/@lucide/vue/-/vue-1.43.0.tgz",
+            "integrity": "sha512-Asq2HozXp4s7JxQVTVVeMo6WINVsJr477uNOafM3Qft1K1aDbbgkVuCP3X37UZXcVB4rEGXaIM//04Ndi2GJfQ==",
             "license": "ISC",
             "peerDependencies": {
                 "vue": ">=3.0.1"
@@ -1030,9 +1067,9 @@
             }
         },
         "node_modules/@oxc-project/types": {
-            "version": "0.143.0",
-            "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.143.0.tgz",
-            "integrity": "sha512-u6JZdLBTLotrNC9Vd6vPssINdzcCzleKAH6EJKImQb7GtYvX5keN2dxkoK44stCc4tffE6QQRtZTXVSzsLUlWA==",
+            "version": "0.147.0",
+            "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.147.0.tgz",
+            "integrity": "sha512-IJ3s6ltHLp45S0bh7phkX+gJO7A1Wuz2EaqpAhb8WjqDwbzMiWKHhyyT42tskaWjEYXtHtVCPpnBJVT9+dcRLg==",
             "license": "MIT",
             "funding": {
                 "url": "https://github.com/sponsors/Boshen"
@@ -1045,10 +1082,26 @@
             "dev": true,
             "license": "MIT"
         },
+        "node_modules/@rolldown/binding-android-arm-eabi": {
+            "version": "1.2.6",
+            "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm-eabi/-/binding-android-arm-eabi-1.2.6.tgz",
+            "integrity": "sha512-b+jTcARdTiFLI6jB4a5XjTm0RWd6KcRfQj/I2356fxUZemiho9zQLxo0RtCuMDAyKcLo6cEltkgbQp6d1+sjjQ==",
+            "cpu": [
+                "arm"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": "^20.19.0 || >=22.12.0"
+            }
+        },
         "node_modules/@rolldown/binding-android-arm64": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.2.3.tgz",
-            "integrity": "sha512-zrJtHDcaZJ1Fp7xf4hNl+7seH9Cn/N5TwLYkhgXREtBwAd/jaqW3uqeHxpDugJLVICWg4eW44kOQEGJ1r6jCGw==",
+            "version": "1.2.6",
+            "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.2.6.tgz",
+            "integrity": "sha512-lkWU8ZJaRk9q3CIEY1Tc7vIFALp3Xw5NfGJo2hQg5oIqNgxWi1zI+IiDEK3r70BF5Dzol1tcXsnzsRc8NLhG+Q==",
             "cpu": [
                 "arm64"
             ],
@@ -1062,9 +1115,9 @@
             }
         },
         "node_modules/@rolldown/binding-darwin-arm64": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.2.3.tgz",
-            "integrity": "sha512-ieIiibVCp0tX7TLu2cafoNPv8wJyYi01ekXpbf8q2j7F4rGAhhXb/eQh7ge9DRBY78GwmRQtvjZDux7EDbA8kA==",
+            "version": "1.2.6",
+            "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.2.6.tgz",
+            "integrity": "sha512-dgR56NYnvAszm7Ob1B2/Vn0e8bUQYZH2UjVaMMtMVOCKFSfjhfLmuA/9+O+F+ajUdG6B/bSssrKW6JJYASa8jA==",
             "cpu": [
                 "arm64"
             ],
@@ -1078,9 +1131,9 @@
             }
         },
         "node_modules/@rolldown/binding-darwin-x64": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.2.3.tgz",
-            "integrity": "sha512-Zh9tCon19eDXJoihx0rqKhMUlMYqzwj3aPsSuHmI4RWZh62dWUL+DJN4C5YQya5TcQBJU/Fe8+rY0jhXTQITqA==",
+            "version": "1.2.6",
+            "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.2.6.tgz",
+            "integrity": "sha512-vpVxFvUCFioJqug7OTvqptkc4yb8UX0AwfDmJpaR/0sWz+BUmqSVAf7c8JkUgnN8YLspb4a/N6NhTyMAmdyQ7Q==",
             "cpu": [
                 "x64"
             ],
@@ -1094,9 +1147,9 @@
             }
         },
         "node_modules/@rolldown/binding-freebsd-x64": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.2.3.tgz",
-            "integrity": "sha512-nGbJWewA1wrXXZiQhjAT5rhibGfns5ZNkDVqxsO6zJ3f3YvpoDNNmGMSbbhLuXKjNScaBJVOAboztAWVespQMg==",
+            "version": "1.2.6",
+            "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.2.6.tgz",
+            "integrity": "sha512-h1wG6Y6K3JlRswxsI64qQJqBAy4vrLuHgRbc8CZMGSWTOFRY6ghMApM1NKzB2I0n5xV1fjkE18SuVl2QpLeNpA==",
             "cpu": [
                 "x64"
             ],
@@ -1110,9 +1163,9 @@
             }
         },
         "node_modules/@rolldown/binding-linux-arm-gnueabihf": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.2.3.tgz",
-            "integrity": "sha512-QNniJr5Kml0kDEB98jiDOJjXNroxIIi0IXIbdYzY26Xt1pVbeP62+KnoIZLwirOymX/0jDk/2gI/bNUv7A7OIw==",
+            "version": "1.2.6",
+            "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.2.6.tgz",
+            "integrity": "sha512-tbCiqub0q2MVWJKgF5PoAlNWCtQydiOYSLIkd8sByqK/6MMYLJRcSXSYodqYtd0O+Fw7QaVmKKlS4oL94YRZ0w==",
             "cpu": [
                 "arm"
             ],
@@ -1126,9 +1179,9 @@
             }
         },
         "node_modules/@rolldown/binding-linux-arm64-gnu": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.2.3.tgz",
-            "integrity": "sha512-TkqEAcmmvH3I/q4114NB4RVt6241Dao48pF45uLcFGrwAaIn0iITgTAKP/dLjbN0R4buJjGb91+UHSoFmpgIWw==",
+            "version": "1.2.6",
+            "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.2.6.tgz",
+            "integrity": "sha512-oxK9+baEBPhZG5HB4URY+uU04zJWeZlH6Tb9rB5DK4DF9XR1uXNLXt5Q5ZsugTKayNCNLhkcwz/ye74hRI98dg==",
             "cpu": [
                 "arm64"
             ],
@@ -1142,9 +1195,9 @@
             }
         },
         "node_modules/@rolldown/binding-linux-arm64-musl": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.2.3.tgz",
-            "integrity": "sha512-NHqjnxpsndf4MPymxteFAWHHfkTL8HjWh1KB7z23ofZ6QO2euONuxDXjat69dKZRALnGypg8k8SsK8vZJoXv1Q==",
+            "version": "1.2.6",
+            "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.2.6.tgz",
+            "integrity": "sha512-muWCk27FVBEZtv0MsK8gnfSmgczA8KQ0uRVJbTABKhkRfQc38aUrcb7fhi3BNiyseFmgcRsoMfQsSNJ+DbZdSw==",
             "cpu": [
                 "arm64"
             ],
@@ -1158,9 +1211,9 @@
             }
         },
         "node_modules/@rolldown/binding-linux-ppc64-gnu": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.2.3.tgz",
-            "integrity": "sha512-6tbrbwfz5GB9DQ4Jwo6hy9v+vR31xZlvzZ6n5Xut6Hhx5PvrA9q/HsK8KMaYQp063iqZGXwNvZtYNLD7EM/x0w==",
+            "version": "1.2.6",
+            "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.2.6.tgz",
+            "integrity": "sha512-eWDoSfU7Co2qj3vgB3Dt4lj1mG6CoWbcJQkRMP3XJplyCMtuaq3LHvPFjS9QIPvMGWVadJC04Xiy0IdcVPtnwQ==",
             "cpu": [
                 "ppc64"
             ],
@@ -1174,9 +1227,9 @@
             }
         },
         "node_modules/@rolldown/binding-linux-s390x-gnu": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.2.3.tgz",
-            "integrity": "sha512-oyuXxXmoZHjXC917IAPFAAv4wWAa0cM9afk8nx1+9/jNNOX1uPf8yDA6p7G0RypOfw/X0PQt5IfoquY1um+zSg==",
+            "version": "1.2.6",
+            "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.2.6.tgz",
+            "integrity": "sha512-2bWNjRSIayvupRKxXUY2tWG9fYdoUlTqWywHRvE8Eq3GvuQ+f2HeIkve697fIt+IQs/PV8yFsdWuhp1aJ1PdnA==",
             "cpu": [
                 "s390x"
             ],
@@ -1190,9 +1243,9 @@
             }
         },
         "node_modules/@rolldown/binding-linux-x64-gnu": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.2.3.tgz",
-            "integrity": "sha512-TytMwF2KVGqP2tgd0I1OY0PAv78dZRAYcF5ssDzjM34SUXCED3uXvSd5+lHoC0bTD6eEdFz7LdQNCO1y0oVk9w==",
+            "version": "1.2.6",
+            "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.2.6.tgz",
+            "integrity": "sha512-KekI0gS0wLxe1UBSQSjenBVwou/JkcQPDzBPICGZjxUv9k3RteHDPBQaiOicZUFKRIH2wKEimGwVpnJsbPzu7w==",
             "cpu": [
                 "x64"
             ],
@@ -1206,9 +1259,9 @@
             }
         },
         "node_modules/@rolldown/binding-linux-x64-musl": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.2.3.tgz",
-            "integrity": "sha512-/E9m3qstrJFVPoULV25mVQblSNExY2+kBsYe4sy0Tn0yOOgJ8wZbZt3KnRbF/XeU2Gl1STKUQnDNTqhIE5MD4A==",
+            "version": "1.2.6",
+            "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.2.6.tgz",
+            "integrity": "sha512-TvtPnfVr+HtyGiDmPK4VWmlNm7QhNNAcK5Q9A7aOXsI8545yCyaoMaicXrFZ72JzeYjaUVk7yT243zT0jzjFKQ==",
             "cpu": [
                 "x64"
             ],
@@ -1222,9 +1275,9 @@
             }
         },
         "node_modules/@rolldown/binding-openharmony-arm64": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.2.3.tgz",
-            "integrity": "sha512-Kr0OcsoQI816i6HOl3vFHpd1K0eZyh76zgfj4c1nTyaTsd5r2Mj1lwM4R90y/qaCfmTn9eHy0SKwi98eitRxug==",
+            "version": "1.2.6",
+            "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.2.6.tgz",
+            "integrity": "sha512-iOo0VEay2XFhaCcH0sps5XIimkSuOnNaZrf6+ZkoSOQBJPKNU48RkmJv0/lSpipexu5P+ouFgafe5IGr/DiQfg==",
             "cpu": [
                 "arm64"
             ],
@@ -1238,9 +1291,9 @@
             }
         },
         "node_modules/@rolldown/binding-win32-arm64-msvc": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.2.3.tgz",
-            "integrity": "sha512-hOtMwTqnME+/gJcH/PCZ0wn0zPUjiWOgkHpxbSJpfGKMezHltx1S7/k1SitzVa7Ww2cqrDDaFbZEhcJZO8o+Jw==",
+            "version": "1.2.6",
+            "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.2.6.tgz",
+            "integrity": "sha512-y5NTmmasMS455JlOCO4ZM9krIchv3Mvm1crL1iUPGOPgEzSkves9n0SdC5Sjz6+qWDFhd8/JpfWMH8NSWNHe+A==",
             "cpu": [
                 "arm64"
             ],
@@ -1254,9 +1307,9 @@
             }
         },
         "node_modules/@rolldown/binding-win32-x64-msvc": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.2.3.tgz",
-            "integrity": "sha512-ekcqMMkI2PlhYnfzQnB/cEdYUVVJViWvoUyLrbzgDoi3Snfc1mVBwdnc306ufA5ejy8JSPjT2RlW1nQSjW7efg==",
+            "version": "1.2.6",
+            "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.2.6.tgz",
+            "integrity": "sha512-np8iZSLfXlAD4kWhiyq/u0Yt8oZDtRQ8lGhQaCXo2rl37KNjeU0GjJuwr4P3oeZ++ROfofsKNBqR5LTO8aXyWQ==",
             "cpu": [
                 "x64"
             ],
@@ -1581,9 +1634,9 @@
             }
         },
         "node_modules/@tanstack/virtual-core": {
-            "version": "3.17.7",
-            "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.17.7.tgz",
-            "integrity": "sha512-bp+v10y65sp2H7WpWfIMyxTNfl8ZVfxFTLRjPIFRryi6FV/J33z4IS53WO4pTk36KlvJ4iLiQz+oaydDC1xbcA==",
+            "version": "3.17.8",
+            "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.17.8.tgz",
+            "integrity": "sha512-BfEvehNpOT75r5Ksc5xW6NZuXujTfb7nlSEyVu4XHG3gdxNg1KqXruWbDewXOUaUYIo4oRbSfkjIajz4MAT8tA==",
             "license": "MIT",
             "funding": {
                 "type": "github",
@@ -1591,12 +1644,12 @@
             }
         },
         "node_modules/@tanstack/vue-virtual": {
-            "version": "3.13.35",
-            "resolved": "https://registry.npmjs.org/@tanstack/vue-virtual/-/vue-virtual-3.13.35.tgz",
-            "integrity": "sha512-lOfSPvgPdlaH6Qy+CyIc3XpycitaSQ9GECndGpTuDiu+uDA1am+90yWXwzDSd/20ZM196ggWJLS+Qb6WjVd/OA==",
+            "version": "3.13.36",
+            "resolved": "https://registry.npmjs.org/@tanstack/vue-virtual/-/vue-virtual-3.13.36.tgz",
+            "integrity": "sha512-gKpExv4RbB9luVG+SucTXoqPZv/gzu/Yvz6BNO+8kpNxJ2x+I/ulryzl5W9BRciahZGp5Tls3Dp5XP1ztVGbMw==",
             "license": "MIT",
             "dependencies": {
-                "@tanstack/virtual-core": "3.17.7"
+                "@tanstack/virtual-core": "3.17.8"
             },
             "funding": {
                 "type": "github",
@@ -1607,9 +1660,9 @@
             }
         },
         "node_modules/@tiptap/core": {
-            "version": "3.29.2",
-            "resolved": "https://registry.npmjs.org/@tiptap/core/-/core-3.29.2.tgz",
-            "integrity": "sha512-oKUkiPUB7noilVYxI9lNzUD4rX17sHub+PYjMfHMWHG9A3nvIy+FdePIVIIhThKWF7ijhr3eIqHY51Bn+GAFtw==",
+            "version": "3.30.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/core/-/core-3.30.5.tgz",
+            "integrity": "sha512-3O7N0FyKIfuLV+xrdWyDM3V5eUY/q2CgLjhhMwOAbM1Pu7VPp9VP+TpEYOdH8aRyB+h1vj5hX5A747D8ZrPfHA==",
             "license": "MIT",
             "peer": true,
             "funding": {
@@ -1617,40 +1670,40 @@
                 "url": "https://github.com/sponsors/ueberdosis"
             },
             "peerDependencies": {
-                "@tiptap/pm": "3.29.2"
+                "@tiptap/pm": "3.30.5"
             }
         },
         "node_modules/@tiptap/extension-blockquote": {
-            "version": "3.29.2",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-blockquote/-/extension-blockquote-3.29.2.tgz",
-            "integrity": "sha512-ca4OzKDh0yaxg2+Z56bC2QnWsNsFp2YMRfVig1PDXyMVFMNJpLcnhxgq/9btn+xYAlYrj8RymOeCTYREOR6Zjg==",
+            "version": "3.30.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-blockquote/-/extension-blockquote-3.30.5.tgz",
+            "integrity": "sha512-8pf1ZDrl6XlVPUee/2YlWZPFSF7yqsJEX6WLW41x06MT1dapG3Qudcns0znj6kYsX8JXTJ+Mhegy4z19bvTtRg==",
             "license": "MIT",
             "funding": {
                 "type": "github",
                 "url": "https://github.com/sponsors/ueberdosis"
             },
             "peerDependencies": {
-                "@tiptap/core": "3.29.2",
-                "@tiptap/pm": "3.29.2"
+                "@tiptap/core": "3.30.5",
+                "@tiptap/pm": "3.30.5"
             }
         },
         "node_modules/@tiptap/extension-bold": {
-            "version": "3.29.2",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-bold/-/extension-bold-3.29.2.tgz",
-            "integrity": "sha512-elYbGxJsYnBb4leqrcjdIJuiG380BcOgN+UUzvOv+qEjfGVzHodFOMBl3qnmD6urYHNu5/qQK2S0qSSRXKCLNQ==",
+            "version": "3.30.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-bold/-/extension-bold-3.30.5.tgz",
+            "integrity": "sha512-MLZS+s/BJiJbv2C2M3G4FQGn43kPwYUUr2TiW3afSn+dRkEZlDxx5CwZYbe1PEt2+VX/SIifn945Oqr3s0axSA==",
             "license": "MIT",
             "funding": {
                 "type": "github",
                 "url": "https://github.com/sponsors/ueberdosis"
             },
             "peerDependencies": {
-                "@tiptap/core": "3.29.2"
+                "@tiptap/core": "3.30.5"
             }
         },
         "node_modules/@tiptap/extension-bubble-menu": {
-            "version": "3.29.2",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-bubble-menu/-/extension-bubble-menu-3.29.2.tgz",
-            "integrity": "sha512-kzcWarcpr031rZu+R3Hzut5uxb3Qj/xxMDEYZIQ3uiq1yb5vEMXj8/SIyWautk6Nu8Rr1leV3rGdR4NzhzyFAA==",
+            "version": "3.30.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-bubble-menu/-/extension-bubble-menu-3.30.5.tgz",
+            "integrity": "sha512-redcmBInVwmipjF/WEVcNwCUJgJygUv8leidfRb/jBSAwx7GgnQWPr2HVQDk9zeTt3ykWld2NRdrk94Crjymow==",
             "license": "MIT",
             "optional": true,
             "dependencies": {
@@ -1661,80 +1714,80 @@
                 "url": "https://github.com/sponsors/ueberdosis"
             },
             "peerDependencies": {
-                "@tiptap/core": "3.29.2",
-                "@tiptap/pm": "3.29.2"
+                "@tiptap/core": "3.30.5",
+                "@tiptap/pm": "3.30.5"
             }
         },
         "node_modules/@tiptap/extension-bullet-list": {
-            "version": "3.29.2",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-bullet-list/-/extension-bullet-list-3.29.2.tgz",
-            "integrity": "sha512-3bWcCUPbCHv0XttlMdnAtXLNYWx2pblByMgxmGsaP9FU0QnslGXty6A6gHCqI33ygRg1vrA6U5Wtpwbi5aKu5g==",
+            "version": "3.30.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-bullet-list/-/extension-bullet-list-3.30.5.tgz",
+            "integrity": "sha512-66OGw4suO0Gr/4QAEiSvVi0eSvEqStvu1moHUSvUlwvEqnuB0ME2w9HuRogPElzWdrYLzbBA47mlCi9Veva0ew==",
             "license": "MIT",
             "funding": {
                 "type": "github",
                 "url": "https://github.com/sponsors/ueberdosis"
             },
             "peerDependencies": {
-                "@tiptap/extension-list": "3.29.2"
+                "@tiptap/extension-list": "3.30.5"
             }
         },
         "node_modules/@tiptap/extension-code": {
-            "version": "3.29.2",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-code/-/extension-code-3.29.2.tgz",
-            "integrity": "sha512-c6W5UGuB7WNLpYocsgRzpO2OOTI4QjaI9jjHRMuty9z+s9DtaYM/HrRLNwVh6MopkHb+i/89Wkv8gCS34fftig==",
+            "version": "3.30.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-code/-/extension-code-3.30.5.tgz",
+            "integrity": "sha512-0dCt8eBo4sMtw+LjUu+0GF0JrTlREROdWoy8TM5kFPxJ5ZU2LKDiROXDPwXStaaoFFR/aStLH9xSpdz7cHUiUA==",
             "license": "MIT",
             "funding": {
                 "type": "github",
                 "url": "https://github.com/sponsors/ueberdosis"
             },
             "peerDependencies": {
-                "@tiptap/core": "3.29.2"
+                "@tiptap/core": "3.30.5"
             }
         },
         "node_modules/@tiptap/extension-code-block": {
-            "version": "3.29.2",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-code-block/-/extension-code-block-3.29.2.tgz",
-            "integrity": "sha512-w153ct8g6dLiPTdXQ6SOIMxX4SEo5Q50AmjdEEEcJ7ZcYUcde/ScSskLHfOYmyt5ZFAiyEwr121+pux+p3/oAQ==",
+            "version": "3.30.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-code-block/-/extension-code-block-3.30.5.tgz",
+            "integrity": "sha512-SvkNoOio2xBy9AtSMyFKMp88MTUvyIXsGCnuz71INV2wHdH4VfRPoQLT6e077LpTCa9w6LHyTKtbZA4HYOp7wg==",
             "license": "MIT",
             "funding": {
                 "type": "github",
                 "url": "https://github.com/sponsors/ueberdosis"
             },
             "peerDependencies": {
-                "@tiptap/core": "3.29.2",
-                "@tiptap/pm": "3.29.2"
+                "@tiptap/core": "3.30.5",
+                "@tiptap/pm": "3.30.5"
             }
         },
         "node_modules/@tiptap/extension-document": {
-            "version": "3.29.2",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-document/-/extension-document-3.29.2.tgz",
-            "integrity": "sha512-YUamvefLnsqu6124GavVTI7nqcFlQJ12ROB0oSwG69eSBZYNjg1tIs05LFrBxkwf4Xgqd6YzfJ9+FeG428RvzQ==",
+            "version": "3.30.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-document/-/extension-document-3.30.5.tgz",
+            "integrity": "sha512-4mKoD3bBr5W2AQ2Y/7amOqcVw0eqJbUwRtwvxypeo5Hi0PB9O5Ev8P05c3EUTo10bllqdKYXGeCU5AcgdQsHWQ==",
             "license": "MIT",
             "funding": {
                 "type": "github",
                 "url": "https://github.com/sponsors/ueberdosis"
             },
             "peerDependencies": {
-                "@tiptap/core": "3.29.2"
+                "@tiptap/core": "3.30.5"
             }
         },
         "node_modules/@tiptap/extension-dropcursor": {
-            "version": "3.29.2",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-dropcursor/-/extension-dropcursor-3.29.2.tgz",
-            "integrity": "sha512-KKno7cU9r1HdR48CRrsDu69/1UjZdoslq/UcE+Kx+tdhAv/aljXMkRSNzGMrBNOBDmHRgS1+58zm21WQWdQzwA==",
+            "version": "3.30.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-dropcursor/-/extension-dropcursor-3.30.5.tgz",
+            "integrity": "sha512-gJxn9PMUee8zazQBYqbOZiI7zTFXPVJ15AzTnLfUu4eDtPieMwtpgcjhCt4bZlp37drLm+Li76wWLirb7iLxsw==",
             "license": "MIT",
             "funding": {
                 "type": "github",
                 "url": "https://github.com/sponsors/ueberdosis"
             },
             "peerDependencies": {
-                "@tiptap/extensions": "3.29.2"
+                "@tiptap/extensions": "3.30.5"
             }
         },
         "node_modules/@tiptap/extension-floating-menu": {
-            "version": "3.29.2",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-floating-menu/-/extension-floating-menu-3.29.2.tgz",
-            "integrity": "sha512-CBTq4Xs5aGWr65uFCIkKBms796OhmirWf/ax//iJ4fl9IfwqjwFuc2vQs9PmuwpKn9ctDHo2sMTtvyeCvIt5LQ==",
+            "version": "3.30.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-floating-menu/-/extension-floating-menu-3.30.5.tgz",
+            "integrity": "sha512-gTjGPWUpGn8IoW533TciZJZC/81LmBgU7zee+aRMRF3ix3K2z1pJjl6knDvrRQA6Kom+yWFaiueqGNXkrk38XQ==",
             "license": "MIT",
             "optional": true,
             "funding": {
@@ -1743,80 +1796,80 @@
             },
             "peerDependencies": {
                 "@floating-ui/dom": "^1.0.0",
-                "@tiptap/core": "3.29.2",
-                "@tiptap/pm": "3.29.2"
+                "@tiptap/core": "3.30.5",
+                "@tiptap/pm": "3.30.5"
             }
         },
         "node_modules/@tiptap/extension-gapcursor": {
-            "version": "3.29.2",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-gapcursor/-/extension-gapcursor-3.29.2.tgz",
-            "integrity": "sha512-8Q39UR4/Tit759IeW9xZIe3NMwN11GsuA3FLheDyyGn7RrW02HD3HhUDlazE54Ki4HoosjFmChPlN4Ik2ubdRQ==",
+            "version": "3.30.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-gapcursor/-/extension-gapcursor-3.30.5.tgz",
+            "integrity": "sha512-h3m2ZA1XXLAfdHwdtG0MZnf0KWbNyP8xTI3RUlTDR5apmKmYVBaeocOJwTcFFZ92gPKqxYKyhteZqYtHOCZGJA==",
             "license": "MIT",
             "funding": {
                 "type": "github",
                 "url": "https://github.com/sponsors/ueberdosis"
             },
             "peerDependencies": {
-                "@tiptap/extensions": "3.29.2"
+                "@tiptap/extensions": "3.30.5"
             }
         },
         "node_modules/@tiptap/extension-hard-break": {
-            "version": "3.29.2",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-hard-break/-/extension-hard-break-3.29.2.tgz",
-            "integrity": "sha512-eUW3LN3fq8rXnjEUeI3D2QONYdLsU3yYQm4jxlErs2h4cfwrFjgf19VSUFVmm6LrFbbQ0OnDVPeVLL6iOwDw2w==",
+            "version": "3.30.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-hard-break/-/extension-hard-break-3.30.5.tgz",
+            "integrity": "sha512-PcL4Z8l/DlauwZUJg0jf6SXKk6/YOXJtd8yYzqHrmCLRoY4kAa7+TxUhc/lWhuitUiOZ8+nB8V/NNM+WR6mRaw==",
             "license": "MIT",
             "funding": {
                 "type": "github",
                 "url": "https://github.com/sponsors/ueberdosis"
             },
             "peerDependencies": {
-                "@tiptap/core": "3.29.2"
+                "@tiptap/core": "3.30.5"
             }
         },
         "node_modules/@tiptap/extension-heading": {
-            "version": "3.29.2",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-heading/-/extension-heading-3.29.2.tgz",
-            "integrity": "sha512-6W4aIy70Mh7BNlbG9zZ5FBLhJhU2UUEzgZJ/jwYSCcB30o8McLxJSEjhtoHiX8R78Ah2/JzBGvIe5olZlbeE4A==",
+            "version": "3.30.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-heading/-/extension-heading-3.30.5.tgz",
+            "integrity": "sha512-x7e7+p1bWXvwz6vqONPP1SVB73V0gZP7LIDL/5KMnxWLjahMTabgVPgjV30kz7GsOEgUYtEf7eCyGVGNNWL5Dg==",
             "license": "MIT",
             "funding": {
                 "type": "github",
                 "url": "https://github.com/sponsors/ueberdosis"
             },
             "peerDependencies": {
-                "@tiptap/core": "3.29.2"
+                "@tiptap/core": "3.30.5"
             }
         },
         "node_modules/@tiptap/extension-horizontal-rule": {
-            "version": "3.29.2",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-horizontal-rule/-/extension-horizontal-rule-3.29.2.tgz",
-            "integrity": "sha512-8/ZPzbB9X85Mc9/7xVLZupQKBr2UVcQTGr512xtqMW+XkCQRHCph46tRo828YE13IMWI5fWn/FaNCqXG9cULSw==",
+            "version": "3.30.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-horizontal-rule/-/extension-horizontal-rule-3.30.5.tgz",
+            "integrity": "sha512-s5t2xM6wPYRJl2cqYplc7Ze8m8xddk4DP2v0aLFcUuD100D1B5eJbxsiwLK6wBAzNwiuVjd486RnmUpcswaXhQ==",
             "license": "MIT",
             "funding": {
                 "type": "github",
                 "url": "https://github.com/sponsors/ueberdosis"
             },
             "peerDependencies": {
-                "@tiptap/core": "3.29.2",
-                "@tiptap/pm": "3.29.2"
+                "@tiptap/core": "3.30.5",
+                "@tiptap/pm": "3.30.5"
             }
         },
         "node_modules/@tiptap/extension-italic": {
-            "version": "3.29.2",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-italic/-/extension-italic-3.29.2.tgz",
-            "integrity": "sha512-iH63V/5wsaMnY4Jz0+meaAGhaec4AiOzOduzl6ZZr5IyGhZ1kthyW84ELt0dyLI3hNceAUhaNWc+I7+vX0aoXA==",
+            "version": "3.30.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-italic/-/extension-italic-3.30.5.tgz",
+            "integrity": "sha512-Fu9EuSRlHQNGES7UhY4mQod3yUKnWwxsGlPuDJURfwju/Ug04Jz8iRuERZBPcRgLNkwKDmbDsWUZF72RRIL2Uw==",
             "license": "MIT",
             "funding": {
                 "type": "github",
                 "url": "https://github.com/sponsors/ueberdosis"
             },
             "peerDependencies": {
-                "@tiptap/core": "3.29.2"
+                "@tiptap/core": "3.30.5"
             }
         },
         "node_modules/@tiptap/extension-link": {
-            "version": "3.29.2",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-link/-/extension-link-3.29.2.tgz",
-            "integrity": "sha512-DcVer5SqrexKCEP6Ip1UPxJUMvcRCCItSv0wxoGytanrimBh2smvcg6X0DWnjlsi5H0updhyl+atYCmmQXUIXA==",
+            "version": "3.30.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-link/-/extension-link-3.30.5.tgz",
+            "integrity": "sha512-zsQ+q83HpCYOMTNzdjb12dggE7sZMp0aqQJhArdavSTl8hLbVY/u3qJN88t25IEwAKVK0pcTJfWWA2QFl8bjAQ==",
             "license": "MIT",
             "dependencies": {
                 "linkifyjs": "^4.3.3"
@@ -1826,14 +1879,14 @@
                 "url": "https://github.com/sponsors/ueberdosis"
             },
             "peerDependencies": {
-                "@tiptap/core": "3.29.2",
-                "@tiptap/pm": "3.29.2"
+                "@tiptap/core": "3.30.5",
+                "@tiptap/pm": "3.30.5"
             }
         },
         "node_modules/@tiptap/extension-list": {
-            "version": "3.29.2",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-list/-/extension-list-3.29.2.tgz",
-            "integrity": "sha512-WPZ9BHAPT6QeIm1vdVkuoOWvy9a8/EZeJwV2VhU8LXyTAttvzyj4rsbbHyJWvYWlUSTt/QF2AZ2zhKo7u1w3/A==",
+            "version": "3.30.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-list/-/extension-list-3.30.5.tgz",
+            "integrity": "sha512-CHThihH+7TA0TfwtmA+eTXP1MAsA/+p011olJHg8Rilj5xA+L+0IFkjhN16JnZkBgSA4MnfEv15UMNfRaNpuVg==",
             "license": "MIT",
             "peer": true,
             "funding": {
@@ -1841,118 +1894,118 @@
                 "url": "https://github.com/sponsors/ueberdosis"
             },
             "peerDependencies": {
-                "@tiptap/core": "3.29.2",
-                "@tiptap/pm": "3.29.2"
+                "@tiptap/core": "3.30.5",
+                "@tiptap/pm": "3.30.5"
             }
         },
         "node_modules/@tiptap/extension-list-item": {
-            "version": "3.29.2",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-list-item/-/extension-list-item-3.29.2.tgz",
-            "integrity": "sha512-s8vBVHHFT0Qpu7CzAZ7S1kYmSiVaDvUNvMNcZUWnxj6VPfiwmx0eXd9FsjePrRCMoM5tFmPnhFTHDxY3D/eZeQ==",
+            "version": "3.30.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-list-item/-/extension-list-item-3.30.5.tgz",
+            "integrity": "sha512-N0fKUyQkPQBvVB48imjfIfdexU9VsAX1RydajYP2xAt+QOJ8KHVmXv1EGTp+v7pGdZMLdls1cSZ2f352vW3aWQ==",
             "license": "MIT",
             "funding": {
                 "type": "github",
                 "url": "https://github.com/sponsors/ueberdosis"
             },
             "peerDependencies": {
-                "@tiptap/extension-list": "3.29.2"
+                "@tiptap/extension-list": "3.30.5"
             }
         },
         "node_modules/@tiptap/extension-list-keymap": {
-            "version": "3.29.2",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-list-keymap/-/extension-list-keymap-3.29.2.tgz",
-            "integrity": "sha512-R+3k8OLnxdCH7Xy9ieOwUt5m2Je74u8mikothGmsYVO2Zyq48fIbmZ+X6RBPCu7DBOI2FIUhHEFbKQeDWvDNmA==",
+            "version": "3.30.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-list-keymap/-/extension-list-keymap-3.30.5.tgz",
+            "integrity": "sha512-3pLR2yo29uhowaGMbD8v71XpgdNmqotBg1NXlyTMVFzxELj+VjjeLLTqSguR/iWDUbHXNzIsfMEgpRnNMO//8w==",
             "license": "MIT",
             "funding": {
                 "type": "github",
                 "url": "https://github.com/sponsors/ueberdosis"
             },
             "peerDependencies": {
-                "@tiptap/extension-list": "3.29.2"
+                "@tiptap/extension-list": "3.30.5"
             }
         },
         "node_modules/@tiptap/extension-ordered-list": {
-            "version": "3.29.2",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-ordered-list/-/extension-ordered-list-3.29.2.tgz",
-            "integrity": "sha512-ndCunC+UsYOpkOtL7vGnDz21UNa45WUlcO9wMT1fbuYow2QnRhsuMlCWENXI52YPPARWuQ0RDgN7q6TaxPERBg==",
+            "version": "3.30.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-ordered-list/-/extension-ordered-list-3.30.5.tgz",
+            "integrity": "sha512-bUGUnSAgjZhoUWBtr+1wRJHF3NnNvuKQr6sQ8le1tJ2yvLq448ZsSZjZGvTNeLsy3GDKBoMJ0rqLUK34+nM3hg==",
             "license": "MIT",
             "funding": {
                 "type": "github",
                 "url": "https://github.com/sponsors/ueberdosis"
             },
             "peerDependencies": {
-                "@tiptap/extension-list": "3.29.2"
+                "@tiptap/extension-list": "3.30.5"
             }
         },
         "node_modules/@tiptap/extension-paragraph": {
-            "version": "3.29.2",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-paragraph/-/extension-paragraph-3.29.2.tgz",
-            "integrity": "sha512-7qJj5YTr11vvjNgjDN1ypOfwTovc0QOCYcit/rskeuVgnmQZOZQzC/BbyKLLG7UGnpRLemU/mEGbW9pAqjAXkQ==",
+            "version": "3.30.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-paragraph/-/extension-paragraph-3.30.5.tgz",
+            "integrity": "sha512-GrNNlAImfQhYRtGE95YNAjcTclUUMPHs9JeE9vMgfcoKcOmZ6GsbWUdN0hA55xqwGaUjnroOVtf77K9z1EbkJQ==",
             "license": "MIT",
             "funding": {
                 "type": "github",
                 "url": "https://github.com/sponsors/ueberdosis"
             },
             "peerDependencies": {
-                "@tiptap/core": "3.29.2"
+                "@tiptap/core": "3.30.5"
             }
         },
         "node_modules/@tiptap/extension-placeholder": {
-            "version": "3.29.2",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-placeholder/-/extension-placeholder-3.29.2.tgz",
-            "integrity": "sha512-/BlpPIq2JZk6zLaeYVOXazi6dmd0iRriTymNEnFn1doManN1y5HED9LsMeb/AhNhauL5AgmcHgpvAjbsN9k4SA==",
+            "version": "3.30.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-placeholder/-/extension-placeholder-3.30.5.tgz",
+            "integrity": "sha512-WgkX4ImAAeV+Qe7ATJ+Gio2MmKWON1CKpCKPHWgCObaoMEaSmdoxXPmI9wXMuM+AJydJepp4n7U/V4TVts14rg==",
             "license": "MIT",
             "funding": {
                 "type": "github",
                 "url": "https://github.com/sponsors/ueberdosis"
             },
             "peerDependencies": {
-                "@tiptap/extensions": "3.29.2"
+                "@tiptap/extensions": "3.30.5"
             }
         },
         "node_modules/@tiptap/extension-strike": {
-            "version": "3.29.2",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-strike/-/extension-strike-3.29.2.tgz",
-            "integrity": "sha512-aEvLAbddUQZ+FukCreV3q4G2HfNI+odE7E9U+wbq6XsSWKyo8/pDu1muz+TFKNre4blSMOQ3JQmw5UeHDKy+fg==",
+            "version": "3.30.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-strike/-/extension-strike-3.30.5.tgz",
+            "integrity": "sha512-r8IbWUm4YXNCkmc6h6dzuREQIGbO0x9z9l3GfQPUR3LxFtGssDLngE4dFXHRt/ejLWKEauy6clklf7LawtvYzw==",
             "license": "MIT",
             "funding": {
                 "type": "github",
                 "url": "https://github.com/sponsors/ueberdosis"
             },
             "peerDependencies": {
-                "@tiptap/core": "3.29.2"
+                "@tiptap/core": "3.30.5"
             }
         },
         "node_modules/@tiptap/extension-text": {
-            "version": "3.29.2",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-text/-/extension-text-3.29.2.tgz",
-            "integrity": "sha512-Ubko45JWWHe8glBt2PiGNF8hcbys/JNalFhiR7Y1X4iOOtAxAKJJxh3+eq+//NTlGuBPdWGp7zw8EEUp7anjKA==",
+            "version": "3.30.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-text/-/extension-text-3.30.5.tgz",
+            "integrity": "sha512-pOgj4mIGFlw4NUdA6PCTFP/MHrYWnOYiZRYeu0I3/Yo3iN4Am/CgYBLl8PWsNh+YPO2hA2DWs7ZMke9D2j5R+g==",
             "license": "MIT",
             "funding": {
                 "type": "github",
                 "url": "https://github.com/sponsors/ueberdosis"
             },
             "peerDependencies": {
-                "@tiptap/core": "3.29.2"
+                "@tiptap/core": "3.30.5"
             }
         },
         "node_modules/@tiptap/extension-underline": {
-            "version": "3.29.2",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-underline/-/extension-underline-3.29.2.tgz",
-            "integrity": "sha512-K7XwH/xS/5AIREWQ00VTEf/W5U0olp7j6wwit7cdd/8nHv6h6AGr1+iEApHKoLXWQZLfGQKzJlT9W61LAl+fHA==",
+            "version": "3.30.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-underline/-/extension-underline-3.30.5.tgz",
+            "integrity": "sha512-u12G/WW2uFRY95BzrSAU9RW002K+7lFpSCL6fb7Puh8yLhek3lddOtAx0P+NI/PyMKtcoVMtBxoi+0mwVM7NPQ==",
             "license": "MIT",
             "funding": {
                 "type": "github",
                 "url": "https://github.com/sponsors/ueberdosis"
             },
             "peerDependencies": {
-                "@tiptap/core": "3.29.2"
+                "@tiptap/core": "3.30.5"
             }
         },
         "node_modules/@tiptap/extensions": {
-            "version": "3.29.2",
-            "resolved": "https://registry.npmjs.org/@tiptap/extensions/-/extensions-3.29.2.tgz",
-            "integrity": "sha512-BCz+FCAChSYtUe4BFj97HEO+nSK+J7GxbJgZG4Hg7DT/gI+hRyeNndU8efiQAx3WGdzsFi3UxRpcF1tTQM7iMQ==",
+            "version": "3.30.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extensions/-/extensions-3.30.5.tgz",
+            "integrity": "sha512-5x3OiCYBvXz0G5OGM8f7ka++1dh9EXdNRZ8IcMcEd+QwW4RPwvmJ2EjheA1eRRyMlcbNU7T+4IRlBXURlTetEA==",
             "license": "MIT",
             "peer": true,
             "funding": {
@@ -1960,14 +2013,14 @@
                 "url": "https://github.com/sponsors/ueberdosis"
             },
             "peerDependencies": {
-                "@tiptap/core": "3.29.2",
-                "@tiptap/pm": "3.29.2"
+                "@tiptap/core": "3.30.5",
+                "@tiptap/pm": "3.30.5"
             }
         },
         "node_modules/@tiptap/pm": {
-            "version": "3.29.2",
-            "resolved": "https://registry.npmjs.org/@tiptap/pm/-/pm-3.29.2.tgz",
-            "integrity": "sha512-GCOme7xHaS+DSoaA4CDcAD3l6JyBlvZhvCyfsy2Vp6j8tEoBkZWio7soYVosmlyn7zq8/64VeFZP5s47yfG7fQ==",
+            "version": "3.30.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/pm/-/pm-3.30.5.tgz",
+            "integrity": "sha512-gufkLkW2tA6PZPjivYxDiGzTIIftwqhmYI6lvvKu2S4FbhcysJgMAe/GXVSywzCRVVex9SrvCe6RFYrqnwRitQ==",
             "license": "MIT",
             "peer": true,
             "dependencies": {
@@ -1991,35 +2044,35 @@
             }
         },
         "node_modules/@tiptap/starter-kit": {
-            "version": "3.29.2",
-            "resolved": "https://registry.npmjs.org/@tiptap/starter-kit/-/starter-kit-3.29.2.tgz",
-            "integrity": "sha512-oTu0tysiqk4zgjEtxRHjAQgxUKaAevZwueOWwSWubHdokqp7SpcbE5n9USJv89HKuTUDm3GjnQH6q8HNn/2DsA==",
-            "license": "MIT",
-            "dependencies": {
-                "@tiptap/core": "^3.29.2",
-                "@tiptap/extension-blockquote": "^3.29.2",
-                "@tiptap/extension-bold": "^3.29.2",
-                "@tiptap/extension-bullet-list": "^3.29.2",
-                "@tiptap/extension-code": "^3.29.2",
-                "@tiptap/extension-code-block": "^3.29.2",
-                "@tiptap/extension-document": "^3.29.2",
-                "@tiptap/extension-dropcursor": "^3.29.2",
-                "@tiptap/extension-gapcursor": "^3.29.2",
-                "@tiptap/extension-hard-break": "^3.29.2",
-                "@tiptap/extension-heading": "^3.29.2",
-                "@tiptap/extension-horizontal-rule": "^3.29.2",
-                "@tiptap/extension-italic": "^3.29.2",
-                "@tiptap/extension-link": "^3.29.2",
-                "@tiptap/extension-list": "^3.29.2",
-                "@tiptap/extension-list-item": "^3.29.2",
-                "@tiptap/extension-list-keymap": "^3.29.2",
-                "@tiptap/extension-ordered-list": "^3.29.2",
-                "@tiptap/extension-paragraph": "^3.29.2",
-                "@tiptap/extension-strike": "^3.29.2",
-                "@tiptap/extension-text": "^3.29.2",
-                "@tiptap/extension-underline": "^3.29.2",
-                "@tiptap/extensions": "^3.29.2",
-                "@tiptap/pm": "^3.29.2"
+            "version": "3.30.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/starter-kit/-/starter-kit-3.30.5.tgz",
+            "integrity": "sha512-cmDRvukpoqjQjhE96q+l3tCLNZZcJKehxK+00Sp9F4XbKecfM2QpZ2TRHh3vi8qhCeDQNyMoCqfNaqznIjLjIQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@tiptap/core": "3.30.5",
+                "@tiptap/extension-blockquote": "3.30.5",
+                "@tiptap/extension-bold": "3.30.5",
+                "@tiptap/extension-bullet-list": "3.30.5",
+                "@tiptap/extension-code": "3.30.5",
+                "@tiptap/extension-code-block": "3.30.5",
+                "@tiptap/extension-document": "3.30.5",
+                "@tiptap/extension-dropcursor": "3.30.5",
+                "@tiptap/extension-gapcursor": "3.30.5",
+                "@tiptap/extension-hard-break": "3.30.5",
+                "@tiptap/extension-heading": "3.30.5",
+                "@tiptap/extension-horizontal-rule": "3.30.5",
+                "@tiptap/extension-italic": "3.30.5",
+                "@tiptap/extension-link": "3.30.5",
+                "@tiptap/extension-list": "3.30.5",
+                "@tiptap/extension-list-item": "3.30.5",
+                "@tiptap/extension-list-keymap": "3.30.5",
+                "@tiptap/extension-ordered-list": "3.30.5",
+                "@tiptap/extension-paragraph": "3.30.5",
+                "@tiptap/extension-strike": "3.30.5",
+                "@tiptap/extension-text": "3.30.5",
+                "@tiptap/extension-underline": "3.30.5",
+                "@tiptap/extensions": "3.30.5",
+                "@tiptap/pm": "3.30.5"
             },
             "funding": {
                 "type": "github",
@@ -2027,22 +2080,22 @@
             }
         },
         "node_modules/@tiptap/vue-3": {
-            "version": "3.29.2",
-            "resolved": "https://registry.npmjs.org/@tiptap/vue-3/-/vue-3-3.29.2.tgz",
-            "integrity": "sha512-rLX+V+HXbsVlk+My8mslvbnbVXZiQZHYtbOiRgxugsqZ9SK1mr1FpgZ/ZNcotJAjecT8FJmPa45ccDnVu66eGA==",
+            "version": "3.30.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/vue-3/-/vue-3-3.30.5.tgz",
+            "integrity": "sha512-YRHacQy09nFcokAScICxJ6pWr5daWbsLJuBiMo+DJQlr1XLi6o/zFhh3eR9+DKluL4OY3IZDYBYZfDs7YZtJNg==",
             "license": "MIT",
             "funding": {
                 "type": "github",
                 "url": "https://github.com/sponsors/ueberdosis"
             },
             "optionalDependencies": {
-                "@tiptap/extension-bubble-menu": "^3.29.2",
-                "@tiptap/extension-floating-menu": "^3.29.2"
+                "@tiptap/extension-bubble-menu": "^3.30.5",
+                "@tiptap/extension-floating-menu": "^3.30.5"
             },
             "peerDependencies": {
                 "@floating-ui/dom": "^1.0.0",
-                "@tiptap/core": "3.29.2",
-                "@tiptap/pm": "3.29.2",
+                "@tiptap/core": "3.30.5",
+                "@tiptap/pm": "3.30.5",
                 "vue": "^3.0.0"
             }
         },
@@ -2078,17 +2131,17 @@
             "license": "MIT"
         },
         "node_modules/@typescript-eslint/eslint-plugin": {
-            "version": "8.67.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.67.0.tgz",
-            "integrity": "sha512-Un7Heoyj65NREbKAyIrFxeM143NZpExWmy1Nep4DLeQOeLlTeumPjoNKnBrU5D5moWXbPJgRa5Uwcdu0faVNGQ==",
+            "version": "8.68.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.68.0.tgz",
+            "integrity": "sha512-WASHDpCm6qO5jj9g1a+8NiW5+GCkAyLReR56/4VruYmNgfUmqpxOfZ2Yfb8xGfJPWv5Qi6LSD8sXdces3vbp/Q==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@eslint-community/regexpp": "^4.12.2",
-                "@typescript-eslint/scope-manager": "8.67.0",
-                "@typescript-eslint/type-utils": "8.67.0",
-                "@typescript-eslint/utils": "8.67.0",
-                "@typescript-eslint/visitor-keys": "8.67.0",
+                "@typescript-eslint/scope-manager": "8.68.0",
+                "@typescript-eslint/type-utils": "8.68.0",
+                "@typescript-eslint/utils": "8.68.0",
+                "@typescript-eslint/visitor-keys": "8.68.0",
                 "ignore": "^7.0.5",
                 "natural-compare": "^1.4.0",
                 "ts-api-utils": "^2.5.0"
@@ -2101,7 +2154,7 @@
                 "url": "https://opencollective.com/typescript-eslint"
             },
             "peerDependencies": {
-                "@typescript-eslint/parser": "^8.67.0",
+                "@typescript-eslint/parser": "^8.68.0",
                 "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
                 "typescript": ">=4.8.4 <6.1.0"
             }
@@ -2117,17 +2170,17 @@
             }
         },
         "node_modules/@typescript-eslint/parser": {
-            "version": "8.67.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.67.0.tgz",
-            "integrity": "sha512-fUBfTuuEulWqX6V8+O3PtScV01tzYYRUDTAirHFKoRAt7nOzoGiPt0M/bB47wWNy0coOOcgEwAMUtBpykMxl6w==",
+            "version": "8.68.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.68.0.tgz",
+            "integrity": "sha512-fHq2VC1kpyYfvEcbiMjOpySY4WS7voEp89yAThrHRX5sm9j2lzYppCb2umFMEed4fWcyeLjHxrz0mpjNBaBxMQ==",
             "dev": true,
             "license": "MIT",
             "peer": true,
             "dependencies": {
-                "@typescript-eslint/scope-manager": "8.67.0",
-                "@typescript-eslint/types": "8.67.0",
-                "@typescript-eslint/typescript-estree": "8.67.0",
-                "@typescript-eslint/visitor-keys": "8.67.0",
+                "@typescript-eslint/scope-manager": "8.68.0",
+                "@typescript-eslint/types": "8.68.0",
+                "@typescript-eslint/typescript-estree": "8.68.0",
+                "@typescript-eslint/visitor-keys": "8.68.0",
                 "debug": "^4.4.3"
             },
             "engines": {
@@ -2143,14 +2196,14 @@
             }
         },
         "node_modules/@typescript-eslint/project-service": {
-            "version": "8.67.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.67.0.tgz",
-            "integrity": "sha512-cvE8c7ulYeXN9fYuszhCeCsbzyVEXuhrRCybnBre7TUmqb5nRmBfQAwCj0O3WJFDeyAZt4VYv51vMCC9LHSdYw==",
+            "version": "8.68.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.68.0.tgz",
+            "integrity": "sha512-5GQtWZCXFcFYux955pvoS02WLc49pXNlvIxocKjS0clvwo3in1RdlzVKyiqQH9vE5AKWFLTaUgeQkOrTS+0Qxw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@typescript-eslint/tsconfig-utils": "^8.67.0",
-                "@typescript-eslint/types": "^8.67.0",
+                "@typescript-eslint/tsconfig-utils": "^8.68.0",
+                "@typescript-eslint/types": "^8.68.0",
                 "debug": "^4.4.3"
             },
             "engines": {
@@ -2165,14 +2218,14 @@
             }
         },
         "node_modules/@typescript-eslint/scope-manager": {
-            "version": "8.67.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.67.0.tgz",
-            "integrity": "sha512-EgvsleTwS4E+WzzSvem8fAUubLwatMNF1B5hHSLQxcvs7q2dtRhGyujHwLJSYlG41niJ7GP24Aha2+0mb1b2kg==",
+            "version": "8.68.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.68.0.tgz",
+            "integrity": "sha512-T5eXpcaJNg8bhjHJ8Rjp68Vq/QBteYtTKY8TZqVNPaUbuz0f6jI9t6aDkylwvalpAB9XTTFeFOjrjXAZ3YvmVA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@typescript-eslint/types": "8.67.0",
-                "@typescript-eslint/visitor-keys": "8.67.0"
+                "@typescript-eslint/types": "8.68.0",
+                "@typescript-eslint/visitor-keys": "8.68.0"
             },
             "engines": {
                 "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -2183,9 +2236,9 @@
             }
         },
         "node_modules/@typescript-eslint/tsconfig-utils": {
-            "version": "8.67.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.67.0.tgz",
-            "integrity": "sha512-vV+LUSv5njUWsknE71fqKTlXUva+R76SaeORd6Zojcunk/6DvKFXONU3BrAs2H49mbygUXt6gbYunzwqNwlhdg==",
+            "version": "8.68.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.68.0.tgz",
+            "integrity": "sha512-F7zrGQfiJHojPwi8vhxZQC1tWtJzvL74cK/nqri2lk8YUXvYaYwl263xOJ69jDWPUk1hmcdoayFwk9lX09npVw==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -2200,15 +2253,15 @@
             }
         },
         "node_modules/@typescript-eslint/type-utils": {
-            "version": "8.67.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.67.0.tgz",
-            "integrity": "sha512-aVWDXbRmdXO9siTfX4ditQI1T9+zVcNazT48EJCD0v40/9RIFoUgZ05CmGEq9H2gixRpjUn/iplwvlcvutJW/Q==",
+            "version": "8.68.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.68.0.tgz",
+            "integrity": "sha512-X77zqoY1EjeWGs/0JNxeaMfp5C5lIz4Tw8y66F1Ne8Faq6g424sBNYM6xBAqElfGZPLpWS+CZAp0DXyKDzWiHg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@typescript-eslint/types": "8.67.0",
-                "@typescript-eslint/typescript-estree": "8.67.0",
-                "@typescript-eslint/utils": "8.67.0",
+                "@typescript-eslint/types": "8.68.0",
+                "@typescript-eslint/typescript-estree": "8.68.0",
+                "@typescript-eslint/utils": "8.68.0",
                 "debug": "^4.4.3",
                 "ts-api-utils": "^2.5.0"
             },
@@ -2225,9 +2278,9 @@
             }
         },
         "node_modules/@typescript-eslint/types": {
-            "version": "8.67.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.67.0.tgz",
-            "integrity": "sha512-sBtgslww8nsMYUjhdPBiSyUqSzT8uR6g93A2QXnQC8+cGdjz0CyaOdqHDRJb1AtORbZCNUJBBeFA/tNR2uQmww==",
+            "version": "8.68.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.68.0.tgz",
+            "integrity": "sha512-9RnpsGJjrAllCMefGVVsImJM24YurhC0Q1h4UbvivtvOqXmR/vEJge2OoE++z9m6hyg8T1Q8t5SNT6tHSbrxcg==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -2239,16 +2292,16 @@
             }
         },
         "node_modules/@typescript-eslint/typescript-estree": {
-            "version": "8.67.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.67.0.tgz",
-            "integrity": "sha512-EKQBCE9yNlRJYm7jdTW5AhDacDUmSwQb0FAJAmK2EKYrNXIsa2vxcSZx6PvJ/dEdI6lS+Y9W+EXckLj0iPFGcw==",
+            "version": "8.68.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.68.0.tgz",
+            "integrity": "sha512-OKKsD0tYmoNiU5PW2zehO1yO56jYOm1ShYlxon/Z0SJNidAkdVg86eg9ruRuoXf8xfnuWZGbwDsStkoXbZtIIA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@typescript-eslint/project-service": "8.67.0",
-                "@typescript-eslint/tsconfig-utils": "8.67.0",
-                "@typescript-eslint/types": "8.67.0",
-                "@typescript-eslint/visitor-keys": "8.67.0",
+                "@typescript-eslint/project-service": "8.68.0",
+                "@typescript-eslint/tsconfig-utils": "8.68.0",
+                "@typescript-eslint/types": "8.68.0",
+                "@typescript-eslint/visitor-keys": "8.68.0",
                 "debug": "^4.4.3",
                 "minimatch": "^10.2.2",
                 "semver": "^7.7.3",
@@ -2267,16 +2320,16 @@
             }
         },
         "node_modules/@typescript-eslint/utils": {
-            "version": "8.67.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.67.0.tgz",
-            "integrity": "sha512-U9D1FdwEWBwok3hxxSdhclMb0twvt9QnjIQ0VfQ1AiX2epnpSgv2ubVDsayOFyY8K6FX+AQ7E0FKWVG3iKsj1A==",
+            "version": "8.68.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.68.0.tgz",
+            "integrity": "sha512-PB5gJMMOg0Q5P1tsgWtEAqQacJXq0qEqRHDX/YJ4FaTMLfZPpHB3gjl2EJuiZyPABxmj4ZQYiY9m1bdAJ5y7tQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@eslint-community/eslint-utils": "^4.9.1",
-                "@typescript-eslint/scope-manager": "8.67.0",
-                "@typescript-eslint/types": "8.67.0",
-                "@typescript-eslint/typescript-estree": "8.67.0"
+                "@typescript-eslint/scope-manager": "8.68.0",
+                "@typescript-eslint/types": "8.68.0",
+                "@typescript-eslint/typescript-estree": "8.68.0"
             },
             "engines": {
                 "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -2291,13 +2344,13 @@
             }
         },
         "node_modules/@typescript-eslint/visitor-keys": {
-            "version": "8.67.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.67.0.tgz",
-            "integrity": "sha512-fkv8dHRDqfGtTHuJeebdrQ7cX6Ad4WAS00rgHh9UGvMycF1mjBfsxry1XsLIFhWZ6Judlh6UdzK+TYlbpCXgnA==",
+            "version": "8.68.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.68.0.tgz",
+            "integrity": "sha512-YR65gGdGvTUAWLldC3xLOvOzamdGzB4A5/N8rehEaHs3Zvoe39BhgY+u0SPch1OvrVTfLcc55wsSgK2NcnTS/A==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@typescript-eslint/types": "8.67.0",
+                "@typescript-eslint/types": "8.68.0",
                 "eslint-visitor-keys": "^5.0.0"
             },
             "engines": {
@@ -2421,39 +2474,39 @@
             }
         },
         "node_modules/@vue/compiler-core": {
-            "version": "3.5.41",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.41.tgz",
-            "integrity": "sha512-q0Xtv/F9w2YO/7htQhtiL+Ev2WCJbe5N2hc+XfgyKkEKqWpSxknmT8QOuGdEKNdjPq0c3F7rNpFkTo3Kfrm7pg==",
+            "version": "3.5.42",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.42.tgz",
+            "integrity": "sha512-2Ye1ilMtKXxl8qZUrQ5j0CdgenFp/HFQmta6rfRyfEsTG69L6Wk+tWuNoHYHMx9E8tF2Slvdg1FuwDvAXdy1LQ==",
             "license": "MIT",
             "dependencies": {
                 "@babel/parser": "^7.29.8",
-                "@vue/shared": "3.5.41",
+                "@vue/shared": "3.5.42",
                 "entities": "^7.0.1",
                 "estree-walker": "^2.0.2",
                 "source-map-js": "^1.2.1"
             }
         },
         "node_modules/@vue/compiler-dom": {
-            "version": "3.5.41",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.41.tgz",
-            "integrity": "sha512-oKacVfNglLvGjnS6BXOlGL7EyG2h8X03pqXCjzotRZUaXGjbrTJUnVAQjrCqUnS+lyu31nwQjZY/d817GmCnfw==",
+            "version": "3.5.42",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.42.tgz",
+            "integrity": "sha512-qbhQZEFmycr+ni/qyuccS4sucNN7VAbDfbkvNxWOX2VfgFm90MNs3/UhRNKoPMEIVn0F8gdlYjLPvqxHwHeQOA==",
             "license": "MIT",
             "dependencies": {
-                "@vue/compiler-core": "3.5.41",
-                "@vue/shared": "3.5.41"
+                "@vue/compiler-core": "3.5.42",
+                "@vue/shared": "3.5.42"
             }
         },
         "node_modules/@vue/compiler-sfc": {
-            "version": "3.5.41",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.41.tgz",
-            "integrity": "sha512-XJhip7R2wy6vX3knCxdZN4KracFaZUef58s1KYewqluedHIJaPIVfXoYT7MF1F8nCvv6k8bWWxDC8opMkg1VTQ==",
+            "version": "3.5.42",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.42.tgz",
+            "integrity": "sha512-fkCAFB4okcAANGMThboWnScp/gzWjU0ZSkVnjTIiplmMDq2uq0tIB3j+xVu4rhv5rvOgBySCysudmbMd6xRRqw==",
             "license": "MIT",
             "dependencies": {
                 "@babel/parser": "^7.29.8",
-                "@vue/compiler-core": "3.5.41",
-                "@vue/compiler-dom": "3.5.41",
-                "@vue/compiler-ssr": "3.5.41",
-                "@vue/shared": "3.5.41",
+                "@vue/compiler-core": "3.5.42",
+                "@vue/compiler-dom": "3.5.42",
+                "@vue/compiler-ssr": "3.5.42",
+                "@vue/shared": "3.5.42",
                 "estree-walker": "^2.0.2",
                 "magic-string": "^0.30.21",
                 "postcss": "^8.5.19",
@@ -2461,13 +2514,13 @@
             }
         },
         "node_modules/@vue/compiler-ssr": {
-            "version": "3.5.41",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.41.tgz",
-            "integrity": "sha512-U3v5OejKEGqOI0Wy0+Sz7hGuIFZHA4LSXzrNM3IMIeDyJEBBfTpX26n3SDgToRpP2bLc9FfI2j/kSgcJ8Emq5A==",
+            "version": "3.5.42",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.42.tgz",
+            "integrity": "sha512-xmLk3wLkbizPAiLyomjgFFosf2ys9b5Ghb+oh/k2tnvipNz8OFrQOiTcWCzyK7MpBp9KkyGtfvgfLUivbmuGYA==",
             "license": "MIT",
             "dependencies": {
-                "@vue/compiler-dom": "3.5.41",
-                "@vue/shared": "3.5.41"
+                "@vue/compiler-dom": "3.5.42",
+                "@vue/shared": "3.5.42"
             }
         },
         "node_modules/@vue/devtools-core": {
@@ -2534,9 +2587,9 @@
             }
         },
         "node_modules/@vue/language-core": {
-            "version": "3.3.9",
-            "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-3.3.9.tgz",
-            "integrity": "sha512-in/68oAa4BCtVY6n/nkuhLIkV8DHYd2UivedJ6cMZ6UYtlq9jaoaSNUBHYCVO44z3nKg7MdE5OBoHKt5SxeBKQ==",
+            "version": "3.3.11",
+            "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-3.3.11.tgz",
+            "integrity": "sha512-QJmpliwAVpC/OxubIByPAhNzsQPRc8/gxlN2qnVzVfIMjMDz/9RnXRFoetjz5yEgXVXyp4LqhXq3V53PjmNzFw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2550,9 +2603,9 @@
             }
         },
         "node_modules/@vue/language-core/node_modules/picomatch": {
-            "version": "4.0.5",
-            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz",
-            "integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==",
+            "version": "4.0.7",
+            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.7.tgz",
+            "integrity": "sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -2563,51 +2616,51 @@
             }
         },
         "node_modules/@vue/reactivity": {
-            "version": "3.5.41",
-            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.41.tgz",
-            "integrity": "sha512-rznsqKM0np0x18EjzF8x88MpEhdNsffbvFbckLL5+oUKz1BxAImEmO7J1ArRYSyo6aQaVoBDp7jEkT91OOxydA==",
+            "version": "3.5.42",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.42.tgz",
+            "integrity": "sha512-TzNNfKpb7hDxbQltwAut8VDQA5YP+BuRlxntHUuRjyKwlMvmAPbs3unhCvieijifY6vFfVBwsS7wG/C7uq+bEQ==",
             "license": "MIT",
             "dependencies": {
-                "@vue/shared": "3.5.41"
+                "@vue/shared": "3.5.42"
             }
         },
         "node_modules/@vue/runtime-core": {
-            "version": "3.5.41",
-            "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.41.tgz",
-            "integrity": "sha512-Vcry58hiAKwGen9Z1jUZE0feFsNArPCMOImYI8el48A9Idf6DuQYD0U05zZIF2Iad1hGhPSvcbBbAOhNr55fhg==",
+            "version": "3.5.42",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.42.tgz",
+            "integrity": "sha512-9uACtuHs7vJGkm5Bp3xu4xRDLFTIYy5DgxpToVjqGIAhAEKwQfsaLvKINhM6nFVp6bZPRFGdDqd1g52MqKsotA==",
             "license": "MIT",
             "dependencies": {
-                "@vue/reactivity": "3.5.41",
-                "@vue/shared": "3.5.41"
+                "@vue/reactivity": "3.5.42",
+                "@vue/shared": "3.5.42"
             }
         },
         "node_modules/@vue/runtime-dom": {
-            "version": "3.5.41",
-            "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.41.tgz",
-            "integrity": "sha512-3vVBahVBS9+U6cmXBLyb8nE6/yYo4J/CGI9eVFs3KiMc0YHuudwKyShTD65jtJy/L9PUUxNAFu4cj4LiJ0UFbw==",
+            "version": "3.5.42",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.42.tgz",
+            "integrity": "sha512-rsCmhiWLaRxGltLwhlCWyYkFn7WAbKRh0q17eZ1A6Dq6eqc2ACQ61IIryxz0LrsvCzHSilLA9JHovVwM8CNE2g==",
             "license": "MIT",
             "dependencies": {
-                "@vue/reactivity": "3.5.41",
-                "@vue/runtime-core": "3.5.41",
-                "@vue/shared": "3.5.41",
+                "@vue/reactivity": "3.5.42",
+                "@vue/runtime-core": "3.5.42",
+                "@vue/shared": "3.5.42",
                 "csstype": "^3.2.3"
             }
         },
         "node_modules/@vue/server-renderer": {
-            "version": "3.5.41",
-            "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.41.tgz",
-            "integrity": "sha512-n6hx/pNFfbD6SuyeuMVkvqox8bwf/ET9JlA/kAz/imw8sw++wkqKe2mHX5KutjPpbKE4Z56yTHszoOjGMI9igQ==",
+            "version": "3.5.42",
+            "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.42.tgz",
+            "integrity": "sha512-2++5dUyYS4gvo7xQXSECUDhB7TS0aOl5SeVfC5qSq1Jgfhjvegw1zqhwTIR3imZ+QYPJQw9gfcFvXGAjGZ7ajQ==",
             "license": "MIT",
             "dependencies": {
-                "@vue/compiler-ssr": "3.5.41",
-                "@vue/runtime-dom": "3.5.41",
-                "@vue/shared": "3.5.41"
+                "@vue/compiler-ssr": "3.5.42",
+                "@vue/runtime-dom": "3.5.42",
+                "@vue/shared": "3.5.42"
             }
         },
         "node_modules/@vue/shared": {
-            "version": "3.5.41",
-            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.41.tgz",
-            "integrity": "sha512-IOnwSCma8j+9xJT6b8H0dEYidC80NsYmNMlZxRsukYcSoGaDBohog5hDxzeUXdFeGWFA++vWvxqOmrr96VlqMA==",
+            "version": "3.5.42",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.42.tgz",
+            "integrity": "sha512-2rPxex1jQf4jvl9MOHl6YaXCPcrNqz/FstMOEh3QWY+/OME9nQTvl9WYeCwhW7AFjaR0SnngZGlp/wkR6rkI6g==",
             "license": "MIT"
         },
         "node_modules/@vueuse/core": {
@@ -2697,9 +2750,9 @@
             "license": "MIT"
         },
         "node_modules/ansi-regex": {
-            "version": "6.2.2",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
-            "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+            "version": "6.3.0",
+            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.3.0.tgz",
+            "integrity": "sha512-WpDfL7NO6j7tH88IDBNVdUJxDh9nmCteAVW9dsep846XdwF4naCBK+/tGLX3KJgcpgMRXCFlTM2hKGoK9FsdrQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -2710,16 +2763,13 @@
             }
         },
         "node_modules/ansi-styles": {
-            "version": "4.3.0",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+            "version": "6.2.3",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+            "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
             "dev": true,
             "license": "MIT",
-            "dependencies": {
-                "color-convert": "^2.0.1"
-            },
             "engines": {
-                "node": ">=8"
+                "node": ">=12"
             },
             "funding": {
                 "url": "https://github.com/chalk/ansi-styles?sponsor=1"
@@ -2765,9 +2815,9 @@
             }
         },
         "node_modules/baseline-browser-mapping": {
-            "version": "2.11.13",
-            "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.11.13.tgz",
-            "integrity": "sha512-k9HNuUVMlqVjQ9UHzfPjIqiDbWw7WqT1AoT7GL8VwvF3r0ZfArtgiSPAlmupyNquNgOJHTuH4CKYf8ttMTWBTQ==",
+            "version": "2.11.20",
+            "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.11.20.tgz",
+            "integrity": "sha512-H0ulySigv6icDJ1F7SjtdCD6PrhTpdYCmP0CactWy1+ekh0AFd0o1Wn5T8b+hnTmdBx19u9yhL6wvCylXMY7zw==",
             "dev": true,
             "license": "Apache-2.0",
             "bin": {
@@ -2882,9 +2932,9 @@
             }
         },
         "node_modules/caniuse-lite": {
-            "version": "1.0.30001809",
-            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001809.tgz",
-            "integrity": "sha512-xxWVywk6a6Arlk+hymeycyn/VgqEfLDxupvhH/xiY5SJ/18kmi9o6MiO320DCUzypORHLtvh0I4i04tUhCNHNQ==",
+            "version": "1.0.30001810",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001810.tgz",
+            "integrity": "sha512-TITQPUkaz+aVk5GL6NhOdwk1aEaNTSDPsGFWrTuhKGtjTF70jL/Oht2W4c6rXUe5fu7Ie19VIahAXHIIiWWNeg==",
             "dev": true,
             "funding": [
                 {
@@ -2903,35 +2953,18 @@
             "license": "CC-BY-4.0"
         },
         "node_modules/chalk": {
-            "version": "4.1.2",
-            "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-            "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+            "version": "5.6.2",
+            "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
+            "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
             "dev": true,
             "license": "MIT",
-            "dependencies": {
-                "ansi-styles": "^4.1.0",
-                "supports-color": "^7.1.0"
-            },
             "engines": {
-                "node": ">=10"
+                "node": "^12.17.0 || ^14.13 || >=16.0.0"
             },
             "funding": {
                 "url": "https://github.com/chalk/chalk?sponsor=1"
             }
         },
-        "node_modules/chalk/node_modules/supports-color": {
-            "version": "7.2.0",
-            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-            "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "has-flag": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
         "node_modules/class-variance-authority": {
             "version": "0.7.1",
             "resolved": "https://registry.npmjs.org/class-variance-authority/-/class-variance-authority-0.7.1.tgz",
@@ -2996,9 +3029,9 @@
             "license": "MIT"
         },
         "node_modules/concurrently": {
-            "version": "10.0.4",
-            "resolved": "https://registry.npmjs.org/concurrently/-/concurrently-10.0.4.tgz",
-            "integrity": "sha512-trZql+7l/0+WRAsAnEdctr4+iiOS6ZrViI6H8QWcCF9MFS/LT0dKpe8vluB1to6it+OxSI4VospFTIFMW8DJRw==",
+            "version": "10.0.5",
+            "resolved": "https://registry.npmjs.org/concurrently/-/concurrently-10.0.5.tgz",
+            "integrity": "sha512-JaP/CoftUrCcAFW/g//RbgEGwlelnEae6cfBLgH6ZdO6s8jPkn6p9SB9u6pdVxYXoiSnFqseOlHfrEfF82TVOg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3020,19 +3053,6 @@
                 "url": "https://github.com/open-cli-tools/concurrently?sponsor=1"
             }
         },
-        "node_modules/concurrently/node_modules/chalk": {
-            "version": "5.6.2",
-            "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
-            "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": "^12.17.0 || ^14.13 || >=16.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/chalk?sponsor=1"
-            }
-        },
         "node_modules/convert-source-map": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
@@ -3074,6 +3094,16 @@
             "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
             "license": "MIT"
         },
+        "node_modules/date-fns": {
+            "version": "4.4.0",
+            "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.4.0.tgz",
+            "integrity": "sha512-+1UMbeh68lH1SegH83CGWwpb6OHHbpSgr3+s5Eww5M4CAgswBpoWS0AjTOfEJ33HiYKz1hdj/KTFprzXHmq/6w==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/kossnocorp"
+            }
+        },
         "node_modules/debug": {
             "version": "4.4.3",
             "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
@@ -3100,9 +3130,9 @@
             "license": "MIT"
         },
         "node_modules/default-browser": {
-            "version": "5.5.0",
-            "resolved": "https://registry.npmjs.org/default-browser/-/default-browser-5.5.0.tgz",
-            "integrity": "sha512-H9LMLr5zwIbSxrmvikGuI/5KGhZ8E2zH3stkMgM5LpOWDutGM2JZaj460Udnf1a+946zc7YBgrqEWwbk7zHvGw==",
+            "version": "5.5.1",
+            "resolved": "https://registry.npmjs.org/default-browser/-/default-browser-5.5.1.tgz",
+            "integrity": "sha512-m1pAzaJgZ/gssEqlOhJkPJp8Xly7QyW6xcrkUa2KKcDeDSEMP7X8xipU3snUcfisTQx0w1AGae+9UtJSfVnXGw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3158,9 +3188,9 @@
             }
         },
         "node_modules/electron-to-chromium": {
-            "version": "1.5.403",
-            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.403.tgz",
-            "integrity": "sha512-MQsYmdaLzvaCX5j+ZZBr5Fm6uCCnPQcRtlvmvRlWqrXy+BH2O4ffXIAScF+JQznQWB9brWp4lSD9Z4yNmaf2BA==",
+            "version": "1.5.416",
+            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.416.tgz",
+            "integrity": "sha512-K6bvB2BjnNrugtIih6ewlbBI9DXa976jIdiIlRLHhBoEI9a4JaQjjHyF+A1IQI543aQYR4LnmOrT/K5fZj0aPA==",
             "dev": true,
             "license": "ISC"
         },
@@ -3208,14 +3238,15 @@
             }
         },
         "node_modules/es-toolkit": {
-            "version": "1.50.0",
-            "resolved": "https://registry.npmjs.org/es-toolkit/-/es-toolkit-1.50.0.tgz",
-            "integrity": "sha512-OyZKhUVvEep9ITEiwHn8GKnMRQIVqoSIX7WnRbkWgJkllCujilqP2rD0u979tkl8wqyc8ICwlc1UBVv/Sl1G6w==",
+            "version": "1.52.0",
+            "resolved": "https://registry.npmjs.org/es-toolkit/-/es-toolkit-1.52.0.tgz",
+            "integrity": "sha512-XTNEJQh1tY1ZJVcf6ayP/2n4ZPyaHlW2FWs7xvw5ddPuhUVjLD3olQVQS7kf58JbAB48iL0uL/jerTrjtV3lDA==",
             "license": "MIT",
             "workspaces": [
                 "docs",
                 "benchmarks",
-                "tests/types"
+                "tests/types",
+                "tests/browser-compat"
             ]
         },
         "node_modules/escalade": {
@@ -3245,6 +3276,7 @@
             "version": "9.39.5",
             "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.5.tgz",
             "integrity": "sha512-DgZS62aPLXKlnxILS/AYCoRvHaZeXceIzlXPkkGGzJWSow1aEk0lbTlxUSlyjC8jcaKxAdOnTDz+o1JFSBsyjw==",
+            "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
             "dev": true,
             "license": "MIT",
             "peer": true,
@@ -3381,6 +3413,22 @@
                 "url": "https://opencollective.com/eslint"
             }
         },
+        "node_modules/eslint/node_modules/ansi-styles": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "color-convert": "^2.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+            }
+        },
         "node_modules/eslint/node_modules/balanced-match": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -3399,6 +3447,23 @@
                 "concat-map": "0.0.1"
             }
         },
+        "node_modules/eslint/node_modules/chalk": {
+            "version": "4.1.2",
+            "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+            "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "ansi-styles": "^4.1.0",
+                "supports-color": "^7.1.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/chalk?sponsor=1"
+            }
+        },
         "node_modules/eslint/node_modules/eslint-visitor-keys": {
             "version": "4.2.1",
             "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
@@ -3425,6 +3490,19 @@
                 "node": "*"
             }
         },
+        "node_modules/eslint/node_modules/supports-color": {
+            "version": "7.2.0",
+            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+            "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "has-flag": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
         "node_modules/espree": {
             "version": "10.4.0",
             "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
@@ -3560,9 +3638,9 @@
             "license": "MIT"
         },
         "node_modules/fastq": {
-            "version": "1.20.1",
-            "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
-            "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
+            "version": "1.20.3",
+            "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.3.tgz",
+            "integrity": "sha512-XKv5nnLs6nLF71NgiKJLIZFLkPyIEuOselLG7ujZnGrRfQK8HpvY+WqKhAJUAdLomwVHErVS4LfxFlPq0/FTAw==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -3889,9 +3967,9 @@
             "license": "MIT"
         },
         "node_modules/js-yaml": {
-            "version": "4.3.1",
-            "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.3.1.tgz",
-            "integrity": "sha512-CY6crGq313MX8GkwvB7tzgp99vjQxY1++5y10/BKN/GUfHqWaOGQMNZkBvqSzsZKWk/ijwHlWzzkLulsGHhjWQ==",
+            "version": "4.3.2",
+            "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.3.2.tgz",
+            "integrity": "sha512-SFNOvSJ+Dgf/9An904Yx+CgSlIPCkIpao4qo51lpee25TIRejdH3rhR4EZMGoNx3/TP3O+wzWuiTFl4sqbltzA==",
             "dev": true,
             "funding": [
                 {
@@ -3993,9 +4071,9 @@
             }
         },
         "node_modules/laravel-vite-plugin": {
-            "version": "3.1.3",
-            "resolved": "https://registry.npmjs.org/laravel-vite-plugin/-/laravel-vite-plugin-3.1.3.tgz",
-            "integrity": "sha512-cI5Anw4QHY+UzvZczFaj+j8NhwT2FtyEN8aqS/hOdt6DpEFBsn6x3GENxALem3cc+TsGvd9MacneimEvShvKMA==",
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/laravel-vite-plugin/-/laravel-vite-plugin-3.2.0.tgz",
+            "integrity": "sha512-xSxY9Gzeb/eancd8WeK09piAFP+a6i5QIBqNCKNv9L0Eq6wziwzSem7F1GvMSrtjMh5F/QVKFxn8t9naGOA66A==",
             "license": "MIT",
             "dependencies": {
                 "picocolors": "^1.0.0",
@@ -4471,9 +4549,9 @@
             "license": "MIT"
         },
         "node_modules/node-releases": {
-            "version": "2.0.53",
-            "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.53.tgz",
-            "integrity": "sha512-D9UOmYG3UH1V+ENW56t5QXBwJw1YEY18ruVeus89Rw+SyIgjPkCO84bRzO3uNIYosJbNwiabWVn48o3uJLjxFQ==",
+            "version": "2.0.54",
+            "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.54.tgz",
+            "integrity": "sha512-YHs7BmmcsdAI5Ozuf8JZo6PT0mv2GIWC9vMfvUC3dp65M8hn7Ux8CPL+2oBI7juNuj9d0ndhTcznq2ODBps9cQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4508,15 +4586,15 @@
             }
         },
         "node_modules/ohash": {
-            "version": "2.0.11",
-            "resolved": "https://registry.npmjs.org/ohash/-/ohash-2.0.11.tgz",
-            "integrity": "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==",
+            "version": "2.0.12",
+            "resolved": "https://registry.npmjs.org/ohash/-/ohash-2.0.12.tgz",
+            "integrity": "sha512-65S/5gk9YSsaRjcyf7Nfa6h/d3E8/1gslpXfI4W7Dxn/oap8IKRuNT5VXkLQ1YFKIEg4apRY4Pj6aiwFzrDdmw==",
             "license": "MIT"
         },
         "node_modules/open": {
-            "version": "11.0.0",
-            "resolved": "https://registry.npmjs.org/open/-/open-11.0.0.tgz",
-            "integrity": "sha512-smsWv2LzFjP03xmvFoJ331ss6h+jixfA4UUV/Bsiyuu4YJPfN+FIQGOIiv4w9/+MoHkfkJ22UIaQWRVFRfH6Vw==",
+            "version": "11.0.1",
+            "resolved": "https://registry.npmjs.org/open/-/open-11.0.1.tgz",
+            "integrity": "sha512-NzwMUB6C1D0+Kd+9iMS/H4k+Ck3cTX6Ckyfr/gAGlmvSE1LUQZnEZvWBi4PYmMwH/S5SMeTXnE+9uAz8uF+pWw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -4524,8 +4602,8 @@
                 "define-lazy-prop": "^3.0.0",
                 "is-in-ssh": "^1.0.0",
                 "is-inside-container": "^1.0.0",
-                "powershell-utils": "^0.1.0",
-                "wsl-utils": "^0.3.0"
+                "powershell-utils": "^0.2.0",
+                "wsl-utils": "^1.0.0"
             },
             "engines": {
                 "node": ">=20"
@@ -4705,9 +4783,9 @@
             }
         },
         "node_modules/powershell-utils": {
-            "version": "0.1.0",
-            "resolved": "https://registry.npmjs.org/powershell-utils/-/powershell-utils-0.1.0.tgz",
-            "integrity": "sha512-dM0jVuXJPsDN6DvRpea484tCUaMiXWjuCn++HGTqUWzGDjv5tZkEZldAJ/UMlqRYGFrD/etByo4/xOuC/snX2A==",
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/powershell-utils/-/powershell-utils-0.2.0.tgz",
+            "integrity": "sha512-ZlsFlG7MtSFCoc5xreOvBAozCJ6Pf06opgJjh9ONEv418xpZSAzNjstD36C6+JwOnfSqOW/9uDkqKjezTdxZhw==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4717,6 +4795,24 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
+        "node_modules/preact": {
+            "version": "10.29.8",
+            "resolved": "https://registry.npmjs.org/preact/-/preact-10.29.8.tgz",
+            "integrity": "sha512-ej2aVZ+vZ8WO7tvlQWRM9N63A0KzF9q4mWJfDUHgYaIofWY9hu74QdnQrjoPMmZi2/nZ5gN0bJCQF49xQqx09Q==",
+            "license": "MIT",
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/preact"
+            },
+            "peerDependencies": {
+                "preact-render-to-string": ">=5"
+            },
+            "peerDependenciesMeta": {
+                "preact-render-to-string": {
+                    "optional": true
+                }
+            }
+        },
         "node_modules/prelude-ls": {
             "version": "1.2.1",
             "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
@@ -4842,9 +4938,9 @@
             }
         },
         "node_modules/prosemirror-changeset": {
-            "version": "2.4.1",
-            "resolved": "https://registry.npmjs.org/prosemirror-changeset/-/prosemirror-changeset-2.4.1.tgz",
-            "integrity": "sha512-96WBLhOaYhJ+kPhLg3uW359Tz6I/MfcrQfL4EGv4SrcqKEMC1gmoGrXHecPE8eOwTVCJ4IwgfzM8fFad25wNfw==",
+            "version": "2.4.2",
+            "resolved": "https://registry.npmjs.org/prosemirror-changeset/-/prosemirror-changeset-2.4.2.tgz",
+            "integrity": "sha512-ViYrjMSg3YFiXwIhKaluu+/mi3Yrxt6AR8ri14ulTaGcZtXO1CThl7A2gv79qx5fQnOw8woKwyBU2u+9PVCm3w==",
             "license": "MIT",
             "dependencies": {
                 "prosemirror-transform": "^1.0.0"
@@ -4970,9 +5066,9 @@
             }
         },
         "node_modules/prosemirror-view": {
-            "version": "1.42.2",
-            "resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.42.2.tgz",
-            "integrity": "sha512-Pdg0l5kXm8aLDquFAnQFTCITg0q44sLqBlHlpsVLD9segdOao8TOfQdAhCrCXyVgPSRr6UDDROOIWA3bIrN9YQ==",
+            "version": "1.42.3",
+            "resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.42.3.tgz",
+            "integrity": "sha512-oTN7EtH+CpwxU9NrwEYWd0UZ4JUx7l048l5A2Xppm4p/60isZYLnth9QVQmC3VRIvdrIWCxwZSd+Uz791G31/w==",
             "license": "MIT",
             "dependencies": {
                 "prosemirror-model": "^1.25.8",
@@ -5012,9 +5108,9 @@
             "license": "MIT"
         },
         "node_modules/reka-ui": {
-            "version": "2.10.3",
-            "resolved": "https://registry.npmjs.org/reka-ui/-/reka-ui-2.10.3.tgz",
-            "integrity": "sha512-nJGZbwcha8AcP2wbnjodfzsciTKBqp1mIzepC9Pi2xDI/YK3++ej3vpJOSPyxqrkq1Oorj4K+BdJkbVCV6x6ag==",
+            "version": "2.10.4",
+            "resolved": "https://registry.npmjs.org/reka-ui/-/reka-ui-2.10.4.tgz",
+            "integrity": "sha512-kbS5GAbkHkYj0EVKAg5ZPEPndhBjeUFSa1Aq5m5ftQwyHnB1v5tw8X6fcwfKH/ry3StPXblMWM1DW82MVS71cw==",
             "license": "MIT",
             "dependencies": {
                 "@floating-ui/dom": "^1.6.13",
@@ -5058,12 +5154,12 @@
             }
         },
         "node_modules/rolldown": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.2.3.tgz",
-            "integrity": "sha512-rn9wpmxplLf7NLNyCk9FyWh3FM43DbY8jOzCdEPzH7uflhTftRbCEpqi6Ly2osgoU8OwObtmavMbWLaWy4LX7A==",
+            "version": "1.2.6",
+            "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.2.6.tgz",
+            "integrity": "sha512-vMM4q3aixf46GiF1Kok8jDPFsEpXgFWGjUHXNkNHNm+Y2adXAG2dbX91jkti3i0ZRsOlcmbuzAz1poObSHCmUA==",
             "license": "MIT",
             "dependencies": {
-                "@oxc-project/types": "=0.143.0",
+                "@oxc-project/types": "=0.147.0",
                 "@rolldown/pluginutils": "^1.0.0"
             },
             "bin": {
@@ -5073,20 +5169,21 @@
                 "node": "^20.19.0 || >=22.12.0"
             },
             "optionalDependencies": {
-                "@rolldown/binding-android-arm64": "1.2.3",
-                "@rolldown/binding-darwin-arm64": "1.2.3",
-                "@rolldown/binding-darwin-x64": "1.2.3",
-                "@rolldown/binding-freebsd-x64": "1.2.3",
-                "@rolldown/binding-linux-arm-gnueabihf": "1.2.3",
-                "@rolldown/binding-linux-arm64-gnu": "1.2.3",
-                "@rolldown/binding-linux-arm64-musl": "1.2.3",
-                "@rolldown/binding-linux-ppc64-gnu": "1.2.3",
-                "@rolldown/binding-linux-s390x-gnu": "1.2.3",
-                "@rolldown/binding-linux-x64-gnu": "1.2.3",
-                "@rolldown/binding-linux-x64-musl": "1.2.3",
-                "@rolldown/binding-openharmony-arm64": "1.2.3",
-                "@rolldown/binding-win32-arm64-msvc": "1.2.3",
-                "@rolldown/binding-win32-x64-msvc": "1.2.3"
+                "@rolldown/binding-android-arm-eabi": "1.2.6",
+                "@rolldown/binding-android-arm64": "1.2.6",
+                "@rolldown/binding-darwin-arm64": "1.2.6",
+                "@rolldown/binding-darwin-x64": "1.2.6",
+                "@rolldown/binding-freebsd-x64": "1.2.6",
+                "@rolldown/binding-linux-arm-gnueabihf": "1.2.6",
+                "@rolldown/binding-linux-arm64-gnu": "1.2.6",
+                "@rolldown/binding-linux-arm64-musl": "1.2.6",
+                "@rolldown/binding-linux-ppc64-gnu": "1.2.6",
+                "@rolldown/binding-linux-s390x-gnu": "1.2.6",
+                "@rolldown/binding-linux-x64-gnu": "1.2.6",
+                "@rolldown/binding-linux-x64-musl": "1.2.6",
+                "@rolldown/binding-openharmony-arm64": "1.2.6",
+                "@rolldown/binding-win32-arm64-msvc": "1.2.6",
+                "@rolldown/binding-win32-x64-msvc": "1.2.6"
             }
         },
         "node_modules/rope-sequence": {
@@ -5311,6 +5408,29 @@
                 "url": "https://opencollective.com/webpack"
             }
         },
+        "node_modules/temporal-polyfill": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/temporal-polyfill/-/temporal-polyfill-1.0.4.tgz",
+            "integrity": "sha512-MLEU0qOD2uXlz24oINNtdLZQl8RgmMxSnRtKEGZGGetTJjlRwQJjk+VsJ4EREaUoiaTb8NJOcUiKtoAiWn9EBg==",
+            "license": "MIT",
+            "peer": true,
+            "dependencies": {
+                "temporal-spec": "1.0.1",
+                "temporal-utils": "1.0.2"
+            }
+        },
+        "node_modules/temporal-spec": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/temporal-spec/-/temporal-spec-1.0.1.tgz",
+            "integrity": "sha512-wxVoanmDeavXie1vu2JaQ3WIc3JZnWAOYFBsJyATaVsXsycKYUflGsyBmrRSnoCpZJpwPyr38VpgSUlQ8CbFxg==",
+            "license": "Apache-2.0"
+        },
+        "node_modules/temporal-utils": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/temporal-utils/-/temporal-utils-1.0.2.tgz",
+            "integrity": "sha512-1B8Dl4KzrOvsNUlpoWGno2VLQlxroLjDgc5NBjVC9ax9ymdo+ezfyvhyjEMx+IVfhINr6CIG2gcnlP95iRrybQ==",
+            "license": "MIT"
+        },
         "node_modules/tinyglobby": {
             "version": "0.2.17",
             "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz",
@@ -5345,9 +5465,9 @@
             }
         },
         "node_modules/tinyglobby/node_modules/picomatch": {
-            "version": "4.0.5",
-            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz",
-            "integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==",
+            "version": "4.0.7",
+            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.7.tgz",
+            "integrity": "sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA==",
             "license": "MIT",
             "peer": true,
             "engines": {
@@ -5447,16 +5567,16 @@
             }
         },
         "node_modules/typescript-eslint": {
-            "version": "8.67.0",
-            "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.67.0.tgz",
-            "integrity": "sha512-S2udFs8tCKEKffuJ4TB1idGUZiXdCPGi3IPBGWXarbLQ5UPXORV8QEVzJ4gCRduURMb5EkpNCdjbk0eDIuI8Yg==",
+            "version": "8.68.0",
+            "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.68.0.tgz",
+            "integrity": "sha512-MHy0Y0ynqeEbx/S45+i/bBssdy3X6KNBfmJAP35GrgtNxu2TQ5K5xsFDhAnmsq1jvpdoZOPG1LGtJo0HWqYCrQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@typescript-eslint/eslint-plugin": "8.67.0",
-                "@typescript-eslint/parser": "8.67.0",
-                "@typescript-eslint/typescript-estree": "8.67.0",
-                "@typescript-eslint/utils": "8.67.0"
+                "@typescript-eslint/eslint-plugin": "8.68.0",
+                "@typescript-eslint/parser": "8.68.0",
+                "@typescript-eslint/typescript-estree": "8.68.0",
+                "@typescript-eslint/utils": "8.68.0"
             },
             "engines": {
                 "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -5495,9 +5615,9 @@
             }
         },
         "node_modules/unplugin-utils/node_modules/picomatch": {
-            "version": "4.0.5",
-            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz",
-            "integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==",
+            "version": "4.0.7",
+            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.7.tgz",
+            "integrity": "sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -5508,9 +5628,9 @@
             }
         },
         "node_modules/update-browserslist-db": {
-            "version": "1.3.1",
-            "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.3.1.tgz",
-            "integrity": "sha512-ZZ61DsRsOnakl74HAmp3oSN4aXUmEWXf+i/yv0h7tIBfICc3VdrFErQKUUKPgu3AMsTUMbcongALEN4l6GSUrQ==",
+            "version": "1.3.2",
+            "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.3.2.tgz",
+            "integrity": "sha512-UQ+MSxlhRm1bzjhU+DcuXfjFO1FzNtqhK5+9Yvlp90ItDLk5vT932A0rFu619nf7RVS+Y/VeaUW1jaRDqZ8VJw==",
             "dev": true,
             "funding": [
                 {
@@ -5556,16 +5676,16 @@
             "license": "MIT"
         },
         "node_modules/vite": {
-            "version": "8.2.1",
-            "resolved": "https://registry.npmjs.org/vite/-/vite-8.2.1.tgz",
-            "integrity": "sha512-EU/eS7BH3XROHh2YnBefjM6DBKA6ZeMZEYQbj7NLWg5wHYlhB8B/Mayd5XsgWq+NFYccDOTemRpdETWR6Ka/lw==",
+            "version": "8.2.2",
+            "resolved": "https://registry.npmjs.org/vite/-/vite-8.2.2.tgz",
+            "integrity": "sha512-cFKLV/PRgAUlIRm5WjMjJ86jrftzpqcgH+Us+DS8mI3CDNiH30Whrz8uHL3+MOLPAgqbMBAqWdAHAphOAM+z/Q==",
             "license": "MIT",
             "peer": true,
             "dependencies": {
                 "lightningcss": "^1.33.0",
                 "picomatch": "^4.0.5",
-                "postcss": "^8.5.25",
-                "rolldown": "~1.2.1",
+                "postcss": "^8.5.26",
+                "rolldown": "~1.2.4",
                 "tinyglobby": "^0.2.17"
             },
             "bin": {
@@ -5582,7 +5702,7 @@
             },
             "peerDependencies": {
                 "@types/node": "^20.19.0 || >=22.12.0",
-                "@vitejs/devtools": "^0.4.0",
+                "@vitejs/devtools": "^0.4.0 || ^0.5.0",
                 "esbuild": "^0.27.0 || ^0.28.0",
                 "jiti": ">=1.21.0",
                 "less": "^4.0.0",
@@ -5651,9 +5771,9 @@
             }
         },
         "node_modules/vite-dev-rpc/node_modules/birpc": {
-            "version": "4.1.0",
-            "resolved": "https://registry.npmjs.org/birpc/-/birpc-4.1.0.tgz",
-            "integrity": "sha512-O8L9vALWGqdEe0cG4HJckauw3WeJETlJnDRPUYpgwB7wrU43b/5NGMdVjdVcRo+4ROgd3ih2wha1glDe4HRVgw==",
+            "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/birpc/-/birpc-4.2.0.tgz",
+            "integrity": "sha512-KxgKcZPfrtzJDDALHPguGpGJUrzdgpymyiQQgzFjWreHMOpWrnFNVREr5J48x2DBh8ZVioscrV1SBkDipGiX+Q==",
             "dev": true,
             "license": "MIT",
             "funding": {
@@ -5967,9 +6087,9 @@
             }
         },
         "node_modules/vite/node_modules/picomatch": {
-            "version": "4.0.5",
-            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz",
-            "integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==",
+            "version": "4.0.7",
+            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.7.tgz",
+            "integrity": "sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA==",
             "license": "MIT",
             "engines": {
                 "node": ">=12"
@@ -5979,24 +6099,24 @@
             }
         },
         "node_modules/vscode-uri": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.1.0.tgz",
-            "integrity": "sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==",
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.2.0.tgz",
+            "integrity": "sha512-m2gXo3bn0G1kT9InzMf07fTbqMbGtyckj3bH5ktLO+1Ssv+yiATZ4dhwaQv9UZWxJh6E9IFGnQyjgWVDWVBDrg==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/vue": {
-            "version": "3.5.41",
-            "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.41.tgz",
-            "integrity": "sha512-2laE0p+aK+/AOPG/XL/WepOs/GlK755LJ1XECi9kDUrz1FKNw8rb2Xzlw9JS1rqEV55nb0ttsKxVlTCcd+R5cg==",
+            "version": "3.5.42",
+            "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.42.tgz",
+            "integrity": "sha512-4RyHQTbQvOPs3MfvUO1Sg0YRrKNnA0mAVtvpd12Tg1fKDN7OHBUl1IqSn8zGJjK9nI3NkNp8cgTpVrSZC5TTcA==",
             "license": "MIT",
             "peer": true,
             "dependencies": {
-                "@vue/compiler-dom": "3.5.41",
-                "@vue/compiler-sfc": "3.5.41",
-                "@vue/runtime-dom": "3.5.41",
-                "@vue/server-renderer": "3.5.41",
-                "@vue/shared": "3.5.41"
+                "@vue/compiler-dom": "3.5.42",
+                "@vue/compiler-sfc": "3.5.42",
+                "@vue/runtime-dom": "3.5.42",
+                "@vue/server-renderer": "3.5.42",
+                "@vue/shared": "3.5.42"
             },
             "peerDependencies": {
                 "typescript": "*"
@@ -6116,15 +6236,15 @@
             }
         },
         "node_modules/vue-tsc": {
-            "version": "3.3.9",
-            "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-3.3.9.tgz",
-            "integrity": "sha512-TS3Y1ux/IRoE8OCP2PpACAeOseuIs0UvWrcr7u+w3PmfY+SlCfEf8zjrBgnQksHUgLpthi5vHlffcQTQTdPBZA==",
+            "version": "3.3.11",
+            "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-3.3.11.tgz",
+            "integrity": "sha512-gOb0B9rtU2+f1dszwPqSH5kAieIF9ReeLhD3kSRNHv5WZZUQz/JdVXW0RTdqhNTMlQkqKzrTTviqKr/4FYZraQ==",
             "dev": true,
             "license": "MIT",
             "peer": true,
             "dependencies": {
                 "@volar/typescript": "2.4.28",
-                "@vue/language-core": "3.3.9"
+                "@vue/language-core": "3.3.11"
             },
             "bin": {
                 "vue-tsc": "bin/vue-tsc.js"
@@ -6195,29 +6315,29 @@
                 "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
             }
         },
-        "node_modules/wrap-ansi/node_modules/ansi-styles": {
-            "version": "6.2.3",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
-            "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+        "node_modules/wsl-utils": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/wsl-utils/-/wsl-utils-1.0.0.tgz",
+            "integrity": "sha512-Hl0ZOAs672vg+06kfujwRhoS6/jehvULrlFkuF2dRu6pHgA8U06h3xqNIqNNU1LTXPcedxByAR4GS6pwQK0mgA==",
             "dev": true,
             "license": "MIT",
+            "dependencies": {
+                "is-wsl": "^3.1.0",
+                "powershell-utils": "^0.1.0"
+            },
             "engines": {
-                "node": ">=12"
+                "node": ">=20"
             },
             "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+                "url": "https://github.com/sponsors/sindresorhus"
             }
         },
-        "node_modules/wsl-utils": {
-            "version": "0.3.1",
-            "resolved": "https://registry.npmjs.org/wsl-utils/-/wsl-utils-0.3.1.tgz",
-            "integrity": "sha512-g/eziiSUNBSsdDJtCLB8bdYEUMj4jR7AGeUo96p/3dTafgjHhpF4RiCFPiRILwjQoDXx5MqkBr4fwWtR3Ky4Wg==",
+        "node_modules/wsl-utils/node_modules/powershell-utils": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmjs.org/powershell-utils/-/powershell-utils-0.1.0.tgz",
+            "integrity": "sha512-dM0jVuXJPsDN6DvRpea484tCUaMiXWjuCn++HGTqUWzGDjv5tZkEZldAJ/UMlqRYGFrD/etByo4/xOuC/snX2A==",
             "dev": true,
             "license": "MIT",
-            "dependencies": {
-                "is-wsl": "^3.1.0",
-                "powershell-utils": "^0.1.0"
-            },
             "engines": {
                 "node": ">=20"
             },
diff --git a/package.json b/package.json
index 720856c..5fc7afd 100644
--- a/package.json
+++ b/package.json
@@ -31,9 +31,10 @@
         "vue-tsc": "^3.3.9"
     },
     "dependencies": {
+        "@fullcalendar/vue3": "^7.0.2",
         "@inertiajs/vite": "^3.0.0",
         "@inertiajs/vue3": "^3.0.0",
-        "@lucide/vue": "^1.31.0",
+        "@lucide/vue": "^1.43.0",
         "@tiptap/core": "^3.27.1",
         "@tiptap/extension-link": "^3.27.1",
         "@tiptap/extension-paragraph": "^3.27.1",
@@ -43,8 +44,9 @@
         "@vueuse/core": "^14.4.0",
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",
+        "date-fns": "^4.4.0",
         "laravel-vite-plugin": "^3.1.3",
-        "reka-ui": "^2.6.1",
+        "reka-ui": "^2.10.4",
         "tailwind-merge": "^3.2.0",
         "tailwindcss": "^4.1.1",
         "tw-animate-css": "^1.2.5",
diff --git a/resources/js/app.ts b/resources/js/app.ts
index d40556f..09694c2 100644
--- a/resources/js/app.ts
+++ b/resources/js/app.ts
@@ -1,7 +1,11 @@
 import { createInertiaApp } from '@inertiajs/vue3';
 import { initializeTheme } from './composables/useAppearance';
 
-const appName = import.meta.env.VITE_APP_NAME || 'Laravel';
+import '@fullcalendar/vue3/skeleton.css';
+import '@fullcalendar/vue3/themes/forma/palettes/purple.css';
+import '@fullcalendar/vue3/themes/forma/theme.css';
+
+const appName = import.meta.env.VITE_APP_NAME || 'Taskly';
 
 createInertiaApp({
     title: (title) => (title ? `${title} - ${appName}` : appName),
diff --git a/resources/js/components/AppSidebar.vue b/resources/js/components/AppSidebar.vue
index 583a140..03ea9a1 100644
--- a/resources/js/components/AppSidebar.vue
+++ b/resources/js/components/AppSidebar.vue
@@ -16,7 +16,7 @@ import { dashboard } from '@/routes';
 import { index } from '@/routes/tasks';
 import { type NavItem } from '@/types';
 import { Link } from '@inertiajs/vue3';
-import { Folder, LayoutGrid, ListCheck, Tag } from '@lucide/vue';
+import { Folder, LayoutGrid, ListCheck, Calendar } from '@lucide/vue';
 import AppLogo from './AppLogo.vue';
 
 const mainNavItems: NavItem[] = [
@@ -31,9 +31,9 @@ const mainNavItems: NavItem[] = [
         icon: ListCheck,
     },
     {
-        title: 'Tags',
-        href: '/tags',
-        icon: Tag,
+        title: 'Calendar',
+        href: '/calendar',
+        icon: Calendar,
     },
 ];
 
diff --git a/resources/js/components/AppSidebarHeader.vue b/resources/js/components/AppSidebarHeader.vue
index 3fd430c..4729b8d 100644
--- a/resources/js/components/AppSidebarHeader.vue
+++ b/resources/js/components/AppSidebarHeader.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import Breadcrumbs from '@/components/Breadcrumbs.vue';
+import NotificationBell from '@/components/NotificationBell.vue';
 import { SidebarTrigger } from '@/components/ui/sidebar';
 import type { BreadcrumbItemType } from '@/types';
 
@@ -15,13 +16,16 @@ withDefaults(
 
 <template>
     <header
-        class="flex h-16 shrink-0 items-center gap-2 border-b border-sidebar-border/70 px-6 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12 md:px-4"
+        class="sticky top-0 z-40 flex h-16 shrink-0 items-center gap-2 border-b border-sidebar-border/70 bg-background px-6 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12 md:rounded-t-xl md:px-4"
     >
-        <div class="flex items-center gap-2">
+        <div class="flex min-w-0 items-center gap-2">
             <SidebarTrigger class="-ml-1" />
             <template v-if="breadcrumbs && breadcrumbs.length > 0">
                 <Breadcrumbs :breadcrumbs="breadcrumbs" />
             </template>
         </div>
+        <div class="ml-auto flex items-center gap-1">
+            <NotificationBell />
+        </div>
     </header>
 </template>
diff --git a/resources/js/components/NotificationBell.vue b/resources/js/components/NotificationBell.vue
new file mode 100644
index 0000000..7d1a011
--- /dev/null
+++ b/resources/js/components/NotificationBell.vue
@@ -0,0 +1,266 @@
+<script setup lang="ts">
+import { computed, ref } from 'vue';
+import { router, usePage } from '@inertiajs/vue3';
+import {
+    DropdownMenu,
+    DropdownMenuContent,
+    DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu';
+import { Button } from '@/components/ui/button';
+import { Spinner } from '@/components/ui/spinner';
+import {
+    Bell,
+    BellOff,
+    CalendarDays,
+    Check,
+    CheckCheck,
+    ChevronDown,
+    X,
+} from '@lucide/vue';
+import { respond } from '@/routes/calendar/events';
+import { index, readAll } from '@/routes/notifications';
+import {
+    relativeTime,
+    formatDateTimeRange,
+} from '@/composables/useDateFormatter';
+import { usePaginatedList } from '@/composables/usePaginatedList';
+import type { AppNotification, NotificationType } from '@/types';
+
+const isType = (notification: AppNotification, type: NotificationType) =>
+    notification.type === type;
+
+const page = usePage();
+const unreadCount = computed(() => page.props.notifications.unreadCount);
+const {
+    items: notifications,
+    pagination,
+    isLoadingMore,
+    loadFirstPage,
+    loadMore,
+} = usePaginatedList<AppNotification>(
+    () => ({
+        items: [],
+        pagination: undefined,
+    }),
+    {
+        urlForPage: (page) => index({ query: { page } }).url,
+        errorMessage: 'Failed to load more notifications',
+        preserveLoadedItems: true,
+    },
+);
+const notificationsLoaded = ref(false);
+
+const handleOpenChange = async (open: boolean) => {
+    if (!open || notificationsLoaded.value) return;
+
+    notificationsLoaded.value = await loadFirstPage();
+};
+
+const response = (notification: AppNotification) =>
+    notification.data.response && notification.data.response !== 'needs_action'
+        ? notification.data.response
+        : 'needs_action';
+
+const eventDateTime = (notification: AppNotification): string | null =>
+    formatDateTimeRange(
+        notification.data.start_time ?? null,
+        notification.data.end_time ?? null,
+    );
+
+const markAllAsRead = () =>
+    router.post(readAll().url, {}, { preserveScroll: true });
+
+const respondTo = (
+    notification: AppNotification,
+    response: 'accepted' | 'declined',
+) =>
+    router.post(
+        respond({ event: notification.data.event_id!, response }).url,
+        {},
+        {
+            preserveScroll: true,
+            onSuccess: () => {
+                notification.data.response = response;
+                notification.read_at = new Date().toISOString();
+            },
+        },
+    );
+</script>
+
+<template>
+    <DropdownMenu @update:open="handleOpenChange">
+        <DropdownMenuTrigger as-child>
+            <Button
+                variant="ghost"
+                size="icon"
+                class="relative rounded-full"
+                aria-label="Notifications"
+            >
+                <Bell class="size-5" />
+                <span
+                    v-if="unreadCount > 0"
+                    class="absolute top-1 right-1 flex min-w-4 items-center justify-center rounded-full bg-destructive px-1 text-[10px] leading-4 font-semibold text-destructive-foreground"
+                >
+                    {{ unreadCount > 9 ? '9+' : unreadCount }}
+                </span>
+            </Button>
+        </DropdownMenuTrigger>
+        <DropdownMenuContent
+            align="end"
+            :side-offset="8"
+            class="w-[22rem] overflow-hidden p-0 sm:w-96"
+        >
+            <div class="flex items-center justify-between border-b px-4 py-3">
+                <div class="flex items-center gap-2">
+                    <span class="text-sm font-semibold">Notifications</span>
+                    <span
+                        v-if="unreadCount > 0"
+                        class="rounded-full bg-primary/10 px-2 py-0.5 text-xs font-medium text-primary"
+                        >{{ unreadCount }} new</span
+                    >
+                </div>
+                <button
+                    v-if="unreadCount > 0"
+                    type="button"
+                    class="inline-flex items-center gap-1.5 text-xs font-medium text-muted-foreground transition-colors hover:text-foreground"
+                    @click="markAllAsRead"
+                >
+                    <CheckCheck class="size-3.5" />
+                    Mark all as read
+                </button>
+            </div>
+
+            <div class="max-h-[28rem] overflow-y-auto">
+                <div
+                    v-if="isLoadingMore && notifications.length === 0"
+                    class="flex items-center justify-center gap-2 px-4 py-12 text-sm text-muted-foreground"
+                >
+                    <Spinner class="size-4" />
+                    Loading notifications...
+                </div>
+
+                <template v-else-if="notifications.length > 0">
+                    <div
+                        v-for="notification in notifications"
+                        :key="notification.id"
+                        class="flex flex-col gap-2 px-4 py-3 transition-colors hover:bg-muted/50"
+                        :class="!notification.read_at ? 'bg-primary/2' : ''"
+                    >
+                        <div class="flex items-start gap-3">
+                            <div
+                                class="mt-0.5 flex size-8 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary"
+                            >
+                                <CalendarDays class="size-4" />
+                            </div>
+                            <div class="min-w-0 flex-1">
+                                <p class="text-sm leading-snug text-foreground">
+                                    <span class="font-medium">{{
+                                        notification.data.inviter
+                                    }}</span>
+                                    invited you to
+                                    <span class="font-medium">{{
+                                        notification.data.title
+                                    }}</span>
+                                </p>
+                                <p
+                                    v-if="eventDateTime(notification)"
+                                    class="mt-0.5 text-xs text-muted-foreground"
+                                >
+                                    {{ eventDateTime(notification) }}
+                                </p>
+                            </div>
+                            <span
+                                class="shrink-0 text-xs text-muted-foreground"
+                                >{{
+                                    relativeTime(notification.created_at)
+                                }}</span
+                            >
+                        </div>
+                        <div
+                            v-if="isType(notification, 'event_invitation')"
+                            class="flex items-center gap-2 pl-11"
+                        >
+                            <template
+                                v-if="response(notification) === 'needs_action'"
+                            >
+                                <Button
+                                    size="sm"
+                                    class="h-8"
+                                    @click="respondTo(notification, 'accepted')"
+                                >
+                                    <Check class="mr-1.5 size-3.5" />
+                                    Accept
+                                </Button>
+                                <Button
+                                    size="sm"
+                                    variant="outline"
+                                    class="h-8 text-muted-foreground hover:text-foreground"
+                                    @click="respondTo(notification, 'declined')"
+                                >
+                                    <X class="mr-1.5 size-3.5" />
+                                    Decline
+                                </Button>
+                            </template>
+                            <span
+                                v-else
+                                class="inline-flex items-center gap-1.5 text-xs font-medium"
+                                :class="
+                                    response(notification) === 'accepted'
+                                        ? 'text-primary'
+                                        : 'text-muted-foreground'
+                                "
+                            >
+                                <Check
+                                    v-if="response(notification) === 'accepted'"
+                                    class="size-3.5"
+                                />
+                                <X v-else class="size-3.5" />
+                                You
+                                {{
+                                    response(notification) === 'accepted'
+                                        ? 'accepted'
+                                        : 'declined'
+                                }}
+                            </span>
+                        </div>
+                    </div>
+                </template>
+
+                <div
+                    v-else
+                    class="flex flex-col items-center justify-center gap-2 px-4 py-12 text-center"
+                >
+                    <div
+                        class="flex size-11 items-center justify-center rounded-full bg-muted"
+                    >
+                        <BellOff class="size-5 text-muted-foreground" />
+                    </div>
+                    <p class="text-sm font-medium">You're all caught up</p>
+                    <p class="text-xs text-muted-foreground">
+                        Notifications for invitations and updates will appear
+                        here.
+                    </p>
+                </div>
+
+                <div v-if="pagination?.has_more" class="border-t p-2">
+                    <Button
+                        variant="ghost"
+                        size="sm"
+                        class="h-8 w-full text-xs text-muted-foreground"
+                        :disabled="isLoadingMore"
+                        @click="loadMore"
+                    >
+                        <template v-if="isLoadingMore">
+                            <Spinner class="mr-1.5 size-3.5" />
+                            Loading...
+                        </template>
+                        <template v-else>
+                            Load more notifications
+                            <ChevronDown class="ml-1.5 size-3" />
+                        </template>
+                    </Button>
+                </div>
+            </div>
+        </DropdownMenuContent>
+    </DropdownMenu>
+</template>
diff --git a/resources/js/components/calendar/CalendarPageSkeleton.vue b/resources/js/components/calendar/CalendarPageSkeleton.vue
new file mode 100644
index 0000000..37b94df
--- /dev/null
+++ b/resources/js/components/calendar/CalendarPageSkeleton.vue
@@ -0,0 +1,37 @@
+<script setup lang="ts">
+const skeletonClass = 'animate-pulse rounded-md bg-muted/70';
+</script>
+
+<template>
+    <!-- Grid Skeleton Only -->
+    <div
+        class="min-h-0 flex-1 overflow-hidden rounded-xl border border-border/60 bg-card"
+    >
+        <!-- Day headers -->
+        <div class="grid grid-cols-7 border-b border-border/60 bg-muted/20">
+            <div v-for="i in 7" :key="`header-${i}`" class="p-3 text-center">
+                <div :class="[skeletonClass, 'mx-auto h-4 w-12']" />
+            </div>
+        </div>
+
+        <!-- Calendar cells -->
+        <div class="grid h-full grid-cols-7 grid-rows-5">
+            <div
+                v-for="i in 35"
+                :key="`cell-${i}`"
+                class="border-r border-b border-border/60 p-2"
+            >
+                <div
+                    :class="[skeletonClass, 'mb-2 ml-auto h-4 w-6 rounded-sm']"
+                />
+                <div v-if="[3, 8, 12, 17, 24].includes(i)" class="space-y-1">
+                    <div :class="[skeletonClass, 'h-5 w-full rounded-sm']" />
+                </div>
+                <div v-if="[14, 28].includes(i)" class="space-y-1">
+                    <div :class="[skeletonClass, 'h-5 w-full rounded-sm']" />
+                    <div :class="[skeletonClass, 'h-5 w-4/5 rounded-sm']" />
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
diff --git a/resources/js/components/calendar/DateTimeField.vue b/resources/js/components/calendar/DateTimeField.vue
new file mode 100644
index 0000000..e8505fd
--- /dev/null
+++ b/resources/js/components/calendar/DateTimeField.vue
@@ -0,0 +1,87 @@
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import InputError from '@/components/InputError.vue';
+import {
+    fromDatetimeParts,
+    toDateInputValue,
+    toTimeInputValue,
+} from '@/composables/useDateFormatter';
+
+const props = withDefaults(
+    defineProps<{
+        modelValue: string;
+        label?: string;
+        disabled?: boolean;
+        error?: string;
+    }>(),
+    {
+        label: '',
+        disabled: false,
+        error: '',
+    },
+);
+
+const emit = defineEmits<{
+    'update:modelValue': [value: string];
+}>();
+
+const dateInput = ref(toDateInputValue(props.modelValue));
+const timeInput = ref(toTimeInputValue(props.modelValue));
+
+const syncModel = () => {
+    emit(
+        'update:modelValue',
+        fromDatetimeParts(dateInput.value, timeInput.value),
+    );
+};
+
+watch(
+    () => props.modelValue,
+    (value) => {
+        const nextDate = toDateInputValue(value);
+        const nextTime = toTimeInputValue(value);
+        if (nextDate !== dateInput.value) dateInput.value = nextDate;
+        if (nextTime !== timeInput.value) timeInput.value = nextTime;
+    },
+);
+
+const onDateInput = (value: string | number) => {
+    dateInput.value = String(value);
+    syncModel();
+};
+
+const onTimeInput = (value: string | number) => {
+    timeInput.value = String(value);
+    syncModel();
+};
+
+const fieldId = computed(() => props.label.toLowerCase().replace(/\s+/g, '-'));
+</script>
+
+<template>
+    <Label v-if="label" :for="fieldId" class="text-xs text-muted-foreground">
+        {{ label }}
+    </Label>
+    <div class="flex gap-2">
+        <Input
+            :id="`${fieldId}-date`"
+            type="date"
+            class="h-9 flex-1"
+            :model-value="dateInput"
+            :disabled="disabled"
+            @update:model-value="onDateInput"
+        />
+        <Input
+            :id="`${fieldId}-time`"
+            type="time"
+            step="60"
+            class="h-9 w-28 shrink-0"
+            :model-value="timeInput"
+            :disabled="disabled"
+            @update:model-value="onTimeInput"
+        />
+    </div>
+    <InputError :message="error" />
+</template>
diff --git a/resources/js/components/calendar/EventDialog.vue b/resources/js/components/calendar/EventDialog.vue
new file mode 100644
index 0000000..3db4450
--- /dev/null
+++ b/resources/js/components/calendar/EventDialog.vue
@@ -0,0 +1,397 @@
+<script setup lang="ts">
+import { computed, watch } from 'vue';
+import { router, useForm, usePage } from '@inertiajs/vue3';
+import { toast } from 'vue-sonner';
+import {
+    Dialog,
+    DialogContent,
+    DialogDescription,
+    DialogFooter,
+    DialogHeader,
+    DialogTitle,
+} from '@/components/ui/dialog';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Textarea } from '@/components/ui/textarea';
+import InputError from '@/components/InputError.vue';
+import DateTimeField from '@/components/calendar/DateTimeField.vue';
+import { store, update, destroy, room } from '@/routes/calendar/events';
+import type { CalendarEvent, TeamMember } from '@/types';
+import { Save, Check, Trash, UserPlus, Video, X } from '@lucide/vue';
+
+const props = defineProps<{
+    teamMembers: TeamMember[];
+    defaultStart?: string | null;
+    defaultEnd?: string | null;
+    event?: CalendarEvent | null;
+    isLoading?: boolean;
+}>();
+
+const isOpen = defineModel<boolean>('open', { default: false });
+
+const currentUserId = usePage().props.auth.user.id;
+
+const form = useForm({
+    title: '',
+    description: '',
+    start_at: '',
+    end_at: '',
+    has_video: false,
+    attendee_ids: [] as number[],
+});
+
+const isEdit = computed(() => Boolean(props.event));
+const isOwner = computed(() => props.event?.organizer?.id === currentUserId);
+const isReadOnly = computed(() => isEdit.value && !isOwner.value);
+
+const fillFromEvent = () => {
+    if (!props.event) return;
+    form.title = props.event.title;
+    form.description = props.event.description ?? '';
+    form.start_at = props.event.start_at;
+    form.end_at = props.event.end_at;
+    form.has_video = props.event.has_video;
+    form.attendee_ids = (props.event.attendees ?? [])
+        .filter((p) => p.id !== currentUserId)
+        .map((p) => p.id);
+};
+
+const applyDefaultStart = () => {
+    if (!props.defaultStart) return;
+    const start = new Date(props.defaultStart);
+    if (Number.isNaN(start.getTime())) return;
+
+    form.start_at = start.toISOString();
+
+    if (props.defaultEnd) {
+        const end = new Date(props.defaultEnd);
+        if (!Number.isNaN(end.getTime())) {
+            form.end_at = end.toISOString();
+            return;
+        }
+    }
+
+    form.end_at = new Date(start.getTime() + 60 * 60 * 1000).toISOString();
+};
+
+watch(isOpen, () => {
+    form.clearErrors();
+    if (props.event) {
+        fillFromEvent();
+    } else {
+        form.reset();
+        applyDefaultStart();
+    }
+});
+
+watch(
+    () => props.event,
+    (newEvent) => {
+        if (newEvent && isOpen.value) {
+            fillFromEvent();
+        }
+    },
+    { deep: true },
+);
+
+const submit = () => {
+    if (props.event) {
+        form.put(update(props.event.id).url, {
+            onSuccess: () => {
+                toast.success('Event updated');
+                isOpen.value = false;
+            },
+        });
+        return;
+    }
+    form.post(store().url, {
+        onSuccess: () => {
+            toast.success('Event created');
+            isOpen.value = false;
+            form.reset();
+        },
+    });
+};
+
+const removeEvent = () => {
+    if (!props.event) return;
+    router.delete(destroy(props.event.id).url, {
+        onSuccess: () => {
+            toast.success('Event removed from your calendar');
+            isOpen.value = false;
+        },
+    });
+};
+
+const joinRoom = () => {
+    if (!props.event) return;
+    isOpen.value = false;
+    router.visit(room(props.event.id).url);
+};
+</script>
+
+<template>
+    <Dialog v-model:open="isOpen">
+        <DialogContent
+            class="w-[96vw] max-w-[720px] overflow-hidden bg-background p-0 focus:outline-none sm:max-w-[720px]"
+            :show-close-button="false"
+            @open-auto-focus.prevent
+        >
+            <div
+                class="max-h-[92vh] overflow-y-auto overscroll-contain bg-background focus:outline-none"
+            >
+                <DialogHeader
+                    class="sticky top-0 z-20 border-b bg-background/95 px-6 pt-6 pr-14 pb-4 backdrop-blur supports-backdrop-filter:bg-background/80"
+                >
+                    <DialogTitle class="text-xl">{{
+                        isEdit ? 'Event details' : 'Create an event'
+                    }}</DialogTitle>
+                    <DialogDescription class="mt-0.5">
+                        {{
+                            isEdit
+                                ? 'View and edit the details of this event.'
+                                : 'Put a moment on your team calendar and invite the people who need to be there.'
+                        }}
+                    </DialogDescription>
+
+                    <button
+                        type="button"
+                        data-slot="dialog-close"
+                        class="absolute top-4 right-4 rounded-xs p-0 opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"
+                        @click="isOpen = false"
+                    >
+                        <X class="size-4" />
+                        <span class="sr-only">Close</span>
+                    </button>
+                </DialogHeader>
+
+                <form
+                    :class="{
+                        'pointer-events-none opacity-60 transition-opacity duration-200':
+                            isLoading,
+                    }"
+                    class="relative space-y-5 px-6 pt-4 pb-6"
+                    @submit.prevent="submit"
+                >
+                    <div class="space-y-2">
+                        <Label for="title">Event title</Label>
+                        <Input
+                            id="title"
+                            v-model="form.title"
+                            placeholder="e.g. Product review"
+                            required
+                            :disabled="isReadOnly"
+                        />
+                        <InputError :message="form.errors.title" />
+                    </div>
+                    <div class="space-y-2">
+                        <Label for="description"
+                            >Description
+                            <span class="font-normal text-muted-foreground"
+                                >(optional)</span
+                            ></Label
+                        >
+                        <Textarea
+                            id="description"
+                            v-model="form.description"
+                            placeholder="What should everyone know?"
+                            class="min-h-20 resize-none"
+                            :disabled="isReadOnly"
+                        />
+                        <InputError :message="form.errors.description" />
+                    </div>
+                    <div class="space-y-2">
+                        <Label>When</Label>
+                        <div
+                            class="grid grid-cols-1 gap-3 rounded-xl border p-3 sm:grid-cols-2 sm:p-4"
+                        >
+                            <div class="grid gap-2">
+                                <DateTimeField
+                                    v-model="form.start_at"
+                                    label="Starts"
+                                    :disabled="isReadOnly"
+                                    :error="form.errors.start_at"
+                                />
+                            </div>
+                            <div class="grid gap-2">
+                                <DateTimeField
+                                    v-model="form.end_at"
+                                    label="Ends"
+                                    :disabled="isReadOnly"
+                                    :error="form.errors.end_at"
+                                />
+                            </div>
+                        </div>
+                    </div>
+                    <div v-if="teamMembers.length" class="space-y-2">
+                        <div class="flex items-center justify-between">
+                            <Label>Invite teammates</Label
+                            ><span class="text-xs text-muted-foreground"
+                                >{{ form.attendee_ids.length }} selected</span
+                            >
+                        </div>
+                        <div
+                            class="grid max-h-36 gap-1 overflow-y-auto rounded-xl border p-2 sm:grid-cols-2"
+                        >
+                            <label
+                                v-for="member in teamMembers"
+                                :key="member.id"
+                                class="flex cursor-pointer items-center gap-2 rounded-lg px-2.5 py-2 text-sm transition-colors hover:bg-muted"
+                                :class="[
+                                    form.attendee_ids.includes(member.id)
+                                        ? 'bg-primary/8 text-primary'
+                                        : '',
+                                    isReadOnly ? 'cursor-default' : '',
+                                ]"
+                            >
+                                <span
+                                    class="flex size-5 items-center justify-center rounded border"
+                                    :class="
+                                        form.attendee_ids.includes(member.id)
+                                            ? 'border-primary bg-primary text-primary-foreground'
+                                            : 'border-input'
+                                    "
+                                >
+                                    <Check
+                                        v-if="
+                                            form.attendee_ids.includes(
+                                                member.id,
+                                            )
+                                        "
+                                        class="size-3.5"
+                                    />
+                                </span>
+                                <input
+                                    v-model="form.attendee_ids"
+                                    class="sr-only"
+                                    type="checkbox"
+                                    :value="member.id"
+                                    :disabled="isReadOnly"
+                                />
+                                <span class="truncate">{{ member.name }}</span>
+                            </label>
+                        </div>
+                    </div>
+                    <div
+                        v-if="isReadOnly && event?.has_video"
+                        class="flex items-center gap-3 rounded-xl border border-chart-2/40 bg-chart-2/5 p-3.5"
+                    >
+                        <span
+                            class="flex size-9 shrink-0 items-center justify-center rounded-lg bg-chart-2/15 text-chart-2"
+                        >
+                            <Video class="size-4" />
+                        </span>
+                        <div class="flex-1">
+                            <span class="block text-sm font-medium"
+                                >Video Meeting</span
+                            >
+                            <span class="block text-xs text-muted-foreground"
+                                >This event has a Jitsi room attached</span
+                            >
+                        </div>
+                    </div>
+
+                    <label
+                        v-else-if="!isReadOnly"
+                        class="flex cursor-pointer items-center gap-3 rounded-xl border p-3.5 transition-colors hover:bg-muted/50"
+                        :class="
+                            form.has_video
+                                ? 'border-chart-2/40 bg-chart-2/5'
+                                : ''
+                        "
+                    >
+                        <span
+                            class="flex size-9 shrink-0 items-center justify-center rounded-lg bg-muted"
+                            :class="
+                                form.has_video
+                                    ? 'bg-chart-2/15 text-chart-2'
+                                    : ''
+                            "
+                        >
+                            <Video class="size-4" />
+                        </span>
+                        <span class="flex-1">
+                            <span class="block text-sm font-medium"
+                                >Add a video room</span
+                            >
+                            <span class="block text-xs text-muted-foreground"
+                                >Create a Jitsi room for this event</span
+                            >
+                        </span>
+                        <span
+                            class="relative inline-flex h-6 w-11 shrink-0 items-center rounded-full transition-colors"
+                            :class="form.has_video ? 'bg-chart-2' : 'bg-input'"
+                        >
+                            <span
+                                class="inline-block size-4 transform rounded-full bg-background shadow transition-transform"
+                                :class="
+                                    form.has_video
+                                        ? 'translate-x-6'
+                                        : 'translate-x-1'
+                                "
+                            />
+                        </span>
+                        <input
+                            v-model="form.has_video"
+                            type="checkbox"
+                            class="sr-only"
+                        />
+                    </label>
+                    <DialogFooter
+                        class="flex-col gap-3 pt-4 sm:flex-row sm:justify-between"
+                    >
+                        <div class="flex flex-col gap-2 sm:flex-row">
+                            <Button
+                                v-if="isEdit && event?.has_video"
+                                type="button"
+                                variant="outline"
+                                class="w-full text-chart-2 hover:text-chart-2 sm:w-auto"
+                                @click="joinRoom"
+                            >
+                                <Video class="mr-2 size-4" />
+                                Join room
+                            </Button>
+
+                            <Button
+                                v-if="isEdit"
+                                type="button"
+                                variant="outline"
+                                class="w-full text-destructive hover:text-destructive sm:w-auto"
+                                @click="removeEvent"
+                            >
+                                <Trash class="mr-2 size-4" />
+                                Remove
+                            </Button>
+                        </div>
+
+                        <div class="flex flex-col gap-2 sm:flex-row">
+                            <Button
+                                type="button"
+                                variant="outline"
+                                class="w-full sm:w-auto"
+                                @click="isOpen = false"
+                            >
+                                {{ isReadOnly ? 'Close' : 'Cancel' }}
+                            </Button>
+
+                            <Button
+                                v-if="!isReadOnly"
+                                type="submit"
+                                :disabled="form.processing"
+                                class="w-full sm:w-auto"
+                            >
+                                <template v-if="isEdit">
+                                    <Save class="mr-2 size-4" />Save changes
+                                </template>
+                                <template v-else>
+                                    <UserPlus class="mr-2 size-4" />Create event
+                                </template>
+                            </Button>
+                        </div>
+                    </DialogFooter>
+                </form>
+            </div>
+        </DialogContent>
+    </Dialog>
+</template>
diff --git a/resources/js/components/tags/TagSelector.vue b/resources/js/components/tags/TagSelector.vue
index 2cdeda4..1282e01 100644
--- a/resources/js/components/tags/TagSelector.vue
+++ b/resources/js/components/tags/TagSelector.vue
@@ -85,7 +85,7 @@ const triggerLabel = computed(() => {
                 >
                     No tags available.
                     <Link
-                        href="/tags"
+                        href="/settings/tags"
                         class="font-medium text-primary hover:underline"
                     >
                         Create one
@@ -113,7 +113,7 @@ const triggerLabel = computed(() => {
                     <DropdownMenuSeparator />
                     <div class="px-2 py-1.5 text-xs text-muted-foreground">
                         <Link
-                            href="/tags"
+                            href="/settings/tags"
                             class="font-medium text-primary hover:underline"
                         >
                             Manage tags
diff --git a/resources/js/components/tasks/KanbanColumn.vue b/resources/js/components/tasks/KanbanColumn.vue
index 6e6d45d..fd0f691 100644
--- a/resources/js/components/tasks/KanbanColumn.vue
+++ b/resources/js/components/tasks/KanbanColumn.vue
@@ -18,10 +18,11 @@ import {
     DropdownMenuItem,
     DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu';
-import { computed, ref, watch } from 'vue';
+import { computed, ref } from 'vue';
 import { toast } from 'vue-sonner';
 import draggable from 'vuedraggable';
 import ConfirmDeleteDialog from '@/components/ConfirmDeleteDialog.vue';
+import { usePaginatedList } from '@/composables/usePaginatedList';
 import TaskItem from './TaskItem.vue';
 
 const props = defineProps<{
@@ -42,68 +43,49 @@ const startEditColumn = () => {
     isEditingColumn.value = true;
 };
 
-const localTasks = ref<Task[]>([...(props.column.tasks || [])]);
-const pagination = ref<Column['pagination']>(
-    props.column.pagination ? { ...props.column.pagination } : undefined,
-);
-const isLoadingMore = ref(false);
 const isDone = computed(() => props.column.type === 'done');
 
-const loadMoreTasks = async () => {
-    if (!pagination.value || !pagination.value.has_more) return;
-
-    isLoadingMore.value = true;
-    try {
-        const nextPage = pagination.value.current_page + 1;
-        const params = new URLSearchParams();
-        params.append('page', nextPage.toString());
-
-        if (props.filters.search) {
-            params.append('search', props.filters.search);
-        }
-        if (props.filters.assignee_id) {
-            params.append('assignee_id', props.filters.assignee_id.toString());
-        }
-        if (props.filters.tag_ids) {
-            const tagIds = Array.isArray(props.filters.tag_ids)
-                ? props.filters.tag_ids
-                : [props.filters.tag_ids];
-            tagIds.forEach((id: any) => {
-                params.append('tag_ids[]', id.toString());
-            });
-        }
-        if (props.filters.due_date) {
-            params.append('due_date', props.filters.due_date);
-        }
-
-        const response = await fetch(
-            `/columns/${props.column.id}/tasks?${params.toString()}`,
-            {
-                headers: {
-                    Accept: 'application/json',
-                    'X-Requested-With': 'XMLHttpRequest',
-                },
-            },
-        );
-
-        if (!response.ok) throw new Error('Network error');
+const {
+    items: localTasks,
+    pagination,
+    isLoadingMore,
+    loadMore: loadMoreTasks,
+} = usePaginatedList(
+    () => ({
+        items: props.column.tasks,
+        pagination: props.column.pagination,
+    }),
+    {
+        urlForPage: (page) => {
+            const params = new URLSearchParams();
+            params.append('page', page.toString());
 
-        const { data, meta } = await response.json();
+            if (props.filters.search) {
+                params.append('search', props.filters.search);
+            }
+            if (props.filters.assignee_id) {
+                params.append(
+                    'assignee_id',
+                    props.filters.assignee_id.toString(),
+                );
+            }
+            if (props.filters.tag_ids) {
+                const tagIds = Array.isArray(props.filters.tag_ids)
+                    ? props.filters.tag_ids
+                    : [props.filters.tag_ids];
+                tagIds.forEach((id: any) => {
+                    params.append('tag_ids[]', id.toString());
+                });
+            }
+            if (props.filters.due_date) {
+                params.append('due_date', props.filters.due_date);
+            }
 
-        localTasks.value.push(...data);
-
-        pagination.value = {
-            current_page: meta.current_page,
-            last_page: meta.last_page,
-            total: meta.total,
-            has_more: meta.current_page < meta.last_page,
-        };
-    } catch {
-        toast.error('Failed to load more tasks');
-    } finally {
-        isLoadingMore.value = false;
-    }
-};
+            return `/columns/${props.column.id}/tasks?${params.toString()}`;
+        },
+        errorMessage: 'Failed to load more tasks',
+    },
+);
 
 const saveColumnName = () => {
     if (editName.value.trim() && editName.value !== props.column.name) {
@@ -154,16 +136,6 @@ const onDragChange = (event: any) => {
         );
     }
 };
-
-watch(
-    () => props.column.tasks,
-    (newTasks) => {
-        localTasks.value = [...(newTasks || [])];
-        if (props.column.pagination) {
-            pagination.value = { ...props.column.pagination };
-        }
-    },
-);
 </script>
 
 <template>
diff --git a/resources/js/components/tasks/TaskCreateDialog.vue b/resources/js/components/tasks/TaskCreateDialog.vue
index 8cef3d8..7042a4f 100644
--- a/resources/js/components/tasks/TaskCreateDialog.vue
+++ b/resources/js/components/tasks/TaskCreateDialog.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import InputError from '@/components/InputError.vue';
+import DateTimeField from '@/components/calendar/DateTimeField.vue';
 import TagSelector from '@/components/tags/TagSelector.vue';
 import TaskAssigneeSelect from '@/components/tasks/TaskAssigneeSelect.vue';
 import TaskRichTextEditor from '@/components/tasks/TaskRichTextEditor.vue';
@@ -120,13 +121,11 @@ const submit = () => {
                     </div>
                     <div class="grid gap-4 sm:grid-cols-2">
                         <div class="grid gap-2">
-                            <Label for="task-due-date">Due date</Label>
-                            <Input
-                                id="task-due-date"
-                                type="datetime-local"
+                            <Label>Due date</Label>
+                            <DateTimeField
                                 v-model="form.due_date"
+                                :error="form.errors.due_date"
                             />
-                            <InputError :message="form.errors.due_date" />
                         </div>
 
                         <div class="grid gap-2">
diff --git a/resources/js/components/tasks/TaskEditDialog.vue b/resources/js/components/tasks/TaskEditDialog.vue
index 91ead15..c8f45e1 100644
--- a/resources/js/components/tasks/TaskEditDialog.vue
+++ b/resources/js/components/tasks/TaskEditDialog.vue
@@ -66,7 +66,7 @@ const stripRichText = (value: string) => {
 const hydrateFormsFromTask = (task: Task) => {
     form.title = task.title;
     form.description = task.description || '';
-    form.due_date = task.due_date ? task.due_date.slice(0, 16) : '';
+    form.due_date = task.due_date || '';
     form.assigned_to = task.assigned_to ?? null;
     form.created_by = task.created_by;
     form.tag_ids = task.tags?.map((t) => t.id) ?? [];
@@ -98,7 +98,7 @@ const loadTaskDetails = async (
         if (hydrateForm) {
             form.title = task.title;
             form.description = task.description || '';
-            form.due_date = task.due_date ? task.due_date.slice(0, 16) : '';
+            form.due_date = task.due_date || '';
             form.assigned_to = task.assigned_to ?? null;
             form.created_by = task.created_by;
             form.attachments = [];
diff --git a/resources/js/components/tasks/TaskEditFormPanel.vue b/resources/js/components/tasks/TaskEditFormPanel.vue
index f9f79a3..9568ff9 100644
--- a/resources/js/components/tasks/TaskEditFormPanel.vue
+++ b/resources/js/components/tasks/TaskEditFormPanel.vue
@@ -9,6 +9,7 @@ import { DialogFooter } from '@/components/ui/dialog';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 import { Spinner } from '@/components/ui/spinner';
+import DateTimeField from '@/components/calendar/DateTimeField.vue';
 import type { Tag, TaskAttachment, TeamMember } from '@/types';
 import { TaskEditFormState } from '@/types';
 import { Save } from '@lucide/vue';
@@ -99,16 +100,14 @@ const onTagsUpdated = (tags: Tag[]) => {
 
                 <div class="grid gap-4 sm:grid-cols-2">
                     <div class="grid gap-2">
-                        <Label for="edit-task-due-date">Due date</Label>
-                        <Input
-                            id="edit-task-due-date"
-                            type="datetime-local"
+                        <Label>Due date</Label>
+                        <DateTimeField
                             :model-value="form.due_date"
+                            :error="form.errors.due_date"
                             @update:model-value="
-                                $emit('update:due-date', String($event))
+                                $emit('update:due-date', $event)
                             "
                         />
-                        <InputError :message="form.errors.due_date" />
                     </div>
 
                     <div class="grid gap-2">
diff --git a/resources/js/components/tasks/TaskFilters.vue b/resources/js/components/tasks/TaskFilters.vue
index dcbe760..8f29bd4 100644
--- a/resources/js/components/tasks/TaskFilters.vue
+++ b/resources/js/components/tasks/TaskFilters.vue
@@ -23,6 +23,7 @@ import {
 } from '@lucide/vue';
 import { computed, reactive, watch } from 'vue';
 import { formatDate } from '@/composables/useDateFormatter';
+import { Link } from '@inertiajs/vue3';
 
 interface FilterState {
     search: string;
@@ -332,6 +333,16 @@ const hasActiveFilters = computed(() => {
                         />
                     </DropdownMenuItem>
                 </template>
+                <DropdownMenuSeparator />
+                <div class="px-2 py-1.5 text-xs text-muted-foreground">
+                    <Link
+                        href="/settings/tags"
+                        class="flex items-center gap-1.5 font-medium text-primary hover:underline"
+                    >
+                        <TagIcon class="size-3" />
+                        Manage tags
+                    </Link>
+                </div>
             </DropdownMenuContent>
         </DropdownMenu>
 
diff --git a/resources/js/components/ui/sidebar/SidebarInset.vue b/resources/js/components/ui/sidebar/SidebarInset.vue
index f46b43a..44747ec 100644
--- a/resources/js/components/ui/sidebar/SidebarInset.vue
+++ b/resources/js/components/ui/sidebar/SidebarInset.vue
@@ -11,7 +11,7 @@ const props = defineProps<{
   <main
     data-slot="sidebar-inset"
     :class="cn(
-      'bg-background relative flex w-full flex-1 flex-col',
+      'bg-background relative flex w-full min-w-0 flex-1 flex-col',
       'md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2',
       props.class,
     )"
diff --git a/resources/js/components/ui/textarea/Textarea.vue b/resources/js/components/ui/textarea/Textarea.vue
new file mode 100644
index 0000000..3a4ddf3
--- /dev/null
+++ b/resources/js/components/ui/textarea/Textarea.vue
@@ -0,0 +1,28 @@
+<script setup lang="ts">
+import type { HTMLAttributes } from "vue"
+import { useVModel } from "@vueuse/core"
+import { cn } from "@/lib/utils"
+
+const props = defineProps<{
+  class?: HTMLAttributes["class"]
+  defaultValue?: string | number
+  modelValue?: string | number
+}>()
+
+const emits = defineEmits<{
+  (e: "update:modelValue", payload: string | number): void
+}>()
+
+const modelValue = useVModel(props, "modelValue", emits, {
+  passive: true,
+  defaultValue: props.defaultValue,
+})
+</script>
+
+<template>
+  <textarea
+    v-model="modelValue"
+    data-slot="textarea"
+    :class="cn('border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-3 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', props.class)"
+  />
+</template>
diff --git a/resources/js/components/ui/textarea/index.ts b/resources/js/components/ui/textarea/index.ts
new file mode 100644
index 0000000..8ce91e9
--- /dev/null
+++ b/resources/js/components/ui/textarea/index.ts
@@ -0,0 +1 @@
+export { default as Textarea } from "./Textarea.vue"
diff --git a/resources/js/composables/useAppearance.ts b/resources/js/composables/useAppearance.ts
index 22bd855..699221f 100644
--- a/resources/js/composables/useAppearance.ts
+++ b/resources/js/composables/useAppearance.ts
@@ -13,12 +13,21 @@ export function updateTheme(value: Appearance) {
         );
         const systemTheme = mediaQueryList.matches ? 'dark' : 'light';
 
-        document.documentElement.classList.toggle(
-            'dark',
-            systemTheme === 'dark',
-        );
+        const isDark = systemTheme === 'dark';
+        document.documentElement.classList.toggle('dark', isDark);
+        if (isDark) {
+            document.documentElement.setAttribute('data-color-scheme', 'dark');
+        } else {
+            document.documentElement.removeAttribute('data-color-scheme');
+        }
     } else {
-        document.documentElement.classList.toggle('dark', value === 'dark');
+        const isDark = value === 'dark';
+        document.documentElement.classList.toggle('dark', isDark);
+        if (isDark) {
+            document.documentElement.setAttribute('data-color-scheme', 'dark');
+        } else {
+            document.documentElement.removeAttribute('data-color-scheme');
+        }
     }
 }
 
diff --git a/resources/js/composables/useCalendarConfig.ts b/resources/js/composables/useCalendarConfig.ts
new file mode 100644
index 0000000..aa1474a
--- /dev/null
+++ b/resources/js/composables/useCalendarConfig.ts
@@ -0,0 +1,128 @@
+import type { CalendarEventIndex } from '@/types';
+import type { CalendarOptions, DatesSetInfo } from '@fullcalendar/vue3';
+import dayGridPlugin from '@fullcalendar/vue3/daygrid';
+import interactionPlugin from '@fullcalendar/vue3/interaction';
+import formaTheme from '@fullcalendar/vue3/themes/forma';
+import timeGridPlugin from '@fullcalendar/vue3/timegrid';
+import { computed, type Ref } from 'vue';
+import { toDateInputValue, toTimeInputValue } from './useDateFormatter';
+
+export interface CalendarHandlers {
+    initialView: string;
+    initialDate: string | null;
+    onDateClick: (date: Date, allDay: boolean) => void;
+    onRangeSelect: (start: Date, end: Date, allDay: boolean) => void;
+    onEventClick: (id: string) => void;
+    onRangeChange: (
+        start: string,
+        end: string,
+        viewType: string,
+        title: string,
+    ) => void;
+}
+
+/**
+ * Build reactive FullCalendar options from events and UI callbacks.
+ */
+export function useCalendarConfig(
+    events: Ref<CalendarEventIndex[]>,
+    handlers: CalendarHandlers,
+) {
+    const calendarEvents = computed(() =>
+        events.value.map((event) => ({
+            id: String(event.id),
+            title: event.title,
+            start: event.start_at,
+            end: event.end_at,
+            class: event.has_video
+                ? 'taskly-event event-video'
+                : 'taskly-event event-standard',
+            extendedProps: { hasVideo: event.has_video },
+        })),
+    );
+
+    const calendarOptions = computed<CalendarOptions>(() => ({
+        plugins: [formaTheme, interactionPlugin, dayGridPlugin, timeGridPlugin],
+        initialView: handlers.initialView,
+        initialDate: handlers.initialDate ?? undefined,
+        headerToolbar: false,
+        views: {
+            timeGridWeek: {
+                type: 'timeGrid',
+                duration: { weeks: 1 },
+                allDaySlot: false,
+                titleFormat: {
+                    year: 'numeric',
+                    month: 'short',
+                    day: 'numeric',
+                },
+            },
+            timeGridDay: {
+                type: 'timeGrid',
+                duration: { days: 1 },
+                allDaySlot: false,
+                titleFormat: {
+                    weekday: 'long',
+                    year: 'numeric',
+                    month: 'long',
+                    day: 'numeric',
+                },
+            },
+        },
+        locale: 'en-gb',
+        firstDay: 1,
+        nowIndicator: true,
+        scrollTime: toTimeInputValue(new Date()),
+        snapDuration: '00:15:00',
+        selectable: true,
+        unselectAuto: false,
+        selectMirror: true,
+        eventContent: (arg) => {
+            const content = document.createElement('div');
+            const title = document.createElement('div');
+            const time = document.createElement('div');
+
+            title.textContent = arg.isMirror
+                ? 'New event'
+                : arg.event.title || 'Untitled event';
+
+            if (arg.view.type === 'dayGridMonth') {
+                content.append(title);
+
+                return { domNodes: [content] };
+            }
+
+            time.textContent = arg.isMirror
+                ? `From ${toTimeInputValue(arg.event.start)} to ${toTimeInputValue(arg.event.end)}`
+                : arg.timeText;
+            content.append(title, time);
+
+            return { domNodes: [content] };
+        },
+        dayMaxEvents: true,
+        height: '100%',
+        expandRows: true,
+        navLinks: true,
+        navLinkDayClick: 'timeGridDay',
+        events: calendarEvents.value,
+        datesSet: (info: DatesSetInfo) =>
+            handlers.onRangeChange(
+                toDateInputValue(info.start),
+                toDateInputValue(info.end),
+                info.view.type,
+                info.view.title,
+            ),
+        dateClick: (info: { date: Date }) => {
+            const start = new Date(info.date);
+            const allDay = start.getHours() === 0 && start.getMinutes() === 0;
+            handlers.onDateClick(start, allDay);
+        },
+        select: (info: { start: Date; end: Date; allDay: boolean }) =>
+            handlers.onRangeSelect(info.start, info.end, info.allDay),
+        eventClick: (info: { event: { id?: string } }) => {
+            if (info.event.id) handlers.onEventClick(info.event.id);
+        },
+    }));
+
+    return { calendarOptions };
+}
diff --git a/resources/js/composables/useCalendarView.ts b/resources/js/composables/useCalendarView.ts
new file mode 100644
index 0000000..252119c
--- /dev/null
+++ b/resources/js/composables/useCalendarView.ts
@@ -0,0 +1,145 @@
+import type { CalendarApi as FullCalendarApi } from '@fullcalendar/vue3';
+import { router, usePage } from '@inertiajs/vue3';
+import { ref } from 'vue';
+
+const STORAGE_KEY = 'taskly_calendar_view';
+
+const VIEW_ALIASES: Record<string, string> = {
+    month: 'dayGridMonth',
+    week: 'timeGridWeek',
+    day: 'timeGridDay',
+};
+
+const VIEW_ALIASES_REVERSE: Record<string, string> = Object.fromEntries(
+    Object.entries(VIEW_ALIASES).map(([alias, fc]) => [fc, alias]),
+);
+
+const toUrlView = (view: string) => VIEW_ALIASES_REVERSE[view] ?? view;
+
+const toFcView = (alias: string) => VIEW_ALIASES[alias] ?? alias;
+
+/**
+ * The visible range spills into the neighbouring months, so its bounds make a
+ * poor anchor date — the September grid starts on 31 August. The middle of the
+ * range belongs to the requested period in every view.
+ */
+const rangeCenter = (start?: string | null, end?: string | null) => {
+    const from = new Date(start ?? '');
+    if (Number.isNaN(from.getTime())) return null;
+
+    const to = new Date(end ?? '');
+    if (!end || Number.isNaN(to.getTime())) return from.toISOString();
+
+    return new Date((from.getTime() + to.getTime()) / 2).toISOString();
+};
+
+interface CalendarViewOptions {
+    view?: string | null;
+    start?: string | null;
+    end?: string | null;
+    api: () => FullCalendarApi | undefined;
+}
+
+/**
+ * Own the period shown by the grid: which view is active, which range is
+ * loaded, and the `view`/`start`/`end` query string the URL keeps in sync with.
+ */
+export function useCalendarView({
+    view,
+    start,
+    end,
+    api,
+}: CalendarViewOptions) {
+    const page = usePage();
+
+    const stored =
+        typeof window !== 'undefined'
+            ? localStorage.getItem(STORAGE_KEY)
+            : null;
+
+    const initialView = toFcView(view || stored || 'month');
+    const initialDate = rangeCenter(start, end);
+
+    const currentView = ref(initialView);
+    const viewTitle = ref('');
+
+    const prev = () => api()?.prev();
+    const next = () => api()?.next();
+    const today = () => api()?.today();
+    const setView = (fcView: string) => api()?.changeView(fcView);
+
+    let pending: Date | null = null;
+
+    const focusPending = (): boolean => {
+        const calendar = api();
+        if (!calendar || !pending) return false;
+
+        const date = pending;
+        pending = null;
+
+        const { activeStart, activeEnd } = calendar.view;
+        if (date >= activeStart && date < activeEnd) return false;
+
+        calendar.gotoDate(date);
+        return true;
+    };
+
+    const focusOn = (value: string | Date) => {
+        const date = new Date(value);
+        if (Number.isNaN(date.getTime())) return;
+
+        pending = date;
+        focusPending();
+    };
+
+    const loadRange = (fcView: string, from: string, to: string) => {
+        const current = new URL(page.url, window.location.origin);
+
+        router.get(
+            '/calendar',
+            {
+                ...Object.fromEntries(current.searchParams),
+                view: toUrlView(fcView),
+                start: from,
+                end: to,
+            },
+            {
+                preserveState: true,
+                preserveScroll: true,
+                only: ['events'],
+                replace: true,
+            },
+        );
+    };
+
+    const onRangeChange = (
+        from: string,
+        to: string,
+        fcView: string,
+        title: string,
+    ) => {
+        currentView.value = fcView;
+        viewTitle.value = title;
+
+        if (typeof window !== 'undefined') {
+            localStorage.setItem(STORAGE_KEY, toUrlView(fcView));
+        }
+
+        if (!focusPending()) {
+            loadRange(fcView, from, to);
+        }
+    };
+
+    return {
+        initialView,
+        initialDate,
+        currentView,
+        viewTitle,
+        prev,
+        next,
+        today,
+        setView,
+        focusOn,
+        onRangeChange,
+    };
+}
diff --git a/resources/js/composables/useDateFormatter.ts b/resources/js/composables/useDateFormatter.ts
index 93508c1..00157b5 100644
--- a/resources/js/composables/useDateFormatter.ts
+++ b/resources/js/composables/useDateFormatter.ts
@@ -1,30 +1,114 @@
-const dateTimeFormatter = (options: Intl.DateTimeFormatOptions) =>
-    new Intl.DateTimeFormat('en', options);
+import { format, formatDistanceToNowStrict } from 'date-fns';
 
-export const formatDate = (value: string | null): string => {
-    if (!value) return 'No due date';
+const toDate = (value: string | Date | null): Date | null => {
+    if (!value) return null;
+
+    const date = typeof value === 'string' ? new Date(value) : value;
+    if (Number.isNaN(date.getTime())) return null;
+
+    return date;
+};
 
-    const date = new Date(value);
-    if (Number.isNaN(date.getTime())) return 'No due date';
+/**
+ * Format a date for display.
+ */
+export const formatDate = (value: string | null): string => {
+    const date = toDate(value);
+    if (!date) return 'No due date';
 
-    return dateTimeFormatter({
-        year: 'numeric',
-        month: 'short',
-        day: 'numeric',
-    }).format(date);
+    return format(date, 'MMM d, yyyy');
 };
 
+/**
+ * Format a date and time for display.
+ */
 export const formatDateTime = (value: string | null): string => {
-    if (!value) return 'No date';
-
-    const date = new Date(value);
-    if (Number.isNaN(date.getTime())) return 'No date';
-
-    return dateTimeFormatter({
-        year: 'numeric',
-        month: 'short',
-        day: 'numeric',
-        hour: '2-digit',
-        minute: '2-digit',
-    }).format(date);
+    const date = toDate(value);
+    if (!date) return 'No date';
+
+    return format(date, 'MMM d, yyyy, HH:mm');
+};
+
+/**
+ * Format a short date string (e.g. "Mon, Sep 10").
+ */
+export const formatShortDate = (value: string | Date | null): string => {
+    const date = toDate(value);
+    if (!date) return '';
+
+    return format(date, 'EEE, MMM d');
+};
+
+/**
+ * Format a short time string (e.g. "14:30").
+ */
+export const formatShortTime = (value: string | Date | null): string => {
+    const date = toDate(value);
+    if (!date) return '';
+
+    return format(date, 'HH:mm');
+};
+
+/**
+ * Format a date-time range (e.g. "Sep 10, 14:00 - 15:00").
+ * Returns null when the start value is missing or invalid.
+ */
+export const formatDateTimeRange = (
+    start: string | null,
+    end?: string | null,
+): string | null => {
+    const startDate = toDate(start);
+    if (!startDate) return null;
+
+    const startStr = format(startDate, 'MMM d, HH:mm');
+
+    if (!end) return startStr;
+
+    const endDate = toDate(end);
+    if (!endDate) return startStr;
+
+    return `${startStr} - ${format(endDate, 'MMM d, HH:mm')}`;
+};
+
+/**
+ * Return a human-readable relative time string (e.g. "5 minutes ago", "1 day ago").
+ */
+export const relativeTime = (value: string): string => {
+    const date = toDate(value);
+    if (!date) return '';
+    return formatDistanceToNowStrict(date, { addSuffix: true });
+};
+
+//  Input helpers (date / time pickers)
+
+/**
+ * Convert a date to a value suitable for a date input.
+ */
+export const toDateInputValue = (value: string | Date | null): string => {
+    const date = toDate(value);
+    if (!date) return '';
+
+    return format(date, 'yyyy-MM-dd');
+};
+
+/**
+ * Convert a date to a value suitable for a time input.
+ */
+export const toTimeInputValue = (value: string | Date | null): string => {
+    const date = toDate(value);
+    if (!date) return '';
+
+    return format(date, 'HH:mm');
+};
+
+/**
+ * Convert a date and time input values to an ISO 8601 string.
+ */
+export const fromDatetimeParts = (date: string, time: string): string => {
+    if (!date || !time) return '';
+
+    const parsed = new Date(`${date}T${time}:00`);
+    if (Number.isNaN(parsed.getTime())) return '';
+
+    return parsed.toISOString();
 };
diff --git a/resources/js/composables/useEventDialog.ts b/resources/js/composables/useEventDialog.ts
new file mode 100644
index 0000000..6552e1e
--- /dev/null
+++ b/resources/js/composables/useEventDialog.ts
@@ -0,0 +1,154 @@
+import { ensureMinimumDelay } from '@/lib/utils';
+import type { CalendarEvent, CalendarEventIndex } from '@/types';
+import { usePage } from '@inertiajs/vue3';
+import { computed, ref, watch, type Ref } from 'vue';
+import { toast } from 'vue-sonner';
+
+interface EventDialogOptions {
+    events: Ref<CalendarEventIndex[] | null>;
+    focusOn: (startAt: string) => void;
+}
+
+/**
+ * Own the event dialog: what it shows, and the `id` query parameter that keeps
+ * the open event shareable through the URL.
+ */
+export function useEventDialog({ events, focusOn }: EventDialogOptions) {
+    const page = usePage();
+
+    const isOpen = ref(false);
+    const event = ref<CalendarEvent | null>(null);
+    const isLoading = ref(false);
+    const defaultStart = ref<string | null>(null);
+    const defaultEnd = ref<string | null>(null);
+
+    const urlEventId = computed(() => {
+        if (typeof window === 'undefined') return null;
+
+        const url = new URL(page.url, window.location.origin);
+        const id = parseInt(url.searchParams.get('id') ?? '', 10);
+        return Number.isNaN(id) ? null : id;
+    });
+
+    const writeIdToUrl = (id: number | null) => {
+        if (typeof window === 'undefined') return;
+
+        const url = new URL(window.location.href);
+        if (id === null) {
+            url.searchParams.delete('id');
+        } else {
+            url.searchParams.set('id', id.toString());
+        }
+
+        window.history.replaceState({}, '', url.toString());
+    };
+
+    const reset = () => {
+        event.value = null;
+        defaultStart.value = null;
+        defaultEnd.value = null;
+        writeIdToUrl(null);
+    };
+
+    const openCreate = () => {
+        reset();
+        isOpen.value = true;
+    };
+
+    const openCreateAtDate = (date: Date, allDay: boolean) => {
+        const start = new Date(date);
+        if (allDay) start.setHours(9, 0, 0, 0);
+
+        openCreate();
+        defaultStart.value = start.toISOString();
+        defaultEnd.value = new Date(
+            start.getTime() + 60 * 60 * 1000,
+        ).toISOString();
+    };
+
+    const openCreateAtRange = (start: Date, end: Date) => {
+        const from = new Date(start);
+        const to = new Date(end);
+
+        openCreate();
+        defaultStart.value = from.toISOString();
+        defaultEnd.value = to.toISOString();
+    };
+
+    const close = () => {
+        reset();
+        isOpen.value = false;
+    };
+
+    const open = async (id: string | number) => {
+        const partial = (events.value ?? []).find(
+            (e) => String(e.id) === String(id),
+        );
+        const hasPartial = Boolean(partial);
+
+        if (partial) {
+            event.value = partial as unknown as CalendarEvent;
+            isOpen.value = true;
+            focusOn(partial.start_at);
+        } else {
+            event.value = { id: Number(id) } as CalendarEvent;
+        }
+
+        const startedAt = Date.now();
+
+        try {
+            isLoading.value = !hasPartial;
+
+            const response = await fetch(`/calendar/events/${id}`);
+            if (!response.ok) throw new Error('Failed to fetch event');
+
+            const loaded: CalendarEvent = await response.json();
+            event.value = loaded;
+            focusOn(loaded.start_at);
+            isOpen.value = true;
+        } catch (error) {
+            console.error(error);
+            toast.error('Event not found');
+            close();
+        } finally {
+            await ensureMinimumDelay(startedAt);
+            isLoading.value = false;
+        }
+    };
+
+    watch(
+        urlEventId,
+        (id) => {
+            if (id === null) {
+                close();
+            } else if (event.value?.id !== id) {
+                open(id);
+            }
+        },
+        { immediate: true },
+    );
+
+    watch(
+        () => (isOpen.value && event.value ? event.value.id : null),
+        (id) => {
+            writeIdToUrl(id);
+
+            if (id === null) {
+                event.value = null;
+            }
+        },
+    );
+
+    return {
+        isOpen,
+        event,
+        isLoading,
+        defaultStart,
+        defaultEnd,
+        openCreate,
+        openCreateAtDate,
+        openCreateAtRange,
+        open,
+        close,
+    };
+}
diff --git a/resources/js/composables/useExternalScript.ts b/resources/js/composables/useExternalScript.ts
new file mode 100644
index 0000000..9c06ad7
--- /dev/null
+++ b/resources/js/composables/useExternalScript.ts
@@ -0,0 +1,52 @@
+import { onMounted, onUnmounted, ref, type Ref } from 'vue';
+
+/**
+ * Load an external script tag idempotently and clean up on unmount.
+ *
+ * Returns reactive `isLoading` and `error` refs so callers can render
+ * loading / error states in their template.
+ *
+ * @example
+ * ```ts
+ * const { isLoading, error } = useExternalScript(
+ *   `https://${domain}/external_api.js`,
+ *   () => window.JitsiMeetExternalAPI,
+ * );
+ * ```
+ */
+export function useExternalScript(
+    src: string,
+    isAlreadyLoaded?: () => unknown,
+): { isLoading: Ref<boolean>; error: Ref<Error | null> } {
+    const isLoading = ref(true);
+    const error = ref<Error | null>(null);
+    let scriptEl: HTMLScriptElement | null = null;
+
+    onMounted(() => {
+        if (isAlreadyLoaded?.()) {
+            isLoading.value = false;
+            return;
+        }
+
+        scriptEl = document.createElement('script');
+        scriptEl.src = src;
+        scriptEl.async = true;
+
+        scriptEl.onload = () => {
+            isLoading.value = false;
+        };
+
+        scriptEl.onerror = () => {
+            error.value = new Error(`Failed to load script: ${src}`);
+            isLoading.value = false;
+        };
+
+        document.head.appendChild(scriptEl);
+    });
+
+    onUnmounted(() => {
+        scriptEl?.remove();
+    });
+
+    return { isLoading, error };
+}
diff --git a/resources/js/composables/usePaginatedList.ts b/resources/js/composables/usePaginatedList.ts
new file mode 100644
index 0000000..a95f65c
--- /dev/null
+++ b/resources/js/composables/usePaginatedList.ts
@@ -0,0 +1,145 @@
+import type { PaginationMeta } from '@/types';
+import { ref, watch, type Ref } from 'vue';
+import { toast } from 'vue-sonner';
+
+interface PaginatedSource<T> {
+    items: T[];
+    pagination?: PaginationMeta;
+}
+
+interface UsePaginatedListOptions {
+    urlForPage: (page: number) => string;
+    errorMessage: string;
+    preserveLoadedItems?: boolean;
+}
+
+type PaginatedPage<T> = {
+    data: T[];
+    pagination?: PaginationMeta;
+    meta?: LaravelMeta;
+};
+
+interface LaravelMeta {
+    current_page: number;
+    last_page: number;
+    total: number;
+}
+
+const toPaginationMeta = (meta: LaravelMeta): PaginationMeta => ({
+    current_page: meta.current_page,
+    last_page: meta.last_page,
+    total: meta.total,
+    has_more: meta.current_page < meta.last_page,
+});
+
+/**
+ * Keeps a local copy of a server-paginated list and appends the next page on
+ * demand, so a component can show more items without a full page reload.
+ *
+ * Accepts both the custom `pagination` payload and a plain Laravel paginator
+ * `meta` object. The list re-syncs when the source changes (e.g. after an
+ * Inertia visit), which resets it back to the first page.
+ */
+export function usePaginatedList<T extends { id: string | number }>(
+    source: () => PaginatedSource<T>,
+    options: UsePaginatedListOptions,
+) {
+    const items = ref([]) as Ref<T[]>;
+    const pagination = ref<PaginationMeta>();
+    const isLoadingMore = ref(false);
+
+    const sync = () => {
+        const { items: sourceItems, pagination: sourcePagination } = source();
+        const currentPagination = pagination.value;
+        const shouldPreserveLoadedItems =
+            options.preserveLoadedItems &&
+            currentPagination !== undefined &&
+            currentPagination.current_page > 1 &&
+            sourcePagination?.current_page === 1;
+
+        if (shouldPreserveLoadedItems) {
+            const sourceById = new Map(
+                sourceItems.map((item) => [item.id, item]),
+            );
+
+            items.value = [
+                ...sourceItems,
+                ...items.value.filter((item) => !sourceById.has(item.id)),
+            ];
+            pagination.value = sourcePagination
+                ? {
+                      ...sourcePagination,
+                      current_page: currentPagination.current_page,
+                      has_more:
+                          currentPagination.current_page <
+                          sourcePagination.last_page,
+                  }
+                : currentPagination;
+
+            return;
+        }
+
+        items.value = [...(sourceItems || [])];
+        pagination.value = sourcePagination
+            ? { ...sourcePagination }
+            : undefined;
+    };
+
+    const loadPage = async (
+        pageNumber: number,
+        append: boolean,
+    ): Promise<boolean> => {
+        if (isLoadingMore.value) return false;
+
+        isLoadingMore.value = true;
+        try {
+            const response = await fetch(options.urlForPage(pageNumber), {
+                headers: {
+                    Accept: 'application/json',
+                    'X-Requested-With': 'XMLHttpRequest',
+                },
+            });
+
+            if (!response.ok) throw new Error('Request failed');
+
+            const {
+                data,
+                pagination: nextPagination,
+                meta,
+            }: PaginatedPage<T> = await response.json();
+
+            if (append) {
+                items.value.push(...data);
+            } else {
+                items.value = [...data];
+            }
+
+            if (nextPagination) {
+                pagination.value = { ...nextPagination };
+            } else if (meta) {
+                pagination.value = toPaginationMeta(meta);
+            }
+
+            return true;
+        } catch {
+            toast.error(options.errorMessage);
+            return false;
+        } finally {
+            isLoadingMore.value = false;
+        }
+    };
+
+    sync();
+
+    watch(source, sync, { deep: true });
+
+    const loadFirstPage = () => loadPage(1, false);
+
+    const loadMore = async () => {
+        if (!pagination.value?.has_more) return;
+
+        await loadPage(pagination.value.current_page + 1, true);
+    };
+
+    return { items, pagination, isLoadingMore, loadFirstPage, loadMore };
+}
diff --git a/resources/js/layouts/app/AppSidebarLayout.vue b/resources/js/layouts/app/AppSidebarLayout.vue
index 49c5ed1..42bf446 100644
--- a/resources/js/layouts/app/AppSidebarLayout.vue
+++ b/resources/js/layouts/app/AppSidebarLayout.vue
@@ -18,9 +18,11 @@ withDefaults(defineProps<Props>(), {
 <template>
     <AppShell variant="sidebar">
         <AppSidebar />
-        <AppContent variant="sidebar" class="overflow-x-hidden">
+        <AppContent variant="sidebar" class="overflow-x-clip md:mt-0">
             <AppSidebarHeader :breadcrumbs="breadcrumbs" />
-            <slot />
+            <div class="overflow-x-hidden">
+                <slot />
+            </div>
         </AppContent>
     </AppShell>
     <Toaster position="bottom-right" :duration="4000" />
diff --git a/resources/js/layouts/settings/Layout.vue b/resources/js/layouts/settings/Layout.vue
index a651b88..5d2f9dc 100644
--- a/resources/js/layouts/settings/Layout.vue
+++ b/resources/js/layouts/settings/Layout.vue
@@ -38,6 +38,10 @@ const sidebarNavItems: NavItem[] = [
         title: 'Columns & Statuses',
         href: '/settings/columns',
     },
+    {
+        title: 'Tags',
+        href: '/settings/tags',
+    },
     {
         title: 'User Management',
         href: '/settings/users',
diff --git a/resources/js/lib/utils.ts b/resources/js/lib/utils.ts
index bb21563..bd8fe78 100644
--- a/resources/js/lib/utils.ts
+++ b/resources/js/lib/utils.ts
@@ -10,7 +10,9 @@ export function urlIsActive(
     urlToCheck: NonNullable<InertiaLinkProps['href']>,
     currentUrl: string,
 ) {
-    return toUrl(urlToCheck) === currentUrl;
+    const cleanUrlToCheck = toUrl(urlToCheck).split(/[?#]/)[0];
+    const cleanCurrentUrl = currentUrl.split(/[?#]/)[0];
+    return cleanUrlToCheck === cleanCurrentUrl;
 }
 
 export function toUrl(href: NonNullable<InertiaLinkProps['href']>) {
diff --git a/resources/js/pages/Calendar/Index.vue b/resources/js/pages/Calendar/Index.vue
new file mode 100644
index 0000000..19a96bc
--- /dev/null
+++ b/resources/js/pages/Calendar/Index.vue
@@ -0,0 +1,229 @@
+<script setup lang="ts">
+import { reactive, ref, toRef, watch } from 'vue';
+import { Head } from '@inertiajs/vue3';
+import FullCalendar, {
+    type CalendarApi as FullCalendarApi,
+} from '@fullcalendar/vue3';
+import type { BreadcrumbItem, CalendarEventIndex, TeamMember } from '@/types';
+import { ChevronLeft, ChevronRight, Plus } from '@lucide/vue';
+import { Button } from '@/components/ui/button';
+import AppLayout from '@/layouts/AppLayout.vue';
+import EventDialog from '@/components/calendar/EventDialog.vue';
+import CalendarPageSkeleton from '@/components/calendar/CalendarPageSkeleton.vue';
+import { useCalendarConfig } from '@/composables/useCalendarConfig';
+import { useCalendarView } from '@/composables/useCalendarView';
+import { useEventDialog } from '@/composables/useEventDialog';
+import { ensureMinimumDelay } from '@/lib/utils';
+
+const props = defineProps<{
+    events?: CalendarEventIndex[];
+    teamMembers: TeamMember[];
+    view?: string | null;
+    start?: string | null;
+    end?: string | null;
+}>();
+
+const breadcrumbs: BreadcrumbItem[] = [
+    { title: 'Calendar', href: '/calendar' },
+];
+
+const calendarRef = ref<{ getApi: () => FullCalendarApi } | null>(null);
+
+const view = reactive(
+    useCalendarView({
+        view: props.view,
+        start: props.start,
+        end: props.end,
+        api: () => calendarRef.value?.getApi(),
+    }),
+);
+
+const localEvents = ref<CalendarEventIndex[] | null>(null);
+const requestedAt = Date.now();
+
+watch(
+    () => props.events,
+    async (events) => {
+        if (events === undefined) return;
+
+        await ensureMinimumDelay(requestedAt);
+        localEvents.value = events;
+    },
+    { immediate: true },
+);
+
+const dialog = reactive(
+    useEventDialog({
+        events: localEvents,
+        focusOn: view.focusOn,
+    }),
+);
+const hasDragSelection = ref(false);
+
+const openCreateAtRange = (start: Date, end: Date, allDay: boolean) => {
+    hasDragSelection.value = true;
+    dialog.openCreateAtRange(start, end, allDay);
+};
+
+const openEvent = (id: string) => {
+    hasDragSelection.value = false;
+    dialog.open(id);
+};
+
+watch(
+    () => dialog.isOpen,
+    (isOpen, wasOpen) => {
+        if (!isOpen && wasOpen && hasDragSelection.value) {
+            hasDragSelection.value = false;
+            calendarRef.value?.getApi().unselect();
+        }
+    },
+);
+
+const { calendarOptions } = useCalendarConfig(
+    toRef(() => localEvents.value || []),
+    {
+        initialView: view.initialView,
+        initialDate: view.initialDate,
+        onDateClick: dialog.openCreateAtDate,
+        onRangeSelect: openCreateAtRange,
+        onEventClick: openEvent,
+        onRangeChange: view.onRangeChange,
+    },
+);
+</script>
+
+<template>
+    <Head title="Calendar" />
+    <AppLayout :breadcrumbs="breadcrumbs">
+        <div class="flex h-[calc(100svh-4rem)] flex-col gap-6 p-4">
+            <div class="flex items-center justify-between">
+                <div>
+                    <h1 class="text-2xl font-semibold">Calendar</h1>
+                    <p class="text-sm text-muted-foreground">
+                        Plan events, meetings and the work that moves them
+                        forward.
+                    </p>
+                </div>
+                <Button @click="dialog.openCreate"
+                    ><Plus class="mr-2 size-4" />Create event</Button
+                >
+            </div>
+
+            <div class="flex flex-wrap items-center justify-between gap-3">
+                <div class="flex items-center gap-2">
+                    <Button
+                        type="button"
+                        variant="outline"
+                        size="icon"
+                        aria-label="Previous"
+                        @click="view.prev"
+                        ><ChevronLeft class="size-4"
+                    /></Button>
+                    <Button
+                        type="button"
+                        variant="outline"
+                        size="icon"
+                        aria-label="Next"
+                        @click="view.next"
+                        ><ChevronRight class="size-4"
+                    /></Button>
+                    <Button type="button" variant="outline" @click="view.today">
+                        Today
+                    </Button>
+                </div>
+                <h2 class="text-xl font-semibold">{{ view.viewTitle }}</h2>
+                <div class="flex items-center">
+                    <Button
+                        type="button"
+                        :variant="
+                            view.currentView === 'dayGridMonth'
+                                ? 'default'
+                                : 'outline'
+                        "
+                        class="rounded-r-none"
+                        @click="view.setView('dayGridMonth')"
+                        >Month</Button
+                    >
+                    <Button
+                        type="button"
+                        :variant="
+                            view.currentView === 'timeGridWeek'
+                                ? 'default'
+                                : 'outline'
+                        "
+                        class="-ml-px rounded-none"
+                        @click="view.setView('timeGridWeek')"
+                        >Week</Button
+                    >
+                    <Button
+                        type="button"
+                        :variant="
+                            view.currentView === 'timeGridDay'
+                                ? 'default'
+                                : 'outline'
+                        "
+                        class="-ml-px rounded-l-none"
+                        @click="view.setView('timeGridDay')"
+                        >Day</Button
+                    >
+                </div>
+            </div>
+
+            <CalendarPageSkeleton v-if="!localEvents" />
+            <div v-else class="min-h-0 flex-1 overflow-hidden">
+                <FullCalendar
+                    ref="calendarRef"
+                    :options="calendarOptions"
+                    class="taskly-full-calendar h-full min-h-0 w-full"
+                />
+            </div>
+        </div>
+        <EventDialog
+            v-model:open="dialog.isOpen"
+            :team-members="teamMembers"
+            :default-start="dialog.defaultStart"
+            :default-end="dialog.defaultEnd"
+            :event="dialog.event"
+            :is-loading="dialog.isLoading"
+        />
+    </AppLayout>
+</template>
+
+<style>
+body {
+    --fc-forma-primary: var(--primary);
+    --fc-forma-primary-over: color-mix(
+        in srgb,
+        var(--primary) 90%,
+        transparent
+    );
+    --fc-forma-primary-down: color-mix(
+        in srgb,
+        var(--primary) 80%,
+        transparent
+    );
+    --fc-forma-primary-foreground: var(--primary-foreground);
+
+    --fc-forma-event: var(--primary);
+    --fc-forma-event-contrast: var(--primary-foreground);
+    --fc-forma-background-event: var(--primary);
+    --fc-forma-highlight: color-mix(in srgb, var(--primary) 8%, transparent);
+    --fc-forma-ring-color: var(--ring);
+}
+
+.taskly-full-calendar {
+    font-family: var(--font-sans, ui-sans-serif, system-ui, sans-serif);
+    font-size: 0.875rem;
+}
+
+.taskly-full-calendar .taskly-event,
+.taskly-full-calendar .taskly-event * {
+    cursor: pointer;
+}
+
+.taskly-full-calendar .event-video {
+    --fc-forma-event: var(--chart-2);
+    --fc-forma-event-contrast: #fff;
+}
+</style>
diff --git a/resources/js/pages/Calendar/Room.vue b/resources/js/pages/Calendar/Room.vue
new file mode 100644
index 0000000..592b137
--- /dev/null
+++ b/resources/js/pages/Calendar/Room.vue
@@ -0,0 +1,120 @@
+<script setup lang="ts">
+import { Head, Link } from '@inertiajs/vue3';
+import { onMounted, onUnmounted, ref, watch } from 'vue';
+import type { CalendarEvent } from '@/types';
+import { ChevronLeft, Loader2, Video } from '@lucide/vue';
+import { Button } from '@/components/ui/button';
+import { useExternalScript } from '@/composables/useExternalScript';
+import {
+    formatShortDate,
+    formatShortTime,
+} from '@/composables/useDateFormatter';
+
+declare global {
+    interface Window {
+        JitsiMeetExternalAPI: any;
+    }
+}
+
+const props = defineProps<{
+    event: CalendarEvent;
+    jitsiDomain: string;
+    jwt?: string | null;
+}>();
+
+const formattedDate = formatShortDate(props.event.start_at);
+const formattedStart = formatShortTime(props.event.start_at);
+const formattedEnd = formatShortTime(props.event.end_at);
+
+const container = ref<HTMLElement | null>(null);
+let api: any = null;
+
+const { isLoading } = useExternalScript(
+    `https://${props.jitsiDomain}/external_api.js`,
+    () => window.JitsiMeetExternalAPI,
+);
+
+const initJitsi = () => {
+    if (api) return;
+
+    const options: any = {
+        roomName: props.event.room_name,
+        width: '100%',
+        height: '100%',
+        parentNode: container.value,
+        configOverwrite: {
+            startWithAudioMuted: true,
+            startWithVideoMuted: true,
+        },
+    };
+
+    if (props.jwt) {
+        options.jwt = props.jwt;
+    }
+
+    api = new window.JitsiMeetExternalAPI(props.jitsiDomain, options);
+};
+
+watch(isLoading, (loading) => {
+    if (loading || !window.JitsiMeetExternalAPI || !container.value) return;
+    initJitsi();
+});
+
+onMounted(() => {
+    if (!isLoading.value && window.JitsiMeetExternalAPI && container.value) {
+        initJitsi();
+    }
+});
+
+onUnmounted(() => api?.dispose());
+</script>
+
+<template>
+    <Head :title="event.title" />
+    <div class="flex h-screen w-full flex-col bg-background">
+        <header class="flex h-16 items-center gap-4 border-b px-4 sm:px-6">
+            <Button variant="ghost" size="icon" class="shrink-0" as-child
+                ><Link href="/calendar"><ChevronLeft class="size-4" /></Link
+            ></Button>
+            <div class="min-w-0 flex-1">
+                <div class="flex items-center gap-2">
+                    <span class="relative flex size-2 shrink-0">
+                        <span
+                            class="absolute inline-flex size-full animate-ping rounded-full bg-rose-400 opacity-75"
+                        />
+                        <span
+                            class="relative inline-flex size-2 rounded-full bg-rose-500"
+                        />
+                    </span>
+                    <h1 class="truncate text-base font-semibold sm:text-lg">
+                        {{ event.title }}
+                    </h1>
+                </div>
+                <p class="truncate text-xs text-muted-foreground">
+                    {{ formattedDate }} · {{ formattedStart }} –
+                    {{ formattedEnd
+                    }}{{
+                        event.organizer?.name
+                            ? ` · Hosted by ${event.organizer.name}`
+                            : ''
+                    }}
+                </p>
+            </div>
+            <div
+                class="hidden shrink-0 items-center gap-2 text-xs text-muted-foreground sm:flex"
+            >
+                <Video class="size-4" />
+                <span>Live video room</span>
+            </div>
+        </header>
+        <div class="relative flex-1 bg-black">
+            <div
+                v-if="isLoading"
+                class="absolute inset-0 flex items-center justify-center"
+            >
+                <Loader2 class="size-8 animate-spin text-primary" />
+            </div>
+            <div ref="container" class="h-full w-full" />
+        </div>
+    </div>
+</template>
diff --git a/resources/js/pages/Tags.vue b/resources/js/pages/Tags.vue
deleted file mode 100644
index 9e0bae4..0000000
--- a/resources/js/pages/Tags.vue
+++ /dev/null
@@ -1,297 +0,0 @@
-<script setup lang="ts">
-import InputError from '@/components/InputError.vue';
-import Pagination from '@/components/Pagination.vue';
-import ConfirmDeleteDialog from '@/components/ConfirmDeleteDialog.vue';
-import { Button } from '@/components/ui/button';
-import {
-    Dialog,
-    DialogContent,
-    DialogDescription,
-    DialogFooter,
-    DialogHeader,
-    DialogTitle,
-    DialogTrigger,
-} from '@/components/ui/dialog';
-import { Input } from '@/components/ui/input';
-import { Label } from '@/components/ui/label';
-import AppLayout from '@/layouts/AppLayout.vue';
-import type {
-    AppPageProps,
-    BreadcrumbItem,
-    PaginationLink,
-    Tag,
-} from '@/types';
-import { Head, router, useForm } from '@inertiajs/vue3';
-import { Pencil, Plus, Save, Trash2 } from '@lucide/vue';
-import { ref } from 'vue';
-import { toast } from 'vue-sonner';
-
-const props = defineProps<
-    AppPageProps<{
-        tags: {
-            current_page: number;
-            data: Tag[];
-            last_page: number;
-            links: PaginationLink[];
-            next_page_url: string | null;
-            prev_page_url: string | null;
-            total: number;
-        };
-    }>
->();
-
-const breadcrumbs: BreadcrumbItem[] = [
-    {
-        title: 'Tags',
-        href: '/tags',
-    },
-];
-
-const isDialogOpen = ref(false);
-const editingTag = ref<Tag | null>(null);
-const tagToDelete = ref<Tag | null>(null);
-const isDeleteDialogOpen = ref(false);
-
-const form = useForm({
-    name: '',
-    color: '#6366f1',
-});
-
-const resetForm = () => {
-    form.reset();
-    form.color = '#6366f1';
-    form.clearErrors();
-    editingTag.value = null;
-};
-
-const openCreate = () => {
-    resetForm();
-    isDialogOpen.value = true;
-};
-
-const openEdit = (tag: Tag) => {
-    editingTag.value = tag;
-    form.name = tag.name;
-    form.color = tag.color;
-    isDialogOpen.value = true;
-};
-
-const openDelete = (tag: Tag) => {
-    tagToDelete.value = tag;
-    isDeleteDialogOpen.value = true;
-};
-
-const submit = () => {
-    if (!form.name.trim()) return;
-
-    if (editingTag.value) {
-        form.put(`/tags/${editingTag.value.id}`, {
-            onSuccess: () => {
-                toast.success('Tag updated');
-                isDialogOpen.value = false;
-                resetForm();
-            },
-            onError: () => {
-                toast.error('Failed to update tag');
-            },
-        });
-        return;
-    }
-
-    form.post('/tags', {
-        onSuccess: () => {
-            toast.success('Tag created');
-            isDialogOpen.value = false;
-            resetForm();
-        },
-        onError: () => {
-            toast.error('Failed to create tag');
-        },
-    });
-};
-
-const confirmDelete = () => {
-    if (!tagToDelete.value) return;
-
-    router.delete(`/tags/${tagToDelete.value.id}`, {
-        onSuccess: () => {
-            toast.success('Tag deleted');
-            isDeleteDialogOpen.value = false;
-            tagToDelete.value = null;
-        },
-        onError: () => {
-            toast.error('Failed to delete tag');
-        },
-    });
-};
-</script>
-
-<template>
-    <Head title="Tags" />
-
-    <AppLayout :breadcrumbs="breadcrumbs">
-        <div class="flex h-full flex-1 flex-col gap-6 p-4">
-            <div class="flex items-center justify-between">
-                <div>
-                    <h1 class="text-2xl font-semibold">Tags</h1>
-                    <p class="text-sm text-muted-foreground">
-                        Manage your team's task tags
-                    </p>
-                </div>
-
-                <Dialog v-model:open="isDialogOpen">
-                    <DialogTrigger as-child>
-                        <Button @click="openCreate">
-                            <Plus class="size-4" />
-                            New Tag
-                        </Button>
-                    </DialogTrigger>
-                    <DialogContent class="w-[96vw] max-w-[520px]">
-                        <DialogHeader>
-                            <DialogTitle>
-                                {{ editingTag ? 'Edit tag' : 'Create tag' }}
-                            </DialogTitle>
-                            <DialogDescription>
-                                {{
-                                    editingTag
-                                        ? 'Update the tag details'
-                                        : 'Add a new tag for your team'
-                                }}
-                            </DialogDescription>
-                        </DialogHeader>
-
-                        <form class="space-y-4" @submit.prevent="submit">
-                            <div class="grid gap-2">
-                                <Label for="tag-name">Name</Label>
-                                <Input
-                                    id="tag-name"
-                                    v-model="form.name"
-                                    type="text"
-                                    placeholder="e.g., Urgent"
-                                />
-                                <InputError :message="form.errors.name" />
-                            </div>
-
-                            <div class="grid gap-2">
-                                <Label for="tag-color">Color</Label>
-                                <div class="flex items-center gap-3">
-                                    <input
-                                        id="tag-color"
-                                        v-model="form.color"
-                                        type="color"
-                                        class="h-10 w-16 cursor-pointer rounded border border-input"
-                                    />
-                                    <span
-                                        class="font-mono text-sm text-muted-foreground"
-                                    >
-                                        {{ form.color }}
-                                    </span>
-                                </div>
-                                <InputError :message="form.errors.color" />
-                            </div>
-
-                            <DialogFooter>
-                                <Button
-                                    type="button"
-                                    variant="outline"
-                                    @click="isDialogOpen = false"
-                                >
-                                    Cancel
-                                </Button>
-                                <Button
-                                    type="submit"
-                                    :disabled="
-                                        !form.name.trim() || form.processing
-                                    "
-                                >
-                                    <Save v-if="editingTag" class="size-4" />
-                                    <Plus v-else class="size-4" />
-
-                                    {{ editingTag ? 'Update' : 'Create' }}
-                                </Button>
-                            </DialogFooter>
-                        </form>
-                    </DialogContent>
-                </Dialog>
-            </div>
-
-            <div class="flex flex-1 flex-col rounded-lg border border-border">
-                <div
-                    class="border-b border-border px-4 py-3 text-sm font-medium"
-                >
-                    Team Tags ({{ props.tags.total }})
-                </div>
-                <div class="flex min-h-0 flex-1 flex-col">
-                    <div class="flex-1 divide-y divide-border">
-                        <div
-                            v-if="props.tags.data.length === 0"
-                            class="px-4 py-8 text-center text-sm text-muted-foreground"
-                        >
-                            No tags yet. Create one to get started!
-                        </div>
-
-                        <div
-                            v-for="tag in props.tags.data"
-                            :key="tag.id"
-                            class="flex items-center justify-between px-4 py-3"
-                        >
-                            <div class="flex items-center gap-3">
-                                <div
-                                    class="h-3.5 w-3.5 rounded-full border border-border"
-                                    :style="{ backgroundColor: tag.color }"
-                                />
-                                <div>
-                                    <p class="text-sm font-medium">
-                                        {{ tag.name }}
-                                    </p>
-                                    <p class="text-xs text-muted-foreground">
-                                        {{ tag.color }}
-                                    </p>
-                                </div>
-                            </div>
-
-                            <div class="flex items-center gap-2">
-                                <Button
-                                    variant="ghost"
-                                    size="icon-sm"
-                                    class="h-8 w-8"
-                                    :title="`Edit ${tag.name}`"
-                                    @click="openEdit(tag)"
-                                >
-                                    <Pencil class="size-4" />
-                                </Button>
-                                <Button
-                                    variant="ghost"
-                                    size="icon-sm"
-                                    class="h-8 w-8 text-destructive hover:bg-destructive/10 hover:text-destructive"
-                                    :title="`Delete ${tag.name}`"
-                                    @click="openDelete(tag)"
-                                >
-                                    <Trash2 class="size-4" />
-                                </Button>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <div class="px-4 py-3">
-                <Pagination
-                    :current-page="props.tags.current_page"
-                    :last-page="props.tags.last_page"
-                    :prev-page-url="props.tags.prev_page_url"
-                    :next-page-url="props.tags.next_page_url"
-                    :links="props.tags.links"
-                />
-            </div>
-        </div>
-    </AppLayout>
-
-    <ConfirmDeleteDialog
-        v-if="tagToDelete"
-        v-model:open="isDeleteDialogOpen"
-        title="Delete tag"
-        :description="`Are you sure you want to delete the tag &ldquo;${tagToDelete.name}&rdquo;? Tasks using this tag will no longer be labelled with it.`"
-        @confirm="confirmDelete"
-    />
-</template>
diff --git a/resources/js/pages/Tasks.vue b/resources/js/pages/Tasks.vue
index 91b0c14..c096f05 100644
--- a/resources/js/pages/Tasks.vue
+++ b/resources/js/pages/Tasks.vue
@@ -6,7 +6,8 @@ import TaskFilters from '@/components/tasks/TaskFilters.vue';
 import TasksPageSkeleton from '@/components/tasks/TasksPageSkeleton.vue';
 import AppLayout from '@/layouts/AppLayout.vue';
 import { ensureMinimumDelay } from '@/lib/utils';
-import { index } from '@/routes/tasks';
+import { index, show } from '@/routes/tasks';
+import { toast } from 'vue-sonner';
 import type { BreadcrumbItem, Column, Tag, Task, TeamMember } from '@/types';
 import { Head, router, usePage } from '@inertiajs/vue3';
 import { computed, ref, watch } from 'vue';
@@ -78,12 +79,43 @@ watch(
 
 watch(
     taskIdFromUrl,
-    (id) => {
+    async (id) => {
         if (id) {
-            if (!taskToEdit.value || taskToEdit.value.id !== id) {
+            let partialTask = undefined;
+            if (localColumns.value) {
+                for (const col of localColumns.value) {
+                    partialTask = col.tasks.find((t) => t.id === id);
+                    if (partialTask) break;
+                }
+            }
+
+            if (partialTask) {
+                if (!taskToEdit.value || taskToEdit.value.id !== id) {
+                    taskToEdit.value = partialTask;
+                }
+                isEditModalOpen.value = true;
+            } else {
                 taskToEdit.value = { id } as Task;
+                try {
+                    const response = await fetch(show(id).url, {
+                        headers: { Accept: 'application/json' },
+                    });
+                    if (!response.ok) throw new Error('Task not found');
+                    if (!isEditModalOpen.value) {
+                        isEditModalOpen.value = true;
+                    }
+                } catch (error) {
+                    console.error(error);
+                    toast.error('Task not found');
+                    isEditModalOpen.value = false;
+                    taskToEdit.value = null;
+                    if (typeof window !== 'undefined') {
+                        const url = new URL(window.location.href);
+                        url.searchParams.delete('id');
+                        window.history.replaceState({}, '', url.toString());
+                    }
+                }
             }
-            isEditModalOpen.value = true;
         } else {
             isEditModalOpen.value = false;
         }
diff --git a/resources/js/pages/settings/Tags.vue b/resources/js/pages/settings/Tags.vue
new file mode 100644
index 0000000..7cdcf6c
--- /dev/null
+++ b/resources/js/pages/settings/Tags.vue
@@ -0,0 +1,304 @@
+<script setup lang="ts">
+import ConfirmDeleteDialog from '@/components/ConfirmDeleteDialog.vue';
+import HeadingSmall from '@/components/HeadingSmall.vue';
+import InputError from '@/components/InputError.vue';
+import Pagination from '@/components/Pagination.vue';
+import { Button } from '@/components/ui/button';
+import {
+    Dialog,
+    DialogContent,
+    DialogDescription,
+    DialogFooter,
+    DialogHeader,
+    DialogTitle,
+    DialogTrigger,
+} from '@/components/ui/dialog';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import AppLayout from '@/layouts/AppLayout.vue';
+import SettingsLayout from '@/layouts/settings/Layout.vue';
+import type {
+    AppPageProps,
+    BreadcrumbItem,
+    PaginationLink,
+    Tag,
+} from '@/types';
+import { Head, router, useForm } from '@inertiajs/vue3';
+import { Pencil, Plus, Save, Trash2 } from '@lucide/vue';
+import { ref } from 'vue';
+import { toast } from 'vue-sonner';
+
+const props = defineProps<
+    AppPageProps<{
+        tags: {
+            current_page: number;
+            data: Tag[];
+            last_page: number;
+            links: PaginationLink[];
+            next_page_url: string | null;
+            prev_page_url: string | null;
+            total: number;
+        };
+    }>
+>();
+
+const breadcrumbs: BreadcrumbItem[] = [
+    {
+        title: 'Tags',
+        href: '/settings/tags',
+    },
+];
+
+const isDialogOpen = ref(false);
+const editingTag = ref<Tag | null>(null);
+const tagToDelete = ref<Tag | null>(null);
+const isDeleteDialogOpen = ref(false);
+
+const form = useForm({
+    name: '',
+    color: '#6366f1',
+});
+
+const resetForm = () => {
+    form.reset();
+    form.color = '#6366f1';
+    form.clearErrors();
+    editingTag.value = null;
+};
+
+const openCreate = () => {
+    resetForm();
+    isDialogOpen.value = true;
+};
+
+const openEdit = (tag: Tag) => {
+    editingTag.value = tag;
+    form.name = tag.name;
+    form.color = tag.color;
+    isDialogOpen.value = true;
+};
+
+const openDelete = (tag: Tag) => {
+    tagToDelete.value = tag;
+    isDeleteDialogOpen.value = true;
+};
+
+const submit = () => {
+    if (!form.name.trim()) return;
+
+    if (editingTag.value) {
+        form.put(`/tags/${editingTag.value.id}`, {
+            onSuccess: () => {
+                toast.success('Tag updated');
+                isDialogOpen.value = false;
+                resetForm();
+            },
+            onError: () => {
+                toast.error('Failed to update tag');
+            },
+        });
+        return;
+    }
+
+    form.post('/tags', {
+        onSuccess: () => {
+            toast.success('Tag created');
+            isDialogOpen.value = false;
+            resetForm();
+        },
+        onError: () => {
+            toast.error('Failed to create tag');
+        },
+    });
+};
+
+const confirmDelete = () => {
+    if (!tagToDelete.value) return;
+
+    router.delete(`/tags/${tagToDelete.value.id}`, {
+        onSuccess: () => {
+            toast.success('Tag deleted');
+            isDeleteDialogOpen.value = false;
+            tagToDelete.value = null;
+        },
+        onError: () => {
+            toast.error('Failed to delete tag');
+        },
+    });
+};
+</script>
+
+<template>
+    <AppLayout :breadcrumbs="breadcrumbs">
+        <Head title="Tags" />
+
+        <SettingsLayout>
+            <div class="space-y-6">
+                <div class="flex items-center justify-between">
+                    <HeadingSmall
+                        title="Tags"
+                        description="Manage your team's task tags and labels"
+                    />
+
+                    <Dialog v-model:open="isDialogOpen">
+                        <DialogTrigger as-child>
+                            <Button @click="openCreate">
+                                <Plus class="size-4" />
+                                New Tag
+                            </Button>
+                        </DialogTrigger>
+                        <DialogContent class="w-[96vw] max-w-[520px]">
+                            <DialogHeader>
+                                <DialogTitle>
+                                    {{ editingTag ? 'Edit tag' : 'Create tag' }}
+                                </DialogTitle>
+                                <DialogDescription>
+                                    {{
+                                        editingTag
+                                            ? 'Update the tag details'
+                                            : 'Add a new tag for your team'
+                                    }}
+                                </DialogDescription>
+                            </DialogHeader>
+
+                            <form class="space-y-4" @submit.prevent="submit">
+                                <div class="grid gap-2">
+                                    <Label for="tag-name">Name</Label>
+                                    <Input
+                                        id="tag-name"
+                                        v-model="form.name"
+                                        type="text"
+                                        placeholder="e.g., Urgent"
+                                    />
+                                    <InputError :message="form.errors.name" />
+                                </div>
+
+                                <div class="grid gap-2">
+                                    <Label for="tag-color">Color</Label>
+                                    <div class="flex items-center gap-3">
+                                        <input
+                                            id="tag-color"
+                                            v-model="form.color"
+                                            type="color"
+                                            class="h-10 w-16 cursor-pointer rounded border border-input"
+                                        />
+                                        <span
+                                            class="font-mono text-sm text-muted-foreground"
+                                        >
+                                            {{ form.color }}
+                                        </span>
+                                    </div>
+                                    <InputError :message="form.errors.color" />
+                                </div>
+
+                                <DialogFooter>
+                                    <Button
+                                        type="button"
+                                        variant="outline"
+                                        @click="isDialogOpen = false"
+                                    >
+                                        Cancel
+                                    </Button>
+                                    <Button
+                                        type="submit"
+                                        :disabled="
+                                            !form.name.trim() || form.processing
+                                        "
+                                    >
+                                        <Save
+                                            v-if="editingTag"
+                                            class="size-4"
+                                        />
+                                        <Plus v-else class="size-4" />
+
+                                        {{ editingTag ? 'Update' : 'Create' }}
+                                    </Button>
+                                </DialogFooter>
+                            </form>
+                        </DialogContent>
+                    </Dialog>
+                </div>
+
+                <div class="flex flex-col rounded-lg border border-border">
+                    <div
+                        class="border-b border-border px-4 py-3 text-sm font-medium"
+                    >
+                        Team Tags ({{ props.tags.total }})
+                    </div>
+                    <div class="flex min-h-0 flex-col">
+                        <div class="divide-y divide-border">
+                            <div
+                                v-if="props.tags.data.length === 0"
+                                class="px-4 py-8 text-center text-sm text-muted-foreground"
+                            >
+                                No tags yet. Create one to get started!
+                            </div>
+
+                            <div
+                                v-for="tag in props.tags.data"
+                                :key="tag.id"
+                                class="flex items-center justify-between px-4 py-3"
+                            >
+                                <div class="flex items-center gap-3">
+                                    <div
+                                        class="h-3.5 w-3.5 rounded-full border border-border"
+                                        :style="{ backgroundColor: tag.color }"
+                                    />
+                                    <div>
+                                        <p class="text-sm font-medium">
+                                            {{ tag.name }}
+                                        </p>
+                                        <p
+                                            class="text-xs text-muted-foreground"
+                                        >
+                                            {{ tag.color }}
+                                        </p>
+                                    </div>
+                                </div>
+
+                                <div class="flex items-center gap-2">
+                                    <Button
+                                        variant="ghost"
+                                        size="icon-sm"
+                                        class="h-8 w-8"
+                                        :title="`Edit ${tag.name}`"
+                                        @click="openEdit(tag)"
+                                    >
+                                        <Pencil class="size-4" />
+                                    </Button>
+                                    <Button
+                                        variant="ghost"
+                                        size="icon-sm"
+                                        class="h-8 w-8 text-destructive hover:bg-destructive/10 hover:text-destructive"
+                                        :title="`Delete ${tag.name}`"
+                                        @click="openDelete(tag)"
+                                    >
+                                        <Trash2 class="size-4" />
+                                    </Button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div v-if="props.tags.last_page > 1" class="pt-2">
+                    <Pagination
+                        :current-page="props.tags.current_page"
+                        :last-page="props.tags.last_page"
+                        :prev-page-url="props.tags.prev_page_url"
+                        :next-page-url="props.tags.next_page_url"
+                        :links="props.tags.links"
+                    />
+                </div>
+            </div>
+        </SettingsLayout>
+    </AppLayout>
+
+    <ConfirmDeleteDialog
+        v-if="tagToDelete"
+        v-model:open="isDeleteDialogOpen"
+        title="Delete tag"
+        :description="`Are you sure you want to delete the tag &ldquo;${tagToDelete.name}&rdquo;? Tasks using this tag will no longer be labelled with it.`"
+        @confirm="confirmDelete"
+    />
+</template>
diff --git a/resources/js/types/index.d.ts b/resources/js/types/index.d.ts
index 0cd6aa2..58e7369 100644
--- a/resources/js/types/index.d.ts
+++ b/resources/js/types/index.d.ts
@@ -26,8 +26,18 @@ export type AppPageProps<
     currentTeam?: Team | null;
     teams?: Team[];
     sidebarOpen: boolean;
+    notifications: {
+        unreadCount: number;
+    };
 };
 
+export interface PaginationMeta {
+    current_page: number;
+    last_page: number;
+    total: number;
+    has_more: boolean;
+}
+
 export interface User {
     id: number;
     name: string;
@@ -92,12 +102,7 @@ export interface Column {
     type: 'todo' | 'in_progress' | 'done';
     order: number;
     tasks: Task[];
-    pagination?: {
-        current_page: number;
-        last_page: number;
-        total: number;
-        has_more: boolean;
-    };
+    pagination?: PaginationMeta;
 }
 
 export interface TaskForm {
@@ -146,6 +151,32 @@ export interface Team {
     count_days_in_column_tasks?: number;
 }
 
+export interface AppNotificationData {
+    event_id?: number;
+    title?: string | null;
+    description?: string | null;
+    start_time?: string | null;
+    end_time?: string | null;
+    inviter?: string | null;
+    has_video?: boolean;
+    response?: 'needs_action' | 'accepted' | 'declined' | 'tentative';
+    [key: string]: unknown;
+}
+
+/**
+ * Notification type aliases — must match the TYPE_ALIASES map in
+ * App\Http\Resources\NotificationResource.
+ */
+export type NotificationType = 'event_invitation' | (string & {});
+
+export interface AppNotification {
+    id: string;
+    type: NotificationType;
+    data: AppNotificationData;
+    read_at: string | null;
+    created_at: string;
+}
+
 export interface PaginationLink {
     url: string | null;
     label: string;
@@ -169,13 +200,6 @@ export interface PaginatedTasks {
     total: number;
 }
 
-export interface PaginationLink {
-    url: string | null;
-    label: string;
-    page: number | null;
-    active: boolean;
-}
-
 export interface TaskEditFormState {
     title: string;
     description: string;
@@ -240,3 +264,33 @@ export interface UnifiedAttachment {
     isRemoved: boolean;
     pendingIndex?: number;
 }
+
+export interface CalendarEventIndex {
+    id: number;
+    title: string;
+    start_at: string;
+    end_at: string;
+    has_video: boolean;
+}
+
+export interface CalendarEvent {
+    id: number;
+    calendar_id: number;
+    organizer_id: number;
+    title: string;
+    description: string | null;
+    start_at: string;
+    end_at: string;
+    timezone: string;
+    room_name: string | null;
+    has_video: boolean;
+    status: 'confirmed' | 'cancelled';
+    organizer?: {
+        id: number;
+        name: string;
+    };
+    attendees?: {
+        id: number;
+        name: string;
+    }[];
+}
diff --git a/routes/calendar.php b/routes/calendar.php
new file mode 100644
index 0000000..ee02282
--- /dev/null
+++ b/routes/calendar.php
@@ -0,0 +1,14 @@
+<?php
+
+use App\Http\Controllers\CalendarController;
+use Illuminate\Support\Facades\Route;
+
+Route::middleware(['auth', 'verified', 'hasTeam'])->group(function () {
+    Route::get('calendar', [CalendarController::class, 'index'])->name('calendar.index');
+    Route::post('calendar/events', [CalendarController::class, 'store'])->name('calendar.events.store');
+    Route::get('calendar/events/{event}', [CalendarController::class, 'show'])->name('calendar.events.show');
+    Route::put('calendar/events/{event}', [CalendarController::class, 'update'])->name('calendar.events.update');
+    Route::delete('calendar/events/{event}', [CalendarController::class, 'destroy'])->name('calendar.events.destroy');
+    Route::post('calendar/events/{event}/respond/{response}', [CalendarController::class, 'respond'])->name('calendar.events.respond');
+    Route::get('calendar/events/{event}/room', [CalendarController::class, 'room'])->name('calendar.events.room');
+});
diff --git a/routes/notifications.php b/routes/notifications.php
new file mode 100644
index 0000000..4aa737c
--- /dev/null
+++ b/routes/notifications.php
@@ -0,0 +1,10 @@
+<?php
+
+use App\Http\Controllers\NotificationController;
+use Illuminate\Support\Facades\Route;
+
+Route::middleware(['auth', 'verified', 'hasTeam'])->group(function () {
+    Route::get('notifications', [NotificationController::class, 'index'])->name('notifications.index');
+    Route::post('notifications/read', [NotificationController::class, 'markAllAsRead'])->name('notifications.read-all');
+    Route::post('notifications/{notification}/read', [NotificationController::class, 'markAsRead'])->name('notifications.mark-as-read');
+});
diff --git a/routes/tags.php b/routes/tags.php
index 74bbd77..c83a630 100644
--- a/routes/tags.php
+++ b/routes/tags.php
@@ -6,7 +6,7 @@
 Route::middleware(['auth', 'verified', 'hasTeam'])
     ->group(function () {
         Route::controller(TagController::class)->group(function () {
-            Route::get('tags', 'index')->name('tags.index');
+            Route::get('settings/tags', 'index')->name('settings.tags.index');
             Route::post('tags', 'store')->name('tags.store');
             Route::put('tags/{tag}', 'update')->name('tags.update');
             Route::delete('tags/{tag}', 'destroy')->name('tags.destroy');
diff --git a/routes/web.php b/routes/web.php
index a605752..b8952cd 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -16,3 +16,5 @@
 require __DIR__.'/tags.php';
 require __DIR__.'/teams.php';
 require __DIR__.'/tasks.php';
+require __DIR__.'/calendar.php';
+require __DIR__.'/notifications.php';
diff --git a/tests/Feature/CalendarTest.php b/tests/Feature/CalendarTest.php
new file mode 100644
index 0000000..40a25cc
--- /dev/null
+++ b/tests/Feature/CalendarTest.php
@@ -0,0 +1,187 @@
+<?php
+
+use App\Models\Calendar;
+use App\Models\Event;
+use App\Models\Team;
+use App\Models\TeamMembership;
+use App\Models\User;
+use App\Notifications\EventInvitation;
+use Illuminate\Support\Facades\Notification;
+use Inertia\Testing\AssertableInertia as Assert;
+
+beforeEach(function () {
+    $this->team = Team::factory()->create();
+    $this->user = User::factory()->admin()->create(['team_id' => $this->team->id]);
+    TeamMembership::create(['team_id' => $this->team->id, 'user_id' => $this->user->id]);
+
+    $this->otherMember = User::factory()->create(['team_id' => $this->team->id]);
+    TeamMembership::create(['team_id' => $this->team->id, 'user_id' => $this->otherMember->id]);
+
+    $this->calendar = Calendar::query()
+        ->where('team_id', $this->team->id)
+        ->where('owner_id', $this->user->id)
+        ->firstOrFail();
+});
+
+test('can render calendar page with deferred events', function () {
+    $event = Event::factory()->create([
+        'calendar_id' => $this->calendar->id,
+        'organizer_id' => $this->user->id,
+        'start_at' => now()->addDay()->startOfHour(),
+        'end_at' => now()->addDay()->startOfHour()->addHour(),
+    ]);
+
+    $this->actingAs($this->user)
+        ->get(route('calendar.index'))
+        ->assertOk()
+        ->assertInertia(fn (Assert $page) => $page
+            ->component('Calendar/Index')
+            ->has('teamMembers')
+            ->loadDeferredProps(fn (Assert $reload) => $reload
+                ->has('events', 1)
+                ->where('events.0.id', $event->id)
+            )
+        );
+});
+
+test('can create an event and dispatch invitation to attendees', function () {
+    Notification::fake();
+
+    $payload = [
+        'title' => 'Sprint Planning',
+        'description' => 'Discuss upcoming sprint tasks.',
+        'start_at' => now()->addDays(2)->startOfHour()->toIso8601String(),
+        'end_at' => now()->addDays(2)->startOfHour()->addHour()->toIso8601String(),
+        'timezone' => 'UTC',
+        'has_video' => true,
+        'attendee_ids' => [$this->otherMember->id],
+    ];
+
+    $this->actingAs($this->user)
+        ->post(route('calendar.events.store'), $payload)
+        ->assertRedirect();
+
+    $this->assertDatabaseHas('events', [
+        'title' => 'Sprint Planning',
+        'has_video' => true,
+        'organizer_id' => $this->user->id,
+    ]);
+
+    $event = Event::where('title', 'Sprint Planning')->firstOrFail();
+
+    $this->assertNotEmpty($event->room_name);
+    $this->assertDatabaseHas('event_attendees', [
+        'event_id' => $event->id,
+        'user_id' => $this->otherMember->id,
+        'participation_status' => 'needs_action',
+    ]);
+
+    Notification::assertSentTo($this->otherMember, EventInvitation::class);
+});
+
+test('organizer can update an event', function () {
+    $event = Event::factory()->create([
+        'calendar_id' => $this->calendar->id,
+        'organizer_id' => $this->user->id,
+        'title' => 'Initial Title',
+    ]);
+
+    $this->actingAs($this->user)
+        ->put(route('calendar.events.update', $event), [
+            'title' => 'Updated Title',
+            'start_at' => now()->addDays(3)->toIso8601String(),
+            'end_at' => now()->addDays(3)->addHour()->toIso8601String(),
+        ])
+        ->assertRedirect();
+
+    $this->assertDatabaseHas('events', [
+        'id' => $event->id,
+        'title' => 'Updated Title',
+    ]);
+});
+
+test('non-organizer cannot update an event', function () {
+    $event = Event::factory()->create([
+        'calendar_id' => $this->calendar->id,
+        'organizer_id' => $this->user->id,
+        'title' => 'Original Title',
+    ]);
+
+    $this->actingAs($this->otherMember)
+        ->put(route('calendar.events.update', $event), [
+            'title' => 'Hacked Title',
+            'start_at' => now()->addDays(3)->toIso8601String(),
+            'end_at' => now()->addDays(3)->addHour()->toIso8601String(),
+        ])
+        ->assertForbidden();
+
+    $this->assertDatabaseHas('events', [
+        'id' => $event->id,
+        'title' => 'Original Title',
+    ]);
+});
+
+test('attendee can respond to an event invitation', function () {
+    $event = Event::factory()->create([
+        'calendar_id' => $this->calendar->id,
+        'organizer_id' => $this->user->id,
+    ]);
+    $event->attendees()->attach($this->otherMember->id, ['participation_status' => 'needs_action']);
+
+    $this->actingAs($this->otherMember)
+        ->post(route('calendar.events.respond', ['event' => $event, 'response' => 'accepted']))
+        ->assertRedirect();
+
+    $this->assertDatabaseHas('event_attendees', [
+        'event_id' => $event->id,
+        'user_id' => $this->otherMember->id,
+        'participation_status' => 'accepted',
+    ]);
+});
+
+test('can access video meeting room when event has video enabled', function () {
+    $event = Event::factory()->create([
+        'calendar_id' => $this->calendar->id,
+        'organizer_id' => $this->user->id,
+        'has_video' => true,
+        'room_name' => 'team-sync-room',
+    ]);
+
+    $this->actingAs($this->user)
+        ->get(route('calendar.events.room', $event))
+        ->assertOk()
+        ->assertInertia(fn (Assert $page) => $page
+            ->component('Calendar/Room')
+            ->has('event')
+            ->has('jitsiDomain')
+        );
+});
+
+test('cannot access video room when event has no video', function () {
+    $event = Event::factory()->create([
+        'calendar_id' => $this->calendar->id,
+        'organizer_id' => $this->user->id,
+        'has_video' => false,
+    ]);
+
+    $this->actingAs($this->user)
+        ->get(route('calendar.events.room', $event))
+        ->assertForbidden();
+});
+
+test('member cannot view event from another team', function () {
+    $otherTeam = Team::factory()->create();
+    $otherUser = User::factory()->create(['team_id' => $otherTeam->id]);
+    TeamMembership::create(['team_id' => $otherTeam->id, 'user_id' => $otherUser->id]);
+
+    $otherCalendar = Calendar::query()
+        ->where('team_id', $otherTeam->id)
+        ->where('owner_id', $otherUser->id)
+        ->firstOrFail();
+
+    $event = Event::factory()->create(['calendar_id' => $otherCalendar->id]);
+
+    $this->actingAs($this->otherMember)
+        ->getJson(route('calendar.events.show', $event))
+        ->assertForbidden();
+});
diff --git a/tests/Feature/NotificationTest.php b/tests/Feature/NotificationTest.php
new file mode 100644
index 0000000..15df4a7
--- /dev/null
+++ b/tests/Feature/NotificationTest.php
@@ -0,0 +1,128 @@
+<?php
+
+use App\Models\Team;
+use App\Models\TeamMembership;
+use App\Models\User;
+use Database\Factories\DatabaseNotificationFactory;
+use Illuminate\Notifications\DatabaseNotification;
+
+beforeEach(function () {
+    $this->team = Team::factory()->create();
+    $this->user = User::factory()->admin()->create(['team_id' => $this->team->id]);
+    TeamMembership::create(['team_id' => $this->team->id, 'user_id' => $this->user->id]);
+    $this->otherUser = User::factory()->create(['team_id' => $this->team->id]);
+
+    $this->notify = fn (User $user, int $count = 1) => DatabaseNotificationFactory::new()
+        ->count($count)
+        ->forNotifiable($user)
+        ->create();
+});
+
+describe('index', function () {
+    test('paginates notifications five per page', function () {
+        ($this->notify)($this->user, 7);
+
+        $response = $this->actingAs($this->user)->getJson(route('notifications.index'));
+
+        $response->assertOk();
+        $response->assertJsonPath('pagination.current_page', 1);
+        $response->assertJsonPath('pagination.last_page', 2);
+        $response->assertJsonPath('pagination.total', 7);
+        $response->assertJsonPath('pagination.has_more', true);
+        $this->assertCount(5, $response->json('data'));
+    });
+
+    test('returns the second page', function () {
+        ($this->notify)($this->user, 7);
+
+        $response = $this->actingAs($this->user)
+            ->getJson(route('notifications.index', ['page' => 2]));
+
+        $response->assertOk();
+        $response->assertJsonPath('pagination.current_page', 2);
+        $response->assertJsonPath('pagination.has_more', false);
+        $this->assertCount(2, $response->json('data'));
+    });
+
+    test('returns the most recent notifications first', function () {
+        ($this->notify)($this->user, 3);
+
+        $ids = $this->actingAs($this->user)
+            ->getJson(route('notifications.index'))
+            ->json('data.*.id');
+
+        $expected = DatabaseNotification::query()
+            ->latest()
+            ->limit(3)
+            ->pluck('id')
+            ->all();
+
+        expect($ids)->toEqualCanonicalizing($expected);
+    });
+
+    test('only returns the notifications of the authenticated user', function () {
+        ($this->notify)($this->user);
+        ($this->notify)($this->otherUser);
+
+        $response = $this->actingAs($this->user)->getJson(route('notifications.index'));
+
+        $response->assertOk();
+        $this->assertCount(1, $response->json('data'));
+    });
+
+    test('maps the notification type to a frontend alias', function () {
+        ($this->notify)($this->user);
+
+        $this->actingAs($this->user)
+            ->getJson(route('notifications.index'))
+            ->assertJsonPath('data.0.type', 'event_invitation');
+    });
+
+    test('is not accessible to guests', function () {
+        $this->getJson(route('notifications.index'))->assertUnauthorized();
+    });
+});
+
+describe('mark as read', function () {
+    test('marks a single notification as read', function () {
+        $notification = ($this->notify)($this->user)->first();
+
+        $this->actingAs($this->user)
+            ->post(route('notifications.mark-as-read', $notification->getKey()))
+            ->assertRedirect();
+
+        expect($notification->fresh()->read_at)->not->toBeNull();
+    });
+
+    test('cannot mark a notification of another user as read', function () {
+        $notification = ($this->notify)($this->otherUser)->first();
+
+        $this->actingAs($this->user)
+            ->post(route('notifications.mark-as-read', $notification->getKey()))
+            ->assertForbidden();
+
+        expect($notification->fresh()->read_at)->toBeNull();
+    });
+
+    test('marks every notification as read', function () {
+        ($this->notify)($this->user, 3);
+
+        $this->actingAs($this->user)
+            ->post(route('notifications.read-all'))
+            ->assertRedirect();
+
+        expect($this->user->unreadNotifications()->count())->toBe(0);
+    });
+
+    test('leaves the notifications of other users untouched', function () {
+        ($this->notify)($this->user, 2);
+        ($this->notify)($this->otherUser, 2);
+
+        $this->actingAs($this->user)
+            ->post(route('notifications.read-all'))
+            ->assertRedirect();
+
+        expect($this->user->unreadNotifications()->count())->toBe(0)
+            ->and($this->otherUser->unreadNotifications()->count())->toBe(2);
+    });
+});
diff --git a/tests/Feature/TagTest.php b/tests/Feature/TagTest.php
index a6e0aea..368092e 100644
--- a/tests/Feature/TagTest.php
+++ b/tests/Feature/TagTest.php
@@ -20,7 +20,7 @@
             'name' => 'Urgent',
             'color' => '#ff0000',
         ])
-        ->assertRedirect('/tags');
+        ->assertRedirect('/settings/tags');
 
     $this->assertDatabaseHas('tags', [
         'name' => 'Urgent',
@@ -33,10 +33,10 @@
     Tag::factory(3)->create(['team_id' => $this->team->id]);
 
     $this->actingAs($this->user)
-        ->get('/tags')
+        ->get('/settings/tags')
         ->assertStatus(200)
         ->assertInertia(fn (Assert $page) => $page
-            ->component('Tags')
+            ->component('settings/Tags')
             ->has('tags.data', 3)
             ->where('tags.total', 3)
         );
diff --git a/tests/Feature/ColumnTest.php b/tests/Feature/Tasks/ColumnTest.php
similarity index 100%
rename from tests/Feature/ColumnTest.php
rename to tests/Feature/Tasks/ColumnTest.php
diff --git a/tests/Feature/TaskCommentTest.php b/tests/Feature/Tasks/TaskCommentTest.php
similarity index 100%
rename from tests/Feature/TaskCommentTest.php
rename to tests/Feature/Tasks/TaskCommentTest.php
diff --git a/tests/Feature/TaskSequenceTest.php b/tests/Feature/Tasks/TaskSequenceTest.php
similarity index 100%
rename from tests/Feature/TaskSequenceTest.php
rename to tests/Feature/Tasks/TaskSequenceTest.php
diff --git a/tests/Feature/TaskTest.php b/tests/Feature/Tasks/TaskTest.php
similarity index 100%
rename from tests/Feature/TaskTest.php
rename to tests/Feature/Tasks/TaskTest.php