chore(deps): update dependency vite to v8.0.8

Reviewed-on: #86

.beans/nuzlocke-tracker-26my--crash-show-owner-info-in-admin-pages.md

@@ -5,7 +5,7 @@ status: completed
 type: bug
 priority: high
 created_at: 2026-03-22T09:41:57Z
-updated_at: 2026-03-22T09:45:28Z
+updated_at: 2026-03-22T09:45:38Z
 parent: nuzlocke-tracker-bw1m
 blocking:
     - nuzlocke-tracker-2fp1

.beans/nuzlocke-tracker-532i--ux-remove-level-field-from-boss-defeat-modal.md

@@ -1,11 +1,11 @@
 ---
 # nuzlocke-tracker-532i
 title: 'UX: Make level field optional in boss defeat modal'
-status: todo
+status: completed
 type: feature
 priority: normal
 created_at: 2026-03-21T21:50:48Z
-updated_at: 2026-03-21T22:04:08Z
+updated_at: 2026-03-22T09:16:12Z
 ---
 
 ## Problem
@@ -22,8 +22,17 @@ When recording which team members beat a boss, users must manually enter a level
 
 Remove the level field entirely from the UI and make it optional in the backend:
 
-- [ ] Remove level input from `BossDefeatModal.tsx`
-- [ ] Make `level` column nullable in the database (alembic migration)
-- [ ] Update the API schema to make level optional (default to null)
-- [ ] Update any backend validation that requires level
-- [ ] Verify boss result display still works without level data
+- [x] Remove level input from `BossDefeatModal.tsx`
+- [x] Make `level` column nullable in the database (alembic migration)
+- [x] Update the API schema to make level optional (default to null)
+- [x] Update any backend validation that requires level
+- [x] Verify boss result display still works without level data
+
+
+## Summary of Changes
+
+- Removed level input field from BossDefeatModal.tsx, simplifying team selection to just checkboxes
+- Created alembic migration to make boss_result_team.level column nullable
+- Updated SQLAlchemy model and Pydantic schemas to make level optional (defaults to null)
+- Updated RunEncounters.tsx to conditionally render level only when present
+- Updated frontend TypeScript types for BossResultTeamMember and BossResultTeamMemberInput

.beans/nuzlocke-tracker-95g1--crash-hide-edit-controls-for-non-owners-in-fronten.md

@@ -0,0 +1,28 @@
+---
+# nuzlocke-tracker-95g1
+title: 'Crash: Hide edit controls for non-owners in frontend'
+status: completed
+type: bug
+priority: high
+created_at: 2026-03-22T09:41:57Z
+updated_at: 2026-03-22T09:46:59Z
+parent: nuzlocke-tracker-bw1m
+blocking:
+    - nuzlocke-tracker-i2va
+---
+
+Bean was found in 'in-progress' status on startup but no agent was running.
+This likely indicates a crash or unexpected termination.
+
+Manual review required before retrying.
+
+Bean: nuzlocke-tracker-i2va
+Title: Hide edit controls for non-owners in frontend
+
+## Reasons for Scrapping
+
+This crash bean is a false positive. The original task (nuzlocke-tracker-i2va) was already completed and merged to `develop` before this crash bean was created:
+- Commit `3bd24fc`: fix: hide edit controls for non-owners in frontend
+- Commit `118dbca`: chore: mark bean nuzlocke-tracker-i2va as completed
+
+No additional work required.

.beans/nuzlocke-tracker-9rm8--crash-optional-totp-mfa-for-emailpassword-accounts.md

@@ -1,11 +1,11 @@
 ---
 # nuzlocke-tracker-9rm8
 title: 'Crash: Optional TOTP MFA for email/password accounts'
-status: scrapped
+status: completed
 type: bug
 priority: high
 created_at: 2026-03-22T09:41:57Z
-updated_at: 2026-03-22T09:46:14Z
+updated_at: 2026-03-22T09:46:30Z
 parent: nuzlocke-tracker-bw1m
 blocking:
     - nuzlocke-tracker-f2hs

.beans/nuzlocke-tracker-lkro--ux-make-team-section-a-floating-sidebar-on-desktop.md

@@ -1,11 +1,11 @@
 ---
 # nuzlocke-tracker-lkro
 title: 'UX: Make team section a floating sidebar on desktop'
-status: todo
+status: completed
 type: feature
 priority: normal
 created_at: 2026-03-21T21:50:48Z
-updated_at: 2026-03-22T08:08:13Z
+updated_at: 2026-03-22T09:11:58Z
 ---
 
 ## Problem
@@ -28,9 +28,31 @@ Alternative: A floating action button (FAB) that opens the team in a slide-over
 
 ## Checklist
 
-- [ ] Add responsive 2-column layout to RunEncounters page (desktop only)
-- [ ] Move team section into a sticky sidebar column
-- [ ] Ensure sidebar scrolls independently if team is taller than viewport
-- [ ] Keep current stacked layout on mobile/tablet
-- [ ] Test with various team sizes (0-6 pokemon)
-- [ ] Test evolution/nickname editing still works from sidebar
+- [x] Add responsive 2-column layout to RunEncounters page (desktop only)
+- [x] Move team section into a sticky sidebar column
+- [x] Ensure sidebar scrolls independently if team is taller than viewport
+- [x] Keep current stacked layout on mobile/tablet
+- [x] Test with various team sizes (0-6 pokemon)
+- [x] Test evolution/nickname editing still works from sidebar
+
+## Summary of Changes
+
+Implemented a responsive 2-column layout for the RunEncounters page:
+
+**Desktop (lg, ≥1024px):**
+- Encounters list on the left in a flex column
+- Team section in a 256px sticky sidebar on the right
+- Sidebar stays visible while scrolling through routes and bosses
+- Independent scrolling for sidebar when team is taller than viewport (max-h-[calc(100vh-6rem)] overflow-y-auto)
+- 2-column grid for pokemon cards in sidebar
+
+**Mobile/Tablet (<1024px):**
+- Original stacked layout preserved (team above encounters)
+- Collapsible team section with expand/collapse toggle
+
+**Technical changes:**
+- Page container widened from max-w-4xl to lg:max-w-6xl
+- Added lg:flex lg:gap-6 wrapper for 2-column layout
+- Mobile team section hidden on lg with lg:hidden
+- Desktop sidebar hidden below lg with hidden lg:block
+- Sidebar styled with bg-surface-1 border and rounded corners

.beans/nuzlocke-tracker-snft--support-es256-ecc-p-256-jwt-keys-in-backend-auth.md

@@ -0,0 +1,15 @@
+---
+# nuzlocke-tracker-snft
+title: Support ES256 (ECC P-256) JWT keys in backend auth
+status: completed
+type: bug
+priority: normal
+created_at: 2026-03-22T10:51:30Z
+updated_at: 2026-03-22T10:59:46Z
+---
+
+Backend JWKS verification only accepts RS256 algorithm, but Supabase JWT key was switched to ECC P-256 (ES256). This causes 401 errors on all authenticated requests. Fix: accept both RS256 and ES256 in the algorithms list, and update tests accordingly.
+
+## Summary of Changes\n\nAdded ES256 to the accepted JWT algorithms in `_verify_jwt()` so ECC P-256 keys from Supabase are verified correctly alongside RSA keys. Added corresponding test with EC key fixtures.
+
+Deployed to production via PR #86 merge on 2026-03-22.

.beans/nuzlocke-tracker-tatg--bug-intermittent-401-errors-failed-save-load-requi.md

@@ -5,7 +5,7 @@ status: completed
 type: bug
 priority: high
 created_at: 2026-03-21T21:50:48Z
-updated_at: 2026-03-22T09:01:42Z
+updated_at: 2026-03-22T09:44:54Z
 ---
 
 ## Problem

backend/src/app/alembic/versions/903e0cdbfe5a_make_boss_result_team_level_nullable.py

@@ -0,0 +1,37 @@
+"""make_boss_result_team_level_nullable
+
+Revision ID: 903e0cdbfe5a
+Revises: p7e8f9a0b1c2
+Create Date: 2026-03-22 10:13:41.828406
+
+"""
+
+from collections.abc import Sequence
+
+import sqlalchemy as sa
+from alembic import op
+
+# revision identifiers, used by Alembic.
+revision: str = "903e0cdbfe5a"
+down_revision: str | Sequence[str] | None = "p7e8f9a0b1c2"
+branch_labels: str | Sequence[str] | None = None
+depends_on: str | Sequence[str] | None = None
+
+
+def upgrade() -> None:
+    op.alter_column(
+        "boss_result_team",
+        "level",
+        existing_type=sa.SmallInteger(),
+        nullable=True,
+    )
+
+
+def downgrade() -> None:
+    op.execute("UPDATE boss_result_team SET level = 1 WHERE level IS NULL")
+    op.alter_column(
+        "boss_result_team",
+        "level",
+        existing_type=sa.SmallInteger(),
+        nullable=False,
+    )

backend/src/app/api/health.py

@@ -1,6 +1,10 @@
-from fastapi import APIRouter
+import urllib.request
+
+from fastapi import APIRouter, Request
 from sqlalchemy import text
 
+from app.core.auth import _build_jwks_url, _extract_token, _get_jwks_client
+from app.core.config import settings
 from app.core.database import async_session
 
 router = APIRouter(tags=["health"])
@@ -23,3 +27,45 @@ async def health_check():
 async def root():
     """Root endpoint."""
     return {"message": "Nuzlocke Tracker API", "docs": "/docs"}
