From d857eb58c5302c470c722bf8487b427dbc69a195 Mon Sep 17 00:00:00 2001
From: Junwei Zhao <wahyd4@gmail.com>
Date: Thu, 30 Jul 2026 12:48:28 +1000
Subject: [PATCH] Add bookmarks

---
 agents.md                                     |  28 ++
 links/api_urls.py                             |   2 +
 links/bookmark_views.py                       | 230 ++++++++++
 .../management/commands/import_x_bookmarks.py |  94 ++++
 links/migrations/0050_bookmark.py             |  49 ++
 links/models.py                               |  64 +++
 links/search_backend.py                       |  58 ++-
 links/search_views.py                         |  53 ++-
 links/serializers.py                          | 123 ++++-
 links/signals.py                              |  21 +-
 links/templates/links/bookmark_detail.html    |  57 +++
 links/templates/links/bookmark_list.html      | 238 ++++++++++
 .../links/includes/bookmark_list_items.html   | 123 +++++
 links/templates/links/search_react.html       |   2 +-
 links/templatetags/bookmark_extras.py         |  83 ++++
 links/urls.py                                 |   5 +
 static/dist/jsx-runtime-COXMab3W.js           |   8 +
 static/dist/search.js                         |   2 +-
 static/openapi.yaml                           | 425 ++++++++++++++++++
 static_src/search.jsx                         | 178 +++++---
 templates/base.html                           |   8 +
 tests/test_bookmarks_api.py                   | 116 +++++
 22 files changed, 1895 insertions(+), 72 deletions(-)
 create mode 100644 links/bookmark_views.py
 create mode 100644 links/management/commands/import_x_bookmarks.py
 create mode 100644 links/migrations/0050_bookmark.py
 create mode 100644 links/templates/links/bookmark_detail.html
 create mode 100644 links/templates/links/bookmark_list.html
 create mode 100644 links/templates/links/includes/bookmark_list_items.html
 create mode 100644 links/templatetags/bookmark_extras.py
 create mode 100644 static/dist/jsx-runtime-COXMab3W.js
 create mode 100644 tests/test_bookmarks_api.py

diff --git a/agents.md b/agents.md
index ebc6795..df5c289 100644
--- a/agents.md
+++ b/agents.md
@@ -81,6 +81,25 @@ Bookmarked pages with auto-extracted metadata:
 
 #### Tag
 Hierarchical tagging system:
+
+#### Bookmark
+Archived social-media posts (originally x.com / Twitter bookmarks), each saved with full preview data so a viewer page renders offline without further x.com API calls:
+- **tweet_id**: Source post id (unique, indexed)
+- **url**: Canonical x.com post URL
+- **author_screen_name / author_name / author_profile_image_url**: Denormalised author
+- **text**: Full post text (searchable)
+- **summary**: Optional human/agent-written summary (writable via API `PATCH`)
+- **tweet_created_at / bookmark_created_at**: Parsed source dates (indexed)
+- **view_count / favorite_count / retweet_count / reply_count / bookmark_count / quote_count**: Engagement counters
+- **has_video / has_photo / has_card / is_quote / is_retweet**: Indexed boolean flags for fast filter pages
+- **media**: JSON list of media objects (photo URL variants; video/animated_gif with `poster`, `best_mp4`, `duration_ms`, `variants[]`)
+- **card_data**: JSON link-preview card (title/description/site/image/url)
+- **quoted_data**: JSON nested quoted post (recursive shape)
+- **data**: The complete original normalised export object (kept for round-tripping / the offline viewer)
+- UI: `/ui/bookmarks/` (list, `BookmarkListView`) + `/ui/bookmarks/<pk>/` (detail). Top-menu item "Bookmarks" in `templates/base.html`.
+- Import: `python manage.py import_x_bookmarks <dir|file.json> [--clear]` (loads `x-bookmarks-exporter` JSON) or `POST /api/bookmarks/import`.
+- **No `<video>` streaming** in the viewer — videos render as poster thumbnails linking to x.com (performance + ToS).
+- **Search**: bookmarks are indexed in the Whoosh full-text index (`search_backend.index_bookmark`, rebuilt via `python manage.py rebuild_search_index`), wired into signals (`post_save`/`post_delete` on `Bookmark` auto-updates the index — e.g. when an agent `PATCH`es a summary). They appear in `/ui/search/` (React app, type filter "Bookmarks"), `/search/api/v2/?type=bookmark`, and the simple `/search/api/?q=` lookup.
 - **name**: Tag name
 - **slug**: URL-friendly slug
 - **description**: Optional description
@@ -125,6 +144,15 @@ Located in various `*_views.py` files with corresponding `*_urls.py`:
   - `screenshot` action: Trigger screenshot capture
   - `extract_metadata` action: Re-extract page metadata
 
+#### Bookmark API (`bookmark_views.py` → `BookmarkViewSet`, mounted at `/api/bookmarks`)
+- `BookmarkViewSet`: Full CRUD for archived social-media bookmarks
+  - `GET /api/bookmarks`: list with filters `?q=`, `?has_video=true`, `?has_photo=`, `?has_card=`, `?is_quote=`, `?is_retweet=`, `?author=`, `?ordering=`, `?page_size=` (default 24, max 200)
+  - `POST /api/bookmarks`: create one (flat `Bookmark`-shaped body)
+  - `GET/PATCH/DELETE /api/bookmarks/{id}`: read / partial-update (e.g. write an AI `summary`) / delete
+  - `POST /api/bookmarks/import`: bulk upsert from `{"bookmarks":[ {export obj}, ... ]}` — accepts the full `x-bookmarks-exporter` normalised object (nested author/media/card/quoted/retweet + x.com-style `created_at` date); matches by `tweet_id`. Returns `{created, updated, skipped, total}`
+  - `PUT|POST /api/bookmarks/bulk`: bulk upsert from a bare JSON array of flat `Bookmark`-shaped objects
+  - `GET /api/bookmarks/stats`: `{total, has_video, has_photo, has_card, is_quote, is_retweet}` (used by viewer filter chips)
+
 #### Post API (`post_views.py`)
 - `PostViewSet`: Blog post management with markdown rendering
 
diff --git a/links/api_urls.py b/links/api_urls.py
index 4896d45..59faa9c 100644
--- a/links/api_urls.py
+++ b/links/api_urls.py
@@ -4,6 +4,7 @@ from . import page_views
 from . import post_views
 from . import api_views
 from . import file_views
+from . import bookmark_views
 
 # Create a router and register our viewsets with it
 router = DefaultRouter(trailing_slash=False)
@@ -12,6 +13,7 @@ router.register('pages', page_views.PageViewSet, basename='api-pages')
 router.register('posts', post_views.PostViewSet, basename='api-posts')
 router.register('music', api_views.MusicViewSet, basename='api-music')
 router.register('files', file_views.FileUploadViewSet, basename='api-files')
+router.register('bookmarks', bookmark_views.BookmarkViewSet, basename='api-bookmarks')
 
 # The API URLs are determined automatically by the router
 urlpatterns = [
diff --git a/links/bookmark_views.py b/links/bookmark_views.py
new file mode 100644
index 0000000..62a877d
--- /dev/null
+++ b/links/bookmark_views.py
@@ -0,0 +1,230 @@
+"""Views for the Bookmark feature — REST viewset + UI list view."""
+from collections import OrderedDict
+
+from django.views.generic import ListView, DetailView
+from django.db import models
+from rest_framework import viewsets, status, filters as drf_filters
+from rest_framework.decorators import action
+from rest_framework.response import Response
+from rest_framework.pagination import PageNumberPagination
+
+from .models import Bookmark
+from .serializers import (
+    BookmarkSerializer,
+    BookmarkImportSerializer,
+)
+
+
+class BookmarkPagination(PageNumberPagination):
+    page_size = 24
+    page_size_query_param = 'page_size'
+    max_page_size = 200
+
+
+class BookmarkViewSet(viewsets.ModelViewSet):
+    """
+    CRUD for archived bookmarks, plus bulk import + filterable listing.
+
+    List filters (query params):
+        q            full-text search on text/author/summary
+        has_video    true/false
+        has_photo    true/false
+        has_card     true/false
+        is_quote     true/false
+        is_retweet   true/false
+        author       exact screen name
+    Bulk import:  POST /api/bookmarks/import/  body {"bookmarks": [ {...}, ... ]}
+    Bulk upsert:  PUT /api/bookmarks/bulk/     body list of bookmark dicts (key: tweet_id)
+    """
+    queryset = Bookmark.objects.all()
+    serializer_class = BookmarkSerializer
+    pagination_class = BookmarkPagination
+    filter_backends = [drf_filters.OrderingFilter]
+    ordering_fields = ['tweet_created_at', 'bookmark_created_at',
+                       'created_at', 'favorite_count', 'view_count']
+    ordering = ['-tweet_created_at', '-created_at']
+
+    def get_queryset(self):
+        qs = Bookmark.objects.all()
+        req = self.request
+        q = req.query_params.get('q')
+        if q:
+            qs = qs.filter(
+                models.Q(text__icontains=q)
+                | models.Q(author_screen_name__icontains=q)
+                | models.Q(author_name__icontains=q)
+                | models.Q(summary__icontains=q)
+            )
+        for flag in ('has_video', 'has_photo', 'has_card',
+                     'is_quote', 'is_retweet'):
+            v = req.query_params.get(flag)
+            if v is not None:
+                qs = qs.filter(**{flag: _truthy(v)})
+        author = req.query_params.get('author')
+        if author:
+            qs = qs.filter(author_screen_name__iexact=author)
+        return qs
+
+    @action(detail=False, methods=['post'], url_path='import')
+    def import_bookmarks(self, request):
+        """Bulk upsert bookmarks from a normalised export payload.
+
+        Body: {"bookmarks": [ {normalised tweet obj}, ... ]} → matches the
+        JSON files produced by x-bookmarks-exporter.
+        Returns {created, updated, skipped, total}.
+        """
+        ser = BookmarkImportSerializer(data=request.data)
+        ser.is_valid(raise_exception=True)
+        result = ser.save() if hasattr(ser, 'save') else ser.create(ser.validated_data)
+        result['total'] = Bookmark.objects.count()
+        return Response(result, status=status.HTTP_200_OK)
+
+    @action(detail=False, methods=['put', 'post'], url_path='bulk')
+    def bulk_upsert(self, request):
+        """Bulk create/update from a bare JSON array of bookmark dicts.
+
+        Each item may be either a full normalised export object OR a flat
+        Bookmark-shaped object (matching BookmarkSerializer fields).
+        """
+        items = request.data
+        if not isinstance(items, list):
+            return Response({'detail': 'expected a JSON array'},
+                            status=status.HTTP_400_BAD_REQUEST)
+        created = updated = skipped = 0
+        for raw in items:
+            tid = str(raw.get('tweet_id') or raw.get('id') or '')
+            if not tid:
+                skipped += 1
+                continue
+            obj = Bookmark.objects.filter(tweet_id=tid).first()
+            if obj is None:
+                BookmarkSerializer().create(_to_db_payload(raw))
+                created += 1
+            else:
+                ser = BookmarkSerializer(obj, data=_to_db_payload(raw), partial=True)
+                ser.is_valid(raise_exception=True)
+                ser.save()
+                updated += 1
+        return Response({'created': created, 'updated': updated,
+                         'skipped': skipped, 'total': Bookmark.objects.count()},
+                        status=status.HTTP_200_OK)
+
+    @action(detail=False, methods=['get'], url_path='stats')
+    def stats(self, request):
+        """Aggregate counts for the viewer header/filter chips."""
+        qs = Bookmark.objects.all()
+        return Response({
+            'total': qs.count(),
+            'has_video': qs.filter(has_video=True).count(),
+            'has_photo': qs.filter(has_photo=True).count(),
+            'has_card': qs.filter(has_card=True).count(),
+            'is_quote': qs.filter(is_quote=True).count(),
+            'is_retweet': qs.filter(is_retweet=True).count(),
+        })
+
+
+def _truthy(v):
+    return str(v).lower() in ('1', 'true', 'yes', 'on')
+
+
+def _to_db_payload(raw):
+    """Accept either an export object ({'id','author':{'screen_name'},'media',...})
+    or a flat Bookmark-shaped dict and return a serializer-compatible dict."""
+    if 'author' in raw or 'media' in raw or 'created_at' in raw \
+            and not any(k in raw for k in ('tweet_created_at',)):
+        # Looks like a normalised export object → re-map it.
+        author = raw.get('author') or {}
+        media = raw.get('media') or []
+        from datetime import datetime
+        tca = raw.get('created_at')
+        tweet_at = None
+        if isinstance(tca, str) and tca:
+            try:
+                tweet_at = datetime.strptime(tca, '%a %b %d %H:%M:%S %z %Y')
+            except ValueError:
+                tweet_at = None
+        return {
+            'tweet_id': str(raw.get('id') or raw.get('tweet_id')),
+            'url': raw.get('url') or '',
+            'author_screen_name': author.get('screen_name') or '',
+            'author_name': author.get('name') or '',
+            'author_profile_image_url': author.get('profile_image_url') or '',
+            'text': raw.get('text') or '',
+            'summary': raw.get('summary') or '',
+            'tweet_created_at': tweet_at,
+            'bookmark_created_at': raw.get('bookmark_created_at'),
+            'view_count': raw.get('view_count') or 0,
+            'favorite_count': raw.get('favorite_count') or 0,
+            'retweet_count': raw.get('retweet_count') or 0,
+            'reply_count': raw.get('reply_count') or 0,
+            'bookmark_count': raw.get('bookmark_count') or 0,
+            'quote_count': raw.get('quote_count') or 0,
+            'has_video': any(m.get('type') in ('video', 'animated_gif') for m in media),
+            'has_photo': any(m.get('type') == 'photo' for m in media),
+            'has_card': bool(raw.get('card')),
+            'is_quote': bool(raw.get('quoted')),
+            'is_retweet': bool(raw.get('retweet')),
+            'media': media,
+            'card_data': raw.get('card'),
+            'quoted_data': raw.get('quoted'),
+            'data': raw,
+        }
+    # Already flat/serializer-shaped.
+    return raw
+
+
+# ---------- UI views ----------
+
+class BookmarkListView(ListView):
+    """Render the full bookmark archive page.
+
+    All bookmarks are rendered server-side in one response (with
+    `content-visibility:auto` cards so off-screen cards are cheap), and
+    client-side JS handles instant search + filtering — matching the UX of the
+    standalone x-bookmarks-exporter viewer. Server-side query params still work
+    for deep-linking / no-JS.
+    """
+    model = Bookmark
+    template_name = 'links/bookmark_list.html'
+    context_object_name = 'bookmarks'
+    paginate_by = None  # render all; performance via content-visibility + lazy imgs
+
+    def get_queryset(self):
+        # Server-side filtering only honours q + flag params for deep-links.
+        # The interactive page filters client-side for instant UX.
+        qs = Bookmark.objects.all().order_by('-tweet_created_at', '-created_at')
+        q = self.request.GET.get('q')
+        if q:
+            qs = qs.filter(
+                models.Q(text__icontains=q)
+                | models.Q(author_screen_name__icontains=q)
+                | models.Q(author_name__icontains=q)
+                | models.Q(summary__icontains=q)
+            )
+        for flag in ('has_video', 'has_photo', 'has_card', 'is_quote', 'is_retweet'):
+            v = self.request.GET.get(flag)
+            if v is not None and _truthy(v):
+                qs = qs.filter(**{flag: True})
+        author = self.request.GET.get('author')
+        if author:
+            qs = qs.filter(author_screen_name__iexact=author)
+        return qs
+
+    def get_context_data(self, **kwargs):
+        ctx = super().get_context_data(**kwargs)
+        qs = Bookmark.objects.all()
+        ctx['stats'] = {
+            'total': qs.count(),
+            'has_video': qs.filter(has_video=True).count(),
+            'has_photo': qs.filter(has_photo=True).count(),
+            'has_card': qs.filter(has_card=True).count(),
+            'is_quote': qs.filter(is_quote=True).count(),
+            'is_retweet': qs.filter(is_retweet=True).count(),
+        }
+        return ctx
+
+
+class BookmarkDetailView(DetailView):
+    model = Bookmark
+    template_name = 'links/bookmark_detail.html'
+    context_object_name = 'bookmark'
\ No newline at end of file
diff --git a/links/management/commands/import_x_bookmarks.py b/links/management/commands/import_x_bookmarks.py
new file mode 100644
index 0000000..71c05d7
--- /dev/null
+++ b/links/management/commands/import_x_bookmarks.py
@@ -0,0 +1,94 @@
+"""Import bookmarks from x-bookmarks-exporter JSON dump.
+
+Usage:
+    python manage.py import_x_bookmarks /path/to/data/bookmarks
+    python manage.py import_x_bookmarks /path/to/data/bookmarks_index.json
+    python manage.py import_x_bookmarks /path/to/single_file.json
+"""
+import json
+import os
+from pathlib import Path
+
+from django.core.management.base import BaseCommand, CommandError
+from links.models import Bookmark
+from links.serializers import _norm_bookmark_for_import
+
+
+class Command(BaseCommand):
+    help = 'Import bookmarks from x-bookmarks-exporter JSON files'
+
+    def add_arguments(self, parser):
+        parser.add_argument('source',
+                            help='Directory of <tweet_id>.json files, a '
+                                 'bookmarks_index.json, or a single bookmark JSON')
+        parser.add_argument('--clear', action='store_true',
+                            help='Delete all existing bookmarks before import')
+        parser.add_argument('--update', action='store_true', default=True,
+                            help='Upsert by tweet_id (default behaviour)')
+
+    def handle(self, *args, **opts):
+        src = opts['source']
+        if not os.path.exists(src):
+            raise CommandError(f'source not found: {src}')
+
+        files = []
+        if os.path.isdir(src):
+            files = sorted(Path(src).glob('*.json'))
+        elif os.path.isfile(src):
+            files = [Path(src)]
+        else:
+            raise CommandError(f'invalid source: {src}')
+
+        if opts['clear']:
+            n = Bookmark.objects.count()
+            Bookmark.objects.all().delete()
+            self.stdout.write(f'cleared {n} existing bookmarks')
+
+        created = updated = skipped = 0
+        for fp in files:
+            try:
+                with open(fp, 'r', encoding='utf-8') as f:
+                    payload = json.load(f)
+            except (OSError, json.JSONDecodeError) as e:
+                self.stderr.write(f'skip {fp.name}: {e}')
+                skipped += 1
+                continue
+            # allow either a single object or the index file
+            if isinstance(payload, dict) and 'bookmarks' in payload:
+                items = payload['bookmarks']
+                # index entries don't have full data; only import if they
+                # look like full objects (have 'media' or 'author').
+                if items and not all(isinstance(i, dict) and
+                                     ('media' in i or 'author' in i) for i in items):
+                    self.stdout.write(f'skip index {fp.name} (no full payloads)')
+                    skipped += len(items)
+                    continue
+            elif isinstance(payload, dict):
+                items = [payload]
+            elif isinstance(payload, list):
+                items = payload
+            else:
+                skipped += 1
+                continue
+
+            for raw in items:
+                tid = str(raw.get('id') or raw.get('tweet_id') or '')
+                if not tid:
+                    skipped += 1
+                    continue
+                obj = Bookmark.objects.filter(tweet_id=tid).first()
+                try:
+                    b = _norm_bookmark_for_import(raw, obj)
+                    b.save()
+                except Exception as e:
+                    self.stderr.write(f'err {tid}: {e}')
+                    skipped += 1
+                    continue
+                if obj is None:
+                    created += 1
+                else:
+                    updated += 1
+
+        self.stdout.write(self.style.SUCCESS(
+            f'import done: created={created} updated={updated} '
+            f'skipped={skipped} total_in_db={Bookmark.objects.count()}'))
\ No newline at end of file
diff --git a/links/migrations/0050_bookmark.py b/links/migrations/0050_bookmark.py
new file mode 100644
index 0000000..af35e29
--- /dev/null
+++ b/links/migrations/0050_bookmark.py
@@ -0,0 +1,49 @@
+# Generated by Django 5.2.16 on 2026-07-30 01:33
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('links', '0049_sitesettings_telegram_bot_token_and_more'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='Bookmark',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('tweet_id', models.CharField(db_index=True, max_length=40, unique=True)),
+                ('url', models.URLField(blank=True, max_length=500)),
+                ('author_screen_name', models.CharField(blank=True, db_index=True, max_length=80)),
+                ('author_name', models.CharField(blank=True, max_length=120)),
+                ('author_profile_image_url', models.URLField(blank=True, max_length=500)),
+                ('text', models.TextField(blank=True, help_text='Full post text, used for search')),
+                ('summary', models.CharField(blank=True, help_text='Optional short human/agent-written summary', max_length=300)),
+                ('tweet_created_at', models.DateTimeField(blank=True, db_index=True, null=True)),
+                ('bookmark_created_at', models.DateTimeField(blank=True, db_index=True, null=True)),
+                ('view_count', models.IntegerField(default=0)),
+                ('favorite_count', models.IntegerField(default=0)),
+                ('retweet_count', models.IntegerField(default=0)),
+                ('reply_count', models.IntegerField(default=0)),
+                ('bookmark_count', models.IntegerField(default=0)),
+                ('quote_count', models.IntegerField(default=0)),
+                ('has_video', models.BooleanField(db_index=True, default=False)),
+                ('has_photo', models.BooleanField(db_index=True, default=False)),
+                ('has_card', models.BooleanField(db_index=True, default=False)),
+                ('is_quote', models.BooleanField(db_index=True, default=False)),
+                ('is_retweet', models.BooleanField(db_index=True, default=False)),
+                ('media', models.JSONField(blank=True, default=list, help_text='List of media objects (photo/video w/ poster)')),
+                ('card_data', models.JSONField(blank=True, default=dict, null=True)),
+                ('quoted_data', models.JSONField(blank=True, default=dict, null=True)),
+                ('data', models.JSONField(blank=True, default=dict)),
+                ('created_at', models.DateTimeField(auto_now_add=True)),
+                ('updated_at', models.DateTimeField(auto_now=True)),
+            ],
+            options={
+                'ordering': ['-tweet_created_at', '-bookmark_created_at', '-created_at'],
+                'indexes': [models.Index(fields=['has_video'], name='links_bookm_has_vid_ce96ca_idx'), models.Index(fields=['has_photo'], name='links_bookm_has_pho_870a67_idx'), models.Index(fields=['is_quote'], name='links_bookm_is_quot_7a9c4f_idx')],
+            },
+        ),
+    ]
diff --git a/links/models.py b/links/models.py
index c46f62e..e801545 100644
--- a/links/models.py
+++ b/links/models.py
@@ -269,6 +269,70 @@ class Screenshot(models.Model):
             return os.path.join(settings.MEDIA_URL, self.path)
         return None
 
+class Bookmark(models.Model):
+    """
+    A bookmarked social-media post (initially x.com / Twitter tweets), imported
+    from an external archive (see the x-bookmarks-exporter). Stores the full
+    normalised preview payload so the archive page renders offline without
+    hitting the source API, plus denormalised index columns for fast list/filter.
+    """
+    tweet_id = models.CharField(max_length=40, unique=True, db_index=True)
+    url = models.URLField(max_length=500, blank=True)
+
+    author_screen_name = models.CharField(max_length=80, blank=True, db_index=True)
+    author_name = models.CharField(max_length=120, blank=True)
+    author_profile_image_url = models.URLField(max_length=500, blank=True)
+
+    text = models.TextField(blank=True, help_text='Full post text, used for search')
+    summary = models.CharField(max_length=300, blank=True,
+                               help_text='Optional short human/agent-written summary')
+
+    tweet_created_at = models.DateTimeField(null=True, blank=True, db_index=True)
+    bookmark_created_at = models.DateTimeField(null=True, blank=True, db_index=True)
+
+    # engagement counters
+    view_count = models.IntegerField(default=0)
+    favorite_count = models.IntegerField(default=0)
+    retweet_count = models.IntegerField(default=0)
+    reply_count = models.IntegerField(default=0)
+    bookmark_count = models.IntegerField(default=0)
+    quote_count = models.IntegerField(default=0)
+
+    # filter flags (indexed for fast filter pages)
+    has_video = models.BooleanField(default=False, db_index=True)
+    has_photo = models.BooleanField(default=False, db_index=True)
+    has_card = models.BooleanField(default=False, db_index=True)
+    is_quote = models.BooleanField(default=False, db_index=True)
+    is_retweet = models.BooleanField(default=False, db_index=True)
+
+    # structured payloads for rich rendering (kept separate from full data so
+    # the list view can load only what it needs)
+    media = models.JSONField(default=list, blank=True,
+                             help_text='List of media objects (photo/video w/ poster)')
+    card_data = models.JSONField(default=dict, blank=True, null=True)
+    quoted_data = models.JSONField(default=dict, blank=True, null=True)
+
+    # the complete normalised export object (for detail view / round-tripping)
+    data = models.JSONField(default=dict, blank=True)
+
+    created_at = models.DateTimeField(auto_now_add=True)
+    updated_at = models.DateTimeField(auto_now=True)
+
+    class Meta:
+        ordering = ['-tweet_created_at', '-bookmark_created_at', '-created_at']
+        indexes = [
+            models.Index(fields=['has_video']),
+            models.Index(fields=['has_photo']),
+            models.Index(fields=['is_quote']),
+        ]
+
+    def __str__(self):
+        return f'@{self.author_screen_name} {self.tweet_id}'
+
+    def get_absolute_url(self):
+        return reverse('bookmark-detail', kwargs={'pk': self.pk})
+
+
 class Post(models.Model):
     title = models.CharField(_('Title'), max_length=200)
     summary = models.TextField(_('Summary'), blank=True, help_text=_('A brief summary of the post'))
diff --git a/links/search_backend.py b/links/search_backend.py
index bc1398a..ae06317 100644
--- a/links/search_backend.py
+++ b/links/search_backend.py
@@ -8,7 +8,7 @@ from whoosh import index
 from whoosh.fields import Schema, TEXT, ID, DATETIME, KEYWORD, NUMERIC
 from whoosh.qparser import MultifieldParser, OrGroup
 from whoosh.analysis import StemmingAnalyzer
-from .models import Link, Page, Post
+from .models import Link, Page, Post, Bookmark
 
 logger = logging.getLogger(__name__)
 
@@ -119,11 +119,11 @@ class SearchBackend:
         """Index a single post"""
         ix = self.get_index()
         writer = ix.writer()
-        
+
         try:
             # Get tags as comma-separated string
             tags = ','.join([tag.name for tag in post.tags.all()])
-            
+
             writer.update_document(
                 id=f"post_{post.id}",
                 model_type="post",
@@ -138,6 +138,39 @@ class SearchBackend:
         except Exception as e:
             writer.cancel()
             logger.error(f"Error indexing post {post.id}: {e}", exc_info=True)
+
+    def index_bookmark(self, bookmark):
+        """Index a single archived social-media bookmark.
+
+        The `title` field holds the author handle + first line of text (so
+        keyword search and the result list both surface useful context); the
+        `content` field holds the full post text; `url` is the canonical post
+        URL; `summary` is any agent-written AI summary.
+        """
+        ix = self.get_index()
+        writer = ix.writer()
+
+        try:
+            text = (bookmark.text or '').strip()
+            first_line = text.split('\n', 1)[0][:200] if text else ''
+            handle = f"@{bookmark.author_screen_name}" if bookmark.author_screen_name else ''
+            title = f"{handle} {first_line}".strip() or (bookmark.tweet_id or '')
+
+            writer.update_document(
+                id=f"bookmark_{bookmark.id}",
+                model_type="bookmark",
+                title=title,
+                content=text,
+                url=bookmark.url or '',
+                summary=bookmark.summary or '',
+                tags='',
+                created_at=bookmark.tweet_created_at or bookmark.created_at
+            )
+            writer.commit()
+            logger.debug(f"Indexed bookmark: {bookmark.id}")
+        except Exception as e:
+            writer.cancel()
+            logger.error(f"Error indexing bookmark {bookmark.id}: {e}", exc_info=True)
     
     def remove_from_index(self, model_type, model_id):
         """Remove a document from the index"""
@@ -203,7 +236,24 @@ class SearchBackend:
                     tags=tags,
                     created_at=post.created_at
                 )
-            
+
+            # Index all archived bookmarks
+            for b in Bookmark.objects.all().iterator():
+                text = (b.text or '').strip()
+                first_line = text.split('\n', 1)[0][:200] if text else ''
+                handle = f"@{b.author_screen_name}" if b.author_screen_name else ''
+                title = f"{handle} {first_line}".strip() or (b.tweet_id or '')
+                writer.add_document(
+                    id=f"bookmark_{b.id}",
+                    model_type="bookmark",
+                    title=title,
+                    content=text,
+                    url=b.url or "",
+                    summary=b.summary or "",
+                    tags="",
+                    created_at=b.tweet_created_at or b.created_at
+                )
+
             writer.commit()
             logger.info("Search index rebuild completed successfully")
         except Exception as e:
diff --git a/links/search_views.py b/links/search_views.py
index 1a18c9f..64e2e4d 100644
--- a/links/search_views.py
+++ b/links/search_views.py
@@ -6,7 +6,7 @@ from django.views.generic.base import TemplateView
 from django.db.models import Q, Value, CharField, IntegerField, Case, When
 from django.db import models
 from django.utils.text import slugify
-from .models import Link, Page, Post
+from .models import Link, Page, Post, Bookmark
 from .search_backend import search_backend
 from django.views.decorators.http import require_http_methods
 from django.views.decorators.csrf import csrf_exempt
@@ -126,6 +126,25 @@ class SearchView(ListView):
             elif model_type == 'post':
                 post = Post.objects.get(id=model_id)
                 return {'id': post.id, 'model_type': 'post', 'title': post.title, 'summary': post.summary, 'created_at': post.created_at, 'tags': list(post.tags.all())}
+            elif model_type == 'bookmark':
+                b = Bookmark.objects.get(id=model_id)
+                return {
+                    'id': b.id,
+                    'model_type': 'bookmark',
+                    'title': f"@{b.author_screen_name} {(b.text or '').split(chr(10),1)[0][:120]}",
+                    'text': (b.text or '')[:500],
+                    'summary': b.summary or '',
+                    'author_screen_name': b.author_screen_name,
+                    'author_name': b.author_name,
+                    'author_profile_image_url': b.author_profile_image_url,
+                    'url': b.url,
+                    'detail_url': f'/ui/bookmarks/{b.id}/',
+                    'has_video': b.has_video,
+                    'has_photo': b.has_photo,
+                    'tweet_created_at': b.tweet_created_at.isoformat() if b.tweet_created_at else '',
+                    'created_at': (b.tweet_created_at or b.created_at).isoformat(),
+                    'tags': [],
+                }
         except Exception as e:
             logger.error(f"Error enriching result {model_type} {model_id}: {e}")
             return None
@@ -143,6 +162,19 @@ def search(request):
         results.extend([{'type': 'link', 'alias': link.alias, 'url': link.original_url} for link in links])
         posts = Post.objects.filter(Q(title__icontains=query) | Q(summary__icontains=query) | Q(content__icontains=query))[:5]
         results.extend([{'type': 'post', 'title': post.title, 'url': f'/ui/posts/{post.id}'} for post in posts])
+        bms = Bookmark.objects.filter(
+            Q(text__icontains=query)
+            | Q(author_screen_name__icontains=query)
+            | Q(author_name__icontains=query)
+            | Q(summary__icontains=query)
+        )[:5]
+        results.extend([{
+            'type': 'bookmark',
+            'title': f"@{b.author_screen_name} {(b.text or '').split(chr(10),1)[0][:80]}",
+            'url': b.url or f'/ui/bookmarks/{b.id}/',
+            'summary': b.summary or '',
+            'detail_url': f'/ui/bookmarks/{b.id}/',
+        } for b in bms])
     else:
         results = []
     return JsonResponse(results, safe=False)
@@ -180,6 +212,25 @@ def search_api_v2(request):
                 elif model_type == 'post':
                     post = Post.objects.get(id=model_id)
                     enriched_results.append({'id': post.id, 'type': 'post', 'title': post.title, 'url': f'/ui/posts/{post.id}/', 'summary': post.summary or '', 'created_at': post.created_at.isoformat(), 'tags': [{'id': tag.id, 'name': tag.name, 'slug': tag.slug} for tag in post.tags.all()]})
+                elif model_type == 'bookmark':
+                    b = Bookmark.objects.get(id=model_id)
+                    enriched_results.append({
+                        'id': b.id,
+                        'type': 'bookmark',
+                        'title': f"@{b.author_screen_name} {(b.text or '').split(chr(10),1)[0][:120]}",
+                        'text': (b.text or '')[:500],
+                        'summary': b.summary or '',
+                        'author_screen_name': b.author_screen_name,
+                        'author_name': b.author_name,
+                        'author_profile_image_url': b.author_profile_image_url,
+                        'url': b.url or '',
+                        'detail_url': f'/ui/bookmarks/{b.id}/',
+                        'has_video': b.has_video,
+                        'has_photo': b.has_photo,
+                        'tweet_created_at': b.tweet_created_at.isoformat() if b.tweet_created_at else '',
+                        'created_at': (b.tweet_created_at or b.created_at).isoformat(),
+                        'tags': [],
+                    })
             except Exception as e:
                 logger.error(f"Error enriching {model_type} {model_id}: {e}")
                 continue
diff --git a/links/serializers.py b/links/serializers.py
index 7bf48b7..64bef89 100644
--- a/links/serializers.py
+++ b/links/serializers.py
@@ -1,5 +1,5 @@
 from rest_framework import serializers
-from .models import Link, Page, Post, ImageCollection, Image, Tag, FileUpload
+from .models import Link, Page, Post, ImageCollection, Image, Tag, FileUpload, Bookmark
 
 
 class LinkSerializer(serializers.ModelSerializer):
@@ -124,3 +124,124 @@ class FileUploadSerializer(serializers.ModelSerializer):
 
     def get_is_expired(self, obj):
         return obj.is_expired
+
+
+class BookmarkSerializer(serializers.ModelSerializer):
+    """Full bookmark for read / single-create / update."""
+
+    class Meta:
+        model = Bookmark
+        fields = [
+            'id', 'tweet_id', 'url',
+            'author_screen_name', 'author_name', 'author_profile_image_url',
+            'text', 'summary',
+            'tweet_created_at', 'bookmark_created_at',
+            'view_count', 'favorite_count', 'retweet_count', 'reply_count',
+            'bookmark_count', 'quote_count',
+            'has_video', 'has_photo', 'has_card', 'is_quote', 'is_retweet',
+            'media', 'card_data', 'quoted_data',
+            'data',
+            'created_at', 'updated_at',
+        ]
+        read_only_fields = ['id', 'created_at', 'updated_at']
+
+
+def _norm_bookmark_for_import(raw, obj=None):
+    """
+    Map a normalised x-bookmarks-exporter object (or any compatible dict) onto
+    a Bookmark instance so it can be upserted. Reused by API import + mgmt cmd.
+    """
+    author = raw.get('author') or {}
+    media = raw.get('media') or []
+
+    tweet_id = raw.get('id') or raw.get('tweet_id')
+    if not tweet_id:
+        raise serializers.ValidationError('missing id/tweet_id')
+
+    b = obj or Bookmark(tweet_id=tweet_id)
+    b.tweet_id = str(tweet_id)
+    b.url = raw.get('url') or ''
+    b.author_screen_name = author.get('screen_name') or ''
+    b.author_name = author.get('name') or ''
+    b.author_profile_image_url = author.get('profile_image_url') or ''
+    b.text = raw.get('text') or ''
+    b.summary = raw.get('summary') or ''
+
+    # parse tweet created_at ("Wed Jul 30 12:00:00 +0000 2025" style) — leave
+    # None if not parseable, view layer handles null.
+    from datetime import datetime
+    tca = raw.get('created_at')
+    if isinstance(tca, str) and tca:
+        try:
+            b.tweet_created_at = datetime.strptime(tca, '%a %b %d %H:%M:%S %z %Y')
+        except ValueError:
+            b.tweet_created_at = None
+    elif isinstance(tca, datetime):
+        b.tweet_created_at = tca
+
+    bca = raw.get('bookmark_created_at')
+    if isinstance(bca, str) and bca:
+        try:
+            b.bookmark_created_at = datetime.strptime(
+                bca, '%a %b %d %H:%M:%S %z %Y')
+        except ValueError:
+            b.bookmark_created_at = None
+    elif isinstance(bca, datetime):
+        b.bookmark_created_at = bca
+
+    b.view_count = raw.get('view_count') or 0
+    b.favorite_count = raw.get('favorite_count') or 0
+    b.retweet_count = raw.get('retweet_count') or 0
+    b.reply_count = raw.get('reply_count') or 0
+    b.bookmark_count = raw.get('bookmark_count') or 0
+    b.quote_count = raw.get('quote_count') or 0
+
+    b.has_video = any(m.get('type') in ('video', 'animated_gif') for m in media)
+    b.has_photo = any(m.get('type') == 'photo' for m in media)
+    b.has_card = bool(raw.get('card'))
+    b.is_quote = bool(raw.get('quoted'))
+    b.is_retweet = bool(raw.get('retweet'))
+
+    b.media = media
+    b.card_data = raw.get('card')
+    b.quoted_data = raw.get('quoted')
+    b.data = raw
+    return b
+
+
+class BookmarkImportItemSerializer(serializers.Serializer):
+    """One element of a bulk-import payload. Accepts the full export object."""
+    def to_internal_value(self, data):
+        # we don't validate strictly — _norm_bookmark_for_import does the mapping
+        return data
+
+    def create(self, validated):
+        tweet_id = str(validated.get('id') or validated.get('tweet_id'))
+        obj = Bookmark.objects.filter(tweet_id=tweet_id).first()
+        b = _norm_bookmark_for_import(validated, obj)
+        b.save()
+        return b
+
+    def update(self, instance, validated):
+        return _norm_bookmark_for_import(validated, instance).save() or instance
+
+
+class BookmarkImportSerializer(serializers.Serializer):
+    """Top-level bulk-import payload: {bookmarks: [ ... ]}."""
+    bookmarks = BookmarkImportItemSerializer(many=True)
+
+    def create(self, validated):
+        items = validated.get('bookmarks', [])
+        created = updated = skipped = 0
+        for raw in items:
+            tweet_id = str(raw.get('id') or raw.get('tweet_id') or '')
+            if not tweet_id:
+                skipped += 1
+                continue
+            existed = Bookmark.objects.filter(tweet_id=tweet_id).exists()
+            BookmarkImportItemSerializer().create(raw)
+            if existed:
+                updated += 1
+            else:
+                created += 1
+        return {'created': created, 'updated': updated, 'skipped': skipped}
diff --git a/links/signals.py b/links/signals.py
index 2a62cf1..13a66d6 100644
--- a/links/signals.py
+++ b/links/signals.py
@@ -3,7 +3,7 @@ Django signals for search index maintenance
 """
 from django.db.models.signals import post_save, post_delete, m2m_changed
 from django.dispatch import receiver
-from .models import Link, Page, Post
+from .models import Link, Page, Post, Bookmark
 from .search_backend import search_backend
 import logging
 
@@ -37,6 +37,16 @@ def update_post_index(sender, instance, created, **kwargs):
         logger.error(f"Error indexing post {instance.id}: {e}")
 
 
+@receiver(post_save, sender=Bookmark)
+def update_bookmark_index(sender, instance, created, **kwargs):
+    """Update search index when a bookmark is saved (e.g. bulk import /
+    AI summary update via API)."""
+    try:
+        search_backend.index_bookmark(instance)
+    except Exception as e:
+        logger.error(f"Error indexing bookmark {instance.id}: {e}")
+
+
 @receiver(post_delete, sender=Link)
 def remove_link_from_index(sender, instance, **kwargs):
     """Remove link from search index when deleted"""
@@ -64,6 +74,15 @@ def remove_post_from_index(sender, instance, **kwargs):
         logger.error(f"Error removing post {instance.id} from index: {e}")
 
 
+@receiver(post_delete, sender=Bookmark)
+def remove_bookmark_from_index(sender, instance, **kwargs):
+    """Remove bookmark from search index when deleted"""
+    try:
+        search_backend.remove_from_index('bookmark', instance.id)
+    except Exception as e:
+        logger.error(f"Error removing bookmark {instance.id} from index: {e}")
+
+
 @receiver(m2m_changed, sender=Link.tags.through)
 def update_link_tags_index(sender, instance, action, **kwargs):
     """Update link index when tags change"""
diff --git a/links/templates/links/bookmark_detail.html b/links/templates/links/bookmark_detail.html
new file mode 100644
index 0000000..5296808
--- /dev/null
+++ b/links/templates/links/bookmark_detail.html
@@ -0,0 +1,57 @@
+{% extends 'base.html' %}
+{% load i18n %}
+
+{% block content %}
+<div class="max-w-2xl mx-auto px-4 py-6 mt-16">
+  <a href="{% url 'bookmark-list' %}" class="text-sm text-blue-600 hover:underline">← {% trans "Back to Bookmarks" %}</a>
+
+  <article class="bg-white shadow rounded-lg p-5 mt-3">
+    <div class="flex items-start gap-3">
+      {% if bookmark.author_profile_image_url %}
+      <img src="{{ bookmark.author_profile_image_url }}" alt="" class="w-12 h-12 rounded-full border border-gray-200" loading="lazy">
+      {% endif %}
+      <div>
+        <a href="https://x.com/{{ bookmark.author_screen_name }}" target="_blank" rel="noopener" class="font-semibold text-gray-900 hover:underline">{{ bookmark.author_name|default:bookmark.author_screen_name }}</a>
+        <div class="text-sm text-gray-500">@{{ bookmark.author_screen_name }}</div>
+        {% if bookmark.tweet_created_at %}<div class="text-sm text-gray-500">{{ bookmark.tweet_created_at|date:"M j, Y H:i" }}</div>{% endif %}
+      </div>
+      <a href="{{ bookmark.url|default:'#' }}" target="_blank" rel="noopener" class="ml-auto text-blue-600 text-sm hover:underline">{% trans "Open on X" %} ↗</a>
+    </div>
+
+    {% if bookmark.text %}
+    <div class="mt-4 text-gray-800 whitespace-pre-wrap break-words">{{ bookmark.text }}</div>
+    {% endif %}
+    {% if bookmark.summary %}
+    <div class="mt-3 text-sm text-emerald-700 bg-emerald-50 border border-emerald-100 rounded px-3 py-2">{{ bookmark.summary }}</div>
+    {% endif %}
+
+    {% if bookmark.media %}
+    <div class="grid gap-2 mt-4">
+      {% for m in bookmark.media %}
+        {% if m.type == 'photo' %}
+          <a href="{{ m.media_large|default:m.media_url }}" target="_blank" rel="noopener">
+            <img src="{{ m.media_large|default:m.media_url }}" alt="" class="w-full rounded-lg" loading="lazy">
+          </a>
+        {% elif m.type == 'video' or m.type == 'animated_gif' %}
+        {% with v=m.video %}
+          <a href="{{ bookmark.url|default:'#' }}" target="_blank" rel="noopener" class="relative block rounded-lg overflow-hidden">
+            <img src="{{ v.poster|default:m.media_thumb }}" alt="" class="w-full" loading="lazy">
+            <span class="absolute left-3 top-3 bg-black/60 text-white text-xs px-2 py-0.5 rounded">{% if m.type == 'animated_gif' %}GIF — open to play{% else %}VIDEO — open to play{% endif %}</span>
+            <span class="absolute right-3 top-3 bg-blue-500 text-white text-xs px-2 py-0.5 rounded font-bold">X</span>
+          </a>
+        {% endwith %}
+        {% endif %}
+      {% endfor %}
+    </div>
+    {% endif %}
+
+    <dl class="mt-4 text-sm text-gray-600 grid grid-cols-2 sm:grid-cols-5 gap-2">
+      {% if bookmark.reply_count %}<div><dt class="text-gray-400">Replies</dt><dd>{{ bookmark.reply_count }}</dd></div>{% endif %}
+      {% if bookmark.retweet_count %}<div><dt class="text-gray-400">Retweets</dt><dd>{{ bookmark.retweet_count }}</dd></div>{% endif %}
+      {% if bookmark.favorite_count %}<div><dt class="text-gray-400">Likes</dt><dd>{{ bookmark.favorite_count }}</dd></div>{% endif %}
+      {% if bookmark.bookmark_count %}<div><dt class="text-gray-400">Bookmarks</dt><dd>{{ bookmark.bookmark_count }}</dd></div>{% endif %}
+      {% if bookmark.view_count %}<div><dt class="text-gray-400">Views</dt><dd>{{ bookmark.view_count }}</dd></div>{% endif %}
+    </dl>
+  </article>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/links/templates/links/bookmark_list.html b/links/templates/links/bookmark_list.html
new file mode 100644
index 0000000..ecc5d20
--- /dev/null
+++ b/links/templates/links/bookmark_list.html
@@ -0,0 +1,238 @@
+{% extends 'base.html' %}
+{% load i18n %}
+{% load static %}
+{% load bookmark_extras %}
+
+{% block content %}
+<style>
+  :root{
+    --bm-bg:#f6f8fa; --bm-card:#ffffff; --bm-bd:#e3e8ed; --bm-bd2:#d7dde3;
+    --bm-txt:#0f1419; --bm-txt2:#3d434c; --bm-muted:#697384; --bm-muted2:#8a94a3;
+    --bm-accent:#1d9bf0; --bm-accent2:#0a84dc; --bm-soft:#e8f3fd;
+    --bm-radius:18px; --bm-shadow:0 1px 3px rgba(15,20,25,.06),0 1px 2px rgba(15,20,25,.04);
+    --bm-shadow-hover:0 4px 14px rgba(15,20,25,.08),0 2px 6px rgba(15,20,25,.05);
+  }
+  #bm-page{max-width:680px;margin:0 auto;padding:14px 14px 100px}
+  /* sub-header scrolls with content (no longer sticky) */
+  #bm-header{
+    position:relative;
+    background:rgba(255,255,255,.88); backdrop-filter:saturate(180%) blur(12px);
+    -webkit-backdrop-filter:saturate(180%) blur(12px);
+    border:1px solid var(--bm-bd); border-radius:var(--bm-radius);
+    padding:13px 16px 11px; margin:0 14px 14px;
+    box-shadow:var(--bm-shadow);
+  }
+  #bm-header .htop{display:flex;flex-direction:column;gap:10px}
+  #bm-header .brand-row{display:flex;align-items:center;gap:9px}
+  #bm-header h1{margin:0;font-size:18px;font-weight:800;letter-spacing:-.2px;color:var(--bm-txt)}
+  #bm-header .logo{
+    width:30px;height:30px;border-radius:50%;background:#0f1419;color:#fff;
+    display:flex;align-items:center;justify-content:center;font-weight:800;
+    font-size:15px;font-family:Georgia,serif;
+  }
+  #bm-header .count-sub{margin-left:auto;font-size:12.5px;color:var(--bm-muted);font-weight:500}
+  .bm-search-wrap{position:relative;flex:1}
+  .bm-search-wrap svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--bm-muted2)}
+  #bm-q{width:100%;background:var(--bm-bg);border:1px solid transparent;color:var(--bm-txt);
+    border-radius:999px;padding:9px 16px 9px 38px;font-size:14.5px;outline:none;transition:.18s}
+  #bm-q:focus{background:#fff;border-color:var(--bm-accent);box-shadow:0 0 0 3px var(--bm-soft)}
+  .bm-filters{display:flex;gap:6px;flex-wrap:wrap}
+  .bm-chip{
+    display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--bm-bd);
+    color:var(--bm-muted);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;
+    cursor:pointer;user-select:none;transition:.15s;white-space:nowrap;
+  }
+  .bm-chip:hover{background:var(--bm-bg);color:var(--bm-txt2);border-color:var(--bm-bd2)}
+  .bm-chip.active{background:var(--bm-accent);border-color:var(--bm-accent);color:#fff;box-shadow:var(--bm-shadow)}
+  .bm-chip .n{opacity:.65;font-weight:600;margin-left:2px}
+  .bm-chip.active .n{opacity:.9}
+  #bm-meta{font-size:12px;color:var(--bm-muted);padding:6px 2px 0}
+  /* cards */
+  .bm-tweet{
+    background:var(--bm-card);border:1px solid var(--bm-bd);border-radius:var(--bm-radius);
+    padding:16px 18px;margin-bottom:14px;box-shadow:var(--bm-shadow);
+    content-visibility:auto;contain-intrinsic-size:0 420px;transition:box-shadow .18s,border-color .18s;
+  }
+  .bm-tweet:hover{box-shadow:var(--bm-shadow-hover);border-color:var(--bm-bd2)}
+  .bm-tweet a{color:var(--bm-accent);text-decoration:none}
+  .bm-tweet a:hover{text-decoration:underline}
+  .bm-head{display:flex;align-items:flex-start;gap:11px}
+  .bm-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:0 0 auto;
+    background:var(--bm-bg);border:1px solid var(--bm-bd)}
+  .bm-who{line-height:1.22;font-size:15px;min-width:0;flex:1}
+  .bm-who .top{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
+  .bm-who .name{font-weight:700;color:var(--bm-txt)}
+  .bm-who .handle,.bm-who .sep,.bm-who .time{color:var(--bm-muted);font-size:14px}
+  .bm-ext{color:var(--bm-muted2);display:inline-flex;margin-left:auto}
+  .bm-ext:hover{color:var(--bm-accent)}
+  .bm-text{font-size:16px;line-height:1.5;margin:11px 0 0;white-space:pre-wrap;
+    word-wrap:break-word;unicode-bidi:plaintext;color:var(--bm-txt)}
+  .bm-summary{margin-top:9px;font-size:13.5px;color:#067647;background:#ecfdf5;
+    border:1px solid #d1fae5;border-radius:8px;padding:6px 10px}
+  /* media */
+  .bm-media{margin-top:13px;display:grid;gap:3px}
+  .bm-media.one{grid-template-columns:1fr}
+  .bm-media.two{grid-template-columns:1fr 1fr}
+  .bm-media.three{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}
+  .bm-media.three .bm-cell:nth-child(1){grid-row:1 / span 2}
+  .bm-media.four{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
+  .bm-cell{position:relative;overflow:hidden;border-radius:14px;cursor:pointer;
+    background:#0d1b27;min-height:130px;display:block;text-decoration:none}
+  .bm-cell img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .2s}
+  .bm-cell:hover img{filter:brightness(.92)}
+  .bm-vbadge{position:absolute;left:10px;top:10px;background:rgba(0,0,0,.65);color:#fff;
+    font-size:10.5px;padding:2px 8px;border-radius:6px;pointer-events:none;font-weight:600}
+  .bm-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
+  .bm-play .ring{width:54px;height:54px;border-radius:50%;background:rgba(0,0,0,.55);
+    display:flex;align-items:center;justify-content:center;color:#fff;backdrop-filter:blur(2px)}
+  .bm-dur{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.7);color:#fff;
+    font-size:11px;padding:1px 6px;border-radius:4px;pointer-events:none;font-weight:600}
+  .bm-xbadge{position:absolute;right:8px;top:8px;background:rgba(29,155,240,.92);color:#fff;
+    font-size:10px;padding:1px 7px;border-radius:5px;font-weight:700;pointer-events:none}
+  /* card link */
+  .bm-cardlink{border:1px solid var(--bm-bd);border-radius:14px;overflow:hidden;display:flex;
+    text-decoration:none;color:var(--bm-txt);margin-top:13px;transition:border-color .15s,background .15s}
+  .bm-cardlink:hover{border-color:var(--bm-bd2);background:var(--bm-bg);text-decoration:none}
+  .bm-cardlink .ci{flex:1;padding:11px 13px;min-width:0}
+  .bm-cardlink .csite{color:var(--bm-muted2);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+  .bm-cardlink .ct{font-weight:700;margin:3px 0 2px;font-size:15px;line-height:1.25}
+  .bm-cardlink .cd{color:var(--bm-muted);font-size:13px;line-height:1.35;
+    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
+  .bm-cardlink img{width:140px;max-height:200px;object-fit:cover;flex:0 0 140px}
+  /* quote */
+  .bm-quote{margin-top:13px;border:1px solid var(--bm-bd);border-radius:14px;padding:13px 14px;
+    cursor:pointer;background:#f7f9fb;transition:border-color .15s,background .15s}
+  .bm-quote:hover{border-color:var(--bm-bd2);background:#eef2f6}
+  .bm-quote .qhead{display:flex;gap:8px;align-items:center;font-size:14px}
+  .bm-quote .qhead img{width:22px;height:22px;border-radius:50%;border:1px solid var(--bm-bd)}
+  .bm-quote .qhead .name{font-weight:700}
+  .bm-quote .qhead .handle,.bm-quote .qhead .sep{color:var(--bm-muted);font-size:13px}
+  .bm-quote .qtext{font-size:15px;margin-top:9px;white-space:pre-wrap;unicode-bidi:plaintext;
+    line-height:1.45;color:var(--bm-txt2)}
+  .bm-quote .media{margin-top:9px}
+  /* metrics */
+  .bm-metrics{margin-top:13px;display:flex;gap:6px;flex-wrap:wrap;color:var(--bm-muted);
+    font-size:13px;padding-top:11px;border-top:1px solid var(--bm-bd)}
+  .bm-metric{display:inline-flex;align-items:center;gap:5px;padding:1px 8px 1px 0}
+  .bm-metric.bkm{color:var(--bm-accent2);font-weight:600}
+  /* empty */
+  .bm-empty{color:var(--bm-muted);text-align:center;padding:80px 20px;font-size:15px}
+  .bm-empty .tle{font-size:18px;color:var(--bm-txt2);margin-bottom:6px;font-weight:600}
+  /* to-top */
+  #bm-totop{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border-radius:50%;
+    background:var(--bm-accent);color:#fff;border:none;cursor:pointer;z-index:60;
+    box-shadow:0 4px 14px rgba(29,155,240,.4);display:none;align-items:center;justify-content:center;
+    transition:transform .15s}
+  #bm-totop:hover{transform:translateY(-2px);background:var(--bm-accent2)}
+  #bm-totop.show{display:flex}
+  /* lightbox */
+  #bm-lightbox{position:fixed;inset:0;background:rgba(13,27,39,.94);display:none;
+    align-items:center;justify-content:center;z-index:100;cursor:zoom-out;padding:30px}
+  #bm-lightbox img{max-width:96vw;max-height:94vh;border-radius:10px;
+    box-shadow:0 10px 40px rgba(0,0,0,.5)}
+</style>
+
+<!-- sticky sub-header -->
+<div id="bm-header">
+  <div class="htop">
+    <div class="brand-row">
+      <div class="logo">X</div>
+      <h1>{% trans "Bookmarks Archive" %}</h1>
+      <span class="count-sub" id="bm-count">{{ stats.total }} {% trans "bookmarks" %}</span>
+    </div>
+    <div class="bm-search-wrap">
+      <svg width="17" height="17" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" viewBox="0 0 24 24"><circle cx="11" cy="11" r="7"/><path d="m21 21-4.3-4.3"/></svg>
+      <input id="bm-q" type="search" placeholder="{% trans 'Search text, author, handle…' %}" autocomplete="off">
+    </div>
+    <div class="bm-filters" id="bm-filters">
+      <button class="bm-chip active" data-f="all">{% trans "All" %}<span class="n">{{ stats.total }}</span></button>
+      <button class="bm-chip" data-f="photo">{% trans "Photos" %}<span class="n">{{ stats.has_photo }}</span></button>
+      <button class="bm-chip" data-f="video">{% trans "Videos" %}<span class="n">{{ stats.has_video }}</span></button>
+      <button class="bm-chip" data-f="text">{% trans "Text" %}<span class="n"></span></button>
+      <button class="bm-chip" data-f="quote">{% trans "Quotes" %}<span class="n">{{ stats.is_quote }}</span></button>
+      <button class="bm-chip" data-f="card">{% trans "Links" %}<span class="n">{{ stats.has_card }}</span></button>
+    </div>
+  </div>
+</div>
+
+<div id="bm-page">
+  <div id="bm-meta"></div>
+  <div id="bm-list">
+    {% include "links/includes/bookmark_list_items.html" %}
+  </div>
+</div>
+
+<button id="bm-totop" title="Back to top" aria-label="Back to top">
+  <svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.8" stroke-linecap="round" viewBox="0 0 24 24"><path d="M12 19V5M5 12l7-7 7 7"/></svg>
+</button>
+<div id="bm-lightbox" onclick="this.style.display='none';document.getElementById('bm-lb-img').src='';">
+  <img id="bm-lb-img" src="" alt="">
+</div>
+
+<script>
+// ---- client-side instant search + filter ----
+(function(){
+  const list = document.getElementById('bm-list');
+  const qInput = document.getElementById('bm-q');
+  const meta = document.getElementById('bm-meta');
+  let currentFilter = 'all';
+  let qs = '';
+
+  // compute text-only count
+  const allCards = list.querySelectorAll('.bm-tweet');
+  let textCount = 0;
+  allCards.forEach(c => { if(!c.dataset.media) textCount++; });
+  document.querySelector('.bm-chip[data-f=text] .n').textContent = textCount;
+  const total = allCards.length;
+
+  const filters = document.getElementById('bm-filters');
+  filters.addEventListener('click', e => {
+    const b = e.target.closest('.bm-chip'); if(!b) return;
+    filters.querySelectorAll('.bm-chip').forEach(x=>x.classList.remove('active'));
+    b.classList.add('active'); currentFilter = b.dataset.f; render();
+  });
+  qInput.addEventListener('input', e => { qs = e.target.value.toLowerCase().trim(); render(); });
+
+  function passes(c){
+    if(currentFilter==='photo') return c.dataset.photo==='1';
+    if(currentFilter==='video') return c.dataset.video==='1';
+    if(currentFilter==='text')  return !c.dataset.media;
+    if(currentFilter==='quote') return c.dataset.quote==='1';
+    if(currentFilter==='card')  return c.dataset.card==='1';
+    return true;
+  }
+  function render(){
+    let shown=0;
+    for(const c of allCards){
+      let show = passes(c);
+      if(show && qs){
+        show = (c.dataset.blob||'').includes(qs);
+      }
+      c.style.display = show ? '' : 'none';
+      if(show) shown++;
+    }
+    meta.textContent = 'Showing '+shown+' of '+total+' bookmarks · '
+      + (qs||currentFilter!=='all' ? 'filtered' : 'all');
+  }
+  render();
+})();
+
+// ---- lightbox ----
+window.bmLightbox = function(el){
+  const full = el.getAttribute('data-full') || (el.querySelector('img')&&el.querySelector('img').src);
+  if(!full) return;
+  const lb = document.getElementById('bm-lightbox');
+  document.getElementById('bm-lb-img').src = full;
+  lb.style.display = 'flex';
+};
+
+// ---- back to top ----
+(function(){
+  const b = document.getElementById('bm-totop'); let t=false;
+  window.addEventListener('scroll', ()=>{
+    if(!t){ requestAnimationFrame(()=>{ b.classList.toggle('show', window.scrollY>600); t=false; }); t=true; }
+  });
+  b.onclick = ()=>window.scrollTo({top:0,behavior:'smooth'});
+})();
+</script>
+{% endblock %}
\ No newline at end of file
diff --git a/links/templates/links/includes/bookmark_list_items.html b/links/templates/links/includes/bookmark_list_items.html
new file mode 100644
index 0000000..9b8eba0
--- /dev/null
+++ b/links/templates/links/includes/bookmark_list_items.html
@@ -0,0 +1,123 @@
+{% load i18n %}
+{% load bookmark_extras %}
+
+{% for b in bookmarks %}
+<article class="bm-tweet"
+  data-media="{% if b.media %}1{% endif %}"
+  data-photo="{% if b.has_photo %}1{% else %}0{% endif %}"
+  data-video="{% if b.has_video %}1{% else %}0{% endif %}"
+  data-card="{% if b.has_card %}1{% else %}0{% endif %}"
+  data-quote="{% if b.is_quote %}1{% else %}0{% endif %}"
+  data-blob="{{ b.text|lower|escapejs }} {{ b.author_name|lower|escapejs }} @{{ b.author_screen_name|lower|escapejs }} {{ b.summary|lower|escapejs }}">
+
+  <!-- head -->
+  <div class="bm-head">
+    {% if b.author_profile_image_url %}
+    <a href="https://x.com/{{ b.author_screen_name }}" target="_blank" rel="noopener" onclick="event.stopPropagation()">
+      <img class="bm-avatar" src="{{ b.author_profile_image_url }}" alt="" loading="lazy">
+    </a>
+    {% else %}
+    <div class="bm-avatar"></div>
+    {% endif %}
+    <div class="bm-who">
+      <div class="top">
+        <a href="https://x.com/{{ b.author_screen_name }}" target="_blank" rel="noopener" onclick="event.stopPropagation()">
+          <span class="name">{{ b.author_name|default:b.author_screen_name }}</span>
+        </a>
+      </div>
+      <div>
+        <span class="handle">@{{ b.author_screen_name }}</span>
+        {% if b.tweet_created_at %}<span class="sep">·</span><span class="time">{{ b.tweet_created_at|date:"M j, Y" }}</span>{% endif %}
+      </div>
+    </div>
+    <a class="bm-ext" href="{{ b.url|default:'https://x.com/i/status/'|add:b.tweet_id }}"
+       target="_blank" rel="noopener" title="{% trans 'Open on X' %}" onclick="event.stopPropagation()">
+      <svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" viewBox="0 0 24 24"><path d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/></svg>
+    </a>
+  </div>
+
+  <!-- text -->
+  {% if b.text %}
+  <div class="bm-text">{{ b.text|truncatechars:600|urlizetrunc:40|linebreaksbr }}</div>
+  {% endif %}
+  {% if b.summary %}
+  <div class="bm-summary">{{ b.summary }}</div>
+  {% endif %}
+
+  {% if b.media %}
+  <div class="bm-media {{ b.media|length|media_grid_class }}">
+    {% for m in b.media %}
+      {% if m.type == 'photo' %}
+      <div class="bm-cell" onclick="bmLightbox(this)" data-full="{{ m.media_large|default:m.media_url }}">
+        <img loading="lazy" src="{{ m.media_thumb|default:m.media_large|default:m.media_url }}" alt="{{ m.alt_text|default:'' }}">
+      </div>
+      {% elif m.type == 'video' or m.type == 'animated_gif' %}
+      {% with v=m.video %}
+      <a class="bm-cell" href="{{ b.url|default:'https://x.com/i/status/'|add:b.tweet_id }}"
+         target="_blank" rel="noopener" title="{% trans 'Open on X to play' %}" onclick="event.stopPropagation()">
+        <span class="bm-vbadge">{% if m.type == 'animated_gif' %}GIF{% else %}VIDEO{% endif %}</span>
+        <img loading="lazy" src="{{ v.poster|default:m.media_thumb|default:m.media_large|default:m.media_url }}" alt="">
+        <span class="bm-play"><span class="ring"><svg width="22" height="22" fill="#fff" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg></span></span>
+        {% if v.duration_ms %}<span class="bm-dur">{{ v.duration_ms|ms_to_duration }}</span>{% endif %}
+        <span class="bm-xbadge">X</span>
+      </a>
+      {% endwith %}
+      {% endif %}
+    {% endfor %}
+  </div>
+  {% endif %}
+
+  <!-- link card -->
+  {% if b.has_card and b.card_data %}
+    {% with c=b.card_data %}
+    {% if c.title or c.description or c.image %}
+    <a class="bm-cardlink" href="{{ c.url|default:'#' }}" target="_blank" rel="noopener" onclick="event.stopPropagation()">
+      {% if c.image %}<img src="{{ c.image }}" loading="lazy" alt="">{% endif %}
+      <div class="ci">
+        <div class="csite">{{ c.site|default:'' }}</div>
+        {% if c.title %}<div class="ct">{{ c.title }}</div>{% endif %}
+        {% if c.description %}<div class="cd">{{ c.description }}</div>{% endif %}
+      </div>
+    </a>
+    {% endif %}
+    {% endwith %}
+  {% endif %}
+
+  <!-- quote tweet -->
+  {% if b.is_quote and b.quoted_data %}
+    {% with q=b.quoted_data %}
+    {% if q.tombstone or q.unavailable %}
+    <div class="bm-quote">{% trans "This post is unavailable." %}</div>
+    {% else %}
+    {% with qa=q.author %}
+    <a class="bm-quote" href="{{ q.url|default:'https://x.com/i/status/'|add:q.id }}"
+       target="_blank" rel="noopener" onclick="event.stopPropagation()">
+      <div class="qhead">
+        {% if qa.profile_image_url %}<img src="{{ qa.profile_image_url }}" loading="lazy" alt="">{% endif %}
+        <span class="name">{{ qa.name|default:'' }}</span>
+        <span class="handle">@{{ qa.screen_name|default:'' }}</span>
+      </div>
+      <div class="qtext">{{ q.text|default:''|truncatechars:280|linebreaksbr }}</div>
+    </a>
+    {% endwith %}
+    {% endif %}
+    {% endwith %}
+  {% endif %}
+
+  <!-- metrics -->
+  <div class="bm-metrics">
+    {% if b.reply_count %}<span class="bm-metric">💬 {{ b.reply_count }}</span>{% endif %}
+    {% if b.retweet_count %}<span class="bm-metric">🔁 {{ b.retweet_count }}</span>{% endif %}
+    {% if b.favorite_count %}<span class="bm-metric">❤ {{ b.favorite_count }}</span>{% endif %}
+    {% if b.bookmark_count %}<span class="bm-metric bkm">🔖 {{ b.bookmark_count }}</span>{% endif %}
+    {% if b.view_count %}<span class="bm-metric">📊 {{ b.view_count }}</span>{% endif %}
+    <a href="{{ b.url|default:'#' }}" target="_blank" rel="noopener" class="bm-metric"
+       style="color:var(--bm-accent);margin-left:auto" onclick="event.stopPropagation()">{% trans "View on X" %} ↗</a>
+  </div>
+</article>
+{% empty %}
+<div class="bm-empty">
+  <div class="tle">{% trans "No bookmarks found" %}</div>
+  {% trans "Try a different search or filter." %}
+</div>
+{% endfor %}
\ No newline at end of file
diff --git a/links/templates/links/search_react.html b/links/templates/links/search_react.html
index 1c186ba..016d261 100644
--- a/links/templates/links/search_react.html
+++ b/links/templates/links/search_react.html
@@ -25,7 +25,7 @@
 </head>
 <body class="bg-gradient-to-br from-blue-50 via-indigo-50 to-purple-50 min-h-screen">
     <div id="root"></div>
-    <script src="{% static 'dist/search.js' %}"></script>
+    <script type="module" src="{% static 'dist/search.js' %}"></script>
 </body>
 </html>
         const { useState, useEffect, useCallback, useMemo } = React;
diff --git a/links/templatetags/bookmark_extras.py b/links/templatetags/bookmark_extras.py
new file mode 100644
index 0000000..4dac2ce
--- /dev/null
+++ b/links/templatetags/bookmark_extras.py
@@ -0,0 +1,83 @@
+"""Template tags for the Bookmark viewer."""
+from django import template
+from django.utils.safestring import mark_safe
+
+register = template.Library()
+
+
+@register.filter
+def media_grid_class(media_count):
+    """Return the CSS grid class for a media block based on item count."""
+    n = int(media_count or 0)
+    if n <= 1:
+        return 'one'
+    if n == 2:
+        return 'two'
+    if n == 3:
+        return 'three'
+    return 'four'
+
+
+@register.filter
+def ms_to_duration(ms):
+    """Convert milliseconds to a short M:SS duration string."""
+    try:
+        secs = int(int(ms) / 1000)
+    except (TypeError, ValueError):
+        return ''
+    if secs >= 3600:
+        h = secs // 3600
+        m = (secs % 3600) // 60
+        s = secs % 60
+        return f'{h}:{m:02d}:{s:02d}'
+    m = secs // 60
+    s = secs % 60
+    return f'{m}:{s:02d}'
+
+
+@register.simple_tag
+def bookmark_chip(flag, label, count, request_get):
+    """Render a filter chip button that toggles a boolean query param,
+    preserving the current `q` search query."""
+    active = False
+    val = ''
+    try:
+        val = request_get.get(flag)
+    except AttributeError:
+        val = None
+    if val is not None:
+        active = True
+    q = ''
+    try:
+        q = request_get.get('q') or ''
+    except AttributeError:
+        q = ''
+    base = 'inline-flex items-center gap-1 px-3 py-1 rounded-full text-xs font-medium border cursor-pointer select-none transition '
+    cls = base + ('bg-blue-600 text-white border-blue-600'
+                  if active else 'bg-white text-gray-600 border-gray-300 hover:bg-gray-100')
+    # When active, clicking the chip goes to a URL with that flag removed
+    # (toggle off). When inactive, clicking adds the flag=on.
+    params = []
+    if q:
+        params.append(('q', q))
+    # keep other flag params
+    KEEP = ('has_video', 'has_photo', 'has_card', 'is_quote', 'is_retweet')
+    for k in KEEP:
+        if k == flag:
+            continue
+        v = None
+        try:
+            v = request_get.get(k)
+        except AttributeError:
+            v = None
+        if v:
+            params.append((k, 'on'))
+    if not active:
+        params.append((flag, 'on'))
+    href = '?' + '&'.join(f'{k}={v}' for k, v in params) if params else './'
+    return mark_safe(
+        f'<a href="{href}" hx-get="?{"&".join(f"{k}={v}" for k,v in params)}" '
+        f'hx-target="#bm-content" hx-swap="innerHTML" hx-push-url="true" '
+        f'class="{cls}"><span>{label}</span>'
+        f'<span class="opacity-75">{count}</span></a>'
+    )
\ No newline at end of file
diff --git a/links/urls.py b/links/urls.py
index 2173cca..b4830a4 100644
--- a/links/urls.py
+++ b/links/urls.py
@@ -5,6 +5,7 @@ from . import search_views
 from . import post_views
 from . import collection_views
 from . import mini_apps_views
+from . import bookmark_views
 from django.views.generic import TemplateView
 
 urlpatterns = [
@@ -36,6 +37,10 @@ urlpatterns = [
     path('fetch-page-info/', page_views.fetch_page_info, name='fetch-page-info'),
     path('ui/screenshots/', page_views.ScreenshotGalleryView.as_view(), name='screenshot-gallery'),
 
+    # Bookmarks (x.com archive)
+    path('ui/bookmarks/', bookmark_views.BookmarkListView.as_view(), name='bookmark-list'),
+    path('ui/bookmarks/<int:pk>/', bookmark_views.BookmarkDetailView.as_view(), name='bookmark-detail'),
+
     # Link task toggle API
     path('link/<int:pk>/toggle_task/', views.toggle_link_task, name='link-toggle-task'),
 
diff --git a/static/dist/jsx-runtime-COXMab3W.js b/static/dist/jsx-runtime-COXMab3W.js
new file mode 100644
index 0000000..f116307
--- /dev/null
+++ b/static/dist/jsx-runtime-COXMab3W.js
@@ -0,0 +1,8 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t),e=null),t.exports),s=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},c=(n,r,a)=>(a=n==null?{}:e(i(n)),s(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n)),l=o((e=>{var t=Symbol.for(`react.element`),n=Symbol.for(`react.portal`),r=Symbol.for(`react.fragment`),i=Symbol.for(`react.strict_mode`),a=Symbol.for(`react.profiler`),o=Symbol.for(`react.provider`),s=Symbol.for(`react.context`),c=Symbol.for(`react.forward_ref`),l=Symbol.for(`react.suspense`),u=Symbol.for(`react.memo`),d=Symbol.for(`react.lazy`),f=Symbol.iterator;function p(e){return typeof e!=`object`||!e?null:(e=f&&e[f]||e[`@@iterator`],typeof e==`function`?e:null)}var m={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},h=Object.assign,g={};function _(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}_.prototype.isReactComponent={},_.prototype.setState=function(e,t){if(typeof e!=`object`&&typeof e!=`function`&&e!=null)throw Error(`setState(...): takes an object of state variables to update or a function which returns an object of state variables.`);this.updater.enqueueSetState(this,e,t,`setState`)},_.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,`forceUpdate`)};function v(){}v.prototype=_.prototype;function y(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}var b=y.prototype=new v;b.constructor=y,h(b,_.prototype),b.isPureReactComponent=!0;var ee=Array.isArray,te=Object.prototype.hasOwnProperty,x={current:null},ne={key:!0,ref:!0,__self:!0,__source:!0};function re(e,n,r){var i,a={},o=null,s=null;if(n!=null)for(i in n.ref!==void 0&&(s=n.ref),n.key!==void 0&&(o=``+n.key),n)te.call(n,i)&&!ne.hasOwnProperty(i)&&(a[i]=n[i]);var c=arguments.length-2;if(c===1)a.children=r;else if(1<c){for(var l=Array(c),u=0;u<c;u++)l[u]=arguments[u+2];a.children=l}if(e&&e.defaultProps)for(i in c=e.defaultProps,c)a[i]===void 0&&(a[i]=c[i]);return{$$typeof:t,type:e,key:o,ref:s,props:a,_owner:x.current}}function ie(e,n){return{$$typeof:t,type:e.type,key:n,ref:e.ref,props:e.props,_owner:e._owner}}function ae(e){return typeof e==`object`&&!!e&&e.$$typeof===t}function oe(e){var t={"=":`=0`,":":`=2`};return`$`+e.replace(/[=:]/g,function(e){return t[e]})}var se=/\/+/g;function ce(e,t){return typeof e==`object`&&e&&e.key!=null?oe(``+e.key):t.toString(36)}function le(e,r,i,a,o){var s=typeof e;(s===`undefined`||s===`boolean`)&&(e=null);var c=!1;if(e===null)c=!0;else switch(s){case`string`:case`number`:c=!0;break;case`object`:switch(e.$$typeof){case t:case n:c=!0}}if(c)return c=e,o=o(c),e=a===``?`.`+ce(c,0):a,ee(o)?(i=``,e!=null&&(i=e.replace(se,`$&/`)+`/`),le(o,r,i,``,function(e){return e})):o!=null&&(ae(o)&&(o=ie(o,i+(!o.key||c&&c.key===o.key?``:(``+o.key).replace(se,`$&/`)+`/`)+e)),r.push(o)),1;if(c=0,a=a===``?`.`:a+`:`,ee(e))for(var l=0;l<e.length;l++){s=e[l];var u=a+ce(s,l);c+=le(s,r,i,u,o)}else if(u=p(e),typeof u==`function`)for(e=u.call(e),l=0;!(s=e.next()).done;)s=s.value,u=a+ce(s,l++),c+=le(s,r,i,u,o);else if(s===`object`)throw r=String(e),Error(`Objects are not valid as a React child (found: `+(r===`[object Object]`?`object with keys {`+Object.keys(e).join(`, `)+`}`:r)+`). If you meant to render a collection of children, use an array instead.`);return c}function ue(e,t,n){if(e==null)return e;var r=[],i=0;return le(e,r,``,``,function(e){return t.call(n,e,i++)}),r}function de(e){if(e._status===-1){var t=e._result;t=t(),t.then(function(t){(e._status===0||e._status===-1)&&(e._status=1,e._result=t)},function(t){(e._status===0||e._status===-1)&&(e._status=2,e._result=t)}),e._status===-1&&(e._status=0,e._result=t)}if(e._status===1)return e._result.default;throw e._result}var S={current:null},fe={transition:null},pe={ReactCurrentDispatcher:S,ReactCurrentBatchConfig:fe,ReactCurrentOwner:x};function me(){throw Error(`act(...) is not supported in production builds of React.`)}e.Children={map:ue,forEach:function(e,t,n){ue(e,function(){t.apply(this,arguments)},n)},count:function(e){var t=0;return ue(e,function(){t++}),t},toArray:function(e){return ue(e,function(e){return e})||[]},only:function(e){if(!ae(e))throw Error(`React.Children.only expected to receive a single React element child.`);return e}},e.Component=_,e.Fragment=r,e.Profiler=a,e.PureComponent=y,e.StrictMode=i,e.Suspense=l,e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=pe,e.act=me,e.cloneElement=function(e,n,r){if(e==null)throw Error(`React.cloneElement(...): The argument must be a React element, but you passed `+e+`.`);var i=h({},e.props),a=e.key,o=e.ref,s=e._owner;if(n!=null){if(n.ref!==void 0&&(o=n.ref,s=x.current),n.key!==void 0&&(a=``+n.key),e.type&&e.type.defaultProps)var c=e.type.defaultProps;for(l in n)te.call(n,l)&&!ne.hasOwnProperty(l)&&(i[l]=n[l]===void 0&&c!==void 0?c[l]:n[l])}var l=arguments.length-2;if(l===1)i.children=r;else if(1<l){c=Array(l);for(var u=0;u<l;u++)c[u]=arguments[u+2];i.children=c}return{$$typeof:t,type:e.type,key:a,ref:o,props:i,_owner:s}},e.createContext=function(e){return e={$$typeof:s,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},e.Provider={$$typeof:o,_context:e},e.Consumer=e},e.createElement=re,e.createFactory=function(e){var t=re.bind(null,e);return t.type=e,t},e.createRef=function(){return{current:null}},e.forwardRef=function(e){return{$$typeof:c,render:e}},e.isValidElement=ae,e.lazy=function(e){return{$$typeof:d,_payload:{_status:-1,_result:e},_init:de}},e.memo=function(e,t){return{$$typeof:u,type:e,compare:t===void 0?null:t}},e.startTransition=function(e){var t=fe.transition;fe.transition={};try{e()}finally{fe.transition=t}},e.unstable_act=me,e.useCallback=function(e,t){return S.current.useCallback(e,t)},e.useContext=function(e){return S.current.useContext(e)},e.useDebugValue=function(){},e.useDeferredValue=function(e){return S.current.useDeferredValue(e)},e.useEffect=function(e,t){return S.current.useEffect(e,t)},e.useId=function(){return S.current.useId()},e.useImperativeHandle=function(e,t,n){return S.current.useImperativeHandle(e,t,n)},e.useInsertionEffect=function(e,t){return S.current.useInsertionEffect(e,t)},e.useLayoutEffect=function(e,t){return S.current.useLayoutEffect(e,t)},e.useMemo=function(e,t){return S.current.useMemo(e,t)},e.useReducer=function(e,t,n){return S.current.useReducer(e,t,n)},e.useRef=function(e){return S.current.useRef(e)},e.useState=function(e){return S.current.useState(e)},e.useSyncExternalStore=function(e,t,n){return S.current.useSyncExternalStore(e,t,n)},e.useTransition=function(){return S.current.useTransition()},e.version=`18.3.1`})),u=o(((e,t)=>{t.exports=l()})),d=o((e=>{function t(e,t){var n=e.length;e.push(t);a:for(;0<n;){var r=n-1>>>1,a=e[r];if(0<i(a,t))e[r]=t,e[n]=a,n=r;else break a}}function n(e){return e.length===0?null:e[0]}function r(e){if(e.length===0)return null;var t=e[0],n=e.pop();if(n!==t){e[0]=n;a:for(var r=0,a=e.length,o=a>>>1;r<o;){var s=2*(r+1)-1,c=e[s],l=s+1,u=e[l];if(0>i(c,n))l<a&&0>i(u,c)?(e[r]=u,e[l]=n,r=l):(e[r]=c,e[s]=n,r=s);else if(l<a&&0>i(u,n))e[r]=u,e[l]=n,r=l;else break a}}return t}function i(e,t){var n=e.sortIndex-t.sortIndex;return n===0?e.id-t.id:n}if(typeof performance==`object`&&typeof performance.now==`function`){var a=performance;e.unstable_now=function(){return a.now()}}else{var o=Date,s=o.now();e.unstable_now=function(){return o.now()-s}}var c=[],l=[],u=1,d=null,f=3,p=!1,m=!1,h=!1,g=typeof setTimeout==`function`?setTimeout:null,_=typeof clearTimeout==`function`?clearTimeout:null,v=typeof setImmediate<`u`?setImmediate:null;typeof navigator<`u`&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function y(e){for(var i=n(l);i!==null;){if(i.callback===null)r(l);else if(i.startTime<=e)r(l),i.sortIndex=i.expirationTime,t(c,i);else break;i=n(l)}}function b(e){if(h=!1,y(e),!m)if(n(c)!==null)m=!0,ue(ee);else{var t=n(l);t!==null&&de(b,t.startTime-e)}}function ee(t,i){m=!1,h&&(h=!1,_(ne),ne=-1),p=!0;var a=f;try{for(y(i),d=n(c);d!==null&&(!(d.expirationTime>i)||t&&!ae());){var o=d.callback;if(typeof o==`function`){d.callback=null,f=d.priorityLevel;var s=o(d.expirationTime<=i);i=e.unstable_now(),typeof s==`function`?d.callback=s:d===n(c)&&r(c),y(i)}else r(c);d=n(c)}if(d!==null)var u=!0;else{var g=n(l);g!==null&&de(b,g.startTime-i),u=!1}return u}finally{d=null,f=a,p=!1}}var te=!1,x=null,ne=-1,re=5,ie=-1;function ae(){return!(e.unstable_now()-ie<re)}function oe(){if(x!==null){var t=e.unstable_now();ie=t;var n=!0;try{n=x(!0,t)}finally{n?se():(te=!1,x=null)}}else te=!1}var se;if(typeof v==`function`)se=function(){v(oe)};else if(typeof MessageChannel<`u`){var ce=new MessageChannel,le=ce.port2;ce.port1.onmessage=oe,se=function(){le.postMessage(null)}}else se=function(){g(oe,0)};function ue(e){x=e,te||(te=!0,se())}function de(t,n){ne=g(function(){t(e.unstable_now())},n)}e.unstable_IdlePriority=5,e.unstable_ImmediatePriority=1,e.unstable_LowPriority=4,e.unstable_NormalPriority=3,e.unstable_Profiling=null,e.unstable_UserBlockingPriority=2,e.unstable_cancelCallback=function(e){e.callback=null},e.unstable_continueExecution=function(){m||p||(m=!0,ue(ee))},e.unstable_forceFrameRate=function(e){0>e||125<e?console.error(`forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported`):re=0<e?Math.floor(1e3/e):5},e.unstable_getCurrentPriorityLevel=function(){return f},e.unstable_getFirstCallbackNode=function(){return n(c)},e.unstable_next=function(e){switch(f){case 1:case 2:case 3:var t=3;break;default:t=f}var n=f;f=t;try{return e()}finally{f=n}},e.unstable_pauseExecution=function(){},e.unstable_requestPaint=function(){},e.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=f;f=e;try{return t()}finally{f=n}},e.unstable_scheduleCallback=function(r,i,a){var o=e.unstable_now();switch(typeof a==`object`&&a?(a=a.delay,a=typeof a==`number`&&0<a?o+a:o):a=o,r){case 1:var s=-1;break;case 2:s=250;break;case 5:s=1073741823;break;case 4:s=1e4;break;default:s=5e3}return s=a+s,r={id:u++,callback:i,priorityLevel:r,startTime:a,expirationTime:s,sortIndex:-1},a>o?(r.sortIndex=a,t(l,r),n(c)===null&&r===n(l)&&(h?(_(ne),ne=-1):h=!0,de(b,a-o))):(r.sortIndex=s,t(c,r),m||p||(m=!0,ue(ee))),r},e.unstable_shouldYield=ae,e.unstable_wrapCallback=function(e){var t=f;return function(){var n=f;f=t;try{return e.apply(this,arguments)}finally{f=n}}}})),f=o(((e,t)=>{t.exports=d()})),p=o((e=>{var t=u(),n=f();function r(e){for(var t=`https://reactjs.org/docs/error-decoder.html?invariant=`+e,n=1;n<arguments.length;n++)t+=`&args[]=`+encodeURIComponent(arguments[n]);return`Minified React error #`+e+`; visit `+t+` for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`}var i=new Set,a={};function o(e,t){s(e,t),s(e+`Capture`,t)}function s(e,t){for(a[e]=t,e=0;e<t.length;e++)i.add(t[e])}var c=!(typeof window>`u`||window.document===void 0||window.document.createElement===void 0),l=Object.prototype.hasOwnProperty,d=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,p={},m={};function h(e){return l.call(m,e)?!0:l.call(p,e)?!1:d.test(e)?m[e]=!0:(p[e]=!0,!1)}function g(e,t,n,r){if(n!==null&&n.type===0)return!1;switch(typeof t){case`function`:case`symbol`:return!0;case`boolean`:return r?!1:n===null?(e=e.toLowerCase().slice(0,5),e!==`data-`&&e!==`aria-`):!n.acceptsBooleans;default:return!1}}function _(e,t,n,r){if(t==null||g(e,t,n,r))return!0;if(r)return!1;if(n!==null)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}function v(e,t,n,r,i,a,o){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=r,this.attributeNamespace=i,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=a,this.removeEmptyString=o}var y={};`children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style`.split(` `).forEach(function(e){y[e]=new v(e,0,!1,e,null,!1,!1)}),[[`acceptCharset`,`accept-charset`],[`className`,`class`],[`htmlFor`,`for`],[`httpEquiv`,`http-equiv`]].forEach(function(e){var t=e[0];y[t]=new v(t,1,!1,e[1],null,!1,!1)}),[`contentEditable`,`draggable`,`spellCheck`,`value`].forEach(function(e){y[e]=new v(e,2,!1,e.toLowerCase(),null,!1,!1)}),[`autoReverse`,`externalResourcesRequired`,`focusable`,`preserveAlpha`].forEach(function(e){y[e]=new v(e,2,!1,e,null,!1,!1)}),`allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope`.split(` `).forEach(function(e){y[e]=new v(e,3,!1,e.toLowerCase(),null,!1,!1)}),[`checked`,`multiple`,`muted`,`selected`].forEach(function(e){y[e]=new v(e,3,!0,e,null,!1,!1)}),[`capture`,`download`].forEach(function(e){y[e]=new v(e,4,!1,e,null,!1,!1)}),[`cols`,`rows`,`size`,`span`].forEach(function(e){y[e]=new v(e,6,!1,e,null,!1,!1)}),[`rowSpan`,`start`].forEach(function(e){y[e]=new v(e,5,!1,e.toLowerCase(),null,!1,!1)});var b=/[\-:]([a-z])/g;function ee(e){return e[1].toUpperCase()}`accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height`.split(` `).forEach(function(e){var t=e.replace(b,ee);y[t]=new v(t,1,!1,e,null,!1,!1)}),`xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type`.split(` `).forEach(function(e){var t=e.replace(b,ee);y[t]=new v(t,1,!1,e,`http://www.w3.org/1999/xlink`,!1,!1)}),[`xml:base`,`xml:lang`,`xml:space`].forEach(function(e){var t=e.replace(b,ee);y[t]=new v(t,1,!1,e,`http://www.w3.org/XML/1998/namespace`,!1,!1)}),[`tabIndex`,`crossOrigin`].forEach(function(e){y[e]=new v(e,1,!1,e.toLowerCase(),null,!1,!1)}),y.xlinkHref=new v(`xlinkHref`,1,!1,`xlink:href`,`http://www.w3.org/1999/xlink`,!0,!1),[`src`,`href`,`action`,`formAction`].forEach(function(e){y[e]=new v(e,1,!1,e.toLowerCase(),null,!0,!0)});function te(e,t,n,r){var i=y.hasOwnProperty(t)?y[t]:null;(i===null?r||!(2<t.length)||t[0]!==`o`&&t[0]!==`O`||t[1]!==`n`&&t[1]!==`N`:i.type!==0)&&(_(t,n,i,r)&&(n=null),r||i===null?h(t)&&(n===null?e.removeAttribute(t):e.setAttribute(t,``+n)):i.mustUseProperty?e[i.propertyName]=n===null?i.type===3?!1:``:n:(t=i.attributeName,r=i.attributeNamespace,n===null?e.removeAttribute(t):(i=i.type,n=i===3||i===4&&!0===n?``:``+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}var x=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,ne=Symbol.for(`react.element`),re=Symbol.for(`react.portal`),ie=Symbol.for(`react.fragment`),ae=Symbol.for(`react.strict_mode`),oe=Symbol.for(`react.profiler`),se=Symbol.for(`react.provider`),ce=Symbol.for(`react.context`),le=Symbol.for(`react.forward_ref`),ue=Symbol.for(`react.suspense`),de=Symbol.for(`react.suspense_list`),S=Symbol.for(`react.memo`),fe=Symbol.for(`react.lazy`),pe=Symbol.for(`react.offscreen`),me=Symbol.iterator;function he(e){return typeof e!=`object`||!e?null:(e=me&&e[me]||e[`@@iterator`],typeof e==`function`?e:null)}var C=Object.assign,ge;function _e(e){if(ge===void 0)try{throw Error()}catch(e){var t=e.stack.trim().match(/\n( *(at )?)/);ge=t&&t[1]||``}return`
+`+ge+e}var ve=!1;function ye(e,t){if(!e||ve)return``;ve=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),typeof Reflect==`object`&&Reflect.construct){try{Reflect.construct(t,[])}catch(e){var r=e}Reflect.construct(e,[],t)}else{try{t.call()}catch(e){r=e}e.call(t.prototype)}else{try{throw Error()}catch(e){r=e}e()}}catch(t){if(t&&r&&typeof t.stack==`string`){for(var i=t.stack.split(`
+`),a=r.stack.split(`
+`),o=i.length-1,s=a.length-1;1<=o&&0<=s&&i[o]!==a[s];)s--;for(;1<=o&&0<=s;o--,s--)if(i[o]!==a[s]){if(o!==1||s!==1)do if(o--,s--,0>s||i[o]!==a[s]){var c=`
+`+i[o].replace(` at new `,` at `);return e.displayName&&c.includes(`<anonymous>`)&&(c=c.replace(`<anonymous>`,e.displayName)),c}while(1<=o&&0<=s);break}}}finally{ve=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:``)?_e(e):``}function be(e){switch(e.tag){case 5:return _e(e.type);case 16:return _e(`Lazy`);case 13:return _e(`Suspense`);case 19:return _e(`SuspenseList`);case 0:case 2:case 15:return e=ye(e.type,!1),e;case 11:return e=ye(e.type.render,!1),e;case 1:return e=ye(e.type,!0),e;default:return``}}function xe(e){if(e==null)return null;if(typeof e==`function`)return e.displayName||e.name||null;if(typeof e==`string`)return e;switch(e){case ie:return`Fragment`;case re:return`Portal`;case oe:return`Profiler`;case ae:return`StrictMode`;case ue:return`Suspense`;case de:return`SuspenseList`}if(typeof e==`object`)switch(e.$$typeof){case ce:return(e.displayName||`Context`)+`.Consumer`;case se:return(e._context.displayName||`Context`)+`.Provider`;case le:var t=e.render;return e=e.displayName,e||=(e=t.displayName||t.name||``,e===``?`ForwardRef`:`ForwardRef(`+e+`)`),e;case S:return t=e.displayName||null,t===null?xe(e.type)||`Memo`:t;case fe:t=e._payload,e=e._init;try{return xe(e(t))}catch{}}return null}function Se(e){var t=e.type;switch(e.tag){case 24:return`Cache`;case 9:return(t.displayName||`Context`)+`.Consumer`;case 10:return(t._context.displayName||`Context`)+`.Provider`;case 18:return`DehydratedFragment`;case 11:return e=t.render,e=e.displayName||e.name||``,t.displayName||(e===``?`ForwardRef`:`ForwardRef(`+e+`)`);case 7:return`Fragment`;case 5:return t;case 4:return`Portal`;case 3:return`Root`;case 6:return`Text`;case 16:return xe(t);case 8:return t===ae?`StrictMode`:`Mode`;case 22:return`Offscreen`;case 12:return`Profiler`;case 21:return`Scope`;case 13:return`Suspense`;case 19:return`SuspenseList`;case 25:return`TracingMarker`;case 1:case 0:case 17:case 2:case 14:case 15:if(typeof t==`function`)return t.displayName||t.name||null;if(typeof t==`string`)return t}return null}function Ce(e){switch(typeof e){case`boolean`:case`number`:case`string`:case`undefined`:return e;case`object`:return e;default:return``}}function we(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()===`input`&&(t===`checkbox`||t===`radio`)}function Te(e){var t=we(e)?`checked`:`value`,n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=``+e[t];if(!e.hasOwnProperty(t)&&n!==void 0&&typeof n.get==`function`&&typeof n.set==`function`){var i=n.get,a=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return i.call(this)},set:function(e){r=``+e,a.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(e){r=``+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function Ee(e){e._valueTracker||=Te(e)}function De(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r=``;return e&&(r=we(e)?e.checked?`true`:`false`:e.value),e=r,e===n?!1:(t.setValue(e),!0)}function Oe(e){if(e||=typeof document<`u`?document:void 0,e===void 0)return null;try{return e.activeElement||e.body}catch{return e.body}}function ke(e,t){var n=t.checked;return C({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function Ae(e,t){var n=t.defaultValue==null?``:t.defaultValue,r=t.checked==null?t.defaultChecked:t.checked;n=Ce(t.value==null?n:t.value),e._wrapperState={initialChecked:r,initialValue:n,controlled:t.type===`checkbox`||t.type===`radio`?t.checked!=null:t.value!=null}}function je(e,t){t=t.checked,t!=null&&te(e,`checked`,t,!1)}function Me(e,t){je(e,t);var n=Ce(t.value),r=t.type;if(n!=null)r===`number`?(n===0&&e.value===``||e.value!=n)&&(e.value=``+n):e.value!==``+n&&(e.value=``+n);else if(r===`submit`||r===`reset`){e.removeAttribute(`value`);return}t.hasOwnProperty(`value`)?Pe(e,t.type,n):t.hasOwnProperty(`defaultValue`)&&Pe(e,t.type,Ce(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function Ne(e,t,n){if(t.hasOwnProperty(`value`)||t.hasOwnProperty(`defaultValue`)){var r=t.type;if(!(r!==`submit`&&r!==`reset`||t.value!==void 0&&t.value!==null))return;t=``+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==``&&(e.name=``),e.defaultChecked=!!e._wrapperState.initialChecked,n!==``&&(e.name=n)}function Pe(e,t,n){(t!==`number`||Oe(e.ownerDocument)!==e)&&(n==null?e.defaultValue=``+e._wrapperState.initialValue:e.defaultValue!==``+n&&(e.defaultValue=``+n))}var Fe=Array.isArray;function Ie(e,t,n,r){if(e=e.options,t){t={};for(var i=0;i<n.length;i++)t[`$`+n[i]]=!0;for(n=0;n<e.length;n++)i=t.hasOwnProperty(`$`+e[n].value),e[n].selected!==i&&(e[n].selected=i),i&&r&&(e[n].defaultSelected=!0)}else{for(n=``+Ce(n),t=null,i=0;i<e.length;i++){if(e[i].value===n){e[i].selected=!0,r&&(e[i].defaultSelected=!0);return}t!==null||e[i].disabled||(t=e[i])}t!==null&&(t.selected=!0)}}function Le(e,t){if(t.dangerouslySetInnerHTML!=null)throw Error(r(91));return C({},t,{value:void 0,defaultValue:void 0,children:``+e._wrapperState.initialValue})}function Re(e,t){var n=t.value;if(n==null){if(n=t.children,t=t.defaultValue,n!=null){if(t!=null)throw Error(r(92));if(Fe(n)){if(1<n.length)throw Error(r(93));n=n[0]}t=n}t??=``,n=t}e._wrapperState={initialValue:Ce(n)}}function ze(e,t){var n=Ce(t.value),r=Ce(t.defaultValue);n!=null&&(n=``+n,n!==e.value&&(e.value=n),t.defaultValue==null&&e.defaultValue!==n&&(e.defaultValue=n)),r!=null&&(e.defaultValue=``+r)}function Be(e){var t=e.textContent;t===e._wrapperState.initialValue&&t!==``&&t!==null&&(e.value=t)}function Ve(e){switch(e){case`svg`:return`http://www.w3.org/2000/svg`;case`math`:return`http://www.w3.org/1998/Math/MathML`;default:return`http://www.w3.org/1999/xhtml`}}function He(e,t){return e==null||e===`http://www.w3.org/1999/xhtml`?Ve(t):e===`http://www.w3.org/2000/svg`&&t===`foreignObject`?`http://www.w3.org/1999/xhtml`:e}var Ue,We=function(e){return typeof MSApp<`u`&&MSApp.execUnsafeLocalFunction?function(t,n,r,i){MSApp.execUnsafeLocalFunction(function(){return e(t,n,r,i)})}:e}(function(e,t){if(e.namespaceURI!==`http://www.w3.org/2000/svg`||`innerHTML`in e)e.innerHTML=t;else{for(Ue||=document.createElement(`div`),Ue.innerHTML=`<svg>`+t.valueOf().toString()+`</svg>`,t=Ue.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function Ge(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var Ke={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},qe=[`Webkit`,`ms`,`Moz`,`O`];Object.keys(Ke).forEach(function(e){qe.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),Ke[t]=Ke[e]})});function Je(e,t,n){return t==null||typeof t==`boolean`||t===``?``:n||typeof t!=`number`||t===0||Ke.hasOwnProperty(e)&&Ke[e]?(``+t).trim():t+`px`}function Ye(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=n.indexOf(`--`)===0,i=Je(n,t[n],r);n===`float`&&(n=`cssFloat`),r?e.setProperty(n,i):e[n]=i}}var Xe=C({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function Ze(e,t){if(t){if(Xe[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(r(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(r(60));if(typeof t.dangerouslySetInnerHTML!=`object`||!(`__html`in t.dangerouslySetInnerHTML))throw Error(r(61))}if(t.style!=null&&typeof t.style!=`object`)throw Error(r(62))}}function Qe(e,t){if(e.indexOf(`-`)===-1)return typeof t.is==`string`;switch(e){case`annotation-xml`:case`color-profile`:case`font-face`:case`font-face-src`:case`font-face-uri`:case`font-face-format`:case`font-face-name`:case`missing-glyph`:return!1;default:return!0}}var $e=null;function et(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var tt=null,nt=null,rt=null;function it(e){if(e=na(e)){if(typeof tt!=`function`)throw Error(r(280));var t=e.stateNode;t&&(t=ia(t),tt(e.stateNode,e.type,t))}}function at(e){nt?rt?rt.push(e):rt=[e]:nt=e}function ot(){if(nt){var e=nt,t=rt;if(rt=nt=null,it(e),t)for(e=0;e<t.length;e++)it(t[e])}}function st(e,t){return e(t)}function ct(){}var lt=!1;function ut(e,t,n){if(lt)return e(t,n);lt=!0;try{return st(e,t,n)}finally{lt=!1,(nt!==null||rt!==null)&&(ct(),ot())}}function dt(e,t){var n=e.stateNode;if(n===null)return null;var i=ia(n);if(i===null)return null;n=i[t];a:switch(t){case`onClick`:case`onClickCapture`:case`onDoubleClick`:case`onDoubleClickCapture`:case`onMouseDown`:case`onMouseDownCapture`:case`onMouseMove`:case`onMouseMoveCapture`:case`onMouseUp`:case`onMouseUpCapture`:case`onMouseEnter`:(i=!i.disabled)||(e=e.type,i=!(e===`button`||e===`input`||e===`select`||e===`textarea`)),e=!i;break a;default:e=!1}if(e)return null;if(n&&typeof n!=`function`)throw Error(r(231,t,typeof n));return n}var ft=!1;if(c)try{var pt={};Object.defineProperty(pt,"passive",{get:function(){ft=!0}}),window.addEventListener(`test`,pt,pt),window.removeEventListener(`test`,pt,pt)}catch{ft=!1}function mt(e,t,n,r,i,a,o,s,c){var l=Array.prototype.slice.call(arguments,3);try{t.apply(n,l)}catch(e){this.onError(e)}}var ht=!1,gt=null,_t=!1,vt=null,yt={onError:function(e){ht=!0,gt=e}};function bt(e,t,n,r,i,a,o,s,c){ht=!1,gt=null,mt.apply(yt,arguments)}function xt(e,t,n,i,a,o,s,c,l){if(bt.apply(this,arguments),ht){if(ht){var u=gt;ht=!1,gt=null}else throw Error(r(198));_t||(_t=!0,vt=u)}}function St(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do t=e,t.flags&4098&&(n=t.return),e=t.return;while(e)}return t.tag===3?n:null}function Ct(e){if(e.tag===13){var t=e.memoizedState;if(t===null&&(e=e.alternate,e!==null&&(t=e.memoizedState)),t!==null)return t.dehydrated}return null}function wt(e){if(St(e)!==e)throw Error(r(188))}function Tt(e){var t=e.alternate;if(!t){if(t=St(e),t===null)throw Error(r(188));return t===e?e:null}for(var n=e,i=t;;){var a=n.return;if(a===null)break;var o=a.alternate;if(o===null){if(i=a.return,i!==null){n=i;continue}break}if(a.child===o.child){for(o=a.child;o;){if(o===n)return wt(a),e;if(o===i)return wt(a),t;o=o.sibling}throw Error(r(188))}if(n.return!==i.return)n=a,i=o;else{for(var s=!1,c=a.child;c;){if(c===n){s=!0,n=a,i=o;break}if(c===i){s=!0,i=a,n=o;break}c=c.sibling}if(!s){for(c=o.child;c;){if(c===n){s=!0,n=o,i=a;break}if(c===i){s=!0,i=o,n=a;break}c=c.sibling}if(!s)throw Error(r(189))}}if(n.alternate!==i)throw Error(r(190))}if(n.tag!==3)throw Error(r(188));return n.stateNode.current===n?e:t}function Et(e){return e=Tt(e),e===null?null:Dt(e)}function Dt(e){if(e.tag===5||e.tag===6)return e;for(e=e.child;e!==null;){var t=Dt(e);if(t!==null)return t;e=e.sibling}return null}var Ot=n.unstable_scheduleCallback,kt=n.unstable_cancelCallback,At=n.unstable_shouldYield,jt=n.unstable_requestPaint,w=n.unstable_now,Mt=n.unstable_getCurrentPriorityLevel,Nt=n.unstable_ImmediatePriority,Pt=n.unstable_UserBlockingPriority,Ft=n.unstable_NormalPriority,It=n.unstable_LowPriority,Lt=n.unstable_IdlePriority,Rt=null,zt=null;function Bt(e){if(zt&&typeof zt.onCommitFiberRoot==`function`)try{zt.onCommitFiberRoot(Rt,e,void 0,(e.current.flags&128)==128)}catch{}}var Vt=Math.clz32?Math.clz32:Wt,Ht=Math.log,Ut=Math.LN2;function Wt(e){return e>>>=0,e===0?32:31-(Ht(e)/Ut|0)|0}var Gt=64,Kt=4194304;function qt(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function Jt(e,t){var n=e.pendingLanes;if(n===0)return 0;var r=0,i=e.suspendedLanes,a=e.pingedLanes,o=n&268435455;if(o!==0){var s=o&~i;s===0?(a&=o,a!==0&&(r=qt(a))):r=qt(s)}else o=n&~i,o===0?a!==0&&(r=qt(a)):r=qt(o);if(r===0)return 0;if(t!==0&&t!==r&&(t&i)===0&&(i=r&-r,a=t&-t,i>=a||i===16&&a&4194240))return t;if(r&4&&(r|=n&16),t=e.entangledLanes,t!==0)for(e=e.entanglements,t&=r;0<t;)n=31-Vt(t),i=1<<n,r|=e[n],t&=~i;return r}function Yt(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return-1;case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function Xt(e,t){for(var n=e.suspendedLanes,r=e.pingedLanes,i=e.expirationTimes,a=e.pendingLanes;0<a;){var o=31-Vt(a),s=1<<o,c=i[o];c===-1?((s&n)===0||(s&r)!==0)&&(i[o]=Yt(s,t)):c<=t&&(e.expiredLanes|=s),a&=~s}}function Zt(e){return e=e.pendingLanes&-1073741825,e===0?e&1073741824?1073741824:0:e}function Qt(){var e=Gt;return Gt<<=1,!(Gt&4194240)&&(Gt=64),e}function $t(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function en(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-Vt(t),e[t]=n}function tn(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0<n;){var i=31-Vt(n),a=1<<i;t[i]=0,r[i]=-1,e[i]=-1,n&=~a}}function nn(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var r=31-Vt(n),i=1<<r;i&t|e[r]&t&&(e[r]|=t),n&=~i}}var T=0;function rn(e){return e&=-e,1<e?4<e?e&268435455?16:536870912:4:1}var an,on,sn,cn,ln,un=!1,dn=[],fn=null,pn=null,mn=null,hn=new Map,gn=new Map,_n=[],vn=`mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit`.split(` `);function yn(e,t){switch(e){case`focusin`:case`focusout`:fn=null;break;case`dragenter`:case`dragleave`:pn=null;break;case`mouseover`:case`mouseout`:mn=null;break;case`pointerover`:case`pointerout`:hn.delete(t.pointerId);break;case`gotpointercapture`:case`lostpointercapture`:gn.delete(t.pointerId)}}function bn(e,t,n,r,i,a){return e===null||e.nativeEvent!==a?(e={blockedOn:t,domEventName:n,eventSystemFlags:r,nativeEvent:a,targetContainers:[i]},t!==null&&(t=na(t),t!==null&&on(t)),e):(e.eventSystemFlags|=r,t=e.targetContainers,i!==null&&t.indexOf(i)===-1&&t.push(i),e)}function xn(e,t,n,r,i){switch(t){case`focusin`:return fn=bn(fn,e,t,n,r,i),!0;case`dragenter`:return pn=bn(pn,e,t,n,r,i),!0;case`mouseover`:return mn=bn(mn,e,t,n,r,i),!0;case`pointerover`:var a=i.pointerId;return hn.set(a,bn(hn.get(a)||null,e,t,n,r,i)),!0;case`gotpointercapture`:return a=i.pointerId,gn.set(a,bn(gn.get(a)||null,e,t,n,r,i)),!0}return!1}function Sn(e){var t=ta(e.target);if(t!==null){var n=St(t);if(n!==null){if(t=n.tag,t===13){if(t=Ct(n),t!==null){e.blockedOn=t,ln(e.priority,function(){sn(n)});return}}else if(t===3&&n.stateNode.current.memoizedState.isDehydrated){e.blockedOn=n.tag===3?n.stateNode.containerInfo:null;return}}}e.blockedOn=null}function Cn(e){if(e.blockedOn!==null)return!1;for(var t=e.targetContainers;0<t.length;){var n=Pn(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(n===null){n=e.nativeEvent;var r=new n.constructor(n.type,n);$e=r,n.target.dispatchEvent(r),$e=null}else return t=na(n),t!==null&&on(t),e.blockedOn=n,!1;t.shift()}return!0}function wn(e,t,n){Cn(e)&&n.delete(t)}function Tn(){un=!1,fn!==null&&Cn(fn)&&(fn=null),pn!==null&&Cn(pn)&&(pn=null),mn!==null&&Cn(mn)&&(mn=null),hn.forEach(wn),gn.forEach(wn)}function En(e,t){e.blockedOn===t&&(e.blockedOn=null,un||(un=!0,n.unstable_scheduleCallback(n.unstable_NormalPriority,Tn)))}function Dn(e){function t(t){return En(t,e)}if(0<dn.length){En(dn[0],e);for(var n=1;n<dn.length;n++){var r=dn[n];r.blockedOn===e&&(r.blockedOn=null)}}for(fn!==null&&En(fn,e),pn!==null&&En(pn,e),mn!==null&&En(mn,e),hn.forEach(t),gn.forEach(t),n=0;n<_n.length;n++)r=_n[n],r.blockedOn===e&&(r.blockedOn=null);for(;0<_n.length&&(n=_n[0],n.blockedOn===null);)Sn(n),n.blockedOn===null&&_n.shift()}var On=x.ReactCurrentBatchConfig,kn=!0;function An(e,t,n,r){var i=T,a=On.transition;On.transition=null;try{T=1,Mn(e,t,n,r)}finally{T=i,On.transition=a}}function jn(e,t,n,r){var i=T,a=On.transition;On.transition=null;try{T=4,Mn(e,t,n,r)}finally{T=i,On.transition=a}}function Mn(e,t,n,r){if(kn){var i=Pn(e,t,n,r);if(i===null)Di(e,t,r,Nn,n),yn(e,r);else if(xn(i,e,t,n,r))r.stopPropagation();else if(yn(e,r),t&4&&-1<vn.indexOf(e)){for(;i!==null;){var a=na(i);if(a!==null&&an(a),a=Pn(e,t,n,r),a===null&&Di(e,t,r,Nn,n),a===i)break;i=a}i!==null&&r.stopPropagation()}else Di(e,t,r,null,n)}}var Nn=null;function Pn(e,t,n,r){if(Nn=null,e=et(r),e=ta(e),e!==null)if(t=St(e),t===null)e=null;else if(n=t.tag,n===13){if(e=Ct(t),e!==null)return e;e=null}else if(n===3){if(t.stateNode.current.memoizedState.isDehydrated)return t.tag===3?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return Nn=e,null}function Fn(e){switch(e){case`cancel`:case`click`:case`close`:case`contextmenu`:case`copy`:case`cut`:case`auxclick`:case`dblclick`:case`dragend`:case`dragstart`:case`drop`:case`focusin`:case`focusout`:case`input`:case`invalid`:case`keydown`:case`keypress`:case`keyup`:case`mousedown`:case`mouseup`:case`paste`:case`pause`:case`play`:case`pointercancel`:case`pointerdown`:case`pointerup`:case`ratechange`:case`reset`:case`resize`:case`seeked`:case`submit`:case`touchcancel`:case`touchend`:case`touchstart`:case`volumechange`:case`change`:case`selectionchange`:case`textInput`:case`compositionstart`:case`compositionend`:case`compositionupdate`:case`beforeblur`:case`afterblur`:case`beforeinput`:case`blur`:case`fullscreenchange`:case`focus`:case`hashchange`:case`popstate`:case`select`:case`selectstart`:return 1;case`drag`:case`dragenter`:case`dragexit`:case`dragleave`:case`dragover`:case`mousemove`:case`mouseout`:case`mouseover`:case`pointermove`:case`pointerout`:case`pointerover`:case`scroll`:case`toggle`:case`touchmove`:case`wheel`:case`mouseenter`:case`mouseleave`:case`pointerenter`:case`pointerleave`:return 4;case`message`:switch(Mt()){case Nt:return 1;case Pt:return 4;case Ft:case It:return 16;case Lt:return 536870912;default:return 16}default:return 16}}var In=null,Ln=null,Rn=null;function zn(){if(Rn)return Rn;var e,t=Ln,n=t.length,r,i=`value`in In?In.value:In.textContent,a=i.length;for(e=0;e<n&&t[e]===i[e];e++);var o=n-e;for(r=1;r<=o&&t[n-r]===i[a-r];r++);return Rn=i.slice(e,1<r?1-r:void 0)}function Bn(e){var t=e.keyCode;return`charCode`in e?(e=e.charCode,e===0&&t===13&&(e=13)):e=t,e===10&&(e=13),32<=e||e===13?e:0}function Vn(){return!0}function Hn(){return!1}function Un(e){function t(t,n,r,i,a){for(var o in this._reactName=t,this._targetInst=r,this.type=n,this.nativeEvent=i,this.target=a,this.currentTarget=null,e)e.hasOwnProperty(o)&&(t=e[o],this[o]=t?t(i):i[o]);return this.isDefaultPrevented=(i.defaultPrevented==null?!1===i.returnValue:i.defaultPrevented)?Vn:Hn,this.isPropagationStopped=Hn,this}return C(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():typeof e.returnValue!=`unknown`&&(e.returnValue=!1),this.isDefaultPrevented=Vn)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():typeof e.cancelBubble!=`unknown`&&(e.cancelBubble=!0),this.isPropagationStopped=Vn)},persist:function(){},isPersistent:Vn}),t}var Wn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},Gn=Un(Wn),Kn=C({},Wn,{view:0,detail:0}),qn=Un(Kn),Jn,Yn,Xn,Zn=C({},Kn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:cr,button:0,buttons:0,relatedTarget:function(e){return e.relatedTarget===void 0?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return`movementX`in e?e.movementX:(e!==Xn&&(Xn&&e.type===`mousemove`?(Jn=e.screenX-Xn.screenX,Yn=e.screenY-Xn.screenY):Yn=Jn=0,Xn=e),Jn)},movementY:function(e){return`movementY`in e?e.movementY:Yn}}),Qn=Un(Zn),$n=Un(C({},Zn,{dataTransfer:0})),er=Un(C({},Kn,{relatedTarget:0})),tr=Un(C({},Wn,{animationName:0,elapsedTime:0,pseudoElement:0})),nr=Un(C({},Wn,{clipboardData:function(e){return`clipboardData`in e?e.clipboardData:window.clipboardData}})),rr=Un(C({},Wn,{data:0})),ir={Esc:`Escape`,Spacebar:` `,Left:`ArrowLeft`,Up:`ArrowUp`,Right:`ArrowRight`,Down:`ArrowDown`,Del:`Delete`,Win:`OS`,Menu:`ContextMenu`,Apps:`ContextMenu`,Scroll:`ScrollLock`,MozPrintableKey:`Unidentified`},ar={8:`Backspace`,9:`Tab`,12:`Clear`,13:`Enter`,16:`Shift`,17:`Control`,18:`Alt`,19:`Pause`,20:`CapsLock`,27:`Escape`,32:` `,33:`PageUp`,34:`PageDown`,35:`End`,36:`Home`,37:`ArrowLeft`,38:`ArrowUp`,39:`ArrowRight`,40:`ArrowDown`,45:`Insert`,46:`Delete`,112:`F1`,113:`F2`,114:`F3`,115:`F4`,116:`F5`,117:`F6`,118:`F7`,119:`F8`,120:`F9`,121:`F10`,122:`F11`,123:`F12`,144:`NumLock`,145:`ScrollLock`,224:`Meta`},or={Alt:`altKey`,Control:`ctrlKey`,Meta:`metaKey`,Shift:`shiftKey`};function sr(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):(e=or[e])?!!t[e]:!1}function cr(){return sr}var lr=Un(C({},Kn,{key:function(e){if(e.key){var t=ir[e.key]||e.key;if(t!==`Unidentified`)return t}return e.type===`keypress`?(e=Bn(e),e===13?`Enter`:String.fromCharCode(e)):e.type===`keydown`||e.type===`keyup`?ar[e.keyCode]||`Unidentified`:``},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:cr,charCode:function(e){return e.type===`keypress`?Bn(e):0},keyCode:function(e){return e.type===`keydown`||e.type===`keyup`?e.keyCode:0},which:function(e){return e.type===`keypress`?Bn(e):e.type===`keydown`||e.type===`keyup`?e.keyCode:0}})),ur=Un(C({},Zn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),dr=Un(C({},Kn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:cr})),fr=Un(C({},Wn,{propertyName:0,elapsedTime:0,pseudoElement:0})),pr=Un(C({},Zn,{deltaX:function(e){return`deltaX`in e?e.deltaX:`wheelDeltaX`in e?-e.wheelDeltaX:0},deltaY:function(e){return`deltaY`in e?e.deltaY:`wheelDeltaY`in e?-e.wheelDeltaY:`wheelDelta`in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0})),mr=[9,13,27,32],hr=c&&`CompositionEvent`in window,gr=null;c&&`documentMode`in document&&(gr=document.documentMode);var _r=c&&`TextEvent`in window&&!gr,vr=c&&(!hr||gr&&8<gr&&11>=gr),yr=` `,br=!1;function xr(e,t){switch(e){case`keyup`:return mr.indexOf(t.keyCode)!==-1;case`keydown`:return t.keyCode!==229;case`keypress`:case`mousedown`:case`focusout`:return!0;default:return!1}}function Sr(e){return e=e.detail,typeof e==`object`&&`data`in e?e.data:null}var Cr=!1;function wr(e,t){switch(e){case`compositionend`:return Sr(t);case`keypress`:return t.which===32?(br=!0,yr):null;case`textInput`:return e=t.data,e===yr&&br?null:e;default:return null}}function Tr(e,t){if(Cr)return e===`compositionend`||!hr&&xr(e,t)?(e=zn(),Rn=Ln=In=null,Cr=!1,e):null;switch(e){case`paste`:return null;case`keypress`:if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case`compositionend`:return vr&&t.locale!==`ko`?null:t.data;default:return null}}var Er={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Dr(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t===`input`?!!Er[e.type]:t===`textarea`}function Or(e,t,n,r){at(r),t=ki(t,`onChange`),0<t.length&&(n=new Gn(`onChange`,`change`,null,n,r),e.push({event:n,listeners:t}))}var kr=null,Ar=null;function jr(e){Si(e,0)}function Mr(e){if(De(ra(e)))return e}function Nr(e,t){if(e===`change`)return t}var Pr=!1;if(c){var Fr;if(c){var Ir=`oninput`in document;if(!Ir){var Lr=document.createElement(`div`);Lr.setAttribute(`oninput`,`return;`),Ir=typeof Lr.oninput==`function`}Fr=Ir}else Fr=!1;Pr=Fr&&(!document.documentMode||9<document.documentMode)}function Rr(){kr&&(kr.detachEvent(`onpropertychange`,zr),Ar=kr=null)}function zr(e){if(e.propertyName===`value`&&Mr(Ar)){var t=[];Or(t,Ar,e,et(e)),ut(jr,t)}}function Br(e,t,n){e===`focusin`?(Rr(),kr=t,Ar=n,kr.attachEvent(`onpropertychange`,zr)):e===`focusout`&&Rr()}function Vr(e){if(e===`selectionchange`||e===`keyup`||e===`keydown`)return Mr(Ar)}function Hr(e,t){if(e===`click`)return Mr(t)}function Ur(e,t){if(e===`input`||e===`change`)return Mr(t)}function Wr(e,t){return e===t&&(e!==0||1/e==1/t)||e!==e&&t!==t}var Gr=typeof Object.is==`function`?Object.is:Wr;function Kr(e,t){if(Gr(e,t))return!0;if(typeof e!=`object`||!e||typeof t!=`object`||!t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++){var i=n[r];if(!l.call(t,i)||!Gr(e[i],t[i]))return!1}return!0}function qr(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function Jr(e,t){var n=qr(e);e=0;for(var r;n;){if(n.nodeType===3){if(r=e+n.textContent.length,e<=t&&r>=t)return{node:n,offset:t-e};e=r}a:{for(;n;){if(n.nextSibling){n=n.nextSibling;break a}n=n.parentNode}n=void 0}n=qr(n)}}function Yr(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?Yr(e,t.parentNode):`contains`in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function Xr(){for(var e=window,t=Oe();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href==`string`}catch{n=!1}if(n)e=t.contentWindow;else break;t=Oe(e.document)}return t}function Zr(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t===`input`&&(e.type===`text`||e.type===`search`||e.type===`tel`||e.type===`url`||e.type===`password`)||t===`textarea`||e.contentEditable===`true`)}function Qr(e){var t=Xr(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&Yr(n.ownerDocument.documentElement,n)){if(r!==null&&Zr(n)){if(t=r.start,e=r.end,e===void 0&&(e=t),`selectionStart`in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(e=(t=n.ownerDocument||document)&&t.defaultView||window,e.getSelection){e=e.getSelection();var i=n.textContent.length,a=Math.min(r.start,i);r=r.end===void 0?a:Math.min(r.end,i),!e.extend&&a>r&&(i=r,r=a,a=i),i=Jr(n,a);var o=Jr(n,r);i&&o&&(e.rangeCount!==1||e.anchorNode!==i.node||e.anchorOffset!==i.offset||e.focusNode!==o.node||e.focusOffset!==o.offset)&&(t=t.createRange(),t.setStart(i.node,i.offset),e.removeAllRanges(),a>r?(e.addRange(t),e.extend(o.node,o.offset)):(t.setEnd(o.node,o.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus==`function`&&n.focus(),n=0;n<t.length;n++)e=t[n],e.element.scrollLeft=e.left,e.element.scrollTop=e.top}}var $r=c&&`documentMode`in document&&11>=document.documentMode,ei=null,ti=null,ni=null,ri=!1;function ii(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;ri||ei==null||ei!==Oe(r)||(r=ei,`selectionStart`in r&&Zr(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),ni&&Kr(ni,r)||(ni=r,r=ki(ti,`onSelect`),0<r.length&&(t=new Gn(`onSelect`,`select`,null,t,n),e.push({event:t,listeners:r}),t.target=ei)))}function ai(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n[`Webkit`+e]=`webkit`+t,n[`Moz`+e]=`moz`+t,n}var oi={animationend:ai(`Animation`,`AnimationEnd`),animationiteration:ai(`Animation`,`AnimationIteration`),animationstart:ai(`Animation`,`AnimationStart`),transitionend:ai(`Transition`,`TransitionEnd`)},si={},ci={};c&&(ci=document.createElement(`div`).style,`AnimationEvent`in window||(delete oi.animationend.animation,delete oi.animationiteration.animation,delete oi.animationstart.animation),`TransitionEvent`in window||delete oi.transitionend.transition);function li(e){if(si[e])return si[e];if(!oi[e])return e;var t=oi[e],n;for(n in t)if(t.hasOwnProperty(n)&&n in ci)return si[e]=t[n];return e}var ui=li(`animationend`),di=li(`animationiteration`),fi=li(`animationstart`),pi=li(`transitionend`),mi=new Map,hi=`abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel`.split(` `);function gi(e,t){mi.set(e,t),o(t,[e])}for(var _i=0;_i<hi.length;_i++){var vi=hi[_i];gi(vi.toLowerCase(),`on`+(vi[0].toUpperCase()+vi.slice(1)))}gi(ui,`onAnimationEnd`),gi(di,`onAnimationIteration`),gi(fi,`onAnimationStart`),gi(`dblclick`,`onDoubleClick`),gi(`focusin`,`onFocus`),gi(`focusout`,`onBlur`),gi(pi,`onTransitionEnd`),s(`onMouseEnter`,[`mouseout`,`mouseover`]),s(`onMouseLeave`,[`mouseout`,`mouseover`]),s(`onPointerEnter`,[`pointerout`,`pointerover`]),s(`onPointerLeave`,[`pointerout`,`pointerover`]),o(`onChange`,`change click focusin focusout input keydown keyup selectionchange`.split(` `)),o(`onSelect`,`focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange`.split(` `)),o(`onBeforeInput`,[`compositionend`,`keypress`,`textInput`,`paste`]),o(`onCompositionEnd`,`compositionend focusout keydown keypress keyup mousedown`.split(` `)),o(`onCompositionStart`,`compositionstart focusout keydown keypress keyup mousedown`.split(` `)),o(`onCompositionUpdate`,`compositionupdate focusout keydown keypress keyup mousedown`.split(` `));var yi=`abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting`.split(` `),bi=new Set(`cancel close invalid load scroll toggle`.split(` `).concat(yi));function xi(e,t,n){var r=e.type||`unknown-event`;e.currentTarget=n,xt(r,t,void 0,e),e.currentTarget=null}function Si(e,t){t=(t&4)!=0;for(var n=0;n<e.length;n++){var r=e[n],i=r.event;r=r.listeners;a:{var a=void 0;if(t)for(var o=r.length-1;0<=o;o--){var s=r[o],c=s.instance,l=s.currentTarget;if(s=s.listener,c!==a&&i.isPropagationStopped())break a;xi(i,s,l),a=c}else for(o=0;o<r.length;o++){if(s=r[o],c=s.instance,l=s.currentTarget,s=s.listener,c!==a&&i.isPropagationStopped())break a;xi(i,s,l),a=c}}}if(_t)throw e=vt,_t=!1,vt=null,e}function E(e,t){var n=t[Qi];n===void 0&&(n=t[Qi]=new Set);var r=e+`__bubble`;n.has(r)||(Ei(t,e,2,!1),n.add(r))}function Ci(e,t,n){var r=0;t&&(r|=4),Ei(n,e,r,t)}var wi=`_reactListening`+Math.random().toString(36).slice(2);function Ti(e){if(!e[wi]){e[wi]=!0,i.forEach(function(t){t!==`selectionchange`&&(bi.has(t)||Ci(t,!1,e),Ci(t,!0,e))});var t=e.nodeType===9?e:e.ownerDocument;t===null||t[wi]||(t[wi]=!0,Ci(`selectionchange`,!1,t))}}function Ei(e,t,n,r){switch(Fn(t)){case 1:var i=An;break;case 4:i=jn;break;default:i=Mn}n=i.bind(null,t,n,e),i=void 0,!ft||t!==`touchstart`&&t!==`touchmove`&&t!==`wheel`||(i=!0),r?i===void 0?e.addEventListener(t,n,!0):e.addEventListener(t,n,{capture:!0,passive:i}):i===void 0?e.addEventListener(t,n,!1):e.addEventListener(t,n,{passive:i})}function Di(e,t,n,r,i){var a=r;if(!(t&1)&&!(t&2)&&r!==null)a:for(;;){if(r===null)return;var o=r.tag;if(o===3||o===4){var s=r.stateNode.containerInfo;if(s===i||s.nodeType===8&&s.parentNode===i)break;if(o===4)for(o=r.return;o!==null;){var c=o.tag;if((c===3||c===4)&&(c=o.stateNode.containerInfo,c===i||c.nodeType===8&&c.parentNode===i))return;o=o.return}for(;s!==null;){if(o=ta(s),o===null)return;if(c=o.tag,c===5||c===6){r=a=o;continue a}s=s.parentNode}}r=r.return}ut(function(){var r=a,i=et(n),o=[];a:{var s=mi.get(e);if(s!==void 0){var c=Gn,l=e;switch(e){case`keypress`:if(Bn(n)===0)break a;case`keydown`:case`keyup`:c=lr;break;case`focusin`:l=`focus`,c=er;break;case`focusout`:l=`blur`,c=er;break;case`beforeblur`:case`afterblur`:c=er;break;case`click`:if(n.button===2)break a;case`auxclick`:case`dblclick`:case`mousedown`:case`mousemove`:case`mouseup`:case`mouseout`:case`mouseover`:case`contextmenu`:c=Qn;break;case`drag`:case`dragend`:case`dragenter`:case`dragexit`:case`dragleave`:case`dragover`:case`dragstart`:case`drop`:c=$n;break;case`touchcancel`:case`touchend`:case`touchmove`:case`touchstart`:c=dr;break;case ui:case di:case fi:c=tr;break;case pi:c=fr;break;case`scroll`:c=qn;break;case`wheel`:c=pr;break;case`copy`:case`cut`:case`paste`:c=nr;break;case`gotpointercapture`:case`lostpointercapture`:case`pointercancel`:case`pointerdown`:case`pointermove`:case`pointerout`:case`pointerover`:case`pointerup`:c=ur}var u=(t&4)!=0,d=!u&&e===`scroll`,f=u?s===null?null:s+`Capture`:s;u=[];for(var p=r,m;p!==null;){m=p;var h=m.stateNode;if(m.tag===5&&h!==null&&(m=h,f!==null&&(h=dt(p,f),h!=null&&u.push(Oi(p,h,m)))),d)break;p=p.return}0<u.length&&(s=new c(s,l,null,n,i),o.push({event:s,listeners:u}))}}if(!(t&7)){a:{if(s=e===`mouseover`||e===`pointerover`,c=e===`mouseout`||e===`pointerout`,s&&n!==$e&&(l=n.relatedTarget||n.fromElement)&&(ta(l)||l[Zi]))break a;if((c||s)&&(s=i.window===i?i:(s=i.ownerDocument)?s.defaultView||s.parentWindow:window,c?(l=n.relatedTarget||n.toElement,c=r,l=l?ta(l):null,l!==null&&(d=St(l),l!==d||l.tag!==5&&l.tag!==6)&&(l=null)):(c=null,l=r),c!==l)){if(u=Qn,h=`onMouseLeave`,f=`onMouseEnter`,p=`mouse`,(e===`pointerout`||e===`pointerover`)&&(u=ur,h=`onPointerLeave`,f=`onPointerEnter`,p=`pointer`),d=c==null?s:ra(c),m=l==null?s:ra(l),s=new u(h,p+`leave`,c,n,i),s.target=d,s.relatedTarget=m,h=null,ta(i)===r&&(u=new u(f,p+`enter`,l,n,i),u.target=m,u.relatedTarget=d,h=u),d=h,c&&l)b:{for(u=c,f=l,p=0,m=u;m;m=Ai(m))p++;for(m=0,h=f;h;h=Ai(h))m++;for(;0<p-m;)u=Ai(u),p--;for(;0<m-p;)f=Ai(f),m--;for(;p--;){if(u===f||f!==null&&u===f.alternate)break b;u=Ai(u),f=Ai(f)}u=null}else u=null;c!==null&&ji(o,s,c,u,!1),l!==null&&d!==null&&ji(o,d,l,u,!0)}}a:{if(s=r?ra(r):window,c=s.nodeName&&s.nodeName.toLowerCase(),c===`select`||c===`input`&&s.type===`file`)var g=Nr;else if(Dr(s))if(Pr)g=Ur;else{g=Vr;var _=Br}else(c=s.nodeName)&&c.toLowerCase()===`input`&&(s.type===`checkbox`||s.type===`radio`)&&(g=Hr);if(g&&=g(e,r)){Or(o,g,n,i);break a}_&&_(e,s,r),e===`focusout`&&(_=s._wrapperState)&&_.controlled&&s.type===`number`&&Pe(s,`number`,s.value)}switch(_=r?ra(r):window,e){case`focusin`:(Dr(_)||_.contentEditable===`true`)&&(ei=_,ti=r,ni=null);break;case`focusout`:ni=ti=ei=null;break;case`mousedown`:ri=!0;break;case`contextmenu`:case`mouseup`:case`dragend`:ri=!1,ii(o,n,i);break;case`selectionchange`:if($r)break;case`keydown`:case`keyup`:ii(o,n,i)}var v;if(hr)b:{switch(e){case`compositionstart`:var y=`onCompositionStart`;break b;case`compositionend`:y=`onCompositionEnd`;break b;case`compositionupdate`:y=`onCompositionUpdate`;break b}y=void 0}else Cr?xr(e,n)&&(y=`onCompositionEnd`):e===`keydown`&&n.keyCode===229&&(y=`onCompositionStart`);y&&(vr&&n.locale!==`ko`&&(Cr||y!==`onCompositionStart`?y===`onCompositionEnd`&&Cr&&(v=zn()):(In=i,Ln=`value`in In?In.value:In.textContent,Cr=!0)),_=ki(r,y),0<_.length&&(y=new rr(y,e,null,n,i),o.push({event:y,listeners:_}),v?y.data=v:(v=Sr(n),v!==null&&(y.data=v)))),(v=_r?wr(e,n):Tr(e,n))&&(r=ki(r,`onBeforeInput`),0<r.length&&(i=new rr(`onBeforeInput`,`beforeinput`,null,n,i),o.push({event:i,listeners:r}),i.data=v))}Si(o,t)})}function Oi(e,t,n){return{instance:e,listener:t,currentTarget:n}}function ki(e,t){for(var n=t+`Capture`,r=[];e!==null;){var i=e,a=i.stateNode;i.tag===5&&a!==null&&(i=a,a=dt(e,n),a!=null&&r.unshift(Oi(e,a,i)),a=dt(e,t),a!=null&&r.push(Oi(e,a,i))),e=e.return}return r}function Ai(e){if(e===null)return null;do e=e.return;while(e&&e.tag!==5);return e||null}function ji(e,t,n,r,i){for(var a=t._reactName,o=[];n!==null&&n!==r;){var s=n,c=s.alternate,l=s.stateNode;if(c!==null&&c===r)break;s.tag===5&&l!==null&&(s=l,i?(c=dt(n,a),c!=null&&o.unshift(Oi(n,c,s))):i||(c=dt(n,a),c!=null&&o.push(Oi(n,c,s)))),n=n.return}o.length!==0&&e.push({event:t,listeners:o})}var Mi=/\r\n?/g,Ni=/\u0000|\uFFFD/g;function Pi(e){return(typeof e==`string`?e:``+e).replace(Mi,`
+`).replace(Ni,``)}function Fi(e,t,n){if(t=Pi(t),Pi(e)!==t&&n)throw Error(r(425))}function Ii(){}var Li=null,Ri=null;function zi(e,t){return e===`textarea`||e===`noscript`||typeof t.children==`string`||typeof t.children==`number`||typeof t.dangerouslySetInnerHTML==`object`&&t.dangerouslySetInnerHTML!==null&&t.dangerouslySetInnerHTML.__html!=null}var Bi=typeof setTimeout==`function`?setTimeout:void 0,Vi=typeof clearTimeout==`function`?clearTimeout:void 0,Hi=typeof Promise==`function`?Promise:void 0,Ui=typeof queueMicrotask==`function`?queueMicrotask:Hi===void 0?Bi:function(e){return Hi.resolve(null).then(e).catch(Wi)};function Wi(e){setTimeout(function(){throw e})}function Gi(e,t){var n=t,r=0;do{var i=n.nextSibling;if(e.removeChild(n),i&&i.nodeType===8)if(n=i.data,n===`/$`){if(r===0){e.removeChild(i),Dn(t);return}r--}else n!==`$`&&n!==`$?`&&n!==`$!`||r++;n=i}while(n);Dn(t)}function Ki(e){for(;e!=null;e=e.nextSibling){var t=e.nodeType;if(t===1||t===3)break;if(t===8){if(t=e.data,t===`$`||t===`$!`||t===`$?`)break;if(t===`/$`)return null}}return e}function qi(e){e=e.previousSibling;for(var t=0;e;){if(e.nodeType===8){var n=e.data;if(n===`$`||n===`$!`||n===`$?`){if(t===0)return e;t--}else n===`/$`&&t++}e=e.previousSibling}return null}var Ji=Math.random().toString(36).slice(2),Yi=`__reactFiber$`+Ji,Xi=`__reactProps$`+Ji,Zi=`__reactContainer$`+Ji,Qi=`__reactEvents$`+Ji,$i=`__reactListeners$`+Ji,ea=`__reactHandles$`+Ji;function ta(e){var t=e[Yi];if(t)return t;for(var n=e.parentNode;n;){if(t=n[Zi]||n[Yi]){if(n=t.alternate,t.child!==null||n!==null&&n.child!==null)for(e=qi(e);e!==null;){if(n=e[Yi])return n;e=qi(e)}return t}e=n,n=e.parentNode}return null}function na(e){return e=e[Yi]||e[Zi],!e||e.tag!==5&&e.tag!==6&&e.tag!==13&&e.tag!==3?null:e}function ra(e){if(e.tag===5||e.tag===6)return e.stateNode;throw Error(r(33))}function ia(e){return e[Xi]||null}var aa=[],oa=-1;function sa(e){return{current:e}}function D(e){0>oa||(e.current=aa[oa],aa[oa]=null,oa--)}function O(e,t){oa++,aa[oa]=e.current,e.current=t}var ca={},k=sa(ca),A=sa(!1),la=ca;function ua(e,t){var n=e.type.contextTypes;if(!n)return ca;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var i={},a;for(a in n)i[a]=t[a];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=i),i}function j(e){return e=e.childContextTypes,e!=null}function da(){D(A),D(k)}function fa(e,t,n){if(k.current!==ca)throw Error(r(168));O(k,t),O(A,n)}function pa(e,t,n){var i=e.stateNode;if(t=t.childContextTypes,typeof i.getChildContext!=`function`)return n;for(var a in i=i.getChildContext(),i)if(!(a in t))throw Error(r(108,Se(e)||`Unknown`,a));return C({},n,i)}function ma(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||ca,la=k.current,O(k,e),O(A,A.current),!0}function ha(e,t,n){var i=e.stateNode;if(!i)throw Error(r(169));n?(e=pa(e,t,la),i.__reactInternalMemoizedMergedChildContext=e,D(A),D(k),O(k,e)):D(A),O(A,n)}var ga=null,_a=!1,va=!1;function ya(e){ga===null?ga=[e]:ga.push(e)}function ba(e){_a=!0,ya(e)}function xa(){if(!va&&ga!==null){va=!0;var e=0,t=T;try{var n=ga;for(T=1;e<n.length;e++){var r=n[e];do r=r(!0);while(r!==null)}ga=null,_a=!1}catch(t){throw ga!==null&&(ga=ga.slice(e+1)),Ot(Nt,xa),t}finally{T=t,va=!1}}return null}var Sa=[],Ca=0,wa=null,Ta=0,Ea=[],Da=0,Oa=null,ka=1,Aa=``;function ja(e,t){Sa[Ca++]=Ta,Sa[Ca++]=wa,wa=e,Ta=t}function Ma(e,t,n){Ea[Da++]=ka,Ea[Da++]=Aa,Ea[Da++]=Oa,Oa=e;var r=ka;e=Aa;var i=32-Vt(r)-1;r&=~(1<<i),n+=1;var a=32-Vt(t)+i;if(30<a){var o=i-i%5;a=(r&(1<<o)-1).toString(32),r>>=o,i-=o,ka=1<<32-Vt(t)+i|n<<i|r,Aa=a+e}else ka=1<<a|n<<i|r,Aa=e}function Na(e){e.return!==null&&(ja(e,1),Ma(e,1,0))}function Pa(e){for(;e===wa;)wa=Sa[--Ca],Sa[Ca]=null,Ta=Sa[--Ca],Sa[Ca]=null;for(;e===Oa;)Oa=Ea[--Da],Ea[Da]=null,Aa=Ea[--Da],Ea[Da]=null,ka=Ea[--Da],Ea[Da]=null}var Fa=null,Ia=null,M=!1,La=null;function Ra(e,t){var n=Kl(5,null,null,0);n.elementType=`DELETED`,n.stateNode=t,n.return=e,t=e.deletions,t===null?(e.deletions=[n],e.flags|=16):t.push(n)}function za(e,t){switch(e.tag){case 5:var n=e.type;return t=t.nodeType!==1||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t,t===null?!1:(e.stateNode=t,Fa=e,Ia=Ki(t.firstChild),!0);case 6:return t=e.pendingProps===``||t.nodeType!==3?null:t,t===null?!1:(e.stateNode=t,Fa=e,Ia=null,!0);case 13:return t=t.nodeType===8?t:null,t===null?!1:(n=Oa===null?null:{id:ka,overflow:Aa},e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},n=Kl(18,null,null,0),n.stateNode=t,n.return=e,e.child=n,Fa=e,Ia=null,!0);default:return!1}}function Ba(e){return(e.mode&1)!=0&&(e.flags&128)==0}function Va(e){if(M){var t=Ia;if(t){var n=t;if(!za(e,t)){if(Ba(e))throw Error(r(418));t=Ki(n.nextSibling);var i=Fa;t&&za(e,t)?Ra(i,n):(e.flags=e.flags&-4097|2,M=!1,Fa=e)}}else{if(Ba(e))throw Error(r(418));e.flags=e.flags&-4097|2,M=!1,Fa=e}}}function Ha(e){for(e=e.return;e!==null&&e.tag!==5&&e.tag!==3&&e.tag!==13;)e=e.return;Fa=e}function Ua(e){if(e!==Fa)return!1;if(!M)return Ha(e),M=!0,!1;var t;if((t=e.tag!==3)&&!(t=e.tag!==5)&&(t=e.type,t=t!==`head`&&t!==`body`&&!zi(e.type,e.memoizedProps)),t&&=Ia){if(Ba(e))throw Wa(),Error(r(418));for(;t;)Ra(e,t),t=Ki(t.nextSibling)}if(Ha(e),e.tag===13){if(e=e.memoizedState,e=e===null?null:e.dehydrated,!e)throw Error(r(317));a:{for(e=e.nextSibling,t=0;e;){if(e.nodeType===8){var n=e.data;if(n===`/$`){if(t===0){Ia=Ki(e.nextSibling);break a}t--}else n!==`$`&&n!==`$!`&&n!==`$?`||t++}e=e.nextSibling}Ia=null}}else Ia=Fa?Ki(e.stateNode.nextSibling):null;return!0}function Wa(){for(var e=Ia;e;)e=Ki(e.nextSibling)}function Ga(){Ia=Fa=null,M=!1}function Ka(e){La===null?La=[e]:La.push(e)}var qa=x.ReactCurrentBatchConfig;function Ja(e,t,n){if(e=n.ref,e!==null&&typeof e!=`function`&&typeof e!=`object`){if(n._owner){if(n=n._owner,n){if(n.tag!==1)throw Error(r(309));var i=n.stateNode}if(!i)throw Error(r(147,e));var a=i,o=``+e;return t!==null&&t.ref!==null&&typeof t.ref==`function`&&t.ref._stringRef===o?t.ref:(t=function(e){var t=a.refs;e===null?delete t[o]:t[o]=e},t._stringRef=o,t)}if(typeof e!=`string`)throw Error(r(284));if(!n._owner)throw Error(r(290,e))}return e}function Ya(e,t){throw e=Object.prototype.toString.call(t),Error(r(31,e===`[object Object]`?`object with keys {`+Object.keys(t).join(`, `)+`}`:e))}function Xa(e){var t=e._init;return t(e._payload)}function Za(e){function t(t,n){if(e){var r=t.deletions;r===null?(t.deletions=[n],t.flags|=16):r.push(n)}}function n(n,r){if(!e)return null;for(;r!==null;)t(n,r),r=r.sibling;return null}function i(e,t){for(e=new Map;t!==null;)t.key===null?e.set(t.index,t):e.set(t.key,t),t=t.sibling;return e}function a(e,t){return e=Yl(e,t),e.index=0,e.sibling=null,e}function o(t,n,r){return t.index=r,e?(r=t.alternate,r===null?(t.flags|=2,n):(r=r.index,r<n?(t.flags|=2,n):r)):(t.flags|=1048576,n)}function s(t){return e&&t.alternate===null&&(t.flags|=2),t}function c(e,t,n,r){return t===null||t.tag!==6?(t=$l(n,e.mode,r),t.return=e,t):(t=a(t,n),t.return=e,t)}function l(e,t,n,r){var i=n.type;return i===ie?d(e,t,n.props.children,r,n.key):t!==null&&(t.elementType===i||typeof i==`object`&&i&&i.$$typeof===fe&&Xa(i)===t.type)?(r=a(t,n.props),r.ref=Ja(e,t,n),r.return=e,r):(r=Xl(n.type,n.key,n.props,null,e.mode,r),r.ref=Ja(e,t,n),r.return=e,r)}function u(e,t,n,r){return t===null||t.tag!==4||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?(t=eu(n,e.mode,r),t.return=e,t):(t=a(t,n.children||[]),t.return=e,t)}function d(e,t,n,r,i){return t===null||t.tag!==7?(t=Zl(n,e.mode,r,i),t.return=e,t):(t=a(t,n),t.return=e,t)}function f(e,t,n){if(typeof t==`string`&&t!==``||typeof t==`number`)return t=$l(``+t,e.mode,n),t.return=e,t;if(typeof t==`object`&&t){switch(t.$$typeof){case ne:return n=Xl(t.type,t.key,t.props,null,e.mode,n),n.ref=Ja(e,null,t),n.return=e,n;case re:return t=eu(t,e.mode,n),t.return=e,t;case fe:var r=t._init;return f(e,r(t._payload),n)}if(Fe(t)||he(t))return t=Zl(t,e.mode,n,null),t.return=e,t;Ya(e,t)}return null}function p(e,t,n,r){var i=t===null?null:t.key;if(typeof n==`string`&&n!==``||typeof n==`number`)return i===null?c(e,t,``+n,r):null;if(typeof n==`object`&&n){switch(n.$$typeof){case ne:return n.key===i?l(e,t,n,r):null;case re:return n.key===i?u(e,t,n,r):null;case fe:return i=n._init,p(e,t,i(n._payload),r)}if(Fe(n)||he(n))return i===null?d(e,t,n,r,null):null;Ya(e,n)}return null}function m(e,t,n,r,i){if(typeof r==`string`&&r!==``||typeof r==`number`)return e=e.get(n)||null,c(t,e,``+r,i);if(typeof r==`object`&&r){switch(r.$$typeof){case ne:return e=e.get(r.key===null?n:r.key)||null,l(t,e,r,i);case re:return e=e.get(r.key===null?n:r.key)||null,u(t,e,r,i);case fe:var a=r._init;return m(e,t,n,a(r._payload),i)}if(Fe(r)||he(r))return e=e.get(n)||null,d(t,e,r,i,null);Ya(t,r)}return null}function h(r,a,s,c){for(var l=null,u=null,d=a,h=a=0,g=null;d!==null&&h<s.length;h++){d.index>h?(g=d,d=null):g=d.sibling;var _=p(r,d,s[h],c);if(_===null){d===null&&(d=g);break}e&&d&&_.alternate===null&&t(r,d),a=o(_,a,h),u===null?l=_:u.sibling=_,u=_,d=g}if(h===s.length)return n(r,d),M&&ja(r,h),l;if(d===null){for(;h<s.length;h++)d=f(r,s[h],c),d!==null&&(a=o(d,a,h),u===null?l=d:u.sibling=d,u=d);return M&&ja(r,h),l}for(d=i(r,d);h<s.length;h++)g=m(d,r,h,s[h],c),g!==null&&(e&&g.alternate!==null&&d.delete(g.key===null?h:g.key),a=o(g,a,h),u===null?l=g:u.sibling=g,u=g);return e&&d.forEach(function(e){return t(r,e)}),M&&ja(r,h),l}function g(a,s,c,l){var u=he(c);if(typeof u!=`function`)throw Error(r(150));if(c=u.call(c),c==null)throw Error(r(151));for(var d=u=null,h=s,g=s=0,_=null,v=c.next();h!==null&&!v.done;g++,v=c.next()){h.index>g?(_=h,h=null):_=h.sibling;var y=p(a,h,v.value,l);if(y===null){h===null&&(h=_);break}e&&h&&y.alternate===null&&t(a,h),s=o(y,s,g),d===null?u=y:d.sibling=y,d=y,h=_}if(v.done)return n(a,h),M&&ja(a,g),u;if(h===null){for(;!v.done;g++,v=c.next())v=f(a,v.value,l),v!==null&&(s=o(v,s,g),d===null?u=v:d.sibling=v,d=v);return M&&ja(a,g),u}for(h=i(a,h);!v.done;g++,v=c.next())v=m(h,a,g,v.value,l),v!==null&&(e&&v.alternate!==null&&h.delete(v.key===null?g:v.key),s=o(v,s,g),d===null?u=v:d.sibling=v,d=v);return e&&h.forEach(function(e){return t(a,e)}),M&&ja(a,g),u}function _(e,r,i,o){if(typeof i==`object`&&i&&i.type===ie&&i.key===null&&(i=i.props.children),typeof i==`object`&&i){switch(i.$$typeof){case ne:a:{for(var c=i.key,l=r;l!==null;){if(l.key===c){if(c=i.type,c===ie){if(l.tag===7){n(e,l.sibling),r=a(l,i.props.children),r.return=e,e=r;break a}}else if(l.elementType===c||typeof c==`object`&&c&&c.$$typeof===fe&&Xa(c)===l.type){n(e,l.sibling),r=a(l,i.props),r.ref=Ja(e,l,i),r.return=e,e=r;break a}n(e,l);break}else t(e,l);l=l.sibling}i.type===ie?(r=Zl(i.props.children,e.mode,o,i.key),r.return=e,e=r):(o=Xl(i.type,i.key,i.props,null,e.mode,o),o.ref=Ja(e,r,i),o.return=e,e=o)}return s(e);case re:a:{for(l=i.key;r!==null;){if(r.key===l)if(r.tag===4&&r.stateNode.containerInfo===i.containerInfo&&r.stateNode.implementation===i.implementation){n(e,r.sibling),r=a(r,i.children||[]),r.return=e,e=r;break a}else{n(e,r);break}else t(e,r);r=r.sibling}r=eu(i,e.mode,o),r.return=e,e=r}return s(e);case fe:return l=i._init,_(e,r,l(i._payload),o)}if(Fe(i))return h(e,r,i,o);if(he(i))return g(e,r,i,o);Ya(e,i)}return typeof i==`string`&&i!==``||typeof i==`number`?(i=``+i,r!==null&&r.tag===6?(n(e,r.sibling),r=a(r,i),r.return=e,e=r):(n(e,r),r=$l(i,e.mode,o),r.return=e,e=r),s(e)):n(e,r)}return _}var Qa=Za(!0),$a=Za(!1),eo=sa(null),to=null,no=null,ro=null;function io(){ro=no=to=null}function ao(e){var t=eo.current;D(eo),e._currentValue=t}function oo(e,t,n){for(;e!==null;){var r=e.alternate;if((e.childLanes&t)===t?r!==null&&(r.childLanes&t)!==t&&(r.childLanes|=t):(e.childLanes|=t,r!==null&&(r.childLanes|=t)),e===n)break;e=e.return}}function so(e,t){to=e,ro=no=null,e=e.dependencies,e!==null&&e.firstContext!==null&&((e.lanes&t)!==0&&(R=!0),e.firstContext=null)}function co(e){var t=e._currentValue;if(ro!==e)if(e={context:e,memoizedValue:t,next:null},no===null){if(to===null)throw Error(r(308));no=e,to.dependencies={lanes:0,firstContext:e}}else no=no.next=e;return t}var lo=null;function uo(e){lo===null?lo=[e]:lo.push(e)}function fo(e,t,n,r){var i=t.interleaved;return i===null?(n.next=n,uo(t)):(n.next=i.next,i.next=n),t.interleaved=n,po(e,r)}function po(e,t){e.lanes|=t;var n=e.alternate;for(n!==null&&(n.lanes|=t),n=e,e=e.return;e!==null;)e.childLanes|=t,n=e.alternate,n!==null&&(n.childLanes|=t),n=e,e=e.return;return n.tag===3?n.stateNode:null}var mo=!1;function ho(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function go(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function _o(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function vo(e,t,n){var r=e.updateQueue;if(r===null)return null;if(r=r.shared,W&2){var i=r.pending;return i===null?t.next=t:(t.next=i.next,i.next=t),r.pending=t,po(e,n)}return i=r.interleaved,i===null?(t.next=t,uo(r)):(t.next=i.next,i.next=t),r.interleaved=t,po(e,n)}function yo(e,t,n){if(t=t.updateQueue,t!==null&&(t=t.shared,n&4194240)){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,nn(e,n)}}function bo(e,t){var n=e.updateQueue,r=e.alternate;if(r!==null&&(r=r.updateQueue,n===r)){var i=null,a=null;if(n=n.firstBaseUpdate,n!==null){do{var o={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};a===null?i=a=o:a=a.next=o,n=n.next}while(n!==null);a===null?i=a=t:a=a.next=t}else i=a=t;n={baseState:r.baseState,firstBaseUpdate:i,lastBaseUpdate:a,shared:r.shared,effects:r.effects},e.updateQueue=n;return}e=n.lastBaseUpdate,e===null?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function xo(e,t,n,r){var i=e.updateQueue;mo=!1;var a=i.firstBaseUpdate,o=i.lastBaseUpdate,s=i.shared.pending;if(s!==null){i.shared.pending=null;var c=s,l=c.next;c.next=null,o===null?a=l:o.next=l,o=c;var u=e.alternate;u!==null&&(u=u.updateQueue,s=u.lastBaseUpdate,s!==o&&(s===null?u.firstBaseUpdate=l:s.next=l,u.lastBaseUpdate=c))}if(a!==null){var d=i.baseState;o=0,u=l=c=null,s=a;do{var f=s.lane,p=s.eventTime;if((r&f)===f){u!==null&&(u=u.next={eventTime:p,lane:0,tag:s.tag,payload:s.payload,callback:s.callback,next:null});a:{var m=e,h=s;switch(f=t,p=n,h.tag){case 1:if(m=h.payload,typeof m==`function`){d=m.call(p,d,f);break a}d=m;break a;case 3:m.flags=m.flags&-65537|128;case 0:if(m=h.payload,f=typeof m==`function`?m.call(p,d,f):m,f==null)break a;d=C({},d,f);break a;case 2:mo=!0}}s.callback!==null&&s.lane!==0&&(e.flags|=64,f=i.effects,f===null?i.effects=[s]:f.push(s))}else p={eventTime:p,lane:f,tag:s.tag,payload:s.payload,callback:s.callback,next:null},u===null?(l=u=p,c=d):u=u.next=p,o|=f;if(s=s.next,s===null){if(s=i.shared.pending,s===null)break;f=s,s=f.next,f.next=null,i.lastBaseUpdate=f,i.shared.pending=null}}while(1);if(u===null&&(c=d),i.baseState=c,i.firstBaseUpdate=l,i.lastBaseUpdate=u,t=i.shared.interleaved,t!==null){i=t;do o|=i.lane,i=i.next;while(i!==t)}else a===null&&(i.shared.lanes=0);Qc|=o,e.lanes=o,e.memoizedState=d}}function So(e,t,n){if(e=t.effects,t.effects=null,e!==null)for(t=0;t<e.length;t++){var i=e[t],a=i.callback;if(a!==null){if(i.callback=null,i=n,typeof a!=`function`)throw Error(r(191,a));a.call(i)}}}var Co={},wo=sa(Co),To=sa(Co),Eo=sa(Co);function Do(e){if(e===Co)throw Error(r(174));return e}function Oo(e,t){switch(O(Eo,t),O(To,e),O(wo,Co),e=t.nodeType,e){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:He(null,``);break;default:e=e===8?t.parentNode:t,t=e.namespaceURI||null,e=e.tagName,t=He(t,e)}D(wo),O(wo,t)}function ko(){D(wo),D(To),D(Eo)}function Ao(e){Do(Eo.current);var t=Do(wo.current),n=He(t,e.type);t!==n&&(O(To,e),O(wo,n))}function jo(e){To.current===e&&(D(wo),D(To))}var N=sa(0);function Mo(e){for(var t=e;t!==null;){if(t.tag===13){var n=t.memoizedState;if(n!==null&&(n=n.dehydrated,n===null||n.data===`$?`||n.data===`$!`))return t}else if(t.tag===19&&t.memoizedProps.revealOrder!==void 0){if(t.flags&128)return t}else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var No=[];function Po(){for(var e=0;e<No.length;e++)No[e]._workInProgressVersionPrimary=null;No.length=0}var Fo=x.ReactCurrentDispatcher,Io=x.ReactCurrentBatchConfig,Lo=0,P=null,F=null,I=null,Ro=!1,zo=!1,Bo=0,Vo=0;function L(){throw Error(r(321))}function Ho(e,t){if(t===null)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!Gr(e[n],t[n]))return!1;return!0}function Uo(e,t,n,i,a,o){if(Lo=o,P=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,Fo.current=e===null||e.memoizedState===null?Es:Ds,e=n(i,a),zo){o=0;do{if(zo=!1,Bo=0,25<=o)throw Error(r(301));o+=1,I=F=null,t.updateQueue=null,Fo.current=Os,e=n(i,a)}while(zo)}if(Fo.current=Ts,t=F!==null&&F.next!==null,Lo=0,I=F=P=null,Ro=!1,t)throw Error(r(300));return e}function Wo(){var e=Bo!==0;return Bo=0,e}function Go(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return I===null?P.memoizedState=I=e:I=I.next=e,I}function Ko(){if(F===null){var e=P.alternate;e=e===null?null:e.memoizedState}else e=F.next;var t=I===null?P.memoizedState:I.next;if(t!==null)I=t,F=e;else{if(e===null)throw Error(r(310));F=e,e={memoizedState:F.memoizedState,baseState:F.baseState,baseQueue:F.baseQueue,queue:F.queue,next:null},I===null?P.memoizedState=I=e:I=I.next=e}return I}function qo(e,t){return typeof t==`function`?t(e):t}function Jo(e){var t=Ko(),n=t.queue;if(n===null)throw Error(r(311));n.lastRenderedReducer=e;var i=F,a=i.baseQueue,o=n.pending;if(o!==null){if(a!==null){var s=a.next;a.next=o.next,o.next=s}i.baseQueue=a=o,n.pending=null}if(a!==null){o=a.next,i=i.baseState;var c=s=null,l=null,u=o;do{var d=u.lane;if((Lo&d)===d)l!==null&&(l=l.next={lane:0,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null}),i=u.hasEagerState?u.eagerState:e(i,u.action);else{var f={lane:d,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null};l===null?(c=l=f,s=i):l=l.next=f,P.lanes|=d,Qc|=d}u=u.next}while(u!==null&&u!==o);l===null?s=i:l.next=c,Gr(i,t.memoizedState)||(R=!0),t.memoizedState=i,t.baseState=s,t.baseQueue=l,n.lastRenderedState=i}if(e=n.interleaved,e!==null){a=e;do o=a.lane,P.lanes|=o,Qc|=o,a=a.next;while(a!==e)}else a===null&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function Yo(e){var t=Ko(),n=t.queue;if(n===null)throw Error(r(311));n.lastRenderedReducer=e;var i=n.dispatch,a=n.pending,o=t.memoizedState;if(a!==null){n.pending=null;var s=a=a.next;do o=e(o,s.action),s=s.next;while(s!==a);Gr(o,t.memoizedState)||(R=!0),t.memoizedState=o,t.baseQueue===null&&(t.baseState=o),n.lastRenderedState=o}return[o,i]}function Xo(){}function Zo(e,t){var n=P,i=Ko(),a=t(),o=!Gr(i.memoizedState,a);if(o&&(i.memoizedState=a,R=!0),i=i.queue,ls(es.bind(null,n,i,e),[e]),i.getSnapshot!==t||o||I!==null&&I.memoizedState.tag&1){if(n.flags|=2048,is(9,$o.bind(null,n,i,a,t),void 0,null),G===null)throw Error(r(349));Lo&30||Qo(n,t,a)}return a}function Qo(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},t=P.updateQueue,t===null?(t={lastEffect:null,stores:null},P.updateQueue=t,t.stores=[e]):(n=t.stores,n===null?t.stores=[e]:n.push(e))}function $o(e,t,n,r){t.value=n,t.getSnapshot=r,ts(t)&&ns(e)}function es(e,t,n){return n(function(){ts(t)&&ns(e)})}function ts(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!Gr(e,n)}catch{return!0}}function ns(e){var t=po(e,1);t!==null&&gl(t,e,1,-1)}function rs(e){var t=Go();return typeof e==`function`&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:qo,lastRenderedState:e},t.queue=e,e=e.dispatch=xs.bind(null,P,e),[t.memoizedState,e]}function is(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},t=P.updateQueue,t===null?(t={lastEffect:null,stores:null},P.updateQueue=t,t.lastEffect=e.next=e):(n=t.lastEffect,n===null?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e)),e}function as(){return Ko().memoizedState}function os(e,t,n,r){var i=Go();P.flags|=e,i.memoizedState=is(1|t,n,void 0,r===void 0?null:r)}function ss(e,t,n,r){var i=Ko();r=r===void 0?null:r;var a=void 0;if(F!==null){var o=F.memoizedState;if(a=o.destroy,r!==null&&Ho(r,o.deps)){i.memoizedState=is(t,n,a,r);return}}P.flags|=e,i.memoizedState=is(1|t,n,a,r)}function cs(e,t){return os(8390656,8,e,t)}function ls(e,t){return ss(2048,8,e,t)}function us(e,t){return ss(4,2,e,t)}function ds(e,t){return ss(4,4,e,t)}function fs(e,t){if(typeof t==`function`)return e=e(),t(e),function(){t(null)};if(t!=null)return e=e(),t.current=e,function(){t.current=null}}function ps(e,t,n){return n=n==null?null:n.concat([e]),ss(4,4,fs.bind(null,t,e),n)}function ms(){}function hs(e,t){var n=Ko();t=t===void 0?null:t;var r=n.memoizedState;return r!==null&&t!==null&&Ho(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function gs(e,t){var n=Ko();t=t===void 0?null:t;var r=n.memoizedState;return r!==null&&t!==null&&Ho(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function _s(e,t,n){return Lo&21?(Gr(n,t)||(n=Qt(),P.lanes|=n,Qc|=n,e.baseState=!0),t):(e.baseState&&(e.baseState=!1,R=!0),e.memoizedState=n)}function vs(e,t){var n=T;T=n!==0&&4>n?n:4,e(!0);var r=Io.transition;Io.transition={};try{e(!1),t()}finally{T=n,Io.transition=r}}function ys(){return Ko().memoizedState}function bs(e,t,n){var r=hl(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},Ss(e))Cs(t,n);else if(n=fo(e,t,n,r),n!==null){var i=Z();gl(n,e,r,i),ws(n,t,r)}}function xs(e,t,n){var r=hl(e),i={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(Ss(e))Cs(t,i);else{var a=e.alternate;if(e.lanes===0&&(a===null||a.lanes===0)&&(a=t.lastRenderedReducer,a!==null))try{var o=t.lastRenderedState,s=a(o,n);if(i.hasEagerState=!0,i.eagerState=s,Gr(s,o)){var c=t.interleaved;c===null?(i.next=i,uo(t)):(i.next=c.next,c.next=i),t.interleaved=i;return}}catch{}n=fo(e,t,i,r),n!==null&&(i=Z(),gl(n,e,r,i),ws(n,t,r))}}function Ss(e){var t=e.alternate;return e===P||t!==null&&t===P}function Cs(e,t){zo=Ro=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function ws(e,t,n){if(n&4194240){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,nn(e,n)}}var Ts={readContext:co,useCallback:L,useContext:L,useEffect:L,useImperativeHandle:L,useInsertionEffect:L,useLayoutEffect:L,useMemo:L,useReducer:L,useRef:L,useState:L,useDebugValue:L,useDeferredValue:L,useTransition:L,useMutableSource:L,useSyncExternalStore:L,useId:L,unstable_isNewReconciler:!1},Es={readContext:co,useCallback:function(e,t){return Go().memoizedState=[e,t===void 0?null:t],e},useContext:co,useEffect:cs,useImperativeHandle:function(e,t,n){return n=n==null?null:n.concat([e]),os(4194308,4,fs.bind(null,t,e),n)},useLayoutEffect:function(e,t){return os(4194308,4,e,t)},useInsertionEffect:function(e,t){return os(4,2,e,t)},useMemo:function(e,t){var n=Go();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=Go();return t=n===void 0?t:n(t),r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=bs.bind(null,P,e),[r.memoizedState,e]},useRef:function(e){var t=Go();return e={current:e},t.memoizedState=e},useState:rs,useDebugValue:ms,useDeferredValue:function(e){return Go().memoizedState=e},useTransition:function(){var e=rs(!1),t=e[0];return e=vs.bind(null,e[1]),Go().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var i=P,a=Go();if(M){if(n===void 0)throw Error(r(407));n=n()}else{if(n=t(),G===null)throw Error(r(349));Lo&30||Qo(i,t,n)}a.memoizedState=n;var o={value:n,getSnapshot:t};return a.queue=o,cs(es.bind(null,i,o,e),[e]),i.flags|=2048,is(9,$o.bind(null,i,o,n,t),void 0,null),n},useId:function(){var e=Go(),t=G.identifierPrefix;if(M){var n=Aa,r=ka;n=(r&~(1<<32-Vt(r)-1)).toString(32)+n,t=`:`+t+`R`+n,n=Bo++,0<n&&(t+=`H`+n.toString(32)),t+=`:`}else n=Vo++,t=`:`+t+`r`+n.toString(32)+`:`;return e.memoizedState=t},unstable_isNewReconciler:!1},Ds={readContext:co,useCallback:hs,useContext:co,useEffect:ls,useImperativeHandle:ps,useInsertionEffect:us,useLayoutEffect:ds,useMemo:gs,useReducer:Jo,useRef:as,useState:function(){return Jo(qo)},useDebugValue:ms,useDeferredValue:function(e){return _s(Ko(),F.memoizedState,e)},useTransition:function(){return[Jo(qo)[0],Ko().memoizedState]},useMutableSource:Xo,useSyncExternalStore:Zo,useId:ys,unstable_isNewReconciler:!1},Os={readContext:co,useCallback:hs,useContext:co,useEffect:ls,useImperativeHandle:ps,useInsertionEffect:us,useLayoutEffect:ds,useMemo:gs,useReducer:Yo,useRef:as,useState:function(){return Yo(qo)},useDebugValue:ms,useDeferredValue:function(e){var t=Ko();return F===null?t.memoizedState=e:_s(t,F.memoizedState,e)},useTransition:function(){return[Yo(qo)[0],Ko().memoizedState]},useMutableSource:Xo,useSyncExternalStore:Zo,useId:ys,unstable_isNewReconciler:!1};function ks(e,t){if(e&&e.defaultProps){for(var n in t=C({},t),e=e.defaultProps,e)t[n]===void 0&&(t[n]=e[n]);return t}return t}function As(e,t,n,r){t=e.memoizedState,n=n(r,t),n=n==null?t:C({},t,n),e.memoizedState=n,e.lanes===0&&(e.updateQueue.baseState=n)}var js={isMounted:function(e){return(e=e._reactInternals)?St(e)===e:!1},enqueueSetState:function(e,t,n){e=e._reactInternals;var r=Z(),i=hl(e),a=_o(r,i);a.payload=t,n!=null&&(a.callback=n),t=vo(e,a,i),t!==null&&(gl(t,e,i,r),yo(t,e,i))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=Z(),i=hl(e),a=_o(r,i);a.tag=1,a.payload=t,n!=null&&(a.callback=n),t=vo(e,a,i),t!==null&&(gl(t,e,i,r),yo(t,e,i))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=Z(),r=hl(e),i=_o(n,r);i.tag=2,t!=null&&(i.callback=t),t=vo(e,i,r),t!==null&&(gl(t,e,r,n),yo(t,e,r))}};function Ms(e,t,n,r,i,a,o){return e=e.stateNode,typeof e.shouldComponentUpdate==`function`?e.shouldComponentUpdate(r,a,o):t.prototype&&t.prototype.isPureReactComponent?!Kr(n,r)||!Kr(i,a):!0}function Ns(e,t,n){var r=!1,i=ca,a=t.contextType;return typeof a==`object`&&a?a=co(a):(i=j(t)?la:k.current,r=t.contextTypes,a=(r=r!=null)?ua(e,i):ca),t=new t(n,a),e.memoizedState=t.state!==null&&t.state!==void 0?t.state:null,t.updater=js,e.stateNode=t,t._reactInternals=e,r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=i,e.__reactInternalMemoizedMaskedChildContext=a),t}function Ps(e,t,n,r){e=t.state,typeof t.componentWillReceiveProps==`function`&&t.componentWillReceiveProps(n,r),typeof t.UNSAFE_componentWillReceiveProps==`function`&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&js.enqueueReplaceState(t,t.state,null)}function Fs(e,t,n,r){var i=e.stateNode;i.props=n,i.state=e.memoizedState,i.refs={},ho(e);var a=t.contextType;typeof a==`object`&&a?i.context=co(a):(a=j(t)?la:k.current,i.context=ua(e,a)),i.state=e.memoizedState,a=t.getDerivedStateFromProps,typeof a==`function`&&(As(e,t,a,n),i.state=e.memoizedState),typeof t.getDerivedStateFromProps==`function`||typeof i.getSnapshotBeforeUpdate==`function`||typeof i.UNSAFE_componentWillMount!=`function`&&typeof i.componentWillMount!=`function`||(t=i.state,typeof i.componentWillMount==`function`&&i.componentWillMount(),typeof i.UNSAFE_componentWillMount==`function`&&i.UNSAFE_componentWillMount(),t!==i.state&&js.enqueueReplaceState(i,i.state,null),xo(e,n,i,r),i.state=e.memoizedState),typeof i.componentDidMount==`function`&&(e.flags|=4194308)}function Is(e,t){try{var n=``,r=t;do n+=be(r),r=r.return;while(r);var i=n}catch(e){i=`
+Error generating stack: `+e.message+`
+`+e.stack}return{value:e,source:t,stack:i,digest:null}}function Ls(e,t,n){return{value:e,source:null,stack:n??null,digest:t??null}}function Rs(e,t){try{console.error(t.value)}catch(e){setTimeout(function(){throw e})}}var zs=typeof WeakMap==`function`?WeakMap:Map;function Bs(e,t,n){n=_o(-1,n),n.tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){al||(al=!0,ol=r),Rs(e,t)},n}function Vs(e,t,n){n=_o(-1,n),n.tag=3;var r=e.type.getDerivedStateFromError;if(typeof r==`function`){var i=t.value;n.payload=function(){return r(i)},n.callback=function(){Rs(e,t)}}var a=e.stateNode;return a!==null&&typeof a.componentDidCatch==`function`&&(n.callback=function(){Rs(e,t),typeof r!=`function`&&(sl===null?sl=new Set([this]):sl.add(this));var n=t.stack;this.componentDidCatch(t.value,{componentStack:n===null?``:n})}),n}function Hs(e,t,n){var r=e.pingCache;if(r===null){r=e.pingCache=new zs;var i=new Set;r.set(t,i)}else i=r.get(t),i===void 0&&(i=new Set,r.set(t,i));i.has(n)||(i.add(n),e=zl.bind(null,e,t,n),t.then(e,e))}function Us(e){do{var t;if((t=e.tag===13)&&(t=e.memoizedState,t=t===null?!0:t.dehydrated!==null),t)return e;e=e.return}while(e!==null);return null}function Ws(e,t,n,r,i){return e.mode&1?(e.flags|=65536,e.lanes=i,e):(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,n.tag===1&&(n.alternate===null?n.tag=17:(t=_o(-1,1),t.tag=2,vo(n,t,1))),n.lanes|=1),e)}var Gs=x.ReactCurrentOwner,R=!1;function z(e,t,n,r){t.child=e===null?$a(t,null,n,r):Qa(t,e.child,n,r)}function Ks(e,t,n,r,i){n=n.render;var a=t.ref;return so(t,i),r=Uo(e,t,n,r,a,i),n=Wo(),e!==null&&!R?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~i,fc(e,t,i)):(M&&n&&Na(t),t.flags|=1,z(e,t,r,i),t.child)}function qs(e,t,n,r,i){if(e===null){var a=n.type;return typeof a==`function`&&!ql(a)&&a.defaultProps===void 0&&n.compare===null&&n.defaultProps===void 0?(t.tag=15,t.type=a,Js(e,t,a,r,i)):(e=Xl(n.type,null,r,t,t.mode,i),e.ref=t.ref,e.return=t,t.child=e)}if(a=e.child,(e.lanes&i)===0){var o=a.memoizedProps;if(n=n.compare,n=n===null?Kr:n,n(o,r)&&e.ref===t.ref)return fc(e,t,i)}return t.flags|=1,e=Yl(a,r),e.ref=t.ref,e.return=t,t.child=e}function Js(e,t,n,r,i){if(e!==null){var a=e.memoizedProps;if(Kr(a,r)&&e.ref===t.ref)if(R=!1,t.pendingProps=r=a,(e.lanes&i)!==0)e.flags&131072&&(R=!0);else return t.lanes=e.lanes,fc(e,t,i)}return Zs(e,t,n,r,i)}function Ys(e,t,n){var r=t.pendingProps,i=r.children,a=e===null?null:e.memoizedState;if(r.mode===`hidden`)if(!(t.mode&1))t.memoizedState={baseLanes:0,cachePool:null,transitions:null},O(Xc,J),J|=n;else{if(!(n&1073741824))return e=a===null?n:a.baseLanes|n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,O(Xc,J),J|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=a===null?n:a.baseLanes,O(Xc,J),J|=r}else a===null?r=n:(r=a.baseLanes|n,t.memoizedState=null),O(Xc,J),J|=r;return z(e,t,i,n),t.child}function Xs(e,t){var n=t.ref;(e===null&&n!==null||e!==null&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function Zs(e,t,n,r,i){var a=j(n)?la:k.current;return a=ua(t,a),so(t,i),n=Uo(e,t,n,r,a,i),r=Wo(),e!==null&&!R?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~i,fc(e,t,i)):(M&&r&&Na(t),t.flags|=1,z(e,t,n,i),t.child)}function Qs(e,t,n,r,i){if(j(n)){var a=!0;ma(t)}else a=!1;if(so(t,i),t.stateNode===null)dc(e,t),Ns(t,n,r),Fs(t,n,r,i),r=!0;else if(e===null){var o=t.stateNode,s=t.memoizedProps;o.props=s;var c=o.context,l=n.contextType;typeof l==`object`&&l?l=co(l):(l=j(n)?la:k.current,l=ua(t,l));var u=n.getDerivedStateFromProps,d=typeof u==`function`||typeof o.getSnapshotBeforeUpdate==`function`;d||typeof o.UNSAFE_componentWillReceiveProps!=`function`&&typeof o.componentWillReceiveProps!=`function`||(s!==r||c!==l)&&Ps(t,o,r,l),mo=!1;var f=t.memoizedState;o.state=f,xo(t,r,o,i),c=t.memoizedState,s!==r||f!==c||A.current||mo?(typeof u==`function`&&(As(t,n,u,r),c=t.memoizedState),(s=mo||Ms(t,n,s,r,f,c,l))?(d||typeof o.UNSAFE_componentWillMount!=`function`&&typeof o.componentWillMount!=`function`||(typeof o.componentWillMount==`function`&&o.componentWillMount(),typeof o.UNSAFE_componentWillMount==`function`&&o.UNSAFE_componentWillMount()),typeof o.componentDidMount==`function`&&(t.flags|=4194308)):(typeof o.componentDidMount==`function`&&(t.flags|=4194308),t.memoizedProps=r,t.memoizedState=c),o.props=r,o.state=c,o.context=l,r=s):(typeof o.componentDidMount==`function`&&(t.flags|=4194308),r=!1)}else{o=t.stateNode,go(e,t),s=t.memoizedProps,l=t.type===t.elementType?s:ks(t.type,s),o.props=l,d=t.pendingProps,f=o.context,c=n.contextType,typeof c==`object`&&c?c=co(c):(c=j(n)?la:k.current,c=ua(t,c));var p=n.getDerivedStateFromProps;(u=typeof p==`function`||typeof o.getSnapshotBeforeUpdate==`function`)||typeof o.UNSAFE_componentWillReceiveProps!=`function`&&typeof o.componentWillReceiveProps!=`function`||(s!==d||f!==c)&&Ps(t,o,r,c),mo=!1,f=t.memoizedState,o.state=f,xo(t,r,o,i);var m=t.memoizedState;s!==d||f!==m||A.current||mo?(typeof p==`function`&&(As(t,n,p,r),m=t.memoizedState),(l=mo||Ms(t,n,l,r,f,m,c)||!1)?(u||typeof o.UNSAFE_componentWillUpdate!=`function`&&typeof o.componentWillUpdate!=`function`||(typeof o.componentWillUpdate==`function`&&o.componentWillUpdate(r,m,c),typeof o.UNSAFE_componentWillUpdate==`function`&&o.UNSAFE_componentWillUpdate(r,m,c)),typeof o.componentDidUpdate==`function`&&(t.flags|=4),typeof o.getSnapshotBeforeUpdate==`function`&&(t.flags|=1024)):(typeof o.componentDidUpdate!=`function`||s===e.memoizedProps&&f===e.memoizedState||(t.flags|=4),typeof o.getSnapshotBeforeUpdate!=`function`||s===e.memoizedProps&&f===e.memoizedState||(t.flags|=1024),t.memoizedProps=r,t.memoizedState=m),o.props=r,o.state=m,o.context=c,r=l):(typeof o.componentDidUpdate!=`function`||s===e.memoizedProps&&f===e.memoizedState||(t.flags|=4),typeof o.getSnapshotBeforeUpdate!=`function`||s===e.memoizedProps&&f===e.memoizedState||(t.flags|=1024),r=!1)}return $s(e,t,n,r,a,i)}function $s(e,t,n,r,i,a){Xs(e,t);var o=(t.flags&128)!=0;if(!r&&!o)return i&&ha(t,n,!1),fc(e,t,a);r=t.stateNode,Gs.current=t;var s=o&&typeof n.getDerivedStateFromError!=`function`?null:r.render();return t.flags|=1,e!==null&&o?(t.child=Qa(t,e.child,null,a),t.child=Qa(t,null,s,a)):z(e,t,s,a),t.memoizedState=r.state,i&&ha(t,n,!0),t.child}function ec(e){var t=e.stateNode;t.pendingContext?fa(e,t.pendingContext,t.pendingContext!==t.context):t.context&&fa(e,t.context,!1),Oo(e,t.containerInfo)}function tc(e,t,n,r,i){return Ga(),Ka(i),t.flags|=256,z(e,t,n,r),t.child}var nc={dehydrated:null,treeContext:null,retryLane:0};function rc(e){return{baseLanes:e,cachePool:null,transitions:null}}function ic(e,t,n){var r=t.pendingProps,i=N.current,a=!1,o=(t.flags&128)!=0,s;if((s=o)||(s=e!==null&&e.memoizedState===null?!1:(i&2)!=0),s?(a=!0,t.flags&=-129):(e===null||e.memoizedState!==null)&&(i|=1),O(N,i&1),e===null)return Va(t),e=t.memoizedState,e!==null&&(e=e.dehydrated,e!==null)?(t.mode&1?e.data===`$!`?t.lanes=8:t.lanes=1073741824:t.lanes=1,null):(o=r.children,e=r.fallback,a?(r=t.mode,a=t.child,o={mode:`hidden`,children:o},!(r&1)&&a!==null?(a.childLanes=0,a.pendingProps=o):a=Ql(o,r,0,null),e=Zl(e,r,n,null),a.return=t,e.return=t,a.sibling=e,t.child=a,t.child.memoizedState=rc(n),t.memoizedState=nc,e):ac(t,o));if(i=e.memoizedState,i!==null&&(s=i.dehydrated,s!==null))return sc(e,t,o,r,s,i,n);if(a){a=r.fallback,o=t.mode,i=e.child,s=i.sibling;var c={mode:`hidden`,children:r.children};return!(o&1)&&t.child!==i?(r=t.child,r.childLanes=0,r.pendingProps=c,t.deletions=null):(r=Yl(i,c),r.subtreeFlags=i.subtreeFlags&14680064),s===null?(a=Zl(a,o,n,null),a.flags|=2):a=Yl(s,a),a.return=t,r.return=t,r.sibling=a,t.child=r,r=a,a=t.child,o=e.child.memoizedState,o=o===null?rc(n):{baseLanes:o.baseLanes|n,cachePool:null,transitions:o.transitions},a.memoizedState=o,a.childLanes=e.childLanes&~n,t.memoizedState=nc,r}return a=e.child,e=a.sibling,r=Yl(a,{mode:`visible`,children:r.children}),!(t.mode&1)&&(r.lanes=n),r.return=t,r.sibling=null,e!==null&&(n=t.deletions,n===null?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=r,t.memoizedState=null,r}function ac(e,t){return t=Ql({mode:`visible`,children:t},e.mode,0,null),t.return=e,e.child=t}function oc(e,t,n,r){return r!==null&&Ka(r),Qa(t,e.child,null,n),e=ac(t,t.pendingProps.children),e.flags|=2,t.memoizedState=null,e}function sc(e,t,n,i,a,o,s){if(n)return t.flags&256?(t.flags&=-257,i=Ls(Error(r(422))),oc(e,t,s,i)):t.memoizedState===null?(o=i.fallback,a=t.mode,i=Ql({mode:`visible`,children:i.children},a,0,null),o=Zl(o,a,s,null),o.flags|=2,i.return=t,o.return=t,i.sibling=o,t.child=i,t.mode&1&&Qa(t,e.child,null,s),t.child.memoizedState=rc(s),t.memoizedState=nc,o):(t.child=e.child,t.flags|=128,null);if(!(t.mode&1))return oc(e,t,s,null);if(a.data===`$!`){if(i=a.nextSibling&&a.nextSibling.dataset,i)var c=i.dgst;return i=c,o=Error(r(419)),i=Ls(o,i,void 0),oc(e,t,s,i)}if(c=(s&e.childLanes)!==0,R||c){if(i=G,i!==null){switch(s&-s){case 4:a=2;break;case 16:a=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:a=32;break;case 536870912:a=268435456;break;default:a=0}a=(a&(i.suspendedLanes|s))===0?a:0,a!==0&&a!==o.retryLane&&(o.retryLane=a,po(e,a),gl(i,e,a,-1))}return kl(),i=Ls(Error(r(421))),oc(e,t,s,i)}return a.data===`$?`?(t.flags|=128,t.child=e.child,t=Vl.bind(null,e),a._reactRetry=t,null):(e=o.treeContext,Ia=Ki(a.nextSibling),Fa=t,M=!0,La=null,e!==null&&(Ea[Da++]=ka,Ea[Da++]=Aa,Ea[Da++]=Oa,ka=e.id,Aa=e.overflow,Oa=t),t=ac(t,i.children),t.flags|=4096,t)}function cc(e,t,n){e.lanes|=t;var r=e.alternate;r!==null&&(r.lanes|=t),oo(e.return,t,n)}function lc(e,t,n,r,i){var a=e.memoizedState;a===null?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:i}:(a.isBackwards=t,a.rendering=null,a.renderingStartTime=0,a.last=r,a.tail=n,a.tailMode=i)}function uc(e,t,n){var r=t.pendingProps,i=r.revealOrder,a=r.tail;if(z(e,t,r.children,n),r=N.current,r&2)r=r&1|2,t.flags|=128;else{if(e!==null&&e.flags&128)a:for(e=t.child;e!==null;){if(e.tag===13)e.memoizedState!==null&&cc(e,n,t);else if(e.tag===19)cc(e,n,t);else if(e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break a;for(;e.sibling===null;){if(e.return===null||e.return===t)break a;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(O(N,r),!(t.mode&1))t.memoizedState=null;else switch(i){case`forwards`:for(n=t.child,i=null;n!==null;)e=n.alternate,e!==null&&Mo(e)===null&&(i=n),n=n.sibling;n=i,n===null?(i=t.child,t.child=null):(i=n.sibling,n.sibling=null),lc(t,!1,i,n,a);break;case`backwards`:for(n=null,i=t.child,t.child=null;i!==null;){if(e=i.alternate,e!==null&&Mo(e)===null){t.child=i;break}e=i.sibling,i.sibling=n,n=i,i=e}lc(t,!0,n,null,a);break;case`together`:lc(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function dc(e,t){!(t.mode&1)&&e!==null&&(e.alternate=null,t.alternate=null,t.flags|=2)}function fc(e,t,n){if(e!==null&&(t.dependencies=e.dependencies),Qc|=t.lanes,(n&t.childLanes)===0)return null;if(e!==null&&t.child!==e.child)throw Error(r(153));if(t.child!==null){for(e=t.child,n=Yl(e,e.pendingProps),t.child=n,n.return=t;e.sibling!==null;)e=e.sibling,n=n.sibling=Yl(e,e.pendingProps),n.return=t;n.sibling=null}return t.child}function pc(e,t,n){switch(t.tag){case 3:ec(t),Ga();break;case 5:Ao(t);break;case 1:j(t.type)&&ma(t);break;case 4:Oo(t,t.stateNode.containerInfo);break;case 10:var r=t.type._context,i=t.memoizedProps.value;O(eo,r._currentValue),r._currentValue=i;break;case 13:if(r=t.memoizedState,r!==null)return r.dehydrated===null?(n&t.child.childLanes)===0?(O(N,N.current&1),e=fc(e,t,n),e===null?null:e.sibling):ic(e,t,n):(O(N,N.current&1),t.flags|=128,null);O(N,N.current&1);break;case 19:if(r=(n&t.childLanes)!==0,e.flags&128){if(r)return uc(e,t,n);t.flags|=128}if(i=t.memoizedState,i!==null&&(i.rendering=null,i.tail=null,i.lastEffect=null),O(N,N.current),r)break;return null;case 22:case 23:return t.lanes=0,Ys(e,t,n)}return fc(e,t,n)}var mc=function(e,t){for(var n=t.child;n!==null;){if(n.tag===5||n.tag===6)e.appendChild(n.stateNode);else if(n.tag!==4&&n.child!==null){n.child.return=n,n=n.child;continue}if(n===t)break;for(;n.sibling===null;){if(n.return===null||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},hc=function(e,t,n,r){var i=e.memoizedProps;if(i!==r){e=t.stateNode,Do(wo.current);var o=null;switch(n){case`input`:i=ke(e,i),r=ke(e,r),o=[];break;case`select`:i=C({},i,{value:void 0}),r=C({},r,{value:void 0}),o=[];break;case`textarea`:i=Le(e,i),r=Le(e,r),o=[];break;default:typeof i.onClick!=`function`&&typeof r.onClick==`function`&&(e.onclick=Ii)}Ze(n,r);var s;for(u in n=null,i)if(!r.hasOwnProperty(u)&&i.hasOwnProperty(u)&&i[u]!=null)if(u===`style`){var c=i[u];for(s in c)c.hasOwnProperty(s)&&(n||={},n[s]=``)}else u!==`dangerouslySetInnerHTML`&&u!==`children`&&u!==`suppressContentEditableWarning`&&u!==`suppressHydrationWarning`&&u!==`autoFocus`&&(a.hasOwnProperty(u)?o||=[]:(o||=[]).push(u,null));for(u in r){var l=r[u];if(c=i?.[u],r.hasOwnProperty(u)&&l!==c&&(l!=null||c!=null))if(u===`style`)if(c){for(s in c)!c.hasOwnProperty(s)||l&&l.hasOwnProperty(s)||(n||={},n[s]=``);for(s in l)l.hasOwnProperty(s)&&c[s]!==l[s]&&(n||={},n[s]=l[s])}else n||(o||=[],o.push(u,n)),n=l;else u===`dangerouslySetInnerHTML`?(l=l?l.__html:void 0,c=c?c.__html:void 0,l!=null&&c!==l&&(o||=[]).push(u,l)):u===`children`?typeof l!=`string`&&typeof l!=`number`||(o||=[]).push(u,``+l):u!==`suppressContentEditableWarning`&&u!==`suppressHydrationWarning`&&(a.hasOwnProperty(u)?(l!=null&&u===`onScroll`&&E(`scroll`,e),o||c===l||(o=[])):(o||=[]).push(u,l))}n&&(o||=[]).push(`style`,n);var u=o;(t.updateQueue=u)&&(t.flags|=4)}},gc=function(e,t,n,r){n!==r&&(t.flags|=4)};function _c(e,t){if(!M)switch(e.tailMode){case`hidden`:t=e.tail;for(var n=null;t!==null;)t.alternate!==null&&(n=t),t=t.sibling;n===null?e.tail=null:n.sibling=null;break;case`collapsed`:n=e.tail;for(var r=null;n!==null;)n.alternate!==null&&(r=n),n=n.sibling;r===null?t||e.tail===null?e.tail=null:e.tail.sibling=null:r.sibling=null}}function B(e){var t=e.alternate!==null&&e.alternate.child===e.child,n=0,r=0;if(t)for(var i=e.child;i!==null;)n|=i.lanes|i.childLanes,r|=i.subtreeFlags&14680064,r|=i.flags&14680064,i.return=e,i=i.sibling;else for(i=e.child;i!==null;)n|=i.lanes|i.childLanes,r|=i.subtreeFlags,r|=i.flags,i.return=e,i=i.sibling;return e.subtreeFlags|=r,e.childLanes=n,t}function vc(e,t,n){var i=t.pendingProps;switch(Pa(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return B(t),null;case 1:return j(t.type)&&da(),B(t),null;case 3:return i=t.stateNode,ko(),D(A),D(k),Po(),i.pendingContext&&(i.context=i.pendingContext,i.pendingContext=null),(e===null||e.child===null)&&(Ua(t)?t.flags|=4:e===null||e.memoizedState.isDehydrated&&!(t.flags&256)||(t.flags|=1024,La!==null&&(yl(La),La=null))),B(t),null;case 5:jo(t);var o=Do(Eo.current);if(n=t.type,e!==null&&t.stateNode!=null)hc(e,t,n,i,o),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!i){if(t.stateNode===null)throw Error(r(166));return B(t),null}if(e=Do(wo.current),Ua(t)){i=t.stateNode,n=t.type;var s=t.memoizedProps;switch(i[Yi]=t,i[Xi]=s,e=(t.mode&1)!=0,n){case`dialog`:E(`cancel`,i),E(`close`,i);break;case`iframe`:case`object`:case`embed`:E(`load`,i);break;case`video`:case`audio`:for(o=0;o<yi.length;o++)E(yi[o],i);break;case`source`:E(`error`,i);break;case`img`:case`image`:case`link`:E(`error`,i),E(`load`,i);break;case`details`:E(`toggle`,i);break;case`input`:Ae(i,s),E(`invalid`,i);break;case`select`:i._wrapperState={wasMultiple:!!s.multiple},E(`invalid`,i);break;case`textarea`:Re(i,s),E(`invalid`,i)}for(var c in Ze(n,s),o=null,s)if(s.hasOwnProperty(c)){var l=s[c];c===`children`?typeof l==`string`?i.textContent!==l&&(!0!==s.suppressHydrationWarning&&Fi(i.textContent,l,e),o=[`children`,l]):typeof l==`number`&&i.textContent!==``+l&&(!0!==s.suppressHydrationWarning&&Fi(i.textContent,l,e),o=[`children`,``+l]):a.hasOwnProperty(c)&&l!=null&&c===`onScroll`&&E(`scroll`,i)}switch(n){case`input`:Ee(i),Ne(i,s,!0);break;case`textarea`:Ee(i),Be(i);break;case`select`:case`option`:break;default:typeof s.onClick==`function`&&(i.onclick=Ii)}i=o,t.updateQueue=i,i!==null&&(t.flags|=4)}else{c=o.nodeType===9?o:o.ownerDocument,e===`http://www.w3.org/1999/xhtml`&&(e=Ve(n)),e===`http://www.w3.org/1999/xhtml`?n===`script`?(e=c.createElement(`div`),e.innerHTML=`<script><\/script>`,e=e.removeChild(e.firstChild)):typeof i.is==`string`?e=c.createElement(n,{is:i.is}):(e=c.createElement(n),n===`select`&&(c=e,i.multiple?c.multiple=!0:i.size&&(c.size=i.size))):e=c.createElementNS(e,n),e[Yi]=t,e[Xi]=i,mc(e,t,!1,!1),t.stateNode=e;a:{switch(c=Qe(n,i),n){case`dialog`:E(`cancel`,e),E(`close`,e),o=i;break;case`iframe`:case`object`:case`embed`:E(`load`,e),o=i;break;case`video`:case`audio`:for(o=0;o<yi.length;o++)E(yi[o],e);o=i;break;case`source`:E(`error`,e),o=i;break;case`img`:case`image`:case`link`:E(`error`,e),E(`load`,e),o=i;break;case`details`:E(`toggle`,e),o=i;break;case`input`:Ae(e,i),o=ke(e,i),E(`invalid`,e);break;case`option`:o=i;break;case`select`:e._wrapperState={wasMultiple:!!i.multiple},o=C({},i,{value:void 0}),E(`invalid`,e);break;case`textarea`:Re(e,i),o=Le(e,i),E(`invalid`,e);break;default:o=i}for(s in Ze(n,o),l=o,l)if(l.hasOwnProperty(s)){var u=l[s];s===`style`?Ye(e,u):s===`dangerouslySetInnerHTML`?(u=u?u.__html:void 0,u!=null&&We(e,u)):s===`children`?typeof u==`string`?(n!==`textarea`||u!==``)&&Ge(e,u):typeof u==`number`&&Ge(e,``+u):s!==`suppressContentEditableWarning`&&s!==`suppressHydrationWarning`&&s!==`autoFocus`&&(a.hasOwnProperty(s)?u!=null&&s===`onScroll`&&E(`scroll`,e):u!=null&&te(e,s,u,c))}switch(n){case`input`:Ee(e),Ne(e,i,!1);break;case`textarea`:Ee(e),Be(e);break;case`option`:i.value!=null&&e.setAttribute(`value`,``+Ce(i.value));break;case`select`:e.multiple=!!i.multiple,s=i.value,s==null?i.defaultValue!=null&&Ie(e,!!i.multiple,i.defaultValue,!0):Ie(e,!!i.multiple,s,!1);break;default:typeof o.onClick==`function`&&(e.onclick=Ii)}switch(n){case`button`:case`input`:case`select`:case`textarea`:i=!!i.autoFocus;break a;case`img`:i=!0;break a;default:i=!1}}i&&(t.flags|=4)}t.ref!==null&&(t.flags|=512,t.flags|=2097152)}return B(t),null;case 6:if(e&&t.stateNode!=null)gc(e,t,e.memoizedProps,i);else{if(typeof i!=`string`&&t.stateNode===null)throw Error(r(166));if(n=Do(Eo.current),Do(wo.current),Ua(t)){if(i=t.stateNode,n=t.memoizedProps,i[Yi]=t,(s=i.nodeValue!==n)&&(e=Fa,e!==null))switch(e.tag){case 3:Fi(i.nodeValue,n,(e.mode&1)!=0);break;case 5:!0!==e.memoizedProps.suppressHydrationWarning&&Fi(i.nodeValue,n,(e.mode&1)!=0)}s&&(t.flags|=4)}else i=(n.nodeType===9?n:n.ownerDocument).createTextNode(i),i[Yi]=t,t.stateNode=i}return B(t),null;case 13:if(D(N),i=t.memoizedState,e===null||e.memoizedState!==null&&e.memoizedState.dehydrated!==null){if(M&&Ia!==null&&t.mode&1&&!(t.flags&128))Wa(),Ga(),t.flags|=98560,s=!1;else if(s=Ua(t),i!==null&&i.dehydrated!==null){if(e===null){if(!s)throw Error(r(318));if(s=t.memoizedState,s=s===null?null:s.dehydrated,!s)throw Error(r(317));s[Yi]=t}else Ga(),!(t.flags&128)&&(t.memoizedState=null),t.flags|=4;B(t),s=!1}else La!==null&&(yl(La),La=null),s=!0;if(!s)return t.flags&65536?t:null}return t.flags&128?(t.lanes=n,t):(i=i!==null,i!==(e!==null&&e.memoizedState!==null)&&i&&(t.child.flags|=8192,t.mode&1&&(e===null||N.current&1?Y===0&&(Y=3):kl())),t.updateQueue!==null&&(t.flags|=4),B(t),null);case 4:return ko(),e===null&&Ti(t.stateNode.containerInfo),B(t),null;case 10:return ao(t.type._context),B(t),null;case 17:return j(t.type)&&da(),B(t),null;case 19:if(D(N),s=t.memoizedState,s===null)return B(t),null;if(i=(t.flags&128)!=0,c=s.rendering,c===null)if(i)_c(s,!1);else{if(Y!==0||e!==null&&e.flags&128)for(e=t.child;e!==null;){if(c=Mo(e),c!==null){for(t.flags|=128,_c(s,!1),i=c.updateQueue,i!==null&&(t.updateQueue=i,t.flags|=4),t.subtreeFlags=0,i=n,n=t.child;n!==null;)s=n,e=i,s.flags&=14680066,c=s.alternate,c===null?(s.childLanes=0,s.lanes=e,s.child=null,s.subtreeFlags=0,s.memoizedProps=null,s.memoizedState=null,s.updateQueue=null,s.dependencies=null,s.stateNode=null):(s.childLanes=c.childLanes,s.lanes=c.lanes,s.child=c.child,s.subtreeFlags=0,s.deletions=null,s.memoizedProps=c.memoizedProps,s.memoizedState=c.memoizedState,s.updateQueue=c.updateQueue,s.type=c.type,e=c.dependencies,s.dependencies=e===null?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return O(N,N.current&1|2),t.child}e=e.sibling}s.tail!==null&&w()>rl&&(t.flags|=128,i=!0,_c(s,!1),t.lanes=4194304)}else{if(!i)if(e=Mo(c),e!==null){if(t.flags|=128,i=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),_c(s,!0),s.tail===null&&s.tailMode===`hidden`&&!c.alternate&&!M)return B(t),null}else 2*w()-s.renderingStartTime>rl&&n!==1073741824&&(t.flags|=128,i=!0,_c(s,!1),t.lanes=4194304);s.isBackwards?(c.sibling=t.child,t.child=c):(n=s.last,n===null?t.child=c:n.sibling=c,s.last=c)}return s.tail===null?(B(t),null):(t=s.tail,s.rendering=t,s.tail=t.sibling,s.renderingStartTime=w(),t.sibling=null,n=N.current,O(N,i?n&1|2:n&1),t);case 22:case 23:return Tl(),i=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==i&&(t.flags|=8192),i&&t.mode&1?J&1073741824&&(B(t),t.subtreeFlags&6&&(t.flags|=8192)):B(t),null;case 24:return null;case 25:return null}throw Error(r(156,t.tag))}function yc(e,t){switch(Pa(t),t.tag){case 1:return j(t.type)&&da(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return ko(),D(A),D(k),Po(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return jo(t),null;case 13:if(D(N),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(r(340));Ga()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return D(N),null;case 4:return ko(),null;case 10:return ao(t.type._context),null;case 22:case 23:return Tl(),null;case 24:return null;default:return null}}var bc=!1,V=!1,xc=typeof WeakSet==`function`?WeakSet:Set,H=null;function Sc(e,t){var n=e.ref;if(n!==null)if(typeof n==`function`)try{n(null)}catch(n){$(e,t,n)}else n.current=null}function Cc(e,t,n){try{n()}catch(n){$(e,t,n)}}var wc=!1;function Tc(e,t){if(Li=kn,e=Xr(),Zr(e)){if(`selectionStart`in e)var n={start:e.selectionStart,end:e.selectionEnd};else a:{n=(n=e.ownerDocument)&&n.defaultView||window;var i=n.getSelection&&n.getSelection();if(i&&i.rangeCount!==0){n=i.anchorNode;var a=i.anchorOffset,o=i.focusNode;i=i.focusOffset;try{n.nodeType,o.nodeType}catch{n=null;break a}var s=0,c=-1,l=-1,u=0,d=0,f=e,p=null;b:for(;;){for(var m;f!==n||a!==0&&f.nodeType!==3||(c=s+a),f!==o||i!==0&&f.nodeType!==3||(l=s+i),f.nodeType===3&&(s+=f.nodeValue.length),(m=f.firstChild)!==null;)p=f,f=m;for(;;){if(f===e)break b;if(p===n&&++u===a&&(c=s),p===o&&++d===i&&(l=s),(m=f.nextSibling)!==null)break;f=p,p=f.parentNode}f=m}n=c===-1||l===-1?null:{start:c,end:l}}else n=null}n||={start:0,end:0}}else n=null;for(Ri={focusedElem:e,selectionRange:n},kn=!1,H=t;H!==null;)if(t=H,e=t.child,t.subtreeFlags&1028&&e!==null)e.return=t,H=e;else for(;H!==null;){t=H;try{var h=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(h!==null){var g=h.memoizedProps,_=h.memoizedState,v=t.stateNode;v.__reactInternalSnapshotBeforeUpdate=v.getSnapshotBeforeUpdate(t.elementType===t.type?g:ks(t.type,g),_)}break;case 3:var y=t.stateNode.containerInfo;y.nodeType===1?y.textContent=``:y.nodeType===9&&y.documentElement&&y.removeChild(y.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(r(163))}}catch(e){$(t,t.return,e)}if(e=t.sibling,e!==null){e.return=t.return,H=e;break}H=t.return}return h=wc,wc=!1,h}function Ec(e,t,n){var r=t.updateQueue;if(r=r===null?null:r.lastEffect,r!==null){var i=r=r.next;do{if((i.tag&e)===e){var a=i.destroy;i.destroy=void 0,a!==void 0&&Cc(t,n,a)}i=i.next}while(i!==r)}}function Dc(e,t){if(t=t.updateQueue,t=t===null?null:t.lastEffect,t!==null){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function Oc(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t==`function`?t(e):t.current=e}}function kc(e){var t=e.alternate;t!==null&&(e.alternate=null,kc(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[Yi],delete t[Xi],delete t[Qi],delete t[$i],delete t[ea])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function Ac(e){return e.tag===5||e.tag===3||e.tag===4}function jc(e){a:for(;;){for(;e.sibling===null;){if(e.return===null||Ac(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue a;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function Mc(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=Ii));else if(r!==4&&(e=e.child,e!==null))for(Mc(e,t,n),e=e.sibling;e!==null;)Mc(e,t,n),e=e.sibling}function Nc(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(e=e.child,e!==null))for(Nc(e,t,n),e=e.sibling;e!==null;)Nc(e,t,n),e=e.sibling}var U=null,Pc=!1;function Fc(e,t,n){for(n=n.child;n!==null;)Ic(e,t,n),n=n.sibling}function Ic(e,t,n){if(zt&&typeof zt.onCommitFiberUnmount==`function`)try{zt.onCommitFiberUnmount(Rt,n)}catch{}switch(n.tag){case 5:V||Sc(n,t);case 6:var r=U,i=Pc;U=null,Fc(e,t,n),U=r,Pc=i,U!==null&&(Pc?(e=U,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):U.removeChild(n.stateNode));break;case 18:U!==null&&(Pc?(e=U,n=n.stateNode,e.nodeType===8?Gi(e.parentNode,n):e.nodeType===1&&Gi(e,n),Dn(e)):Gi(U,n.stateNode));break;case 4:r=U,i=Pc,U=n.stateNode.containerInfo,Pc=!0,Fc(e,t,n),U=r,Pc=i;break;case 0:case 11:case 14:case 15:if(!V&&(r=n.updateQueue,r!==null&&(r=r.lastEffect,r!==null))){i=r=r.next;do{var a=i,o=a.destroy;a=a.tag,o!==void 0&&(a&2||a&4)&&Cc(n,t,o),i=i.next}while(i!==r)}Fc(e,t,n);break;case 1:if(!V&&(Sc(n,t),r=n.stateNode,typeof r.componentWillUnmount==`function`))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(e){$(n,t,e)}Fc(e,t,n);break;case 21:Fc(e,t,n);break;case 22:n.mode&1?(V=(r=V)||n.memoizedState!==null,Fc(e,t,n),V=r):Fc(e,t,n);break;default:Fc(e,t,n)}}function Lc(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new xc),t.forEach(function(t){var r=Hl.bind(null,e,t);n.has(t)||(n.add(t),t.then(r,r))})}}function Rc(e,t){var n=t.deletions;if(n!==null)for(var i=0;i<n.length;i++){var a=n[i];try{var o=e,s=t,c=s;a:for(;c!==null;){switch(c.tag){case 5:U=c.stateNode,Pc=!1;break a;case 3:U=c.stateNode.containerInfo,Pc=!0;break a;case 4:U=c.stateNode.containerInfo,Pc=!0;break a}c=c.return}if(U===null)throw Error(r(160));Ic(o,s,a),U=null,Pc=!1;var l=a.alternate;l!==null&&(l.return=null),a.return=null}catch(e){$(a,t,e)}}if(t.subtreeFlags&12854)for(t=t.child;t!==null;)zc(t,e),t=t.sibling}function zc(e,t){var n=e.alternate,i=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(Rc(t,e),Bc(e),i&4){try{Ec(3,e,e.return),Dc(3,e)}catch(t){$(e,e.return,t)}try{Ec(5,e,e.return)}catch(t){$(e,e.return,t)}}break;case 1:Rc(t,e),Bc(e),i&512&&n!==null&&Sc(n,n.return);break;case 5:if(Rc(t,e),Bc(e),i&512&&n!==null&&Sc(n,n.return),e.flags&32){var a=e.stateNode;try{Ge(a,``)}catch(t){$(e,e.return,t)}}if(i&4&&(a=e.stateNode,a!=null)){var o=e.memoizedProps,s=n===null?o:n.memoizedProps,c=e.type,l=e.updateQueue;if(e.updateQueue=null,l!==null)try{c===`input`&&o.type===`radio`&&o.name!=null&&je(a,o),Qe(c,s);var u=Qe(c,o);for(s=0;s<l.length;s+=2){var d=l[s],f=l[s+1];d===`style`?Ye(a,f):d===`dangerouslySetInnerHTML`?We(a,f):d===`children`?Ge(a,f):te(a,d,f,u)}switch(c){case`input`:Me(a,o);break;case`textarea`:ze(a,o);break;case`select`:var p=a._wrapperState.wasMultiple;a._wrapperState.wasMultiple=!!o.multiple;var m=o.value;m==null?p!==!!o.multiple&&(o.defaultValue==null?Ie(a,!!o.multiple,o.multiple?[]:``,!1):Ie(a,!!o.multiple,o.defaultValue,!0)):Ie(a,!!o.multiple,m,!1)}a[Xi]=o}catch(t){$(e,e.return,t)}}break;case 6:if(Rc(t,e),Bc(e),i&4){if(e.stateNode===null)throw Error(r(162));a=e.stateNode,o=e.memoizedProps;try{a.nodeValue=o}catch(t){$(e,e.return,t)}}break;case 3:if(Rc(t,e),Bc(e),i&4&&n!==null&&n.memoizedState.isDehydrated)try{Dn(t.containerInfo)}catch(t){$(e,e.return,t)}break;case 4:Rc(t,e),Bc(e);break;case 13:Rc(t,e),Bc(e),a=e.child,a.flags&8192&&(o=a.memoizedState!==null,a.stateNode.isHidden=o,!o||a.alternate!==null&&a.alternate.memoizedState!==null||(nl=w())),i&4&&Lc(e);break;case 22:if(d=n!==null&&n.memoizedState!==null,e.mode&1?(V=(u=V)||d,Rc(t,e),V=u):Rc(t,e),Bc(e),i&8192){if(u=e.memoizedState!==null,(e.stateNode.isHidden=u)&&!d&&e.mode&1)for(H=e,d=e.child;d!==null;){for(f=H=d;H!==null;){switch(p=H,m=p.child,p.tag){case 0:case 11:case 14:case 15:Ec(4,p,p.return);break;case 1:Sc(p,p.return);var h=p.stateNode;if(typeof h.componentWillUnmount==`function`){i=p,n=p.return;try{t=i,h.props=t.memoizedProps,h.state=t.memoizedState,h.componentWillUnmount()}catch(e){$(i,n,e)}}break;case 5:Sc(p,p.return);break;case 22:if(p.memoizedState!==null){Wc(f);continue}}m===null?Wc(f):(m.return=p,H=m)}d=d.sibling}a:for(d=null,f=e;;){if(f.tag===5){if(d===null){d=f;try{a=f.stateNode,u?(o=a.style,typeof o.setProperty==`function`?o.setProperty(`display`,`none`,`important`):o.display=`none`):(c=f.stateNode,l=f.memoizedProps.style,s=l!=null&&l.hasOwnProperty(`display`)?l.display:null,c.style.display=Je(`display`,s))}catch(t){$(e,e.return,t)}}}else if(f.tag===6){if(d===null)try{f.stateNode.nodeValue=u?``:f.memoizedProps}catch(t){$(e,e.return,t)}}else if((f.tag!==22&&f.tag!==23||f.memoizedState===null||f===e)&&f.child!==null){f.child.return=f,f=f.child;continue}if(f===e)break a;for(;f.sibling===null;){if(f.return===null||f.return===e)break a;d===f&&(d=null),f=f.return}d===f&&(d=null),f.sibling.return=f.return,f=f.sibling}}break;case 19:Rc(t,e),Bc(e),i&4&&Lc(e);break;case 21:break;default:Rc(t,e),Bc(e)}}function Bc(e){var t=e.flags;if(t&2){try{a:{for(var n=e.return;n!==null;){if(Ac(n)){var i=n;break a}n=n.return}throw Error(r(160))}switch(i.tag){case 5:var a=i.stateNode;i.flags&32&&(Ge(a,``),i.flags&=-33),Nc(e,jc(e),a);break;case 3:case 4:var o=i.stateNode.containerInfo;Mc(e,jc(e),o);break;default:throw Error(r(161))}}catch(t){$(e,e.return,t)}e.flags&=-3}t&4096&&(e.flags&=-4097)}function Vc(e,t,n){H=e,Hc(e,t,n)}function Hc(e,t,n){for(var r=(e.mode&1)!=0;H!==null;){var i=H,a=i.child;if(i.tag===22&&r){var o=i.memoizedState!==null||bc;if(!o){var s=i.alternate,c=s!==null&&s.memoizedState!==null||V;s=bc;var l=V;if(bc=o,(V=c)&&!l)for(H=i;H!==null;)o=H,c=o.child,o.tag===22&&o.memoizedState!==null||c===null?Gc(i):(c.return=o,H=c);for(;a!==null;)H=a,Hc(a,t,n),a=a.sibling;H=i,bc=s,V=l}Uc(e,t,n)}else i.subtreeFlags&8772&&a!==null?(a.return=i,H=a):Uc(e,t,n)}}function Uc(e){for(;H!==null;){var t=H;if(t.flags&8772){var n=t.alternate;try{if(t.flags&8772)switch(t.tag){case 0:case 11:case 15:V||Dc(5,t);break;case 1:var i=t.stateNode;if(t.flags&4&&!V)if(n===null)i.componentDidMount();else{var a=t.elementType===t.type?n.memoizedProps:ks(t.type,n.memoizedProps);i.componentDidUpdate(a,n.memoizedState,i.__reactInternalSnapshotBeforeUpdate)}var o=t.updateQueue;o!==null&&So(t,o,i);break;case 3:var s=t.updateQueue;if(s!==null){if(n=null,t.child!==null)switch(t.child.tag){case 5:n=t.child.stateNode;break;case 1:n=t.child.stateNode}So(t,s,n)}break;case 5:var c=t.stateNode;if(n===null&&t.flags&4){n=c;var l=t.memoizedProps;switch(t.type){case`button`:case`input`:case`select`:case`textarea`:l.autoFocus&&n.focus();break;case`img`:l.src&&(n.src=l.src)}}break;case 6:break;case 4:break;case 12:break;case 13:if(t.memoizedState===null){var u=t.alternate;if(u!==null){var d=u.memoizedState;if(d!==null){var f=d.dehydrated;f!==null&&Dn(f)}}}break;case 19:case 17:case 21:case 22:case 23:case 25:break;default:throw Error(r(163))}V||t.flags&512&&Oc(t)}catch(e){$(t,t.return,e)}}if(t===e){H=null;break}if(n=t.sibling,n!==null){n.return=t.return,H=n;break}H=t.return}}function Wc(e){for(;H!==null;){var t=H;if(t===e){H=null;break}var n=t.sibling;if(n!==null){n.return=t.return,H=n;break}H=t.return}}function Gc(e){for(;H!==null;){var t=H;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{Dc(4,t)}catch(e){$(t,n,e)}break;case 1:var r=t.stateNode;if(typeof r.componentDidMount==`function`){var i=t.return;try{r.componentDidMount()}catch(e){$(t,i,e)}}var a=t.return;try{Oc(t)}catch(e){$(t,a,e)}break;case 5:var o=t.return;try{Oc(t)}catch(e){$(t,o,e)}}}catch(e){$(t,t.return,e)}if(t===e){H=null;break}var s=t.sibling;if(s!==null){s.return=t.return,H=s;break}H=t.return}}var Kc=Math.ceil,qc=x.ReactCurrentDispatcher,Jc=x.ReactCurrentOwner,Yc=x.ReactCurrentBatchConfig,W=0,G=null,K=null,q=0,J=0,Xc=sa(0),Y=0,Zc=null,Qc=0,$c=0,el=0,tl=null,X=null,nl=0,rl=1/0,il=null,al=!1,ol=null,sl=null,cl=!1,ll=null,ul=0,dl=0,fl=null,pl=-1,ml=0;function Z(){return W&6?w():pl===-1?pl=w():pl}function hl(e){return e.mode&1?W&2&&q!==0?q&-q:qa.transition===null?(e=T,e===0?(e=window.event,e=e===void 0?16:Fn(e.type),e):e):(ml===0&&(ml=Qt()),ml):1}function gl(e,t,n,i){if(50<dl)throw dl=0,fl=null,Error(r(185));en(e,n,i),(!(W&2)||e!==G)&&(e===G&&(!(W&2)&&($c|=n),Y===4&&xl(e,q)),Q(e,i),n===1&&W===0&&!(t.mode&1)&&(rl=w()+500,_a&&xa()))}function Q(e,t){var n=e.callbackNode;Xt(e,t);var r=Jt(e,e===G?q:0);if(r===0)n!==null&&kt(n),e.callbackNode=null,e.callbackPriority=0;else if(t=r&-r,e.callbackPriority!==t){if(n!=null&&kt(n),t===1)e.tag===0?ba(Sl.bind(null,e)):ya(Sl.bind(null,e)),Ui(function(){!(W&6)&&xa()}),n=null;else{switch(rn(r)){case 1:n=Nt;break;case 4:n=Pt;break;case 16:n=Ft;break;case 536870912:n=Lt;break;default:n=Ft}n=Wl(n,_l.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function _l(e,t){if(pl=-1,ml=0,W&6)throw Error(r(327));var n=e.callbackNode;if(Ll()&&e.callbackNode!==n)return null;var i=Jt(e,e===G?q:0);if(i===0)return null;if(i&30||(i&e.expiredLanes)!==0||t)t=Al(e,i);else{t=i;var a=W;W|=2;var o=Ol();(G!==e||q!==t)&&(il=null,rl=w()+500,El(e,t));do try{Ml();break}catch(t){Dl(e,t)}while(1);io(),qc.current=o,W=a,K===null?(G=null,q=0,t=Y):t=0}if(t!==0){if(t===2&&(a=Zt(e),a!==0&&(i=a,t=vl(e,a))),t===1)throw n=Zc,El(e,0),xl(e,i),Q(e,w()),n;if(t===6)xl(e,i);else{if(a=e.current.alternate,!(i&30)&&!bl(a)&&(t=Al(e,i),t===2&&(o=Zt(e),o!==0&&(i=o,t=vl(e,o))),t===1))throw n=Zc,El(e,0),xl(e,i),Q(e,w()),n;switch(e.finishedWork=a,e.finishedLanes=i,t){case 0:case 1:throw Error(r(345));case 2:Fl(e,X,il);break;case 3:if(xl(e,i),(i&130023424)===i&&(t=nl+500-w(),10<t)){if(Jt(e,0)!==0)break;if(a=e.suspendedLanes,(a&i)!==i){Z(),e.pingedLanes|=e.suspendedLanes&a;break}e.timeoutHandle=Bi(Fl.bind(null,e,X,il),t);break}Fl(e,X,il);break;case 4:if(xl(e,i),(i&4194240)===i)break;for(t=e.eventTimes,a=-1;0<i;){var s=31-Vt(i);o=1<<s,s=t[s],s>a&&(a=s),i&=~o}if(i=a,i=w()-i,i=(120>i?120:480>i?480:1080>i?1080:1920>i?1920:3e3>i?3e3:4320>i?4320:1960*Kc(i/1960))-i,10<i){e.timeoutHandle=Bi(Fl.bind(null,e,X,il),i);break}Fl(e,X,il);break;case 5:Fl(e,X,il);break;default:throw Error(r(329))}}}return Q(e,w()),e.callbackNode===n?_l.bind(null,e):null}function vl(e,t){var n=tl;return e.current.memoizedState.isDehydrated&&(El(e,t).flags|=256),e=Al(e,t),e!==2&&(t=X,X=n,t!==null&&yl(t)),e}function yl(e){X===null?X=e:X.push.apply(X,e)}function bl(e){for(var t=e;;){if(t.flags&16384){var n=t.updateQueue;if(n!==null&&(n=n.stores,n!==null))for(var r=0;r<n.length;r++){var i=n[r],a=i.getSnapshot;i=i.value;try{if(!Gr(a(),i))return!1}catch{return!1}}}if(n=t.child,t.subtreeFlags&16384&&n!==null)n.return=t,t=n;else{if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}function xl(e,t){for(t&=~el,t&=~$c,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-Vt(t),r=1<<n;e[n]=-1,t&=~r}}function Sl(e){if(W&6)throw Error(r(327));Ll();var t=Jt(e,0);if(!(t&1))return Q(e,w()),null;var n=Al(e,t);if(e.tag!==0&&n===2){var i=Zt(e);i!==0&&(t=i,n=vl(e,i))}if(n===1)throw n=Zc,El(e,0),xl(e,t),Q(e,w()),n;if(n===6)throw Error(r(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,Fl(e,X,il),Q(e,w()),null}function Cl(e,t){var n=W;W|=1;try{return e(t)}finally{W=n,W===0&&(rl=w()+500,_a&&xa())}}function wl(e){ll!==null&&ll.tag===0&&!(W&6)&&Ll();var t=W;W|=1;var n=Yc.transition,r=T;try{if(Yc.transition=null,T=1,e)return e()}finally{T=r,Yc.transition=n,W=t,!(W&6)&&xa()}}function Tl(){J=Xc.current,D(Xc)}function El(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(n!==-1&&(e.timeoutHandle=-1,Vi(n)),K!==null)for(n=K.return;n!==null;){var r=n;switch(Pa(r),r.tag){case 1:r=r.type.childContextTypes,r!=null&&da();break;case 3:ko(),D(A),D(k),Po();break;case 5:jo(r);break;case 4:ko();break;case 13:D(N);break;case 19:D(N);break;case 10:ao(r.type._context);break;case 22:case 23:Tl()}n=n.return}if(G=e,K=e=Yl(e.current,null),q=J=t,Y=0,Zc=null,el=$c=Qc=0,X=tl=null,lo!==null){for(t=0;t<lo.length;t++)if(n=lo[t],r=n.interleaved,r!==null){n.interleaved=null;var i=r.next,a=n.pending;if(a!==null){var o=a.next;a.next=i,r.next=o}n.pending=r}lo=null}return e}function Dl(e,t){do{var n=K;try{if(io(),Fo.current=Ts,Ro){for(var i=P.memoizedState;i!==null;){var a=i.queue;a!==null&&(a.pending=null),i=i.next}Ro=!1}if(Lo=0,I=F=P=null,zo=!1,Bo=0,Jc.current=null,n===null||n.return===null){Y=1,Zc=t,K=null;break}a:{var o=e,s=n.return,c=n,l=t;if(t=q,c.flags|=32768,typeof l==`object`&&l&&typeof l.then==`function`){var u=l,d=c,f=d.tag;if(!(d.mode&1)&&(f===0||f===11||f===15)){var p=d.alternate;p?(d.updateQueue=p.updateQueue,d.memoizedState=p.memoizedState,d.lanes=p.lanes):(d.updateQueue=null,d.memoizedState=null)}var m=Us(s);if(m!==null){m.flags&=-257,Ws(m,s,c,o,t),m.mode&1&&Hs(o,u,t),t=m,l=u;var h=t.updateQueue;if(h===null){var g=new Set;g.add(l),t.updateQueue=g}else h.add(l);break a}else{if(!(t&1)){Hs(o,u,t),kl();break a}l=Error(r(426))}}else if(M&&c.mode&1){var _=Us(s);if(_!==null){!(_.flags&65536)&&(_.flags|=256),Ws(_,s,c,o,t),Ka(Is(l,c));break a}}o=l=Is(l,c),Y!==4&&(Y=2),tl===null?tl=[o]:tl.push(o),o=s;do{switch(o.tag){case 3:o.flags|=65536,t&=-t,o.lanes|=t;var v=Bs(o,l,t);bo(o,v);break a;case 1:c=l;var y=o.type,b=o.stateNode;if(!(o.flags&128)&&(typeof y.getDerivedStateFromError==`function`||b!==null&&typeof b.componentDidCatch==`function`&&(sl===null||!sl.has(b)))){o.flags|=65536,t&=-t,o.lanes|=t;var ee=Vs(o,c,t);bo(o,ee);break a}}o=o.return}while(o!==null)}Pl(n)}catch(e){t=e,K===n&&n!==null&&(K=n=n.return);continue}break}while(1)}function Ol(){var e=qc.current;return qc.current=Ts,e===null?Ts:e}function kl(){(Y===0||Y===3||Y===2)&&(Y=4),G===null||!(Qc&268435455)&&!($c&268435455)||xl(G,q)}function Al(e,t){var n=W;W|=2;var i=Ol();(G!==e||q!==t)&&(il=null,El(e,t));do try{jl();break}catch(t){Dl(e,t)}while(1);if(io(),W=n,qc.current=i,K!==null)throw Error(r(261));return G=null,q=0,Y}function jl(){for(;K!==null;)Nl(K)}function Ml(){for(;K!==null&&!At();)Nl(K)}function Nl(e){var t=Ul(e.alternate,e,J);e.memoizedProps=e.pendingProps,t===null?Pl(e):K=t,Jc.current=null}function Pl(e){var t=e;do{var n=t.alternate;if(e=t.return,t.flags&32768){if(n=yc(n,t),n!==null){n.flags&=32767,K=n;return}if(e!==null)e.flags|=32768,e.subtreeFlags=0,e.deletions=null;else{Y=6,K=null;return}}else if(n=vc(n,t,J),n!==null){K=n;return}if(t=t.sibling,t!==null){K=t;return}K=t=e}while(t!==null);Y===0&&(Y=5)}function Fl(e,t,n){var r=T,i=Yc.transition;try{Yc.transition=null,T=1,Il(e,t,n,r)}finally{Yc.transition=i,T=r}return null}function Il(e,t,n,i){do Ll();while(ll!==null);if(W&6)throw Error(r(327));n=e.finishedWork;var a=e.finishedLanes;if(n===null)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(r(177));e.callbackNode=null,e.callbackPriority=0;var o=n.lanes|n.childLanes;if(tn(e,o),e===G&&(K=G=null,q=0),!(n.subtreeFlags&2064)&&!(n.flags&2064)||cl||(cl=!0,Wl(Ft,function(){return Ll(),null})),o=(n.flags&15990)!=0,n.subtreeFlags&15990||o){o=Yc.transition,Yc.transition=null;var s=T;T=1;var c=W;W|=4,Jc.current=null,Tc(e,n),zc(n,e),Qr(Ri),kn=!!Li,Ri=Li=null,e.current=n,Vc(n,e,a),jt(),W=c,T=s,Yc.transition=o}else e.current=n;if(cl&&(cl=!1,ll=e,ul=a),o=e.pendingLanes,o===0&&(sl=null),Bt(n.stateNode,i),Q(e,w()),t!==null)for(i=e.onRecoverableError,n=0;n<t.length;n++)a=t[n],i(a.value,{componentStack:a.stack,digest:a.digest});if(al)throw al=!1,e=ol,ol=null,e;return ul&1&&e.tag!==0&&Ll(),o=e.pendingLanes,o&1?e===fl?dl++:(dl=0,fl=e):dl=0,xa(),null}function Ll(){if(ll!==null){var e=rn(ul),t=Yc.transition,n=T;try{if(Yc.transition=null,T=16>e?16:e,ll===null)var i=!1;else{if(e=ll,ll=null,ul=0,W&6)throw Error(r(331));var a=W;for(W|=4,H=e.current;H!==null;){var o=H,s=o.child;if(H.flags&16){var c=o.deletions;if(c!==null){for(var l=0;l<c.length;l++){var u=c[l];for(H=u;H!==null;){var d=H;switch(d.tag){case 0:case 11:case 15:Ec(8,d,o)}var f=d.child;if(f!==null)f.return=d,H=f;else for(;H!==null;){d=H;var p=d.sibling,m=d.return;if(kc(d),d===u){H=null;break}if(p!==null){p.return=m,H=p;break}H=m}}}var h=o.alternate;if(h!==null){var g=h.child;if(g!==null){h.child=null;do{var _=g.sibling;g.sibling=null,g=_}while(g!==null)}}H=o}}if(o.subtreeFlags&2064&&s!==null)s.return=o,H=s;else b:for(;H!==null;){if(o=H,o.flags&2048)switch(o.tag){case 0:case 11:case 15:Ec(9,o,o.return)}var v=o.sibling;if(v!==null){v.return=o.return,H=v;break b}H=o.return}}var y=e.current;for(H=y;H!==null;){s=H;var b=s.child;if(s.subtreeFlags&2064&&b!==null)b.return=s,H=b;else b:for(s=y;H!==null;){if(c=H,c.flags&2048)try{switch(c.tag){case 0:case 11:case 15:Dc(9,c)}}catch(e){$(c,c.return,e)}if(c===s){H=null;break b}var ee=c.sibling;if(ee!==null){ee.return=c.return,H=ee;break b}H=c.return}}if(W=a,xa(),zt&&typeof zt.onPostCommitFiberRoot==`function`)try{zt.onPostCommitFiberRoot(Rt,e)}catch{}i=!0}return i}finally{T=n,Yc.transition=t}}return!1}function Rl(e,t,n){t=Is(n,t),t=Bs(e,t,1),e=vo(e,t,1),t=Z(),e!==null&&(en(e,1,t),Q(e,t))}function $(e,t,n){if(e.tag===3)Rl(e,e,n);else for(;t!==null;){if(t.tag===3){Rl(t,e,n);break}else if(t.tag===1){var r=t.stateNode;if(typeof t.type.getDerivedStateFromError==`function`||typeof r.componentDidCatch==`function`&&(sl===null||!sl.has(r))){e=Is(n,e),e=Vs(t,e,1),t=vo(t,e,1),e=Z(),t!==null&&(en(t,1,e),Q(t,e));break}}t=t.return}}function zl(e,t,n){var r=e.pingCache;r!==null&&r.delete(t),t=Z(),e.pingedLanes|=e.suspendedLanes&n,G===e&&(q&n)===n&&(Y===4||Y===3&&(q&130023424)===q&&500>w()-nl?El(e,0):el|=n),Q(e,t)}function Bl(e,t){t===0&&(e.mode&1?(t=Kt,Kt<<=1,!(Kt&130023424)&&(Kt=4194304)):t=1);var n=Z();e=po(e,t),e!==null&&(en(e,t,n),Q(e,n))}function Vl(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),Bl(e,n)}function Hl(e,t){var n=0;switch(e.tag){case 13:var i=e.stateNode,a=e.memoizedState;a!==null&&(n=a.retryLane);break;case 19:i=e.stateNode;break;default:throw Error(r(314))}i!==null&&i.delete(t),Bl(e,n)}var Ul=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||A.current)R=!0;else{if((e.lanes&n)===0&&!(t.flags&128))return R=!1,pc(e,t,n);R=!!(e.flags&131072)}else R=!1,M&&t.flags&1048576&&Ma(t,Ta,t.index);switch(t.lanes=0,t.tag){case 2:var i=t.type;dc(e,t),e=t.pendingProps;var a=ua(t,k.current);so(t,n),a=Uo(null,t,i,e,a,n);var o=Wo();return t.flags|=1,typeof a==`object`&&a&&typeof a.render==`function`&&a.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,j(i)?(o=!0,ma(t)):o=!1,t.memoizedState=a.state!==null&&a.state!==void 0?a.state:null,ho(t),a.updater=js,t.stateNode=a,a._reactInternals=t,Fs(t,i,e,n),t=$s(null,t,i,!0,o,n)):(t.tag=0,M&&o&&Na(t),z(null,t,a,n),t=t.child),t;case 16:i=t.elementType;a:{switch(dc(e,t),e=t.pendingProps,a=i._init,i=a(i._payload),t.type=i,a=t.tag=Jl(i),e=ks(i,e),a){case 0:t=Zs(null,t,i,e,n);break a;case 1:t=Qs(null,t,i,e,n);break a;case 11:t=Ks(null,t,i,e,n);break a;case 14:t=qs(null,t,i,ks(i.type,e),n);break a}throw Error(r(306,i,``))}return t;case 0:return i=t.type,a=t.pendingProps,a=t.elementType===i?a:ks(i,a),Zs(e,t,i,a,n);case 1:return i=t.type,a=t.pendingProps,a=t.elementType===i?a:ks(i,a),Qs(e,t,i,a,n);case 3:a:{if(ec(t),e===null)throw Error(r(387));i=t.pendingProps,o=t.memoizedState,a=o.element,go(e,t),xo(t,i,null,n);var s=t.memoizedState;if(i=s.element,o.isDehydrated)if(o={element:i,isDehydrated:!1,cache:s.cache,pendingSuspenseBoundaries:s.pendingSuspenseBoundaries,transitions:s.transitions},t.updateQueue.baseState=o,t.memoizedState=o,t.flags&256){a=Is(Error(r(423)),t),t=tc(e,t,i,n,a);break a}else if(i!==a){a=Is(Error(r(424)),t),t=tc(e,t,i,n,a);break a}else for(Ia=Ki(t.stateNode.containerInfo.firstChild),Fa=t,M=!0,La=null,n=$a(t,null,i,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(Ga(),i===a){t=fc(e,t,n);break a}z(e,t,i,n)}t=t.child}return t;case 5:return Ao(t),e===null&&Va(t),i=t.type,a=t.pendingProps,o=e===null?null:e.memoizedProps,s=a.children,zi(i,a)?s=null:o!==null&&zi(i,o)&&(t.flags|=32),Xs(e,t),z(e,t,s,n),t.child;case 6:return e===null&&Va(t),null;case 13:return ic(e,t,n);case 4:return Oo(t,t.stateNode.containerInfo),i=t.pendingProps,e===null?t.child=Qa(t,null,i,n):z(e,t,i,n),t.child;case 11:return i=t.type,a=t.pendingProps,a=t.elementType===i?a:ks(i,a),Ks(e,t,i,a,n);case 7:return z(e,t,t.pendingProps,n),t.child;case 8:return z(e,t,t.pendingProps.children,n),t.child;case 12:return z(e,t,t.pendingProps.children,n),t.child;case 10:a:{if(i=t.type._context,a=t.pendingProps,o=t.memoizedProps,s=a.value,O(eo,i._currentValue),i._currentValue=s,o!==null)if(Gr(o.value,s)){if(o.children===a.children&&!A.current){t=fc(e,t,n);break a}}else for(o=t.child,o!==null&&(o.return=t);o!==null;){var c=o.dependencies;if(c!==null){s=o.child;for(var l=c.firstContext;l!==null;){if(l.context===i){if(o.tag===1){l=_o(-1,n&-n),l.tag=2;var u=o.updateQueue;if(u!==null){u=u.shared;var d=u.pending;d===null?l.next=l:(l.next=d.next,d.next=l),u.pending=l}}o.lanes|=n,l=o.alternate,l!==null&&(l.lanes|=n),oo(o.return,n,t),c.lanes|=n;break}l=l.next}}else if(o.tag===10)s=o.type===t.type?null:o.child;else if(o.tag===18){if(s=o.return,s===null)throw Error(r(341));s.lanes|=n,c=s.alternate,c!==null&&(c.lanes|=n),oo(s,n,t),s=o.sibling}else s=o.child;if(s!==null)s.return=o;else for(s=o;s!==null;){if(s===t){s=null;break}if(o=s.sibling,o!==null){o.return=s.return,s=o;break}s=s.return}o=s}z(e,t,a.children,n),t=t.child}return t;case 9:return a=t.type,i=t.pendingProps.children,so(t,n),a=co(a),i=i(a),t.flags|=1,z(e,t,i,n),t.child;case 14:return i=t.type,a=ks(i,t.pendingProps),a=ks(i.type,a),qs(e,t,i,a,n);case 15:return Js(e,t,t.type,t.pendingProps,n);case 17:return i=t.type,a=t.pendingProps,a=t.elementType===i?a:ks(i,a),dc(e,t),t.tag=1,j(i)?(e=!0,ma(t)):e=!1,so(t,n),Ns(t,i,a),Fs(t,i,a,n),$s(null,t,i,!0,e,n);case 19:return uc(e,t,n);case 22:return Ys(e,t,n)}throw Error(r(156,t.tag))};function Wl(e,t){return Ot(e,t)}function Gl(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Kl(e,t,n,r){return new Gl(e,t,n,r)}function ql(e){return e=e.prototype,!(!e||!e.isReactComponent)}function Jl(e){if(typeof e==`function`)return+!!ql(e);if(e!=null){if(e=e.$$typeof,e===le)return 11;if(e===S)return 14}return 2}function Yl(e,t){var n=e.alternate;return n===null?(n=Kl(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Xl(e,t,n,i,a,o){var s=2;if(i=e,typeof e==`function`)ql(e)&&(s=1);else if(typeof e==`string`)s=5;else a:switch(e){case ie:return Zl(n.children,a,o,t);case ae:s=8,a|=8;break;case oe:return e=Kl(12,n,t,a|2),e.elementType=oe,e.lanes=o,e;case ue:return e=Kl(13,n,t,a),e.elementType=ue,e.lanes=o,e;case de:return e=Kl(19,n,t,a),e.elementType=de,e.lanes=o,e;case pe:return Ql(n,a,o,t);default:if(typeof e==`object`&&e)switch(e.$$typeof){case se:s=10;break a;case ce:s=9;break a;case le:s=11;break a;case S:s=14;break a;case fe:s=16,i=null;break a}throw Error(r(130,e==null?e:typeof e,``))}return t=Kl(s,n,t,a),t.elementType=e,t.type=i,t.lanes=o,t}function Zl(e,t,n,r){return e=Kl(7,e,r,t),e.lanes=n,e}function Ql(e,t,n,r){return e=Kl(22,e,r,t),e.elementType=pe,e.lanes=n,e.stateNode={isHidden:!1},e}function $l(e,t,n){return e=Kl(6,e,null,t),e.lanes=n,e}function eu(e,t,n){return t=Kl(4,e.children===null?[]:e.children,e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function tu(e,t,n,r,i){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=$t(0),this.expirationTimes=$t(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=$t(0),this.identifierPrefix=r,this.onRecoverableError=i,this.mutableSourceEagerHydrationData=null}function nu(e,t,n,r,i,a,o,s,c){return e=new tu(e,t,n,s,c),t===1?(t=1,!0===a&&(t|=8)):t=0,a=Kl(3,null,null,t),e.current=a,a.stateNode=e,a.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},ho(a),e}function ru(e,t,n){var r=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:re,key:r==null?null:``+r,children:e,containerInfo:t,implementation:n}}function iu(e){if(!e)return ca;e=e._reactInternals;a:{if(St(e)!==e||e.tag!==1)throw Error(r(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break a;case 1:if(j(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break a}}t=t.return}while(t!==null);throw Error(r(171))}if(e.tag===1){var n=e.type;if(j(n))return pa(e,n,t)}return t}function au(e,t,n,r,i,a,o,s,c){return e=nu(n,r,!0,e,i,a,o,s,c),e.context=iu(null),n=e.current,r=Z(),i=hl(n),a=_o(r,i),a.callback=t??null,vo(n,a,i),e.current.lanes=i,en(e,i,r),Q(e,r),e}function ou(e,t,n,r){var i=t.current,a=Z(),o=hl(i);return n=iu(n),t.context===null?t.context=n:t.pendingContext=n,t=_o(a,o),t.payload={element:e},r=r===void 0?null:r,r!==null&&(t.callback=r),e=vo(i,t,o),e!==null&&(gl(e,i,o,a),yo(e,i,o)),o}function su(e){if(e=e.current,!e.child)return null;switch(e.child.tag){case 5:return e.child.stateNode;default:return e.child.stateNode}}function cu(e,t){if(e=e.memoizedState,e!==null&&e.dehydrated!==null){var n=e.retryLane;e.retryLane=n!==0&&n<t?n:t}}function lu(e,t){cu(e,t),(e=e.alternate)&&cu(e,t)}function uu(){return null}var du=typeof reportError==`function`?reportError:function(e){console.error(e)};function fu(e){this._internalRoot=e}pu.prototype.render=fu.prototype.render=function(e){var t=this._internalRoot;if(t===null)throw Error(r(409));ou(e,t,null,null)},pu.prototype.unmount=fu.prototype.unmount=function(){var e=this._internalRoot;if(e!==null){this._internalRoot=null;var t=e.containerInfo;wl(function(){ou(null,e,null,null)}),t[Zi]=null}};function pu(e){this._internalRoot=e}pu.prototype.unstable_scheduleHydration=function(e){if(e){var t=cn();e={blockedOn:null,target:e,priority:t};for(var n=0;n<_n.length&&t!==0&&t<_n[n].priority;n++);_n.splice(n,0,e),n===0&&Sn(e)}};function mu(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11)}function hu(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11&&(e.nodeType!==8||e.nodeValue!==` react-mount-point-unstable `))}function gu(){}function _u(e,t,n,r,i){if(i){if(typeof r==`function`){var a=r;r=function(){var e=su(o);a.call(e)}}var o=au(t,r,e,0,null,!1,!1,``,gu);return e._reactRootContainer=o,e[Zi]=o.current,Ti(e.nodeType===8?e.parentNode:e),wl(),o}for(;i=e.lastChild;)e.removeChild(i);if(typeof r==`function`){var s=r;r=function(){var e=su(c);s.call(e)}}var c=nu(e,0,!1,null,null,!1,!1,``,gu);return e._reactRootContainer=c,e[Zi]=c.current,Ti(e.nodeType===8?e.parentNode:e),wl(function(){ou(t,c,n,r)}),c}function vu(e,t,n,r,i){var a=n._reactRootContainer;if(a){var o=a;if(typeof i==`function`){var s=i;i=function(){var e=su(o);s.call(e)}}ou(t,o,e,i)}else o=_u(n,t,e,i,r);return su(o)}an=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=qt(t.pendingLanes);n!==0&&(nn(t,n|1),Q(t,w()),!(W&6)&&(rl=w()+500,xa()))}break;case 13:wl(function(){var t=po(e,1);t!==null&&gl(t,e,1,Z())}),lu(e,1)}},on=function(e){if(e.tag===13){var t=po(e,134217728);t!==null&&gl(t,e,134217728,Z()),lu(e,134217728)}},sn=function(e){if(e.tag===13){var t=hl(e),n=po(e,t);n!==null&&gl(n,e,t,Z()),lu(e,t)}},cn=function(){return T},ln=function(e,t){var n=T;try{return T=e,t()}finally{T=n}},tt=function(e,t,n){switch(t){case`input`:if(Me(e,n),t=n.name,n.type===`radio`&&t!=null){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll(`input[name=`+JSON.stringify(``+t)+`][type="radio"]`),t=0;t<n.length;t++){var i=n[t];if(i!==e&&i.form===e.form){var a=ia(i);if(!a)throw Error(r(90));De(i),Me(i,a)}}}break;case`textarea`:ze(e,n);break;case`select`:t=n.value,t!=null&&Ie(e,!!n.multiple,t,!1)}},st=Cl,ct=wl;var yu={usingClientEntryPoint:!1,Events:[na,ra,ia,at,ot,Cl]},bu={findFiberByHostInstance:ta,bundleType:0,version:`18.3.1`,rendererPackageName:`react-dom`},xu={bundleType:bu.bundleType,version:bu.version,rendererPackageName:bu.rendererPackageName,rendererConfig:bu.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:x.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return e=Et(e),e===null?null:e.stateNode},findFiberByHostInstance:bu.findFiberByHostInstance||uu,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:`18.3.1-next-f1338f8080-20240426`};if(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<`u`){var Su=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!Su.isDisabled&&Su.supportsFiber)try{Rt=Su.inject(xu),zt=Su}catch{}}e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=yu,e.createPortal=function(e,t){var n=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!mu(t))throw Error(r(200));return ru(e,t,null,n)},e.createRoot=function(e,t){if(!mu(e))throw Error(r(299));var n=!1,i=``,a=du;return t!=null&&(!0===t.unstable_strictMode&&(n=!0),t.identifierPrefix!==void 0&&(i=t.identifierPrefix),t.onRecoverableError!==void 0&&(a=t.onRecoverableError)),t=nu(e,1,!1,null,null,n,!1,i,a),e[Zi]=t.current,Ti(e.nodeType===8?e.parentNode:e),new fu(t)},e.findDOMNode=function(e){if(e==null)return null;if(e.nodeType===1)return e;var t=e._reactInternals;if(t===void 0)throw typeof e.render==`function`?Error(r(188)):(e=Object.keys(e).join(`,`),Error(r(268,e)));return e=Et(t),e=e===null?null:e.stateNode,e},e.flushSync=function(e){return wl(e)},e.hydrate=function(e,t,n){if(!hu(t))throw Error(r(200));return vu(null,e,t,!0,n)},e.hydrateRoot=function(e,t,n){if(!mu(e))throw Error(r(405));var i=n!=null&&n.hydratedSources||null,a=!1,o=``,s=du;if(n!=null&&(!0===n.unstable_strictMode&&(a=!0),n.identifierPrefix!==void 0&&(o=n.identifierPrefix),n.onRecoverableError!==void 0&&(s=n.onRecoverableError)),t=au(t,null,e,1,n??null,a,!1,o,s),e[Zi]=t.current,Ti(e),i)for(e=0;e<i.length;e++)n=i[e],a=n._getVersion,a=a(n._source),t.mutableSourceEagerHydrationData==null?t.mutableSourceEagerHydrationData=[n,a]:t.mutableSourceEagerHydrationData.push(n,a);return new pu(t)},e.render=function(e,t,n){if(!hu(t))throw Error(r(200));return vu(null,e,t,!1,n)},e.unmountComponentAtNode=function(e){if(!hu(e))throw Error(r(40));return e._reactRootContainer?(wl(function(){vu(null,null,e,!1,function(){e._reactRootContainer=null,e[Zi]=null})}),!0):!1},e.unstable_batchedUpdates=Cl,e.unstable_renderSubtreeIntoContainer=function(e,t,n,i){if(!hu(n))throw Error(r(200));if(e==null||e._reactInternals===void 0)throw Error(r(38));return vu(e,t,n,!1,i)},e.version=`18.3.1-next-f1338f8080-20240426`})),m=o(((e,t)=>{function n(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>`u`||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!=`function`))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(n)}catch(e){console.error(e)}}n(),t.exports=p()})),h=o((e=>{var t=m();e.createRoot=t.createRoot,e.hydrateRoot=t.hydrateRoot})),g=o((e=>{var t=u(),n=Symbol.for(`react.element`),r=Symbol.for(`react.fragment`),i=Object.prototype.hasOwnProperty,a=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,o={key:!0,ref:!0,__self:!0,__source:!0};function s(e,t,r){var s,c={},l=null,u=null;for(s in r!==void 0&&(l=``+r),t.key!==void 0&&(l=``+t.key),t.ref!==void 0&&(u=t.ref),t)i.call(t,s)&&!o.hasOwnProperty(s)&&(c[s]=t[s]);if(e&&e.defaultProps)for(s in t=e.defaultProps,t)c[s]===void 0&&(c[s]=t[s]);return{$$typeof:n,type:e,key:l,ref:u,props:c,_owner:a.current}}e.Fragment=r,e.jsx=s,e.jsxs=s})),_=o(((e,t)=>{t.exports=g()}));export{c as i,h as n,u as r,_ as t};
\ No newline at end of file
diff --git a/static/dist/search.js b/static/dist/search.js
index edd2102..92e73f6 100644
--- a/static/dist/search.js
+++ b/static/dist/search.js
@@ -1 +1 @@
-import{R as A,j as e,r as n}from"./client-DS0SU7Jy.js";const T=({children:s,variant:r="default",className:t=""})=>{const c={default:"bg-gray-100 text-gray-800",link:"bg-blue-100 text-blue-800",page:"bg-green-100 text-green-800",post:"bg-purple-100 text-purple-800"};return e.jsx("span",{className:`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${c[r]} ${t}`,children:s})},f=({children:s,className:r="",hover:t=!1})=>e.jsx("div",{className:`bg-white rounded-lg shadow-sm border border-gray-200 ${t?"hover:shadow-md transition-shadow duration-200":""} ${r}`,children:s}),D=({className:s="",...r})=>e.jsx("input",{className:`flex h-10 w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm ring-offset-white file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:cursor-not-allowed disabled:opacity-50 ${s}`,...r}),F=({children:s,className:r="",...t})=>e.jsx("select",{className:`flex h-10 w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm ring-offset-white focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:cursor-not-allowed disabled:opacity-50 ${r}`,...t,children:s}),y=({children:s,variant:r="default",className:t="",...c})=>{const o={default:"bg-blue-600 text-white hover:bg-blue-700",outline:"border-2 border-gray-300 bg-white hover:bg-gray-50",ghost:"hover:bg-gray-100"};return e.jsx("button",{className:`inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium ring-offset-white transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 ${o[r]} ${t}`,...c,children:s})},N=({className:s=""})=>e.jsx("div",{className:`shimmer rounded ${s}`}),U=({result:s})=>{const r={link:"fa-link",page:"fa-file-alt",post:"fa-newspaper"},t=c=>new Date(c).toLocaleDateString("en-US",{year:"numeric",month:"short",day:"numeric"});return e.jsx(f,{hover:!0,className:"p-4",children:e.jsxs("div",{className:"flex items-start gap-4",children:[e.jsx("div",{className:"flex-shrink-0 mt-1",children:e.jsx("div",{className:`w-10 h-10 rounded-full flex items-center justify-center ${s.type==="link"?"bg-blue-100 text-blue-600":s.type==="page"?"bg-green-100 text-green-600":"bg-purple-100 text-purple-600"}`,children:e.jsx("i",{className:`fas ${r[s.type]}`})})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[e.jsx("a",{href:s.type==="link"?s.url:s.detail_url||s.url,className:"text-lg font-semibold text-gray-900 hover:text-blue-600 transition-colors truncate",target:s.type==="link"?"_blank":"_self",rel:s.type==="link"?"noopener noreferrer":"",children:s.title}),e.jsx(T,{variant:s.type,children:s.type})]}),s.type==="link"&&s.original_url&&e.jsxs("a",{href:s.original_url,className:"text-sm text-gray-600 hover:text-gray-900 truncate block mb-2",target:"_blank",rel:"noopener noreferrer",children:[e.jsx("i",{className:"fas fa-external-link-alt mr-1"}),s.original_url]}),(s.description||s.summary)&&e.jsx("p",{className:"text-sm text-gray-600 line-clamp-2 mb-2",children:s.description||s.summary}),e.jsxs("div",{className:"flex items-center gap-4 text-xs text-gray-500",children:[e.jsxs("span",{children:[e.jsx("i",{className:"fas fa-calendar mr-1"}),t(s.created_at)]}),s.click_count!==void 0&&e.jsxs("span",{children:[e.jsx("i",{className:"fas fa-mouse-pointer mr-1"}),s.click_count," clicks"]})]}),s.tags&&s.tags.length>0&&e.jsx("div",{className:"flex flex-wrap gap-1 mt-2",children:s.tags.map(c=>e.jsxs(T,{variant:"default",className:"text-xs",children:[e.jsx("i",{className:"fas fa-tag mr-1"}),c.name]},c.id))})]}),e.jsx("div",{className:"flex-shrink-0",children:e.jsx("a",{href:s.type==="link"?`/link/${s.id}/edit/`:s.type==="page"?`/ui/pages/${s.id}/edit/`:`/ui/posts/${s.id}/edit/`,className:"text-gray-400 hover:text-blue-600 transition-colors",title:"Edit",children:e.jsx("i",{className:"fas fa-edit"})})})]})})},B=()=>{const[s,r]=n.useState(""),[t,c]=n.useState(""),[o,$]=n.useState("relevance"),[p,I]=n.useState(!1),[v,g]=n.useState([]),[x,P]=n.useState(!1),[u,_]=n.useState(0),[d,C]=n.useState(1),[j,w]=n.useState(null),R=20,h=n.useCallback(async(a,i,l,b)=>{if(!a.trim()){g([]),_(0);return}P(!0),w(null);try{const E=new URLSearchParams({q:a,type:i,sort:l,page:b,per_page:R}),L=await fetch(`${p?"/search/api/vector/":"/search/api/v2/"}?${E}`),S=await L.json();L.ok?(g(S.results),_(S.total)):(w(S.error||"Search failed"),g([]))}catch{w("Network error. Please try again."),g([])}finally{P(!1)}},[p]),q=n.useCallback(a=>{a.preventDefault(),C(1),h(s,t,o,1)},[s,t,o,h]);n.useEffect(()=>{const a=new URLSearchParams(window.location.search),i=a.get("q")||"",l=a.get("type")||"",b=a.get("sort")||"relevance";r(i),c(l),$(b),i&&h(i,l,b,1)},[h]),n.useEffect(()=>{if(s){const a=new URLSearchParams({q:s,...t&&{type:t},...o!=="relevance"&&{sort:o}});window.history.replaceState({},"",`?${a}`)}},[s,t,o]);const k=a=>{C(a),h(s,t,o,a),window.scrollTo({top:0,behavior:"smooth"})},m=Math.ceil(u/R);return e.jsx("div",{className:"min-h-screen py-8 px-4 sm:px-6 lg:px-8",children:e.jsxs("div",{className:"max-w-5xl mx-auto",children:[e.jsxs("div",{className:"mb-8 text-center",children:[e.jsx("a",{href:"/",className:"inline-block hover:opacity-80 transition-opacity",children:e.jsxs("h1",{className:"text-4xl font-bold text-gray-900 mb-2 flex items-center justify-center gap-3",children:[e.jsx("i",{className:"fas fa-search text-blue-600"}),"Advanced Search"]})}),e.jsx("p",{className:"text-gray-600",children:"Search through all Links, Pages, and Posts"})]}),e.jsx(f,{className:"p-6 mb-8 glass",children:e.jsxs("form",{onSubmit:q,className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 mb-2",children:"Search Query"}),e.jsxs("div",{className:"relative",children:[e.jsx("i",{className:"fas fa-search absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400"}),e.jsx(D,{type:"text",value:s,onChange:a=>r(a.target.value),placeholder:"Enter keywords to search...",className:"pl-10"})]})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 mb-2",children:"Filter by Type"}),e.jsxs(F,{value:t,onChange:a=>c(a.target.value),children:[e.jsx("option",{value:"",children:"All Types"}),e.jsx("option",{value:"link",children:"Links"}),e.jsx("option",{value:"page",children:"Pages"}),e.jsx("option",{value:"post",children:"Posts"})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 mb-2",children:"Sort By"}),e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx("label",{className:"text-sm font-medium text-gray-700",children:"AI Vector Search"}),e.jsx("input",{type:"checkbox",checked:p,onChange:a=>I(a.target.checked),className:"h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"})]}),e.jsxs(F,{value:o,onChange:a=>$(a.target.value),disabled:p,children:[e.jsx("option",{value:"relevance",children:"Most Relevant"}),e.jsx("option",{value:"newest",children:"Newest First"}),e.jsx("option",{value:"oldest",children:"Oldest First"})]})]})]}),e.jsx(y,{type:"submit",className:"w-full",disabled:x,children:x?e.jsxs(e.Fragment,{children:[e.jsx("i",{className:"fas fa-spinner fa-spin mr-2"}),"Searching..."]}):e.jsxs(e.Fragment,{children:[e.jsx("i",{className:"fas fa-search mr-2"}),"Search"]})})]})}),s&&e.jsxs("div",{children:[e.jsx("div",{className:"mb-4 flex items-center justify-between",children:e.jsx("h2",{className:"text-lg font-semibold text-gray-900",children:x?"Searching...":j?e.jsxs("span",{className:"text-red-600",children:[e.jsx("i",{className:"fas fa-exclamation-circle mr-2"}),j]}):e.jsxs(e.Fragment,{children:["Search results for: ",e.jsxs("span",{className:"text-blue-600",children:['"',s,'"']}),u>0&&e.jsxs("span",{className:"text-gray-500 text-sm ml-2",children:["(",u," ",u===1?"result":"results",")"]})]})})}),x&&e.jsx("div",{className:"space-y-4",children:[1,2,3].map(a=>e.jsx(f,{className:"p-4",children:e.jsxs("div",{className:"flex items-start gap-4",children:[e.jsx(N,{className:"w-10 h-10 rounded-full"}),e.jsxs("div",{className:"flex-1 space-y-2",children:[e.jsx(N,{className:"h-5 w-3/4"}),e.jsx(N,{className:"h-4 w-full"}),e.jsx(N,{className:"h-4 w-1/2"})]})]})},a))}),!x&&!j&&v.length>0&&e.jsx("div",{className:"space-y-4",children:v.map(a=>e.jsx(U,{result:a},`${a.type}-${a.id}`))}),!x&&!j&&v.length===0&&s&&e.jsxs(f,{className:"p-12 text-center",children:[e.jsx("i",{className:"fas fa-search text-6xl text-gray-300 mb-4"}),e.jsx("h3",{className:"text-lg font-medium text-gray-900 mb-2",children:"No results found"}),e.jsx("p",{className:"text-gray-500",children:"Try adjusting your search terms or filters"})]}),!x&&m>1&&e.jsxs("div",{className:"mt-8 flex items-center justify-center gap-2",children:[e.jsxs(y,{variant:"outline",onClick:()=>k(d-1),disabled:d===1,children:[e.jsx("i",{className:"fas fa-chevron-left mr-2"}),"Previous"]}),e.jsx("div",{className:"flex items-center gap-2",children:[...Array(Math.min(5,m))].map((a,i)=>{let l;return m<=5||d<=3?l=i+1:d>=m-2?l=m-4+i:l=d-2+i,e.jsx(y,{variant:d===l?"default":"outline",onClick:()=>k(l),className:"w-10 h-10 p-0",children:l},l)})}),e.jsxs(y,{variant:"outline",onClick:()=>k(d+1),disabled:d===m,children:["Next",e.jsx("i",{className:"fas fa-chevron-right ml-2"})]})]})]}),!s&&e.jsxs(f,{className:"p-12 text-center glass",children:[e.jsx("i",{className:"fas fa-search text-6xl text-blue-200 mb-4"}),e.jsx("h3",{className:"text-xl font-medium text-gray-900 mb-2",children:"Start Searching"}),e.jsx("p",{className:"text-gray-600 max-w-md mx-auto",children:"Enter a search query to find links, pages, and posts. You can search by title, content, URL, or tags."})]})]})})},M=A.createRoot(document.getElementById("root"));M.render(e.jsx(B,{}));
+import{i as e,n as t,r as n,t as r}from"./jsx-runtime-COXMab3W.js";var i=e(n()),a=e(t()),o=r(),s=({children:e,variant:t=`default`,className:n=``})=>(0,o.jsx)(`span`,{className:`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${{default:`bg-gray-100 text-gray-800`,link:`bg-blue-100 text-blue-800`,page:`bg-green-100 text-green-800`,post:`bg-purple-100 text-purple-800`,bookmark:`bg-sky-100 text-sky-800`}[t]} ${n}`,children:e}),c=({children:e,className:t=``,hover:n=!1})=>(0,o.jsx)(`div`,{className:`bg-white rounded-lg shadow-sm border border-gray-200 ${n?`hover:shadow-md transition-shadow duration-200`:``} ${t}`,children:e}),l=({className:e=``,...t})=>(0,o.jsx)(`input`,{className:`flex h-10 w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm ring-offset-white file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:cursor-not-allowed disabled:opacity-50 ${e}`,...t}),u=({children:e,className:t=``,...n})=>(0,o.jsx)(`select`,{className:`flex h-10 w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm ring-offset-white focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:cursor-not-allowed disabled:opacity-50 ${t}`,...n,children:e}),d=({children:e,variant:t=`default`,className:n=``,...r})=>(0,o.jsx)(`button`,{className:`inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium ring-offset-white transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 ${{default:`bg-blue-600 text-white hover:bg-blue-700`,outline:`border-2 border-gray-300 bg-white hover:bg-gray-50`,ghost:`hover:bg-gray-100`}[t]} ${n}`,...r,children:e}),f=({className:e=``})=>(0,o.jsx)(`div`,{className:`shimmer rounded ${e}`}),p=({result:e})=>{let t={link:`fa-link`,page:`fa-file-alt`,post:`fa-newspaper`,bookmark:`fa-bookmark`},n=e=>new Date(e).toLocaleDateString(`en-US`,{year:`numeric`,month:`short`,day:`numeric`}),r=e.type===`bookmark`,i=e.type===`link`?`bg-blue-100 text-blue-600`:e.type===`page`?`bg-green-100 text-green-600`:e.type===`post`?`bg-purple-100 text-purple-600`:e.type===`bookmark`?`bg-sky-100 text-sky-600`:`bg-gray-100 text-gray-600`,a=r?e.detail_url||e.url:e.type===`link`?e.url:e.detail_url||e.url,l=e.type===`link`||r?`_blank`:`_self`,u=e.type===`link`||r?`noopener noreferrer`:``;return(0,o.jsx)(c,{hover:!0,className:`p-4`,children:(0,o.jsxs)(`div`,{className:`flex items-start gap-4`,children:[(0,o.jsx)(`div`,{className:`flex-shrink-0 mt-1`,children:r&&e.author_profile_image_url?(0,o.jsx)(`img`,{src:e.author_profile_image_url,alt:``,className:`w-10 h-10 rounded-full object-cover border border-gray-200`,loading:`lazy`}):(0,o.jsx)(`div`,{className:`w-10 h-10 rounded-full flex items-center justify-center ${i}`,children:(0,o.jsx)(`i`,{className:`fas ${t[e.type]||`fa-circle`}`})})}),(0,o.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,o.jsxs)(`div`,{className:`flex items-center gap-2 mb-1`,children:[(0,o.jsx)(`a`,{href:a,className:`text-lg font-semibold text-gray-900 hover:text-blue-600 transition-colors truncate`,target:l,rel:u,children:r?`@${e.author_screen_name}`:e.title}),(0,o.jsx)(s,{variant:e.type,children:e.type})]}),r?(0,o.jsxs)(o.Fragment,{children:[(e.text||e.summary||e.title)&&(0,o.jsx)(`p`,{className:`text-sm text-gray-700 line-clamp-3 mb-2 whitespace-pre-wrap`,children:e.summary?e.summary:e.text||e.title}),e.has_photo&&(0,o.jsxs)(`span`,{className:`inline-flex items-center text-xs text-gray-500 mr-3`,children:[(0,o.jsx)(`i`,{className:`fas fa-image mr-1`}),`photo`]}),e.has_video&&(0,o.jsxs)(`span`,{className:`inline-flex items-center text-xs text-gray-500 mr-3`,children:[(0,o.jsx)(`i`,{className:`fas fa-video mr-1`}),`video`]}),(0,o.jsxs)(`a`,{href:e.url||e.detail_url,target:`_blank`,rel:`noopener noreferrer`,className:`inline-flex items-center text-xs text-blue-600 hover:underline mr-3`,children:[(0,o.jsx)(`i`,{className:`fas fa-external-link-alt mr-1`}),`Open on X`]}),(0,o.jsxs)(`a`,{href:e.detail_url,className:`inline-flex items-center text-xs text-gray-500 hover:text-gray-800`,children:[(0,o.jsx)(`i`,{className:`fas fa-list mr-1`}),`Detail`]})]}):(0,o.jsxs)(o.Fragment,{children:[e.type===`link`&&e.original_url&&(0,o.jsxs)(`a`,{href:e.original_url,className:`text-sm text-gray-600 hover:text-gray-900 truncate block mb-2`,target:`_blank`,rel:`noopener noreferrer`,children:[(0,o.jsx)(`i`,{className:`fas fa-external-link-alt mr-1`}),e.original_url]}),(e.description||e.summary)&&(0,o.jsx)(`p`,{className:`text-sm text-gray-600 line-clamp-2 mb-2`,children:e.description||e.summary}),(0,o.jsxs)(`div`,{className:`flex items-center gap-4 text-xs text-gray-500`,children:[(0,o.jsxs)(`span`,{children:[(0,o.jsx)(`i`,{className:`fas fa-calendar mr-1`}),n(e.created_at)]}),e.click_count!==void 0&&(0,o.jsxs)(`span`,{children:[(0,o.jsx)(`i`,{className:`fas fa-mouse-pointer mr-1`}),e.click_count,` clicks`]})]}),e.tags&&e.tags.length>0&&(0,o.jsx)(`div`,{className:`flex flex-wrap gap-1 mt-2`,children:e.tags.map(e=>(0,o.jsxs)(s,{variant:`default`,className:`text-xs`,children:[(0,o.jsx)(`i`,{className:`fas fa-tag mr-1`}),e.name]},e.id))})]})]}),!r&&(0,o.jsx)(`div`,{className:`flex-shrink-0`,children:(0,o.jsx)(`a`,{href:e.type===`link`?`/link/${e.id}/edit/`:e.type===`page`?`/ui/pages/${e.id}/edit/`:`/ui/posts/${e.id}/edit/`,className:`text-gray-400 hover:text-blue-600 transition-colors`,title:`Edit`,children:(0,o.jsx)(`i`,{className:`fas fa-edit`})})})]})})};a.createRoot(document.getElementById(`root`)).render((0,o.jsx)(()=>{let[e,t]=(0,i.useState)(``),[n,r]=(0,i.useState)(``),[a,s]=(0,i.useState)(`relevance`),[m,h]=(0,i.useState)(!1),[g,_]=(0,i.useState)([]),[v,y]=(0,i.useState)(!1),[b,x]=(0,i.useState)(0),[S,C]=(0,i.useState)(1),[w,T]=(0,i.useState)(null),E=(0,i.useCallback)(async(e,t,n,r)=>{if(!e.trim()){_([]),x(0);return}y(!0),T(null);try{let i=new URLSearchParams({q:e,type:t,sort:n,page:r,per_page:20}),a=await fetch(`${m?`/search/api/vector/`:`/search/api/v2/`}?${i}`),o=await a.json();a.ok?(_(o.results),x(o.total)):(T(o.error||`Search failed`),_([]))}catch{T(`Network error. Please try again.`),_([])}finally{y(!1)}},[m]),D=(0,i.useCallback)(t=>{t.preventDefault(),C(1),E(e,n,a,1)},[e,n,a,E]);(0,i.useEffect)(()=>{let e=new URLSearchParams(window.location.search),n=e.get(`q`)||``,i=e.get(`type`)||``,a=e.get(`sort`)||`relevance`;t(n),r(i),s(a),n&&E(n,i,a,1)},[E]),(0,i.useEffect)(()=>{if(e){let t=new URLSearchParams({q:e,...n&&{type:n},...a!==`relevance`&&{sort:a}});window.history.replaceState({},``,`?${t}`)}},[e,n,a]);let O=t=>{C(t),E(e,n,a,t),window.scrollTo({top:0,behavior:`smooth`})},k=Math.ceil(b/20);return(0,o.jsx)(`div`,{className:`min-h-screen py-8 px-4 sm:px-6 lg:px-8`,children:(0,o.jsxs)(`div`,{className:`max-w-5xl mx-auto`,children:[(0,o.jsxs)(`div`,{className:`mb-8 text-center`,children:[(0,o.jsx)(`a`,{href:`/`,className:`inline-block hover:opacity-80 transition-opacity`,children:(0,o.jsxs)(`h1`,{className:`text-4xl font-bold text-gray-900 mb-2 flex items-center justify-center gap-3`,children:[(0,o.jsx)(`i`,{className:`fas fa-search text-blue-600`}),`Advanced Search`]})}),(0,o.jsx)(`p`,{className:`text-gray-600`,children:`Search through all Links, Pages, Posts and Bookmarks`})]}),(0,o.jsx)(c,{className:`p-6 mb-8 glass`,children:(0,o.jsxs)(`form`,{onSubmit:D,className:`space-y-4`,children:[(0,o.jsxs)(`div`,{children:[(0,o.jsx)(`label`,{className:`block text-sm font-medium text-gray-700 mb-2`,children:`Search Query`}),(0,o.jsxs)(`div`,{className:`relative`,children:[(0,o.jsx)(`i`,{className:`fas fa-search absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400`}),(0,o.jsx)(l,{type:`text`,value:e,onChange:e=>t(e.target.value),placeholder:`Enter keywords to search...`,className:`pl-10`})]})]}),(0,o.jsxs)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 gap-4`,children:[(0,o.jsxs)(`div`,{children:[(0,o.jsx)(`label`,{className:`block text-sm font-medium text-gray-700 mb-2`,children:`Filter by Type`}),(0,o.jsxs)(u,{value:n,onChange:e=>r(e.target.value),children:[(0,o.jsx)(`option`,{value:``,children:`All Types`}),(0,o.jsx)(`option`,{value:`link`,children:`Links`}),(0,o.jsx)(`option`,{value:`page`,children:`Pages`}),(0,o.jsx)(`option`,{value:`post`,children:`Posts`}),(0,o.jsx)(`option`,{value:`bookmark`,children:`Bookmarks`})]})]}),(0,o.jsxs)(`div`,{children:[(0,o.jsx)(`label`,{className:`block text-sm font-medium text-gray-700 mb-2`,children:`Sort By`}),(0,o.jsxs)(`div`,{className:`flex items-center gap-2 mb-2`,children:[(0,o.jsx)(`label`,{className:`text-sm font-medium text-gray-700`,children:`AI Vector Search`}),(0,o.jsx)(`input`,{type:`checkbox`,checked:m,onChange:e=>h(e.target.checked),className:`h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded`})]}),(0,o.jsxs)(u,{value:a,onChange:e=>s(e.target.value),disabled:m,children:[(0,o.jsx)(`option`,{value:`relevance`,children:`Most Relevant`}),(0,o.jsx)(`option`,{value:`newest`,children:`Newest First`}),(0,o.jsx)(`option`,{value:`oldest`,children:`Oldest First`})]})]})]}),(0,o.jsx)(d,{type:`submit`,className:`w-full`,disabled:v,children:v?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`i`,{className:`fas fa-spinner fa-spin mr-2`}),`Searching...`]}):(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`i`,{className:`fas fa-search mr-2`}),`Search`]})})]})}),e&&(0,o.jsxs)(`div`,{children:[(0,o.jsx)(`div`,{className:`mb-4 flex items-center justify-between`,children:(0,o.jsx)(`h2`,{className:`text-lg font-semibold text-gray-900`,children:v?`Searching...`:w?(0,o.jsxs)(`span`,{className:`text-red-600`,children:[(0,o.jsx)(`i`,{className:`fas fa-exclamation-circle mr-2`}),w]}):(0,o.jsxs)(o.Fragment,{children:[`Search results for: `,(0,o.jsxs)(`span`,{className:`text-blue-600`,children:[`"`,e,`"`]}),b>0&&(0,o.jsxs)(`span`,{className:`text-gray-500 text-sm ml-2`,children:[`(`,b,` `,b===1?`result`:`results`,`)`]})]})})}),v&&(0,o.jsx)(`div`,{className:`space-y-4`,children:[1,2,3].map(e=>(0,o.jsx)(c,{className:`p-4`,children:(0,o.jsxs)(`div`,{className:`flex items-start gap-4`,children:[(0,o.jsx)(f,{className:`w-10 h-10 rounded-full`}),(0,o.jsxs)(`div`,{className:`flex-1 space-y-2`,children:[(0,o.jsx)(f,{className:`h-5 w-3/4`}),(0,o.jsx)(f,{className:`h-4 w-full`}),(0,o.jsx)(f,{className:`h-4 w-1/2`})]})]})},e))}),!v&&!w&&g.length>0&&(0,o.jsx)(`div`,{className:`space-y-4`,children:g.map(e=>(0,o.jsx)(p,{result:e},`${e.type}-${e.id}`))}),!v&&!w&&g.length===0&&e&&(0,o.jsxs)(c,{className:`p-12 text-center`,children:[(0,o.jsx)(`i`,{className:`fas fa-search text-6xl text-gray-300 mb-4`}),(0,o.jsx)(`h3`,{className:`text-lg font-medium text-gray-900 mb-2`,children:`No results found`}),(0,o.jsx)(`p`,{className:`text-gray-500`,children:`Try adjusting your search terms or filters`})]}),!v&&k>1&&(0,o.jsxs)(`div`,{className:`mt-8 flex items-center justify-center gap-2`,children:[(0,o.jsxs)(d,{variant:`outline`,onClick:()=>O(S-1),disabled:S===1,children:[(0,o.jsx)(`i`,{className:`fas fa-chevron-left mr-2`}),`Previous`]}),(0,o.jsx)(`div`,{className:`flex items-center gap-2`,children:[...Array(Math.min(5,k))].map((e,t)=>{let n;return n=k<=5||S<=3?t+1:S>=k-2?k-4+t:S-2+t,(0,o.jsx)(d,{variant:S===n?`default`:`outline`,onClick:()=>O(n),className:`w-10 h-10 p-0`,children:n},n)})}),(0,o.jsxs)(d,{variant:`outline`,onClick:()=>O(S+1),disabled:S===k,children:[`Next`,(0,o.jsx)(`i`,{className:`fas fa-chevron-right ml-2`})]})]})]}),!e&&(0,o.jsxs)(c,{className:`p-12 text-center glass`,children:[(0,o.jsx)(`i`,{className:`fas fa-search text-6xl text-blue-200 mb-4`}),(0,o.jsx)(`h3`,{className:`text-xl font-medium text-gray-900 mb-2`,children:`Start Searching`}),(0,o.jsx)(`p`,{className:`text-gray-600 max-w-md mx-auto`,children:`Enter a search query to find links, pages, posts, and bookmarks. You can search by title, content, URL, or tags.`})]})]})})},{}));
\ No newline at end of file
diff --git a/static/openapi.yaml b/static/openapi.yaml
index a6355bc..b9b31c4 100644
--- a/static/openapi.yaml
+++ b/static/openapi.yaml
@@ -13,6 +13,7 @@ info:
     | Resource | What it is |
     |---|---|
     | **Page** | A bookmarked URL. When created, the server asynchronously fetches its title, description, and a screenshot. |
+    | **Bookmark** | An archived social-media post (e.g. an x.com / Twitter tweet) saved with full preview data — text, author, images, video poster thumbnails, link cards, quotes — so the archive page renders offline. Bulk-import via `/api/bookmarks/import`. |
     | **Post** | A Markdown blog post, optionally tagged. |
     | **Collection** | A named group of uploaded images (e.g. a photo album). |
     | **Image** | An image file belonging to a Collection. |
@@ -41,6 +42,20 @@ info:
     no authentication is required for the recipient. Set an expiry with
     `POST /api/files/{id}/set-expiry` to time-limit the link.
 
+    ### Bookmarks bulk import
+    Import (or upsert) many archived posts in one request. Each item accepts the
+    full normalised export object from `x-bookmarks-exporter` (with nested
+    `author`, `media`, `card`, `quoted`, `retweet`, counters); matching is by
+    `tweet_id`:
+    ```
+    POST /api/bookmarks/import
+    { "bookmarks": [ { "id": "123", "author": {"screen_name":"u"}, "text": "...",
+                       "media": [...], ... }, ... ] }
+    → { "created": 10, "updated": 0, "skipped": 0, "total": 769 }
+    ```
+    Use `PUT /api/bookmarks/bulk` with a bare JSON array of flat
+    `Bookmark`-shaped objects for the same upsert behaviour.
+
     ## Authentication
     No authentication is currently required on any endpoint.
   version: 1.0.0
@@ -60,6 +75,12 @@ tags:
       the page title, description, and screenshot automatically.
   - name: Posts
     description: Markdown blog posts with optional tag categorisation.
+  - name: Bookmarks
+    description: |
+      Archived social-media posts (originally x.com / Twitter bookmarks), each saved with
+      full preview data — text, author, media poster thumbnails (no embedded video streams),
+      link cards, quotes — so the archive viewer page renders offline without further API calls.
+      Use `POST /api/bookmarks/import` for bulk upsert by `tweet_id`.
   - name: Collections
     description: Named groups of images. Each collection can hold many uploaded image files.
   - name: Images
@@ -176,6 +197,266 @@ paths:
               schema:
                 $ref: '#/components/schemas/Page'
 
+  /api/bookmarks:
+    get:
+      operationId: listBookmarks
+      tags: [Bookmarks]
+      summary: List archived bookmarks
+      description: |
+        Paginated list of archived social-media bookmarks, newest first. Supports
+        full-text search (`q`), boolean media/type filters, author filter and
+        ordering. Default page size is 24; use `?page_size=` up to 200.
+      parameters:
+        - in: query
+          name: page
+          schema: { type: integer }
+          description: 1-based page number
+        - in: query
+          name: page_size
+          schema: { type: integer, maximum: 200 }
+          description: Items per page (default 24)
+        - in: query
+          name: q
+          schema: { type: string }
+          description: Case-insensitive search across `text`, `summary`, `author_screen_name`, `author_name`
+        - in: query
+          name: has_video
+          schema: { type: boolean }
+          description: Filter to bookmarks containing a video/animated GIF
+        - in: query
+          name: has_photo
+          schema: { type: boolean }
+        - in: query
+          name: has_card
+          schema: { type: boolean }
+          description: Has an attached link preview card
+        - in: query
+          name: is_quote
+          schema: { type: boolean }
+        - in: query
+          name: is_retweet
+          schema: { type: boolean }
+        - in: query
+          name: author
+          schema: { type: string }
+          description: Exact (case-insensitive) screen name
+        - in: query
+          name: ordering
+          schema:
+            type: string
+            enum: [tweet_created_at, -tweet_created_at, bookmark_created_at,
+                   -bookmark_created_at, favorite_count, -favorite_count,
+                   view_count, -view_count, created_at, -created_at]
+          description: Sort field (prefix `-` for descending). Default `-tweet_created_at`
+      responses:
+        '200':
+          description: Paginated bookmarks
+          content:
+            application/json:
+              schema:
+                $ref: '#/components/schemas/BookmarkList'
+    post:
+      operationId: createBookmark
+      tags: [Bookmarks]
+      summary: Create a single bookmark
+      description: |
+        Create one archived bookmark from a flat `Bookmark`-shaped object.
+        For importing many at once (e.g. from x-bookmarks-exporter), prefer
+        `POST /api/bookmarks/import`.
+      requestBody:
+        required: true
+        content:
+          application/json:
+            schema:
+              $ref: '#/components/schemas/BookmarkCreate'
+      responses:
+        '201':
+          description: Bookmark created
+          content:
+            application/json:
+              schema:
+                $ref: '#/components/schemas/Bookmark'
+
+  /api/bookmarks/stats:
+    get:
+      operationId: bookmarkStats
+      tags: [Bookmarks]
+      summary: Aggregate bookmark counts
+      description: Returns total count plus per-flag counts (used by the viewer's filter chips).
+      responses:
+        '200':
+          description: Aggregate stats
+          content:
+            application/json:
+              schema:
+                type: object
+                properties:
+                  total: { type: integer }
+                  has_video: { type: integer }
+                  has_photo: { type: integer }
+                  has_card: { type: integer }
+                  is_quote: { type: integer }
+                  is_retweet: { type: integer }
+
+  /api/bookmarks/import:
+    post:
+      operationId: importBookmarks
+      tags: [Bookmarks]
+      summary: Bulk upsert bookmarks from export objects
+      description: |
+        Upserts many bookmarks in one request. Each item in `bookmarks` accepts the
+        full normalised export object from `x-bookmarks-exporter` — with nested
+        `author`, `media`, `card`, `quoted`, `retweet`, engagement counters and
+        `created_at` (x.com-style RFC date string). Matching is by `tweet_id`
+        (top-level `id` alias also accepted); existing entries are updated,
+        new ones created. Returns `{ created, updated, skipped, total }`.
+
+        Example body:
+        ```json
+        {
+          "bookmarks": [
+            {
+              "id": "1234567890",
+              "url": "https://x.com/user/status/1234567890",
+              "author": {"screen_name":"user","name":"User","profile_image_url":"..."},
+              "text": "Hello world",
+              "media": [{"type":"video","media_url":"...","video":{"poster":"...","best_mp4":"...","duration_ms":12000}}],
+              "favorite_count": 5, "view_count": 99
+            }
+          ]
+        }
+        ```
+      requestBody:
+        required: true
+        content:
+          application/json:
+            schema:
+              type: object
+              required: [bookmarks]
+              properties:
+                bookmarks:
+                  type: array
+                  items:
+                    $ref: '#/components/schemas/BookmarkExportItem'
+      responses:
+        '200':
+          description: Upsert summary
+          content:
+            application/json:
+              schema:
+                type: object
+                properties:
+                  created: { type: integer }
+                  updated: { type: integer }
+                  skipped: { type: integer }
+                  total: { type: integer, description: Total bookmarks now in DB }
+
+  /api/bookmarks/bulk:
+    put:
+      operationId: bulkUpsertBookmarks
+      tags: [Bookmarks]
+      summary: Bulk upsert from a flat JSON array
+      description: |
+        Like `/import` but accepts a bare JSON array (not wrapped in `{bookmarks:[]}`).
+        Each item can be a flat `Bookmark`-shaped object (matching
+        `BookmarkCreate`/`Bookmark`) or a normalised export object; `tweet_id`
+        (or top-level `id`) is used as the upsert key.
+      requestBody:
+        required: true
+        content:
+          application/json:
+            schema:
+              type: array
+              items:
+                $ref: '#/components/schemas/BookmarkCreate'
+      responses:
+        '200':
+          description: Upsert summary
+          content:
+            application/json:
+              schema:
+                type: object
+                properties:
+                  created: { type: integer }
+                  updated: { type: integer }
+                  skipped: { type: integer }
+                  total: { type: integer }
+    post:
+      operationId: bulkUpsertBookmarksPost
+      tags: [Bookmarks]
+      summary: Bulk upsert from a flat JSON array (POST alias)
+      description: Alias of `PUT /api/bookmarks/bulk` for clients that cannot send PUT.
+      requestBody:
+        required: true
+        content:
+          application/json:
+            schema:
+              type: array
+              items:
+                $ref: '#/components/schemas/BookmarkCreate'
+      responses:
+        '200':
+          description: Upsert summary
+          content:
+            application/json:
+              schema:
+                type: object
+                properties:
+                  created: { type: integer }
+                  updated: { type: integer }
+                  skipped: { type: integer }
+                  total: { type: integer }
+
+  /api/bookmarks/{id}:
+    parameters:
+      - in: path
+        name: id
+        required: true
+        schema: { type: integer }
+        description: Internal DB primary key (NOT the tweet_id)
+    get:
+      operationId: retrieveBookmark
+      tags: [Bookmarks]
+      summary: Retrieve a single bookmark
+      responses:
+        '200':
+          description: Bookmark detail
+          content:
+            application/json:
+              schema:
+                $ref: '#/components/schemas/Bookmark'
+        '404':
+          description: Not found
+    patch:
+      operationId: updateBookmark
+      tags: [Bookmarks]
+      summary: Partially update a bookmark
+      description: |
+        Update any subset of fields. Common use by agents: write an AI-generated
+        `summary` for the post via `{"summary": "..."}`.
+      requestBody:
+        required: true
+        content:
+          application/json:
+            schema:
+              $ref: '#/components/schemas/BookmarkCreate'
+      responses:
+        '200':
+          description: Updated bookmark
+          content:
+            application/json:
+              schema:
+                $ref: '#/components/schemas/Bookmark'
+    delete:
+      operationId: deleteBookmark
+      tags: [Bookmarks]
+      summary: Delete a bookmark
+      responses:
+        '204':
+          description: Deleted
+        '404':
+          description: Not found
+
   /api/posts:
     get:
       operationId: listPosts
@@ -1182,3 +1463,147 @@ components:
           type: array
           items:
             $ref: '#/components/schemas/Link'
+
+    Bookmark:
+      type: object
+      description: |
+        An archived social-media post. The `data` field holds the complete original
+        normalised export object (kept for round-tripping / the offline viewer page);
+        the top-level denormalised fields (text, media, card_data, quoted_data,
+        flags, counters) are the indexed/fast-path versions used by list & filter.
+      properties:
+        id: { type: integer, description: Internal DB primary key }
+        tweet_id: { type: string, description: Source post id (unique) }
+        url: { type: string, format: uri, description: Canonical x.com post URL }
+        author_screen_name: { type: string }
+        author_name: { type: string }
+        author_profile_image_url: { type: string, format: uri }
+        text: { type: string, description: Full post text }
+        summary: { type: string, description: Optional human/agent-written summary }
+        tweet_created_at: { type: string, format: date-time, nullable: true }
+        bookmark_created_at: { type: string, format: date-time, nullable: true }
+        view_count: { type: integer }
+        favorite_count: { type: integer }
+        retweet_count: { type: integer }
+        reply_count: { type: integer }
+        bookmark_count: { type: integer }
+        quote_count: { type: integer }
+        has_video: { type: boolean }
+        has_photo: { type: boolean }
+        has_card: { type: boolean }
+        is_quote: { type: boolean }
+        is_retweet: { type: boolean }
+        media:
+          type: array
+          description: List of media objects (photo or video/animated_gif with poster)
+          items: { type: object }
+        card_data:
+          type: object
+          nullable: true
+          description: Link preview card (title, description, site, image, url)
+        quoted_data:
+          type: object
+          nullable: true
+          description: Nested quoted post (same shape as an export item)
+        data:
+          type: object
+          description: The complete normalised export object from x-bookmarks-exporter
+        created_at: { type: string, format: date-time }
+        updated_at: { type: string, format: date-time }
+
+    BookmarkCreate:
+      type: object
+      required: [tweet_id]
+      properties:
+        tweet_id: { type: string }
+        url: { type: string, format: uri }
+        author_screen_name: { type: string }
+        author_name: { type: string }
+        author_profile_image_url: { type: string, format: uri }
+        text: { type: string }
+        summary: { type: string }
+        tweet_created_at: { type: string, format: date-time, nullable: true }
+        bookmark_created_at: { type: string, format: date-time, nullable: true }
+        view_count: { type: integer }
+        favorite_count: { type: integer }
+        retweet_count: { type: integer }
+        reply_count: { type: integer }
+        bookmark_count: { type: integer }
+        quote_count: { type: integer }
+        has_video: { type: boolean }
+        has_photo: { type: boolean }
+        has_card: { type: boolean }
+        is_quote: { type: boolean }
+        is_retweet: { type: boolean }
+        media:
+          type: array
+          items: { type: object }
+        card_data:
+          type: object
+          nullable: true
+        quoted_data:
+          type: object
+          nullable: true
+        data:
+          type: object
+
+    BookmarkExportItem:
+      type: object
+      description: |
+        One element of a bulk-import payload, as produced by x-bookmarks-exporter.
+        All nested fields are optional except the source post id; the server maps
+        the nested `author`, `media`, `card`, `quoted`, `retweet`, counters and
+        `created_at` date string into the flat Bookmark columns and the `data`
+        JSON blob.
+      properties:
+        id: { type: string, description: Source tweet id (also accepted as `tweet_id`) }
+        url: { type: string, format: uri }
+        author:
+          type: object
+          properties:
+            screen_name: { type: string }
+            name: { type: string }
+            profile_image_url: { type: string, format: uri }
+            verified: { type: boolean }
+            description: { type: string }
+        text: { type: string }
+        summary: { type: string }
+        created_at: { type: string, description: x.com-style "Wed Jul 30 12:00:00 +0000 2025" }
+        bookmark_created_at: { type: string }
+        view_count: { type: integer }
+        favorite_count: { type: integer }
+        retweet_count: { type: integer }
+        reply_count: { type: integer }
+        bookmark_count: { type: integer }
+        quote_count: { type: integer }
+        media:
+          type: array
+          description: |
+            Each media object carries `type` (photo|video|animated_gif), image
+            URL variants (`media_url`, `media_thumb`, `media_large`, `media_orig`)
+            and, for video/gif, a `video` object with `poster`, `best_mp4`,
+            `duration_ms`, and `variants[]`.
+          items: { type: object }
+        card:
+          type: object
+          nullable: true
+          description: Link preview with title/description/site/image/url
+        quoted:
+          type: object
+          nullable: true
+          description: Nested quoted post (recursive BookmarkExportItem shape)
+        retweet:
+          type: object
+          nullable: true
+          description: Nested retweeted post
+
+    BookmarkList:
+      type: object
+      properties:
+        count: { type: integer }
+        next: { type: string, nullable: true }
+        previous: { type: string, nullable: true }
+        results:
+          type: array
+          items:
+            $ref: '#/components/schemas/Bookmark'
diff --git a/static_src/search.jsx b/static_src/search.jsx
index 4926311..3c40f20 100644
--- a/static_src/search.jsx
+++ b/static_src/search.jsx
@@ -7,7 +7,8 @@ const Badge = ({ children, variant = "default", className = "" }) => {
         default: "bg-gray-100 text-gray-800",
         link: "bg-blue-100 text-blue-800",
         page: "bg-green-100 text-green-800",
-        post: "bg-purple-100 text-purple-800"
+        post: "bg-purple-100 text-purple-800",
+        bookmark: "bg-sky-100 text-sky-800"
     };
     return (
         <span className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${variants[variant]} ${className}`}>
@@ -68,7 +69,8 @@ const SearchResultItem = ({ result }) => {
     const typeIcons = {
         link: "fa-link",
         page: "fa-file-alt",
-        post: "fa-newspaper"
+        post: "fa-newspaper",
+        bookmark: "fa-bookmark"
     };
 
     const formatDate = (dateString) => {
@@ -79,86 +81,135 @@ const SearchResultItem = ({ result }) => {
         });
     };
 
+    const isBookmark = result.type === 'bookmark';
+    const badgeColor = result.type === 'link' ? 'bg-blue-100 text-blue-600' :
+                       result.type === 'page' ? 'bg-green-100 text-green-600' :
+                       result.type === 'post' ? 'bg-purple-100 text-purple-600' :
+                       result.type === 'bookmark' ? 'bg-sky-100 text-sky-600' :
+                       'bg-gray-100 text-gray-600';
+    const titleHref = isBookmark ? (result.detail_url || result.url) :
+                      result.type === 'link' ? result.url : (result.detail_url || result.url);
+    const titleTarget = (result.type === 'link' || isBookmark) ? '_blank' : '_self';
+    const titleRel = (result.type === 'link' || isBookmark) ? 'noopener noreferrer' : '';
+
     return (
         <Card hover className="p-4">
             <div className="flex items-start gap-4">
                 <div className="flex-shrink-0 mt-1">
-                    <div className={`w-10 h-10 rounded-full flex items-center justify-center ${
-                        result.type === 'link' ? 'bg-blue-100 text-blue-600' :
-                        result.type === 'page' ? 'bg-green-100 text-green-600' :
-                        'bg-purple-100 text-purple-600'
-                    }`}>
-                        <i className={`fas ${typeIcons[result.type]}`}></i>
-                    </div>
+                    {isBookmark && result.author_profile_image_url ? (
+                        <img
+                            src={result.author_profile_image_url}
+                            alt=""
+                            className="w-10 h-10 rounded-full object-cover border border-gray-200"
+                            loading="lazy"
+                        />
+                    ) : (
+                        <div className={`w-10 h-10 rounded-full flex items-center justify-center ${badgeColor}`}>
+                            <i className={`fas ${typeIcons[result.type] || 'fa-circle'}`}></i>
+                        </div>
+                    )}
                 </div>
 
                 <div className="flex-1 min-w-0">
                     <div className="flex items-center gap-2 mb-1">
                         <a
-                            href={result.type === 'link' ? result.url : result.detail_url || result.url}
+                            href={titleHref}
                             className="text-lg font-semibold text-gray-900 hover:text-blue-600 transition-colors truncate"
-                            target={result.type === 'link' ? '_blank' : '_self'}
-                            rel={result.type === 'link' ? 'noopener noreferrer' : ''}
+                            target={titleTarget}
+                            rel={titleRel}
                         >
-                            {result.title}
+                            {isBookmark ? `@${result.author_screen_name}` : result.title}
                         </a>
                         <Badge variant={result.type}>
                             {result.type}
                         </Badge>
                     </div>
 
-                    {result.type === 'link' && result.original_url && (
+                    {isBookmark ? (
+                        <>
+                            {(result.text || result.summary || result.title) && (
+                                <p className="text-sm text-gray-700 line-clamp-3 mb-2 whitespace-pre-wrap">
+                                    {result.summary ? result.summary : (result.text || result.title)}
+                                </p>
+                            )}
+                            {result.has_photo && (
+                                <span className="inline-flex items-center text-xs text-gray-500 mr-3">
+                                    <i className="fas fa-image mr-1"></i>photo
+                                </span>
+                            )}
+                            {result.has_video && (
+                                <span className="inline-flex items-center text-xs text-gray-500 mr-3">
+                                    <i className="fas fa-video mr-1"></i>video
+                                </span>
+                            )}
+                            <a href={result.url || result.detail_url}
+                               target="_blank" rel="noopener noreferrer"
+                               className="inline-flex items-center text-xs text-blue-600 hover:underline mr-3">
+                                <i className="fas fa-external-link-alt mr-1"></i>Open on X
+                            </a>
+                            <a href={result.detail_url}
+                               className="inline-flex items-center text-xs text-gray-500 hover:text-gray-800">
+                                <i className="fas fa-list mr-1"></i>Detail
+                            </a>
+                        </>
+                    ) : (
+                        <>
+                            {result.type === 'link' && result.original_url && (
+                                <a
+                                    href={result.original_url}
+                                    className="text-sm text-gray-600 hover:text-gray-900 truncate block mb-2"
+                                    target="_blank"
+                                    rel="noopener noreferrer"
+                                >
+                                    <i className="fas fa-external-link-alt mr-1"></i>
+                                    {result.original_url}
+                                </a>
+                            )}
+
+                            {(result.description || result.summary) && (
+                                <p className="text-sm text-gray-600 line-clamp-2 mb-2">
+                                    {result.description || result.summary}
+                                </p>
+                            )}
+
+                            <div className="flex items-center gap-4 text-xs text-gray-500">
+                                <span>
+                                    <i className="fas fa-calendar mr-1"></i>
+                                    {formatDate(result.created_at)}
+                                </span>
+                                {result.click_count !== undefined && (
+                                    <span>
+                                        <i className="fas fa-mouse-pointer mr-1"></i>
+                                        {result.click_count} clicks
+                                    </span>
+                                )}
+                            </div>
+
+                            {result.tags && result.tags.length > 0 && (
+                                <div className="flex flex-wrap gap-1 mt-2">
+                                    {result.tags.map(tag => (
+                                        <Badge key={tag.id} variant="default" className="text-xs">
+                                            <i className="fas fa-tag mr-1"></i>
+                                            {tag.name}
+                                        </Badge>
+                                    ))}
+                                </div>
+                            )}
+                        </>
+                    )}
+                </div>
+
+                {!isBookmark && (
+                    <div className="flex-shrink-0">
                         <a
-                            href={result.original_url}
-                            className="text-sm text-gray-600 hover:text-gray-900 truncate block mb-2"
-                            target="_blank"
-                            rel="noopener noreferrer"
+                            href={result.type === 'link' ? `/link/${result.id}/edit/` : result.type === 'page' ? `/ui/pages/${result.id}/edit/` : `/ui/posts/${result.id}/edit/`}
+                            className="text-gray-400 hover:text-blue-600 transition-colors"
+                            title="Edit"
                         >
-                            <i className="fas fa-external-link-alt mr-1"></i>
-                            {result.original_url}
+                            <i className="fas fa-edit"></i>
                         </a>
-                    )}
-
-                    {(result.description || result.summary) && (
-                        <p className="text-sm text-gray-600 line-clamp-2 mb-2">
-                            {result.description || result.summary}
-                        </p>
-                    )}
-
-                    <div className="flex items-center gap-4 text-xs text-gray-500">
-                        <span>
-                            <i className="fas fa-calendar mr-1"></i>
-                            {formatDate(result.created_at)}
-                        </span>
-                        {result.click_count !== undefined && (
-                            <span>
-                                <i className="fas fa-mouse-pointer mr-1"></i>
-                                {result.click_count} clicks
-                            </span>
-                        )}
                     </div>
-
-                    {result.tags && result.tags.length > 0 && (
-                        <div className="flex flex-wrap gap-1 mt-2">
-                            {result.tags.map(tag => (
-                                <Badge key={tag.id} variant="default" className="text-xs">
-                                    <i className="fas fa-tag mr-1"></i>
-                                    {tag.name}
-                                </Badge>
-                            ))}
-                        </div>
-                    )}
-                </div>
-
-                <div className="flex-shrink-0">
-                    <a
-                        href={result.type === 'link' ? `/link/${result.id}/edit/` : result.type === 'page' ? `/ui/pages/${result.id}/edit/` : `/ui/posts/${result.id}/edit/`}
-                        className="text-gray-400 hover:text-blue-600 transition-colors"
-                        title="Edit"
-                    >
-                        <i className="fas fa-edit"></i>
-                    </a>
-                </div>
+                )}
             </div>
         </Card>
     );
@@ -266,7 +317,7 @@ const SearchApp = () => {
                             Advanced Search
                         </h1>
                     </a>
-                    <p className="text-gray-600">Search through all Links, Pages, and Posts</p>
+                    <p className="text-gray-600">Search through all Links, Pages, Posts and Bookmarks</p>
                 </div>
 
                 {/* Search Form */}
@@ -300,6 +351,7 @@ const SearchApp = () => {
                                     <option value="link">Links</option>
                                     <option value="page">Pages</option>
                                     <option value="post">Posts</option>
+                                    <option value="bookmark">Bookmarks</option>
                                 </Select>
                             </div>
 
@@ -460,7 +512,7 @@ const SearchApp = () => {
                         <i className="fas fa-search text-6xl text-blue-200 mb-4"></i>
                         <h3 className="text-xl font-medium text-gray-900 mb-2">Start Searching</h3>
                         <p className="text-gray-600 max-w-md mx-auto">
-                            Enter a search query to find links, pages, and posts.
+                            Enter a search query to find links, pages, posts, and bookmarks.
                             You can search by title, content, URL, or tags.
                         </p>
                     </Card>
diff --git a/templates/base.html b/templates/base.html
index 0749fcf..0ccc7b2 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -83,6 +83,14 @@
                                 {% trans "Pages" %}
                             </div>
                         </a>
+                        <a href="{% url 'bookmark-list' %}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">
+                            <div class="flex items-center">
+                                <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-5-7 5V5z"/>
+                                </svg>
+                                {% trans "Bookmarks" %}
+                            </div>
+                        </a>
                         <a href="{% url 'post-list' %}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">
                             <div class="flex items-center">
                                 <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
diff --git a/tests/test_bookmarks_api.py b/tests/test_bookmarks_api.py
new file mode 100644
index 0000000..14cbe2e
--- /dev/null
+++ b/tests/test_bookmarks_api.py
@@ -0,0 +1,116 @@
+"""Integration tests for the Bookmarks REST API (/api/bookmarks)."""
+
+import pytest
+
+# a minimal full-export object as produced by x-bookmarks-exporter
+SAMPLE_EXPORT = {
+    "id": "1234567890",
+    "url": "https://x.com/user/status/1234567890",
+    "author": {
+        "screen_name": "testuser",
+        "name": "Test User",
+        "profile_image_url": "https://example.com/avatar.jpg",
+    },
+    "text": "Hello world",
+    "media": [{"type": "photo", "media_url": "https://example.com/p.jpg",
+               "media_large": "https://example.com/p.jpg"}],
+    "card": None,
+    "quoted": None,
+    "retweet": None,
+    "favorite_count": 7, "view_count": 21, "bookmark_count": 1,
+}
+
+
+@pytest.mark.django_db
+class TestBookmarksAPI:
+    BASE = "/api/bookmarks"
+
+    def test_list_empty(self, api_client):
+        r = api_client.get(f"{self.BASE}")
+        assert r.status_code == 200
+        assert r.json()["count"] == 0
+
+    def test_create_then_list_and_detail(self, api_client):
+        r = api_client.post(self.BASE, {
+            "tweet_id": "111",
+            "url": "https://x.com/u/status/111",
+            "author_screen_name": "u",
+            "text": "hi", "has_photo": True,
+        }, format="json")
+        assert r.status_code == 201, r.content
+        created = r.json()
+        assert created["tweet_id"] == "111"
+
+        list_r = api_client.get(self.BASE)
+        assert list_r.json()["count"] == 1
+
+        det = api_client.get(f"{self.BASE}/{created['id']}")
+        assert det.status_code == 200
+        assert det.json()["has_photo"] is True
+
+    def test_filter_has_video(self, api_client):
+        api_client.post(self.BASE, {"tweet_id": "v1", "has_video": True}, format="json")
+        api_client.post(self.BASE, {"tweet_id": "p1", "has_photo": True}, format="json")
+        r = api_client.get(f"{self.BASE}", {"has_video": "true"})
+        assert r.json()["count"] == 1
+        assert r.json()["results"][0]["tweet_id"] == "v1"
+
+    def test_search_q(self, api_client):
+        api_client.post(self.BASE, {"tweet_id": "a1", "text": "python tips"}, format="json")
+        api_client.post(self.BASE, {"tweet_id": "a2", "text": "rust tricks"}, format="json")
+        r = api_client.get(f"{self.BASE}", {"q": "python"})
+        assert r.json()["count"] == 1
+        assert r.json()["results"][0]["tweet_id"] == "a1"
+
+    def test_update_summary(self, api_client):
+        created = api_client.post(self.BASE, {"tweet_id": "u1"}, format="json").json()
+        r = api_client.patch(f"{self.BASE}/{created['id']}", {"summary": "AI summary"},
+                             format="json")
+        assert r.status_code == 200
+        assert r.json()["summary"] == "AI summary"
+
+    def test_delete(self, api_client):
+        created = api_client.post(self.BASE, {"tweet_id": "d1"}, format="json").json()
+        r = api_client.delete(f"{self.BASE}/{created['id']}")
+        assert r.status_code == 204
+
+    def test_bulk_import_upserts(self, api_client):
+        r = api_client.post(f"{self.BASE}/import",
+                            {"bookmarks": [SAMPLE_EXPORT]},
+                            format="json")
+        assert r.status_code == 200, r.content
+        assert r.json()["created"] == 1
+        # second import updates, not duplicates
+        r2 = api_client.post(f"{self.BASE}/import",
+                            {"bookmarks": [
+                                {**SAMPLE_EXPORT, "text": "updated"}]},
+                            format="json")
+        assert r2.json()["updated"] == 1
+        assert r2.json()["created"] == 0
+        from links.models import Bookmark
+        assert Bookmark.objects.count() == 1
+        assert Bookmark.objects.first().text == "updated"
+
+    def test_bulk_upsert_array(self, api_client):
+        r = api_client.post(f"{self.BASE}/bulk",
+                            [{"tweet_id": "b1", "text": "one"},
+                             {"tweet_id": "b2", "text": "two"}],
+                            format="json")
+        assert r.status_code == 200
+        assert r.json()["created"] == 2
+        r2 = api_client.post(f"{self.BASE}/bulk",
+                             [{"tweet_id": "b1", "text": "one-edit"}],
+                             format="json")
+        assert r2.json()["updated"] == 1
+        from links.models import Bookmark
+        assert Bookmark.objects.get(tweet_id="b1").text == "one-edit"
+
+    def test_stats(self, api_client):
+        api_client.post(self.BASE, {"tweet_id": "s1", "has_video": True}, format="json")
+        api_client.post(self.BASE, {"tweet_id": "s2", "has_photo": True}, format="json")
+        r = api_client.get(f"{self.BASE}/stats")
+        assert r.status_code == 200
+        s = r.json()
+        assert s["total"] == 2
+        assert s["has_video"] == 1
+        assert s["has_photo"] == 1
\ No newline at end of file