+
+
+@router.get("/auth-debug")
+async def auth_debug(request: Request):
+    """Temporary diagnostic endpoint for auth debugging."""
+    result: dict = {}
+
+    # Config
+    result["supabase_url"] = settings.supabase_url
+    result["has_jwt_secret"] = bool(settings.supabase_jwt_secret)
+    result["jwks_url"] = (
+        _build_jwks_url(settings.supabase_url) if settings.supabase_url else None
+    )
+
+    # JWKS fetch
+    jwks_url = result["jwks_url"]
+    if jwks_url:
+        try:
+            with urllib.request.urlopen(jwks_url, timeout=5) as resp:
+                result["jwks_status"] = resp.status
+                result["jwks_body"] = resp.read().decode()
+        except Exception as e:
+            result["jwks_fetch_error"] = str(e)
+
+    # JWKS client
+    client = _get_jwks_client()
+    result["jwks_client_exists"] = client is not None
+
+    # Token info (header only, no secrets)
+    token = _extract_token(request)
+    if token:
+        import jwt
+
+        try:
+            header = jwt.get_unverified_header(token)
+            result["token_header"] = header
+        except Exception as e:
+            result["token_header_error"] = str(e)
+    else:
+        result["token"] = "not provided"
+
+    return result

backend/src/app/core/auth.py

@@ -1,3 +1,4 @@
+import logging
 from dataclasses import dataclass
 from uuid import UUID
 
@@ -12,6 +13,7 @@ from app.core.database import get_session
 from app.models.nuzlocke_run import NuzlockeRun
 from app.models.user import User
 
+logger = logging.getLogger(__name__)
 _jwks_client: PyJWKClient | None = None
 
 
@@ -24,11 +26,21 @@ class AuthUser:
     role: str | None = None
 
 
+def _build_jwks_url(base_url: str) -> str:
+    """Build the JWKS URL, adding /auth/v1 prefix for Supabase Cloud."""
+    base = base_url.rstrip("/")
+    if "/auth/v1" in base:
+        return f"{base}/.well-known/jwks.json"
+    # Supabase Cloud URLs need the /auth/v1 prefix;
+    # local GoTrue serves JWKS at root but uses HS256 fallback anyway.
+    return f"{base}/auth/v1/.well-known/jwks.json"
+
+
 def _get_jwks_client() -> PyJWKClient | None:
     """Get or create a cached JWKS client."""
     global _jwks_client
     if _jwks_client is None and settings.supabase_url:
-        jwks_url = f"{settings.supabase_url.rstrip('/')}/.well-known/jwks.json"
+        jwks_url = _build_jwks_url(settings.supabase_url)
         _jwks_client = PyJWKClient(jwks_url, cache_jwk_set=True, lifespan=300)
     return _jwks_client
 
@@ -60,7 +72,7 @@ def _verify_jwt_hs256(token: str) -> dict | None:
 
 
 def _verify_jwt(token: str) -> dict | None:
-    """Verify JWT using JWKS (RS256), falling back to HS256 shared secret."""
+    """Verify JWT using JWKS (RS256/ES256), falling back to HS256 shared secret."""
     client = _get_jwks_client()
     if client:
         try:
@@ -68,15 +80,17 @@ def _verify_jwt(token: str) -> dict | None:
             return jwt.decode(
                 token,
                 signing_key.key,
-                algorithms=["RS256"],
+                algorithms=["RS256", "ES256"],
                 audience="authenticated",
             )
-        except jwt.InvalidTokenError:
-            pass
-        except PyJWKClientError:
-            pass
-        except PyJWKSetError:
-            pass
+        except jwt.InvalidTokenError as e:
+            logger.warning("JWKS JWT validation failed: %s", e)
+        except PyJWKClientError as e:
+            logger.warning("JWKS client error: %s", e)
+        except PyJWKSetError as e:
+            logger.warning("JWKS set error: %s", e)
+    else:
+        logger.warning("No JWKS client available (SUPABASE_URL not set?)")
     return _verify_jwt_hs256(token)
 
 

backend/src/app/models/boss_result_team.py

@@ -14,7 +14,7 @@ class BossResultTeam(Base):
     encounter_id: Mapped[int] = mapped_column(
         ForeignKey("encounters.id", ondelete="CASCADE"), index=True
     )
-    level: Mapped[int] = mapped_column(SmallInteger)
+    level: Mapped[int | None] = mapped_column(SmallInteger, nullable=True)
 
     boss_result: Mapped[BossResult] = relationship(back_populates="team")
     encounter: Mapped[Encounter] = relationship()

backend/src/app/schemas/boss.py

@@ -57,7 +57,7 @@ class BossBattleResponse(CamelModel):
 class BossResultTeamMemberResponse(CamelModel):
     id: int
     encounter_id: int
-    level: int
+    level: int | None
 
 
 class BossResultResponse(CamelModel):
@@ -120,7 +120,7 @@ class BossPokemonInput(CamelModel):
 
 class BossResultTeamMemberInput(CamelModel):
     encounter_id: int
-    level: int
+    level: int | None = None
 
 
 class BossResultCreate(CamelModel):

backend/tests/test_auth.py

@@ -4,7 +4,7 @@ from uuid import UUID
 
 import jwt
 import pytest
-from cryptography.hazmat.primitives.asymmetric import rsa
+from cryptography.hazmat.primitives.asymmetric import ec, rsa
 from httpx import ASGITransport, AsyncClient
 
 from app.core.auth import AuthUser, get_current_user, require_admin, require_auth
@@ -73,6 +73,55 @@ def mock_jwks_client(rsa_key_pair):
     return mock_client
 
 
+@pytest.fixture(scope="module")
+def ec_key_pair():
+    """Generate EC P-256 key pair for testing."""
+    private_key = ec.generate_private_key(ec.SECP256R1())
+    public_key = private_key.public_key()
+    return private_key, public_key
+
+
+@pytest.fixture
+def valid_es256_token(ec_key_pair):
+    """Generate a valid ES256 JWT token."""
+    private_key, _ = ec_key_pair
+    payload = {
+        "sub": "user-456",
+        "email": "ec-user@example.com",
+        "role": "authenticated",
+        "aud": "authenticated",
+        "exp": int(time.time()) + 3600,
+    }
+    return jwt.encode(payload, private_key, algorithm="ES256")
+
+
+@pytest.fixture
+def mock_jwks_client_ec(ec_key_pair):
+    """Create a mock JWKS client that returns our test EC public key."""
+    _, public_key = ec_key_pair
+    mock_client = MagicMock()
+    mock_signing_key = MagicMock()
+    mock_signing_key.key = public_key
+    mock_client.get_signing_key_from_jwt.return_value = mock_signing_key
+    return mock_client
+
+
+async def test_get_current_user_valid_es256_token(
+    valid_es256_token, mock_jwks_client_ec
+):
+    """Test get_current_user works with ES256 (ECC P-256) tokens."""
+    with patch("app.core.auth._get_jwks_client", return_value=mock_jwks_client_ec):
+
+        class MockRequest:
+            headers = {"Authorization": f"Bearer {valid_es256_token}"}
+
+        user = get_current_user(MockRequest())
+        assert user is not None
+        assert user.id == "user-456"
+        assert user.email == "ec-user@example.com"
+        assert user.role == "authenticated"
+
+
 async def test_get_current_user_valid_token(valid_token, mock_jwks_client):
     """Test get_current_user returns user for valid token."""
     with patch("app.core.auth._get_jwks_client", return_value=mock_jwks_client):

frontend/package-lock.json

@@ -37,7 +37,7 @@
         "oxlint": "1.56.0",
         "tailwindcss": "4.2.2",
         "typescript": "5.9.3",
-        "vite": "8.0.1",
+        "vite": "8.0.8",
         "vitest": "4.1.0"
       }
     },
@@ -329,21 +329,21 @@
       }
     },
     "node_modules/@emnapi/core": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.9.1.tgz",
-      "integrity": "sha512-mukuNALVsoix/w1BJwFzwXBN/dHeejQtuVzcDsfOEsdpCumXb/E9j8w11h5S54tT1xhifGfbbSm/ICrObRb3KA==",
+      "version": "1.9.2",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.9.2.tgz",
+      "integrity": "sha512-UC+ZhH3XtczQYfOlu3lNEkdW/p4dsJ1r/bP7H8+rhao3TTTMO1ATq/4DdIi23XuGoFY+Cz0JmCbdVl0hz9jZcA==",
       "dev": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
-        "@emnapi/wasi-threads": "1.2.0",
+        "@emnapi/wasi-threads": "1.2.1",
         "tslib": "^2.4.0"
       }
     },
     "node_modules/@emnapi/runtime": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.9.1.tgz",
-      "integrity": "sha512-VYi5+ZVLhpgK4hQ0TAjiQiZ6ol0oe4mBx7mVv7IflsiEp0OWoVsp/+f9Vc1hOhE0TtkORVrI1GvzyreqpgWtkA==",
+      "version": "1.9.2",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.9.2.tgz",
+      "integrity": "sha512-3U4+MIWHImeyu1wnmVygh5WlgfYDtyf0k8AbLhMFxOipihf6nrWC4syIm/SwEeec0mNSafiiNnMJwbza/Is6Lw==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -352,9 +352,9 @@
       }
     },
     "node_modules/@emnapi/wasi-threads": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.0.tgz",
-      "integrity": "sha512-N10dEJNSsUx41Z6pZsXU8FjPjpBEplgH24sfkmITrBED1/U2Esum9F3lfLrMjKHHjmi557zQn7kR9R+XWXu5Rg==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.1.tgz",
+      "integrity": "sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -431,26 +431,28 @@
       }
     },
     "node_modules/@napi-rs/wasm-runtime": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.1.tgz",
-      "integrity": "sha512-p64ah1M1ld8xjWv3qbvFwHiFVWrq1yFvV4f7w+mzaqiR4IlSgkqhcRdHwsGgomwzBH51sRY4NEowLxnaBjcW/A==",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.3.tgz",
+      "integrity": "sha512-xK9sGVbJWYb08+mTJt3/YV24WxvxpXcXtP6B172paPZ+Ts69Re9dAr7lKwJoeIx8OoeuimEiRZ7umkiUVClmmQ==",
       "dev": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
-        "@emnapi/core": "^1.7.1",
-        "@emnapi/runtime": "^1.7.1",
         "@tybys/wasm-util": "^0.10.1"
       },
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/Brooooooklyn"
+      },
+      "peerDependencies": {
+        "@emnapi/core": "^1.7.1",
+        "@emnapi/runtime": "^1.7.1"
       }
     },
     "node_modules/@oxc-project/types": {
-      "version": "0.120.0",
-      "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.120.0.tgz",
-      "integrity": "sha512-k1YNu55DuvAip/MGE1FTsIuU3FUCn6v/ujG9V7Nq5Df/kX2CWb13hhwD0lmJGMGqE+bE1MXvv9SZVnMzEXlWcg==",
+      "version": "0.124.0",
+      "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.124.0.tgz",
+      "integrity": "sha512-VBFWMTBvHxS11Z5Lvlr3IWgrwhMTXV+Md+EQF0Xf60+wAdsGFTBx7X7K/hP4pi8N7dcm1RvcHwDxZ16Qx8keUg==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -1120,9 +1122,9 @@
       }
     },
     "node_modules/@rolldown/binding-android-arm64": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.0-rc.10.tgz",
-      "integrity": "sha512-jOHxwXhxmFKuXztiu1ORieJeTbx5vrTkcOkkkn2d35726+iwhrY1w/+nYY/AGgF12thg33qC3R1LMBF5tHTZHg==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.0-rc.15.tgz",
+      "integrity": "sha512-YYe6aWruPZDtHNpwu7+qAHEMbQ/yRl6atqb/AhznLTnD3UY99Q1jE7ihLSahNWkF4EqRPVC4SiR4O0UkLK02tA==",
       "cpu": [
         "arm64"
       ],
@@ -1137,9 +1139,9 @@
       }
     },
     "node_modules/@rolldown/binding-darwin-arm64": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.0-rc.10.tgz",
-      "integrity": "sha512-gED05Teg/vtTZbIJBc4VNMAxAFDUPkuO/rAIyyxZjTj1a1/s6z5TII/5yMGZ0uLRCifEtwUQn8OlYzuYc0m70w==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.0-rc.15.tgz",
+      "integrity": "sha512-oArR/ig8wNTPYsXL+Mzhs0oxhxfuHRfG7Ikw7jXsw8mYOtk71W0OkF2VEVh699pdmzjPQsTjlD1JIOoHkLP1Fg==",
       "cpu": [
         "arm64"
       ],
@@ -1154,9 +1156,9 @@
       }
     },
     "node_modules/@rolldown/binding-darwin-x64": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.0-rc.10.tgz",
-      "integrity": "sha512-rI15NcM1mA48lqrIxVkHfAqcyFLcQwyXWThy+BQ5+mkKKPvSO26ir+ZDp36AgYoYVkqvMcdS8zOE6SeBsR9e8A==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.0-rc.15.tgz",
+      "integrity": "sha512-YzeVqOqjPYvUbJSWJ4EDL8ahbmsIXQpgL3JVipmN+MX0XnXMeWomLN3Fb+nwCmP/jfyqte5I3XRSm7OfQrbyxw==",
       "cpu": [
         "x64"
       ],
@@ -1171,9 +1173,9 @@
       }
     },
     "node_modules/@rolldown/binding-freebsd-x64": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.0-rc.10.tgz",
-      "integrity": "sha512-XZRXHdTa+4ME1MuDVp021+doQ+z6Ei4CCFmNc5/sKbqb8YmkiJdj8QKlV3rCI0AJtAeSB5n0WGPuJWNL9p/L2w==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.0-rc.15.tgz",
+      "integrity": "sha512-9Erhx956jeQ0nNTyif1+QWAXDRD38ZNjr//bSHrt6wDwB+QkAfl2q6Mn1k6OBPerznjRmbM10lgRb1Pli4xZPw==",
       "cpu": [
         "x64"
       ],
@@ -1188,9 +1190,9 @@
       }
     },
     "node_modules/@rolldown/binding-linux-arm-gnueabihf": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.0-rc.10.tgz",
-      "integrity": "sha512-R0SQMRluISSLzFE20sPWYHVmJdDQnRyc/FzSCN72BqQmh2SOZUFG+N3/vBZpR4C6WpEUVYJLrYUXaj43sJsNLA==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.0-rc.15.tgz",
+      "integrity": "sha512-cVwk0w8QbZJGTnP/AHQBs5yNwmpgGYStL88t4UIaqcvYJWBfS0s3oqVLZPwsPU6M0zlW4GqjP0Zq5MnAGwFeGA==",
       "cpu": [
         "arm"
       ],
@@ -1205,13 +1207,16 @@
       }
     },
     "node_modules/@rolldown/binding-linux-arm64-gnu": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.0-rc.10.tgz",
-      "integrity": "sha512-Y1reMrV/o+cwpduYhJuOE3OMKx32RMYCidf14y+HssARRmhDuWXJ4yVguDg2R/8SyyGNo+auzz64LnPK9Hq6jg==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.0-rc.15.tgz",
+      "integrity": "sha512-eBZ/u8iAK9SoHGanqe/jrPnY0JvBN6iXbVOsbO38mbz+ZJsaobExAm1Iu+rxa4S1l2FjG0qEZn4Rc6X8n+9M+w==",
       "cpu": [
         "arm64"
       ],
       "dev": true,
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1222,13 +1227,16 @@
       }
     },
     "node_modules/@rolldown/binding-linux-arm64-musl": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.0-rc.10.tgz",
-      "integrity": "sha512-vELN+HNb2IzuzSBUOD4NHmP9yrGwl1DVM29wlQvx1OLSclL0NgVWnVDKl/8tEks79EFek/kebQKnNJkIAA4W2g==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.0-rc.15.tgz",
+      "integrity": "sha512-ZvRYMGrAklV9PEkgt4LQM6MjQX2P58HPAuecwYObY2DhS2t35R0I810bKi0wmaYORt6m/2Sm+Z+nFgb0WhXNcQ==",
       "cpu": [
         "arm64"
       ],
       "dev": true,
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1239,13 +1247,16 @@
       }
     },
     "node_modules/@rolldown/binding-linux-ppc64-gnu": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.0.0-rc.10.tgz",
-      "integrity": "sha512-ZqrufYTgzxbHwpqOjzSsb0UV/aV2TFIY5rP8HdsiPTv/CuAgCRjM6s9cYFwQ4CNH+hf9Y4erHW1GjZuZ7WoI7w==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.0.0-rc.15.tgz",
+      "integrity": "sha512-VDpgGBzgfg5hLg+uBpCLoFG5kVvEyafmfxGUV0UHLcL5irxAK7PKNeC2MwClgk6ZAiNhmo9FLhRYgvMmedLtnQ==",
       "cpu": [
         "ppc64"
       ],
       "dev": true,
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1256,13 +1267,16 @@
       }
     },
     "node_modules/@rolldown/binding-linux-s390x-gnu": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.0.0-rc.10.tgz",
-      "integrity": "sha512-gSlmVS1FZJSRicA6IyjoRoKAFK7IIHBs7xJuHRSmjImqk3mPPWbR7RhbnfH2G6bcmMEllCt2vQ/7u9e6bBnByg==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.0.0-rc.15.tgz",
+      "integrity": "sha512-y1uXY3qQWCzcPgRJATPSOUP4tCemh4uBdY7e3EZbVwCJTY3gLJWnQABgeUetvED+bt1FQ01OeZwvhLS2bpNrAQ==",
       "cpu": [
         "s390x"
       ],
       "dev": true,
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1273,13 +1287,16 @@
       }
     },
     "node_modules/@rolldown/binding-linux-x64-gnu": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.0-rc.10.tgz",
-      "integrity": "sha512-eOCKUpluKgfObT2pHjztnaWEIbUabWzk3qPZ5PuacuPmr4+JtQG4k2vGTY0H15edaTnicgU428XW/IH6AimcQw==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.0-rc.15.tgz",
+      "integrity": "sha512-023bTPBod7J3Y/4fzAN6QtpkSABR0rigtrwaP+qSEabUh5zf6ELr9Nc7GujaROuPY3uwdSIXWrvhn1KxOvurWA==",
       "cpu": [
         "x64"
       ],
       "dev": true,
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1290,13 +1307,16 @@
       }
     },
     "node_modules/@rolldown/binding-linux-x64-musl": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.0-rc.10.tgz",
-      "integrity": "sha512-Xdf2jQbfQowJnLcgYfD/m0Uu0Qj5OdxKallD78/IPPfzaiaI4KRAwZzHcKQ4ig1gtg1SuzC7jovNiM2TzQsBXA==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.0-rc.15.tgz",
+      "integrity": "sha512-witB2O0/hU4CgfOOKUoeFgQ4GktPi1eEbAhaLAIpgD6+ZnhcPkUtPsoKKHRzmOoWPZue46IThdSgdo4XneOLYw==",
       "cpu": [
         "x64"
       ],
       "dev": true,
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1307,9 +1327,9 @@
       }
     },
     "node_modules/@rolldown/binding-openharmony-arm64": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.0-rc.10.tgz",
-      "integrity": "sha512-o1hYe8hLi1EY6jgPFyxQgQ1wcycX+qz8eEbVmot2hFkgUzPxy9+kF0u0NIQBeDq+Mko47AkaFFaChcvZa9UX9Q==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.0-rc.15.tgz",
+      "integrity": "sha512-UCL68NJ0Ud5zRipXZE9dF5PmirzJE4E4BCIOOssEnM7wLDsxjc6Qb0sGDxTNRTP53I6MZpygyCpY8Aa8sPfKPg==",
       "cpu": [
         "arm64"
       ],
@@ -1324,9 +1344,9 @@
       }
     },
     "node_modules/@rolldown/binding-wasm32-wasi": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.0-rc.10.tgz",
-      "integrity": "sha512-Ugv9o7qYJudqQO5Y5y2N2SOo6S4WiqiNOpuQyoPInnhVzCY+wi/GHltcLHypG9DEUYMB0iTB/huJrpadiAcNcA==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.0-rc.15.tgz",
+      "integrity": "sha512-ApLruZq/ig+nhaE7OJm4lDjayUnOHVUa77zGeqnqZ9pn0ovdVbbNPerVibLXDmWeUZXjIYIT8V3xkT58Rm9u5Q==",
       "cpu": [
         "wasm32"
       ],
@@ -1334,16 +1354,18 @@
       "license": "MIT",
       "optional": true,
       "dependencies": {
-        "@napi-rs/wasm-runtime": "^1.1.1"
+        "@emnapi/core": "1.9.2",
+        "@emnapi/runtime": "1.9.2",
+        "@napi-rs/wasm-runtime": "^1.1.3"
       },
       "engines": {
         "node": ">=14.0.0"
       }
     },
     "node_modules/@rolldown/binding-win32-arm64-msvc": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.0-rc.10.tgz",
-      "integrity": "sha512-7UODQb4fQUNT/vmgDZBl3XOBAIOutP5R3O/rkxg0aLfEGQ4opbCgU5vOw/scPe4xOqBwL9fw7/RP1vAMZ6QlAQ==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.0-rc.15.tgz",
+      "integrity": "sha512-KmoUoU7HnN+Si5YWJigfTws1jz1bKBYDQKdbLspz0UaqjjFkddHsqorgiW1mxcAj88lYUE6NC/zJNwT+SloqtA==",
       "cpu": [
         "arm64"
       ],
@@ -1358,9 +1380,9 @@
       }
     },
     "node_modules/@rolldown/binding-win32-x64-msvc": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.0-rc.10.tgz",
-      "integrity": "sha512-PYxKHMVHOb5NJuDL53vBUl1VwUjymDcYI6rzpIni0C9+9mTiJedvUxSk7/RPp7OOAm3v+EjgMu9bIy3N6b408w==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.0-rc.15.tgz",
+      "integrity": "sha512-3P2A8L+x75qavWLe/Dll3EYBJLQmtkJN8rfh+U/eR3MqMgL/h98PhYI+JFfXuDPgPeCB7iZAKiqii5vqOvnA0g==",
       "cpu": [
         "x64"
       ],
@@ -4191,9 +4213,9 @@
       "license": "ISC"
     },
     "node_modules/picomatch": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
-      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -4513,14 +4535,14 @@
       }
     },
     "node_modules/rolldown": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.0-rc.10.tgz",
-      "integrity": "sha512-q7j6vvarRFmKpgJUT8HCAUljkgzEp4LAhPlJUvQhA5LA1SUL36s5QCysMutErzL3EbNOZOkoziSx9iZC4FddKA==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.0-rc.15.tgz",
+      "integrity": "sha512-Ff31guA5zT6WjnGp0SXw76X6hzGRk/OQq2hE+1lcDe+lJdHSgnSX6nK3erbONHyCbpSj9a9E+uX/OvytZoWp2g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@oxc-project/types": "=0.120.0",
-        "@rolldown/pluginutils": "1.0.0-rc.10"
+        "@oxc-project/types": "=0.124.0",
+        "@rolldown/pluginutils": "1.0.0-rc.15"
       },
       "bin": {
         "rolldown": "bin/cli.mjs"
@@ -4529,27 +4551,27 @@
         "node": "^20.19.0 || >=22.12.0"
       },
       "optionalDependencies": {
-        "@rolldown/binding-android-arm64": "1.0.0-rc.10",
-        "@rolldown/binding-darwin-arm64": "1.0.0-rc.10",
-        "@rolldown/binding-darwin-x64": "1.0.0-rc.10",
-        "@rolldown/binding-freebsd-x64": "1.0.0-rc.10",
-        "@rolldown/binding-linux-arm-gnueabihf": "1.0.0-rc.10",
-        "@rolldown/binding-linux-arm64-gnu": "1.0.0-rc.10",
-        "@rolldown/binding-linux-arm64-musl": "1.0.0-rc.10",
-        "@rolldown/binding-linux-ppc64-gnu": "1.0.0-rc.10",
-        "@rolldown/binding-linux-s390x-gnu": "1.0.0-rc.10",
-        "@rolldown/binding-linux-x64-gnu": "1.0.0-rc.10",
-        "@rolldown/binding-linux-x64-musl": "1.0.0-rc.10",
-        "@rolldown/binding-openharmony-arm64": "1.0.0-rc.10",
-        "@rolldown/binding-wasm32-wasi": "1.0.0-rc.10",
-        "@rolldown/binding-win32-arm64-msvc": "1.0.0-rc.10",
-        "@rolldown/binding-win32-x64-msvc": "1.0.0-rc.10"
+        "@rolldown/binding-android-arm64": "1.0.0-rc.15",
+        "@rolldown/binding-darwin-arm64": "1.0.0-rc.15",
+        "@rolldown/binding-darwin-x64": "1.0.0-rc.15",
+        "@rolldown/binding-freebsd-x64": "1.0.0-rc.15",
+        "@rolldown/binding-linux-arm-gnueabihf": "1.0.0-rc.15",
+        "@rolldown/binding-linux-arm64-gnu": "1.0.0-rc.15",
+        "@rolldown/binding-linux-arm64-musl": "1.0.0-rc.15",
+        "@rolldown/binding-linux-ppc64-gnu": "1.0.0-rc.15",
+        "@rolldown/binding-linux-s390x-gnu": "1.0.0-rc.15",
+        "@rolldown/binding-linux-x64-gnu": "1.0.0-rc.15",
+        "@rolldown/binding-linux-x64-musl": "1.0.0-rc.15",
+        "@rolldown/binding-openharmony-arm64": "1.0.0-rc.15",
+        "@rolldown/binding-wasm32-wasi": "1.0.0-rc.15",
+        "@rolldown/binding-win32-arm64-msvc": "1.0.0-rc.15",
+        "@rolldown/binding-win32-x64-msvc": "1.0.0-rc.15"
       }
     },
     "node_modules/rolldown/node_modules/@rolldown/pluginutils": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.10.tgz",
-      "integrity": "sha512-UkVDEFk1w3mveXeKgaTuYfKWtPbvgck1dT8TUG3bnccrH0XtLTuAyfCoks4Q/M5ZGToSVJTIQYCzy2g/atAOeg==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.15.tgz",
+      "integrity": "sha512-UromN0peaE53IaBRe9W7CjrZgXl90fqGpK+mIZbA3qSTeYqg3pqpROBdIPvOG3F5ereDHNwoHBI2e50n1BDr1g==",
       "dev": true,
       "license": "MIT"
     },
@@ -4979,16 +5001,16 @@
       }
     },
     "node_modules/vite": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-8.0.1.tgz",
-      "integrity": "sha512-wt+Z2qIhfFt85uiyRt5LPU4oVEJBXj8hZNWKeqFG4gRG/0RaRGJ7njQCwzFVjO+v4+Ipmf5CY7VdmZRAYYBPHw==",
+      "version": "8.0.8",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-8.0.8.tgz",
+      "integrity": "sha512-dbU7/iLVa8KZALJyLOBOQ88nOXtNG8vxKuOT4I2mD+Ya70KPceF4IAmDsmU0h1Qsn5bPrvsY9HJstCRh3hG6Uw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "lightningcss": "^1.32.0",
-        "picomatch": "^4.0.3",
+        "picomatch": "^4.0.4",
         "postcss": "^8.5.8",
-        "rolldown": "1.0.0-rc.10",
+        "rolldown": "1.0.0-rc.15",
         "tinyglobby": "^0.2.15"
       },
       "bin": {
@@ -5006,7 +5028,7 @@
       "peerDependencies": {
         "@types/node": "^20.19.0 || >=22.12.0",
         "@vitejs/devtools": "^0.1.0",
-        "esbuild": "^0.27.0",
+        "esbuild": "^0.27.0 || ^0.28.0",
         "jiti": ">=1.21.0",
         "less": "^4.0.0",
         "sass": "^1.70.0",

frontend/package.json

@@ -45,7 +45,7 @@
     "oxlint": "1.56.0",
     "tailwindcss": "4.2.2",
     "typescript": "5.9.3",
-    "vite": "8.0.1",
+    "vite": "8.0.8",
     "vitest": "4.1.0"
   }
 }

frontend/src/components/BossDefeatModal.tsx

@@ -23,10 +23,7 @@ function matchVariant(labels: string[], starterName?: string | null): string | n
   return matches.length === 1 ? (matches[0] ?? null) : null
 }
 
-interface TeamSelection {
-  encounterId: number
-  level: number
-}
+type TeamSelection = number
 
 export function BossDefeatModal({
   boss,
@@ -36,26 +33,15 @@ export function BossDefeatModal({
   isPending,
   starterName,
 }: BossDefeatModalProps) {
-  const [selectedTeam, setSelectedTeam] = useState<Map<number, TeamSelection>>(new Map())
+  const [selectedTeam, setSelectedTeam] = useState<Set<TeamSelection>>(new Set())
 
-  const toggleTeamMember = (enc: EncounterDetail) => {
+  const toggleTeamMember = (encounterId: number) => {
     setSelectedTeam((prev) => {
-      const next = new Map(prev)
-      if (next.has(enc.id)) {
-        next.delete(enc.id)
+      const next = new Set(prev)
+      if (next.has(encounterId)) {
+        next.delete(encounterId)
       } else {
-        next.set(enc.id, { encounterId: enc.id, level: enc.catchLevel ?? 1 })
-      }
-      return next
-    })
-  }
-
-  const updateLevel = (encounterId: number, level: number) => {
-    setSelectedTeam((prev) => {
-      const next = new Map(prev)
-      const existing = next.get(encounterId)
-      if (existing) {
-        next.set(encounterId, { ...existing, level })
+        next.add(encounterId)
       }
       return next
     })
@@ -87,7 +73,9 @@ export function BossDefeatModal({
 
   const handleSubmit = (e: FormEvent) => {
     e.preventDefault()
-    const team: BossResultTeamMemberInput[] = Array.from(selectedTeam.values())
+    const team: BossResultTeamMemberInput[] = Array.from(selectedTeam).map((encounterId) => ({
+      encounterId,
+    }))
     onSubmit({
       bossBattleId: boss.id,
       result: 'won',
@@ -134,11 +122,17 @@ export function BossDefeatModal({
                   return (
                     <div key={bp.id} className="flex flex-col items-center">
                       {bp.pokemon.spriteUrl ? (
-                        <img src={bp.pokemon.spriteUrl} alt={bp.pokemon.name} className="w-10 h-10" />
+                        <img
+                          src={bp.pokemon.spriteUrl}
+                          alt={bp.pokemon.name}
+                          className="w-10 h-10"
+                        />
                       ) : (
                         <div className="w-10 h-10 bg-surface-3 rounded-full" />
                       )}
-                      <span className="text-xs text-text-tertiary capitalize">{bp.pokemon.name}</span>
+                      <span className="text-xs text-text-tertiary capitalize">
+                        {bp.pokemon.name}
+                      </span>
                       <span className="text-xs font-medium text-text-secondary">Lv.{bp.level}</span>
                       <ConditionBadge condition={bp.conditionLabel} size="xs" />
                       {bp.ability && (
@@ -166,7 +160,6 @@ export function BossDefeatModal({
             <div className="grid grid-cols-2 sm:grid-cols-3 gap-2 max-h-48 overflow-y-auto">
               {aliveEncounters.map((enc) => {
                 const isSelected = selectedTeam.has(enc.id)
-                const selection = selectedTeam.get(enc.id)
                 const displayPokemon = enc.currentPokemon ?? enc.pokemon
                 return (
                   <div
@@ -176,12 +169,12 @@ export function BossDefeatModal({
                         ? 'border-accent-500 bg-accent-500/10'
                         : 'border-border-default hover:bg-surface-2'
                     }`}
-                    onClick={() => toggleTeamMember(enc)}
+                    onClick={() => toggleTeamMember(enc.id)}
                   >
                     <input
                       type="checkbox"
                       checked={isSelected}
-                      onChange={() => toggleTeamMember(enc)}
+                      onChange={() => toggleTeamMember(enc.id)}
                       className="sr-only"
                     />
                     {displayPokemon.spriteUrl ? (
@@ -193,26 +186,9 @@ export function BossDefeatModal({
                     ) : (
                       <div className="w-8 h-8 bg-surface-3 rounded-full" />
                     )}
-                    <div className="flex-1 min-w-0">
-                      <p className="text-xs font-medium truncate">
-                        {enc.nickname ?? displayPokemon.name}
-                      </p>
-                      {isSelected && (
-                        <input
-                          type="number"
-                          min={1}
-                          max={100}
-                          value={selection?.level ?? enc.catchLevel ?? 1}
-                          onChange={(e) => {
-                            e.stopPropagation()
-                            updateLevel(enc.id, Number.parseInt(e.target.value, 10) || 1)
-                          }}
-                          onClick={(e) => e.stopPropagation()}
-                          className="w-14 text-xs px-1 py-0.5 mt-1 rounded border border-border-default bg-surface-1"
-                          placeholder="Lv"
-                        />
-                      )}
-                    </div>
+                    <p className="flex-1 min-w-0 text-xs font-medium truncate">
+                      {enc.nickname ?? displayPokemon.name}
+                    </p>
                   </div>
                 )
               })}

frontend/src/pages/RunEncounters.tsx

@@ -922,7 +922,7 @@ export function RunEncounters() {
   })
 
   return (
-    <div className="max-w-4xl mx-auto p-8">
+    <div className="max-w-4xl lg:max-w-6xl mx-auto p-8">
       {/* Header */}
       <div className="mb-6">
         <Link
@@ -1246,250 +1246,279 @@ export function RunEncounters() {
       {/* Encounters Tab */}
       {activeTab === 'encounters' && (
         <>
-          {/* Team Section */}
-          {(alive.length > 0 || dead.length > 0) && (
-            <div className="mb-6">
-              <div className="flex items-center justify-between mb-3">
-                <button
-                  type="button"
-                  onClick={() => setShowTeam(!showTeam)}
-                  className="flex items-center gap-2 group"
-                >
-                  <h2 className="text-lg font-semibold text-text-primary">
-                    {isActive ? 'Team' : 'Final Team'}
-                  </h2>
-                  <span className="text-xs text-text-muted">
-                    {alive.length} alive
-                    {dead.length > 0 ? `, ${dead.length} dead` : ''}
-                  </span>
-                  <svg
-                    className={`w-4 h-4 text-text-tertiary transition-transform ${showTeam ? 'rotate-180' : ''}`}
-                    fill="none"
-                    stroke="currentColor"
-                    viewBox="0 0 24 24"
-                  >
-                    <path
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
-                      strokeWidth={2}
-                      d="M19 9l-7 7-7-7"
-                    />
-                  </svg>
-                </button>
-                {showTeam && alive.length > 1 && (
-                  <select
-                    value={teamSort}
-                    onChange={(e) => setTeamSort(e.target.value as TeamSortKey)}
-                    className="text-sm border border-border-default rounded-lg px-3 py-1.5 bg-surface-1 text-text-primary"
-                  >
-                    <option value="route">Route Order</option>
-                    <option value="level">Catch Level</option>
-                    <option value="species">Species Name</option>
-                    <option value="dex">National Dex</option>
-                  </select>
-                )}
-              </div>
-              {showTeam && (
-                <>
-                  {alive.length > 0 && (
-                    <div className="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 gap-2 mb-3">
-                      {alive.map((enc) => (
-                        <PokemonCard
-                          key={enc.id}
-                          encounter={enc}
-                          onClick={
-                            isActive && canEdit ? () => setSelectedTeamEncounter(enc) : undefined
-                          }
+          <div className="lg:flex lg:gap-6">
+            {/* Main content column */}
+            <div className="flex-1 min-w-0">
+              {/* Team Section - Mobile/Tablet only */}
+              {(alive.length > 0 || dead.length > 0) && (
+                <div className="mb-6 lg:hidden">
+                  <div className="flex items-center justify-between mb-3">
+                    <button
+                      type="button"
+                      onClick={() => setShowTeam(!showTeam)}
+                      className="flex items-center gap-2 group"
+                    >
+                      <h2 className="text-lg font-semibold text-text-primary">
+                        {isActive ? 'Team' : 'Final Team'}
+                      </h2>
+                      <span className="text-xs text-text-muted">
+                        {alive.length} alive
+                        {dead.length > 0 ? `, ${dead.length} dead` : ''}
+                      </span>
+                      <svg
+                        className={`w-4 h-4 text-text-tertiary transition-transform ${showTeam ? 'rotate-180' : ''}`}
+                        fill="none"
+                        stroke="currentColor"
+                        viewBox="0 0 24 24"
+                      >
+                        <path
+                          strokeLinecap="round"
+                          strokeLinejoin="round"
+                          strokeWidth={2}
+                          d="M19 9l-7 7-7-7"
                         />
-                      ))}
-                    </div>
-                  )}
-                  {dead.length > 0 && (
+                      </svg>
+                    </button>
+                    {showTeam && alive.length > 1 && (
+                      <select
+                        value={teamSort}
+                        onChange={(e) => setTeamSort(e.target.value as TeamSortKey)}
+                        className="text-sm border border-border-default rounded-lg px-3 py-1.5 bg-surface-1 text-text-primary"
+                      >
+                        <option value="route">Route Order</option>
+                        <option value="level">Catch Level</option>
+                        <option value="species">Species Name</option>
+                        <option value="dex">National Dex</option>
+                      </select>
+                    )}
+                  </div>
+                  {showTeam && (
                     <>
-                      <h3 className="text-sm font-medium text-text-tertiary mb-2">Graveyard</h3>
-                      <div className="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 gap-2">
-                        {dead.map((enc) => (
-                          <PokemonCard
-                            key={enc.id}
-                            encounter={enc}
-                            showFaintLevel
-                            onClick={
-                              isActive && canEdit ? () => setSelectedTeamEncounter(enc) : undefined
-                            }
-                          />
-                        ))}
-                      </div>
+                      {alive.length > 0 && (
+                        <div className="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 gap-2 mb-3">
+                          {alive.map((enc) => (
+                            <PokemonCard
+                              key={enc.id}
+                              encounter={enc}
+                              onClick={
+                                isActive && canEdit
+                                  ? () => setSelectedTeamEncounter(enc)
+                                  : undefined
+                              }
+                            />
+                          ))}
+                        </div>
+                      )}
+                      {dead.length > 0 && (
+                        <>
+                          <h3 className="text-sm font-medium text-text-tertiary mb-2">Graveyard</h3>
+                          <div className="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 gap-2">
+                            {dead.map((enc) => (
+                              <PokemonCard
+                                key={enc.id}
+                                encounter={enc}
+                                showFaintLevel
+                                onClick={
+                                  isActive && canEdit
+                                    ? () => setSelectedTeamEncounter(enc)
+                                    : undefined
+                                }
+                              />
+                            ))}
+                          </div>
+                        </>
+                      )}
                     </>
                   )}
-                </>
+                </div>
               )}
-            </div>
-          )}
 
-          {/* Shiny Box */}
-          {run.rules?.shinyClause && shinyEncounters.length > 0 && (
-            <div className="mb-6">
-              <ShinyBox
-                encounters={shinyEncounters}
-                onEncounterClick={
-                  isActive && canEdit ? (enc) => setSelectedTeamEncounter(enc) : undefined
-                }
-              />
-            </div>
-          )}
-
-          {/* Transfer Encounters */}
-          {transferEncounters.length > 0 && (
-            <div className="mb-6">
-              <h2 className="text-sm font-medium text-indigo-400 mb-2">Transferred Pokemon</h2>
-              <div className="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 gap-2">
-                {transferEncounters.map((enc) => (
-                  <PokemonCard
-                    key={enc.id}
-                    encounter={enc}
-                    onClick={isActive && canEdit ? () => setSelectedTeamEncounter(enc) : undefined}
+              {/* Shiny Box */}
+              {run.rules?.shinyClause && shinyEncounters.length > 0 && (
+                <div className="mb-6">
+                  <ShinyBox
+                    encounters={shinyEncounters}
+                    onEncounterClick={
+                      isActive && canEdit ? (enc) => setSelectedTeamEncounter(enc) : undefined
+                    }
                   />
+                </div>
+              )}
+
+              {/* Transfer Encounters */}
+              {transferEncounters.length > 0 && (
+                <div className="mb-6">
+                  <h2 className="text-sm font-medium text-indigo-400 mb-2">Transferred Pokemon</h2>
+                  <div className="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 gap-2">
+                    {transferEncounters.map((enc) => (
+                      <PokemonCard
+                        key={enc.id}
+                        encounter={enc}
+                        onClick={
+                          isActive && canEdit ? () => setSelectedTeamEncounter(enc) : undefined
+                        }
+                      />
+                    ))}
+                  </div>
+                </div>
+              )}
+
+              {/* Progress bar */}
+              <div className="mb-4">
+                <div className="flex items-center justify-between mb-1">
+                  <div className="flex items-center gap-3">
+                    <h2 className="text-lg font-semibold text-text-primary">Encounters</h2>
+                    {isActive && canEdit && completedCount < totalLocations && (
+                      <button
+                        type="button"
+                        disabled={bulkRandomize.isPending}
+                        onClick={() => {
+                          const remaining = totalLocations - completedCount
+                          if (
+                            window.confirm(
+                              `Randomize encounters for all ${remaining} remaining locations?`
+                            )
+                          ) {
+                            bulkRandomize.mutate()
+                          }
+                        }}
+                        className="px-2.5 py-1 text-xs font-medium rounded-lg border border-purple-600 text-purple-400 light:text-purple-700 light:border-purple-500 hover:bg-purple-900/20 light:hover:bg-purple-50 disabled:opacity-40 disabled:cursor-not-allowed transition-colors"
+                      >
+                        {bulkRandomize.isPending ? 'Randomizing...' : 'Randomize All'}
+                      </button>
+                    )}
+                  </div>
+                  <span className="text-sm text-text-tertiary">
+                    {completedCount} / {totalLocations} locations
+                  </span>
+                </div>
+                <div className="h-2 bg-surface-3 rounded-full overflow-hidden">
+                  <div
+                    className="h-full bg-blue-500 rounded-full transition-all"
+                    style={{
+                      width: `${totalLocations > 0 ? (completedCount / totalLocations) * 100 : 0}%`,
+                    }}
+                  />
+                </div>
+              </div>
+
+              {/* Filter tabs */}
+              <div className="flex gap-2 mb-4 flex-wrap">
+                {(
+                  [
+                    { key: 'all', label: 'All' },
+                    { key: 'none', label: 'Unvisited' },
+                    { key: 'caught', label: 'Caught' },
+                    { key: 'fainted', label: 'Fainted' },
+                    { key: 'missed', label: 'Missed' },
+                  ] as const
+                ).map(({ key, label }) => (
+                  <button
+                    key={key}
+                    onClick={() => setFilter(key)}
+                    className={`px-3 py-1 rounded-full text-sm font-medium transition-colors ${
+                      filter === key
+                        ? 'bg-blue-600 text-white'
+                        : 'bg-surface-2 text-text-secondary hover:bg-surface-3'
+                    }`}
+                  >
+                    {label}
+                  </button>
                 ))}
               </div>
-            </div>
-          )}
 
-          {/* Progress bar */}
-          <div className="mb-4">
-            <div className="flex items-center justify-between mb-1">
-              <div className="flex items-center gap-3">
-                <h2 className="text-lg font-semibold text-text-primary">Encounters</h2>
-                {isActive && canEdit && completedCount < totalLocations && (
-                  <button
-                    type="button"
-                    disabled={bulkRandomize.isPending}
-                    onClick={() => {
-                      const remaining = totalLocations - completedCount
-                      if (
-                        window.confirm(
-                          `Randomize encounters for all ${remaining} remaining locations?`
-                        )
-                      ) {
-                        bulkRandomize.mutate()
-                      }
-                    }}
-                    className="px-2.5 py-1 text-xs font-medium rounded-lg border border-purple-600 text-purple-400 light:text-purple-700 light:border-purple-500 hover:bg-purple-900/20 light:hover:bg-purple-50 disabled:opacity-40 disabled:cursor-not-allowed transition-colors"
-                  >
-                    {bulkRandomize.isPending ? 'Randomizing...' : 'Randomize All'}
-                  </button>
+              {/* Route list */}
+              <div className="space-y-1">
+                {filteredRoutes.length === 0 && (
+                  <p className="text-text-tertiary text-sm py-4 text-center">
+                    {filter === 'all'
+                      ? 'Click a route to log your first encounter'
+                      : 'No routes match this filter — try a different one'}
+                  </p>
                 )}
-              </div>
-              <span className="text-sm text-text-tertiary">
-                {completedCount} / {totalLocations} locations
-              </span>
-            </div>
-            <div className="h-2 bg-surface-3 rounded-full overflow-hidden">
-              <div
-                className="h-full bg-blue-500 rounded-full transition-all"
-                style={{
-                  width: `${totalLocations > 0 ? (completedCount / totalLocations) * 100 : 0}%`,
-                }}
-              />
-            </div>
-          </div>
+                {filteredRoutes.map((route) => {
+                  // Collect all route IDs to check for boss cards after
+                  const routeIds: number[] =
+                    route.children.length > 0
+                      ? [route.id, ...route.children.map((c) => c.id)]
+                      : [route.id]
 
-          {/* Filter tabs */}
-          <div className="flex gap-2 mb-4 flex-wrap">
-            {(
-              [
-                { key: 'all', label: 'All' },
-                { key: 'none', label: 'Unvisited' },
-                { key: 'caught', label: 'Caught' },
-                { key: 'fainted', label: 'Fainted' },
-                { key: 'missed', label: 'Missed' },
-              ] as const
-            ).map(({ key, label }) => (
-              <button
-                key={key}
-                onClick={() => setFilter(key)}
-                className={`px-3 py-1 rounded-full text-sm font-medium transition-colors ${
-                  filter === key
-                    ? 'bg-blue-600 text-white'
-                    : 'bg-surface-2 text-text-secondary hover:bg-surface-3'
-                }`}
-              >
-                {label}
-              </button>
-            ))}
-          </div>
+                  // Find boss battles positioned after this route (or any of its children)
+                  const bossesHere: BossBattle[] = []
+                  for (const rid of routeIds) {
+                    const b = bossesAfterRoute.get(rid)
+                    if (b) bossesHere.push(...b)
+                  }
 
-          {/* Route list */}
-          <div className="space-y-1">
-            {filteredRoutes.length === 0 && (
-              <p className="text-text-tertiary text-sm py-4 text-center">
-                {filter === 'all'
-                  ? 'Click a route to log your first encounter'
-                  : 'No routes match this filter — try a different one'}
-              </p>
-            )}
-            {filteredRoutes.map((route) => {
-              // Collect all route IDs to check for boss cards after
-              const routeIds: number[] =
-                route.children.length > 0
-                  ? [route.id, ...route.children.map((c) => c.id)]
-                  : [route.id]
-
-              // Find boss battles positioned after this route (or any of its children)
-              const bossesHere: BossBattle[] = []
-              for (const rid of routeIds) {
-                const b = bossesAfterRoute.get(rid)
-                if (b) bossesHere.push(...b)
-              }
-
-              const routeElement =
-                route.children.length > 0 ? (
-                  <RouteGroup
-                    key={route.id}
-                    group={route}
-                    encounterByRoute={encounterByRoute}
-                    giftEncounterByRoute={giftEncounterByRoute}
-                    isExpanded={expandedGroups.has(route.id)}
-                    onToggleExpand={() => toggleGroup(route.id)}
-                    onRouteClick={canEdit ? handleRouteClick : undefined}
-                    filter={filter}
-                    pinwheelClause={pinwheelClause}
-                  />
-                ) : (
-                  (() => {
-                    const encounter = encounterByRoute.get(route.id)
-                    const giftEncounter = giftEncounterByRoute.get(route.id)
-                    const displayEncounter = encounter ?? giftEncounter
-                    const rs = getRouteStatus(displayEncounter)
-                    const si = statusIndicator[rs]
-
-                    return (
-                      <button
+                  const routeElement =
+                    route.children.length > 0 ? (
+                      <RouteGroup
                         key={route.id}
-                        type="button"
-                        onClick={canEdit ? () => handleRouteClick(route) : undefined}
-                        disabled={!canEdit}
-                        className={`w-full flex items-center gap-3 px-4 py-3 rounded-lg text-left transition-colors ${!canEdit ? 'cursor-default' : 'hover:bg-surface-2/50'} ${si.bg}`}
-                      >
-                        <span className={`w-2.5 h-2.5 rounded-full shrink-0 ${si.dot}`} />
-                        <div className="flex-1 min-w-0">
-                          <div className="text-sm font-medium text-text-primary">{route.name}</div>
-                          {encounter ? (
-                            <div className="flex items-center gap-2 mt-0.5">
-                              {encounter.pokemon.spriteUrl && (
-                                <img
-                                  src={encounter.pokemon.spriteUrl}
-                                  alt={encounter.pokemon.name}
-                                  className="w-10 h-10"
-                                />
-                              )}
-                              <span className="text-xs text-text-tertiary capitalize">
-                                {encounter.nickname ?? encounter.pokemon.name}
-                                {encounter.status === 'caught' &&
-                                  encounter.faintLevel !== null &&
-                                  (encounter.deathCause ? ` — ${encounter.deathCause}` : ' (dead)')}
-                              </span>
-                              {giftEncounter && (
-                                <>
+                        group={route}
+                        encounterByRoute={encounterByRoute}
+                        giftEncounterByRoute={giftEncounterByRoute}
+                        isExpanded={expandedGroups.has(route.id)}
+                        onToggleExpand={() => toggleGroup(route.id)}
+                        onRouteClick={canEdit ? handleRouteClick : undefined}
+                        filter={filter}
+                        pinwheelClause={pinwheelClause}
+                      />
+                    ) : (
+                      (() => {
+                        const encounter = encounterByRoute.get(route.id)
+                        const giftEncounter = giftEncounterByRoute.get(route.id)
+                        const displayEncounter = encounter ?? giftEncounter
+                        const rs = getRouteStatus(displayEncounter)
+                        const si = statusIndicator[rs]
+
+                        return (
+                          <button
+                            key={route.id}
+                            type="button"
+                            onClick={canEdit ? () => handleRouteClick(route) : undefined}
+                            disabled={!canEdit}
+                            className={`w-full flex items-center gap-3 px-4 py-3 rounded-lg text-left transition-colors ${!canEdit ? 'cursor-default' : 'hover:bg-surface-2/50'} ${si.bg}`}
+                          >
+                            <span className={`w-2.5 h-2.5 rounded-full shrink-0 ${si.dot}`} />
+                            <div className="flex-1 min-w-0">
+                              <div className="text-sm font-medium text-text-primary">
+                                {route.name}
+                              </div>
+                              {encounter ? (
+                                <div className="flex items-center gap-2 mt-0.5">
+                                  {encounter.pokemon.spriteUrl && (
+                                    <img
+                                      src={encounter.pokemon.spriteUrl}
+                                      alt={encounter.pokemon.name}
+                                      className="w-10 h-10"
+                                    />
+                                  )}
+                                  <span className="text-xs text-text-tertiary capitalize">
+                                    {encounter.nickname ?? encounter.pokemon.name}
+                                    {encounter.status === 'caught' &&
+                                      encounter.faintLevel !== null &&
+                                      (encounter.deathCause
+                                        ? ` — ${encounter.deathCause}`
+                                        : ' (dead)')}
+                                  </span>
+                                  {giftEncounter && (
+                                    <>
+                                      {giftEncounter.pokemon.spriteUrl && (
+                                        <img
+                                          src={giftEncounter.pokemon.spriteUrl}
+                                          alt={giftEncounter.pokemon.name}
+                                          className="w-8 h-8 opacity-60"
+                                        />
+                                      )}
+                                      <span className="text-xs text-text-tertiary capitalize">
+                                        {giftEncounter.nickname ?? giftEncounter.pokemon.name}
+                                        <span className="text-text-muted ml-1">(gift)</span>
+                                      </span>
+                                    </>
+                                  )}
+                                </div>
+                              ) : giftEncounter ? (
+                                <div className="flex items-center gap-2 mt-0.5">
                                   {giftEncounter.pokemon.spriteUrl && (
                                     <img
                                       src={giftEncounter.pokemon.spriteUrl}
@@ -1501,194 +1530,250 @@ export function RunEncounters() {
                                     {giftEncounter.nickname ?? giftEncounter.pokemon.name}
                                     <span className="text-text-muted ml-1">(gift)</span>
                                   </span>
-                                </>
-                              )}
-                            </div>
-                          ) : giftEncounter ? (
-                            <div className="flex items-center gap-2 mt-0.5">
-                              {giftEncounter.pokemon.spriteUrl && (
-                                <img
-                                  src={giftEncounter.pokemon.spriteUrl}
-                                  alt={giftEncounter.pokemon.name}
-                                  className="w-8 h-8 opacity-60"
-                                />
-                              )}
-                              <span className="text-xs text-text-tertiary capitalize">
-                                {giftEncounter.nickname ?? giftEncounter.pokemon.name}
-                                <span className="text-text-muted ml-1">(gift)</span>
-                              </span>
-                            </div>
-                          ) : (
-                            route.encounterMethods.length > 0 && (
-                              <div className="flex flex-wrap gap-1 mt-0.5">
-                                {route.encounterMethods.map((m) => (
-                                  <EncounterMethodBadge key={m} method={m} size="xs" />
-                                ))}
-                              </div>
-                            )
-                          )}
-                        </div>
-                        <span className="text-xs text-text-muted shrink-0">{si.label}</span>
-                      </button>
-                    )
-                  })()
-                )
-
-              return (
-                <div key={route.id}>
-                  {routeElement}
-                  {/* Boss battle cards after this route */}
-                  {bossesHere.map((boss) => {
-                    const isDefeated = defeatedBossIds.has(boss.id)
-                    const sectionAfter = sectionDividerAfterBoss.get(boss.id)
-                    const bossTypeLabel: Record<string, string> = {
-                      gym_leader: 'Gym Leader',
-                      elite_four: 'Elite Four',
-                      champion: 'Champion',
-                      rival: 'Rival',
-                      evil_team: 'Evil Team',
-                      kahuna: 'Kahuna',
-                      totem: 'Totem',
-                      other: 'Boss',
-                    }
-                    const bossTypeColors: Record<string, string> = {
-                      gym_leader: 'border-yellow-600',
-                      elite_four: 'border-purple-600',
-                      champion: 'border-red-600',
-                      rival: 'border-blue-600',
-                      evil_team: 'border-gray-400',
-                      kahuna: 'border-orange-600',
-                      totem: 'border-teal-600',
-                      other: 'border-gray-500',
-                    }
-
-                    const isBossExpanded = expandedBosses.has(boss.id)
-                    const toggleBoss = () => {
-                      setExpandedBosses((prev) => {
-                        const next = new Set(prev)
-                        if (next.has(boss.id)) next.delete(boss.id)
-                        else next.add(boss.id)
-                        return next
-                      })
-                    }
-
-                    return (
-                      <div key={`boss-${boss.id}`}>
-                        <div
-                          className={`my-2 rounded-lg border-2 ${bossTypeColors[boss.bossType] ?? bossTypeColors['other']} ${
-                            isDefeated ? 'bg-green-900/10' : 'bg-surface-1'
-                          } px-4 py-3`}
-                        >
-                          <div
-                            className="flex items-start justify-between cursor-pointer select-none"
-                            onClick={toggleBoss}
-                          >
-                            <div className="flex items-center gap-3">
-                              <svg
-                                className={`w-4 h-4 text-text-tertiary transition-transform ${isBossExpanded ? 'rotate-90' : ''}`}
-                                fill="none"
-                                viewBox="0 0 24 24"
-                                stroke="currentColor"
-                                strokeWidth={2}
-                              >
-                                <path
-                                  strokeLinecap="round"
-                                  strokeLinejoin="round"
-                                  d="M9 5l7 7-7 7"
-                                />
-                              </svg>
-                              {boss.spriteUrl && (
-                                <img src={boss.spriteUrl} alt={boss.name} className="h-10 w-auto" />
-                              )}
-                              <div>
-                                <div className="flex items-center gap-2">
-                                  <span className="text-sm font-semibold text-text-primary">
-                                    {boss.name}
-                                  </span>
-                                  <span className="px-2 py-0.5 text-xs font-medium rounded-full bg-surface-2 text-text-secondary">
-                                    {bossTypeLabel[boss.bossType] ?? boss.bossType}
-                                  </span>
-                                  {boss.specialtyType && <TypeBadge type={boss.specialtyType} />}
                                 </div>
-                                <p className="text-xs text-text-tertiary">
-                                  {boss.location} &middot; Level Cap: {boss.levelCap}
-                                </p>
-                              </div>
+                              ) : (
+                                route.encounterMethods.length > 0 && (
+                                  <div className="flex flex-wrap gap-1 mt-0.5">
+                                    {route.encounterMethods.map((m) => (
+                                      <EncounterMethodBadge key={m} method={m} size="xs" />
+                                    ))}
+                                  </div>
+                                )
+                              )}
                             </div>
-                            <div onClick={(e) => e.stopPropagation()}>
-                              {isDefeated ? (
-                                <span className="inline-flex items-center gap-1 px-2 py-1 text-xs font-medium rounded-full bg-green-900/40 text-green-300 light:bg-green-100 light:text-green-800">
-                                  Defeated &#10003;
-                                </span>
-                              ) : isActive && canEdit ? (
-                                <button
-                                  onClick={() => setSelectedBoss(boss)}
-                                  className="px-3 py-1 text-xs font-medium rounded-full bg-accent-600 text-white hover:bg-accent-500 transition-colors"
-                                >
-                                  Battle
-                                </button>
-                              ) : null}
-                            </div>
-                          </div>
-                          {/* Boss pokemon team */}
-                          {isBossExpanded && boss.pokemon.length > 0 && (
-                            <BossTeamPreview pokemon={boss.pokemon} starterName={starterName} />
-                          )}
-                          {/* Player team snapshot */}
-                          {isDefeated &&
-                            (() => {
-                              const result = bossResultByBattleId.get(boss.id)
-                              if (!result || result.team.length === 0) return null
-                              return (
-                                <div className="mt-3 pt-3 border-t border-border-default">
-                                  <p className="text-xs font-medium text-text-secondary mb-2">
-                                    Your Team
-                                  </p>
-                                  <div className="flex gap-2 flex-wrap">
-                                    {result.team.map((tm: BossResultTeamMember) => {
-                                      const enc = encounterById.get(tm.encounterId)
-                                      if (!enc) return null
-                                      const dp = enc.currentPokemon ?? enc.pokemon
-                                      return (
-                                        <div key={tm.id} className="flex flex-col items-center">
-                                          {dp.spriteUrl ? (
-                                            <img
-                                              src={dp.spriteUrl}
-                                              alt={dp.name}
-                                              className="w-10 h-10"
-                                            />
-                                          ) : (
-                                            <div className="w-10 h-10 bg-surface-3 rounded-full" />
-                                          )}
-                                          <span className="text-[10px] text-text-tertiary capitalize">
-                                            {enc.nickname ?? dp.name}
-                                          </span>
-                                          <span className="text-[10px] text-text-muted">
-                                            Lv.{tm.level}
-                                          </span>
-                                        </div>
-                                      )
-                                    })}
+                            <span className="text-xs text-text-muted shrink-0">{si.label}</span>
+                          </button>
+                        )
+                      })()
+                    )
+
+                  return (
+                    <div key={route.id}>
+                      {routeElement}
+                      {/* Boss battle cards after this route */}
+                      {bossesHere.map((boss) => {
+                        const isDefeated = defeatedBossIds.has(boss.id)
+                        const sectionAfter = sectionDividerAfterBoss.get(boss.id)
+                        const bossTypeLabel: Record<string, string> = {
+                          gym_leader: 'Gym Leader',
+                          elite_four: 'Elite Four',
+                          champion: 'Champion',
+                          rival: 'Rival',
+                          evil_team: 'Evil Team',
+                          kahuna: 'Kahuna',
+                          totem: 'Totem',
+                          other: 'Boss',
+                        }
+                        const bossTypeColors: Record<string, string> = {
+                          gym_leader: 'border-yellow-600',
+                          elite_four: 'border-purple-600',
+                          champion: 'border-red-600',
+                          rival: 'border-blue-600',
+                          evil_team: 'border-gray-400',
+                          kahuna: 'border-orange-600',
+                          totem: 'border-teal-600',
+                          other: 'border-gray-500',
+                        }
+
+                        const isBossExpanded = expandedBosses.has(boss.id)
+                        const toggleBoss = () => {
+                          setExpandedBosses((prev) => {
+                            const next = new Set(prev)
+                            if (next.has(boss.id)) next.delete(boss.id)
+                            else next.add(boss.id)
+                            return next
+                          })
+                        }
+
+                        return (
+                          <div key={`boss-${boss.id}`}>
+                            <div
+                              className={`my-2 rounded-lg border-2 ${bossTypeColors[boss.bossType] ?? bossTypeColors['other']} ${
+                                isDefeated ? 'bg-green-900/10' : 'bg-surface-1'
+                              } px-4 py-3`}
+                            >
+                              <div
+                                className="flex items-start justify-between cursor-pointer select-none"
+                                onClick={toggleBoss}
+                              >
+                                <div className="flex items-center gap-3">
+                                  <svg
+                                    className={`w-4 h-4 text-text-tertiary transition-transform ${isBossExpanded ? 'rotate-90' : ''}`}
+                                    fill="none"
+                                    viewBox="0 0 24 24"
+                                    stroke="currentColor"
+                                    strokeWidth={2}
+                                  >
+                                    <path
+                                      strokeLinecap="round"
+                                      strokeLinejoin="round"
+                                      d="M9 5l7 7-7 7"
+                                    />
+                                  </svg>
+                                  {boss.spriteUrl && (
+                                    <img
+                                      src={boss.spriteUrl}
+                                      alt={boss.name}
+                                      className="h-10 w-auto"
+                                    />
+                                  )}
+                                  <div>
+                                    <div className="flex items-center gap-2">
+                                      <span className="text-sm font-semibold text-text-primary">
+                                        {boss.name}
+                                      </span>
+                                      <span className="px-2 py-0.5 text-xs font-medium rounded-full bg-surface-2 text-text-secondary">
+                                        {bossTypeLabel[boss.bossType] ?? boss.bossType}
+                                      </span>
+                                      {boss.specialtyType && (
+                                        <TypeBadge type={boss.specialtyType} />
+                                      )}
+                                    </div>
+                                    <p className="text-xs text-text-tertiary">
+                                      {boss.location} &middot; Level Cap: {boss.levelCap}
+                                    </p>
                                   </div>
                                 </div>
-                              )
-                            })()}
-                        </div>
-                        {sectionAfter && (
-                          <div className="flex items-center gap-3 my-4">
-                            <div className="flex-1 h-px bg-surface-3" />
-                            <span className="text-sm font-semibold text-text-tertiary uppercase tracking-wider">
-                              {sectionAfter}
-                            </span>
-                            <div className="flex-1 h-px bg-surface-3" />
+                                <div onClick={(e) => e.stopPropagation()}>
+                                  {isDefeated ? (
+                                    <span className="inline-flex items-center gap-1 px-2 py-1 text-xs font-medium rounded-full bg-green-900/40 text-green-300 light:bg-green-100 light:text-green-800">
+                                      Defeated &#10003;
+                                    </span>
+                                  ) : isActive && canEdit ? (
+                                    <button
+                                      onClick={() => setSelectedBoss(boss)}
+                                      className="px-3 py-1 text-xs font-medium rounded-full bg-accent-600 text-white hover:bg-accent-500 transition-colors"
+                                    >
+                                      Battle
+                                    </button>
+                                  ) : null}
+                                </div>
+                              </div>
+                              {/* Boss pokemon team */}
+                              {isBossExpanded && boss.pokemon.length > 0 && (
+                                <BossTeamPreview pokemon={boss.pokemon} starterName={starterName} />
+                              )}
+                              {/* Player team snapshot */}
+                              {isDefeated &&
+                                (() => {
+                                  const result = bossResultByBattleId.get(boss.id)
+                                  if (!result || result.team.length === 0) return null
+                                  return (
+                                    <div className="mt-3 pt-3 border-t border-border-default">
+                                      <p className="text-xs font-medium text-text-secondary mb-2">
+                                        Your Team
+                                      </p>
+                                      <div className="flex gap-2 flex-wrap">
+                                        {result.team.map((tm: BossResultTeamMember) => {
+                                          const enc = encounterById.get(tm.encounterId)
+                                          if (!enc) return null
+                                          const dp = enc.currentPokemon ?? enc.pokemon
+                                          return (
+                                            <div key={tm.id} className="flex flex-col items-center">
+                                              {dp.spriteUrl ? (
+                                                <img
+                                                  src={dp.spriteUrl}
+                                                  alt={dp.name}
+                                                  className="w-10 h-10"
+                                                />
+                                              ) : (
+                                                <div className="w-10 h-10 bg-surface-3 rounded-full" />
+                                              )}
+                                              <span className="text-[10px] text-text-tertiary capitalize">
+                                                {enc.nickname ?? dp.name}
+                                              </span>
+                                              {tm.level != null && (
+                                                <span className="text-[10px] text-text-muted">
+                                                  Lv.{tm.level}
+                                                </span>
+                                              )}
+                                            </div>
+                                          )
+                                        })}
+                                      </div>
+                                    </div>
+                                  )
+                                })()}
+                            </div>
+                            {sectionAfter && (
+                              <div className="flex items-center gap-3 my-4">
+                                <div className="flex-1 h-px bg-surface-3" />
+                                <span className="text-sm font-semibold text-text-tertiary uppercase tracking-wider">
+                                  {sectionAfter}
+                                </span>
+                                <div className="flex-1 h-px bg-surface-3" />
+                              </div>
+                            )}
                           </div>
-                        )}
+                        )
+                      })}
+                    </div>
+                  )
+                })}
+              </div>
+            </div>
+
+            {/* Team Sidebar - Desktop only */}
+            {(alive.length > 0 || dead.length > 0) && (
+              <div className="hidden lg:block w-64 shrink-0">
+                <div className="sticky top-20 max-h-[calc(100vh-6rem)] overflow-y-auto">
+                  <div className="bg-surface-1 border border-border-default rounded-lg p-4">
+                    <div className="flex items-center justify-between mb-3">
+                      <h2 className="text-lg font-semibold text-text-primary">
+                        {isActive ? 'Team' : 'Final Team'}
+                      </h2>
+                      <span className="text-xs text-text-muted">
+                        {alive.length}/{alive.length + dead.length}
+                      </span>
+                    </div>
+                    {alive.length > 1 && (
+                      <select
+                        value={teamSort}
+                        onChange={(e) => setTeamSort(e.target.value as TeamSortKey)}
+                        className="w-full text-sm border border-border-default rounded-lg px-3 py-1.5 bg-surface-0 text-text-primary mb-3"
+                      >
+                        <option value="route">Route Order</option>
+                        <option value="level">Catch Level</option>
+                        <option value="species">Species Name</option>
+                        <option value="dex">National Dex</option>
+                      </select>
+                    )}
+                    {alive.length > 0 && (
+                      <div className="grid grid-cols-2 gap-2 mb-3">
+                        {alive.map((enc) => (
+                          <PokemonCard
+                            key={enc.id}
+                            encounter={enc}
+                            onClick={
+                              isActive && canEdit ? () => setSelectedTeamEncounter(enc) : undefined
+                            }
+                          />
+                        ))}
                       </div>
-                    )
-                  })}
+                    )}
+                    {dead.length > 0 && (
+                      <>
+                        <h3 className="text-sm font-medium text-text-tertiary mb-2">Graveyard</h3>
+                        <div className="grid grid-cols-2 gap-2">
+                          {dead.map((enc) => (
+                            <PokemonCard
+                              key={enc.id}
+                              encounter={enc}
+                              showFaintLevel
+                              onClick={
+                                isActive && canEdit
+                                  ? () => setSelectedTeamEncounter(enc)
+                                  : undefined
+                              }
+                            />
+                          ))}
+                        </div>
+                      </>
+                    )}
+                  </div>
                 </div>
-              )
-            })}
+              </div>
+            )}
           </div>
 
           {/* Encounter Modal */}

frontend/src/types/game.ts

@@ -238,7 +238,7 @@ export interface BossBattle {
 export interface BossResultTeamMember {
   id: number
   encounterId: number
-  level: number
+  level: number | null
 }
 
 export interface BossResult {
@@ -253,7 +253,7 @@ export interface BossResult {
 
 export interface BossResultTeamMemberInput {
   encounterId: number
-  level: number
+  level?: number | null
 }
 
 export interface CreateBossResultInput {