diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index d5de815..7b02336 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -37,7 +37,7 @@ jobs:
     runs-on: ubuntu-latest
     if: github.event_name == 'pull_request'
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v6
         with:
           fetch-depth: 0
           ref: ${{ github.event.pull_request.head.sha }}
@@ -67,12 +67,25 @@ jobs:
 
           echo "OK: no dependabot commits authored by non-bot users."
 
+  tauri-devtools-guard:
+    name: Guard tauri devtools feature
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v6
+      - name: Guard against `devtools` Cargo feature on tauri
+        run: |
+          if grep -E 'tauri\s*=\s*\{[^}]*features\s*=\s*\[[^]]*devtools[^]]*\]' app/src-tauri/Cargo.toml; then
+            echo "::error::tauri crate has 'devtools' feature enabled — release builds would ship devtools."
+            exit 1
+          fi
+          echo "OK: devtools feature not enabled."
+
   typecheck:
     name: Typecheck
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
+      - uses: actions/checkout@v6
+      - uses: actions/setup-node@v6
         with:
           node-version-file: .nvmrc
           cache: yarn
@@ -83,8 +96,8 @@ jobs:
     name: Lint
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
+      - uses: actions/checkout@v6
+      - uses: actions/setup-node@v6
         with:
           node-version-file: .nvmrc
           cache: yarn
@@ -95,8 +108,8 @@ jobs:
     name: Prettier
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
+      - uses: actions/checkout@v6
+      - uses: actions/setup-node@v6
         with:
           node-version-file: .nvmrc
           cache: yarn
@@ -107,8 +120,8 @@ jobs:
     name: Unit tests
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
+      - uses: actions/checkout@v6
+      - uses: actions/setup-node@v6
         with:
           node-version-file: .nvmrc
           cache: yarn
@@ -117,11 +130,15 @@ jobs:
 
   e2e:
     name: Playwright E2E (optional)
-    runs-on: ubuntu-22.04
+    # Ubuntu 24.04 is required: Playwright 1.59 ships a WebKit build that
+    # links against libgtk-4, libavif.so.13, libmanette, libhyphen — none of
+    # which are available on the 22.04 image, so `browserType.launch` dies
+    # with "Host system is missing dependencies" before a single test runs.
+    runs-on: ubuntu-24.04
     continue-on-error: true
     steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
+      - uses: actions/checkout@v6
+      - uses: actions/setup-node@v6
         with:
           node-version-file: .nvmrc
           cache: yarn
@@ -138,12 +155,19 @@ jobs:
           VITE_IMPRINT_PHONE="+49 30 0000000"
           VITE_IMPRINT_RESPONSIBLE_PERSON="Max Mustermann"
           EOF
+      # Split install-deps from browser install: in Playwright 1.59 the
+      # `--with-deps` flag silently skips the apt-get step when the workspace
+      # is invoked via `yarn workspace`, leaving WebKit without its GTK-4 /
+      # flite / hyphen / manette bundle. Running install-deps directly under
+      # sudo fixes it for real.
+      - name: Install Playwright system deps
+        run: sudo yarn workspace @recrest/tests exec playwright install-deps
       - name: Install Playwright browsers
-        run: yarn workspace @recrest/tests exec playwright install --with-deps
+        run: yarn workspace @recrest/tests exec playwright install
       - run: yarn test:e2e
       - name: Upload Playwright report on failure
         if: failure()
-        uses: actions/upload-artifact@v4
+        uses: actions/upload-artifact@v7
         with:
           name: playwright-report
           path: tests/playwright-report
@@ -153,8 +177,8 @@ jobs:
     name: Storybook build
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
+      - uses: actions/checkout@v6
+      - uses: actions/setup-node@v6
         with:
           node-version-file: .nvmrc
           cache: yarn
@@ -165,8 +189,8 @@ jobs:
     name: Web production build
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
+      - uses: actions/checkout@v6
+      - uses: actions/setup-node@v6
         with:
           node-version-file: .nvmrc
           cache: yarn
@@ -178,8 +202,8 @@ jobs:
     name: Landingpage production build
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
+      - uses: actions/checkout@v6
+      - uses: actions/setup-node@v6
         with:
           node-version-file: .nvmrc
           cache: yarn
@@ -195,6 +219,7 @@ jobs:
       [
         branch-name,
         dependabot-type,
+        tauri-devtools-guard,
         typecheck,
         lint,
         format,
diff --git a/.github/workflows/deploy-landingpage.yml b/.github/workflows/deploy-landingpage.yml
index 983eeb1..3adb4d4 100644
--- a/.github/workflows/deploy-landingpage.yml
+++ b/.github/workflows/deploy-landingpage.yml
@@ -23,8 +23,8 @@ jobs:
     name: Build
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
+      - uses: actions/checkout@v6
+      - uses: actions/setup-node@v6
         with:
           node-version-file: .nvmrc
           cache: yarn
@@ -41,8 +41,8 @@ jobs:
           VITE_IMPRINT_EMAIL: ${{ secrets.VITE_IMPRINT_EMAIL }}
           VITE_IMPRINT_PHONE: ${{ secrets.VITE_IMPRINT_PHONE }}
           VITE_IMPRINT_RESPONSIBLE_PERSON: ${{ secrets.VITE_IMPRINT_RESPONSIBLE_PERSON }}
-      - uses: actions/configure-pages@v5
-      - uses: actions/upload-pages-artifact@v3
+      - uses: actions/configure-pages@v6
+      - uses: actions/upload-pages-artifact@v5
         with:
           path: landingpage/dist
 
@@ -55,4 +55,4 @@ jobs:
       url: ${{ steps.deployment.outputs.page_url }}
     steps:
       - id: deployment
-        uses: actions/deploy-pages@v4
+        uses: actions/deploy-pages@v5
diff --git a/.github/workflows/release-tauri-beta.yml b/.github/workflows/release-tauri-beta.yml
index 939d2d8..ae372c0 100644
--- a/.github/workflows/release-tauri-beta.yml
+++ b/.github/workflows/release-tauri-beta.yml
@@ -24,16 +24,16 @@ jobs:
     name: Generate installer assets
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v6
         with:
           ref: ${{ inputs.ref }}
-      - uses: actions/setup-node@v4
+      - uses: actions/setup-node@v6
         with:
           node-version-file: .nvmrc
           cache: yarn
       - uses: ./.github/actions/install-deps
       - run: yarn workspace @recrest/app gen:installer-assets
-      - uses: actions/upload-artifact@v4
+      - uses: actions/upload-artifact@v7
         with:
           name: installer-assets-build
           path: app/src-tauri/installer-assets/build/
@@ -58,11 +58,11 @@ jobs:
     runs-on: ${{ matrix.platform }}
     continue-on-error: true
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v6
         with:
           ref: ${{ inputs.ref }}
 
-      - uses: actions/setup-node@v4
+      - uses: actions/setup-node@v6
         with:
           node-version-file: .nvmrc
           cache: yarn
@@ -89,36 +89,63 @@ jobs:
       - uses: ./.github/actions/install-deps
 
       - name: Download installer-asset bitmaps
-        uses: actions/download-artifact@v4
+        uses: actions/download-artifact@v8
         with:
           name: installer-assets-build
           path: app/src-tauri/installer-assets/build/
 
-      - name: Build Tauri app (unsigned)
-        if: ${{ env.TAURI_SIGNING_PRIVATE_KEY == '' }}
-        uses: tauri-apps/tauri-action@v0
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          TAURI_SIGNING_PRIVATE_KEY: ${{ secrets.TAURI_SIGNING_PRIVATE_KEY }}
-          SENTRY_DSN: ${{ secrets.SENTRY_DSN }}
-        with:
-          args: ${{ matrix.args }}
-          projectPath: ./app
-
-      - name: Build Tauri app (signed)
-        if: ${{ env.TAURI_SIGNING_PRIVATE_KEY != '' }}
-        uses: tauri-apps/tauri-action@v0
+      # Forward signing secrets only when populated. Tauri's bundler reads the
+      # signing env vars via `std::env::var`, which returns `Ok("")` for set-
+      # but-empty — not `Err(NotPresent)`. Piping `${{ secrets.FOO }}` directly
+      # into `env:` therefore triggers sign/notarize paths even when FOO is
+      # unset in the repo, failing e.g. `security import` with an empty .p12.
+      # This step writes each secret to $GITHUB_ENV only if non-empty, so
+      # missing secrets stay genuinely unset and Tauri skips the feature.
+      - name: Forward signing secrets (when configured)
+        shell: bash
         env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          TAURI_SIGNING_PRIVATE_KEY: ${{ secrets.TAURI_SIGNING_PRIVATE_KEY }}
-          TAURI_SIGNING_PRIVATE_KEY_PASSWORD: ${{ secrets.TAURI_SIGNING_PRIVATE_KEY_PASSWORD }}
-          SENTRY_DSN: ${{ secrets.SENTRY_DSN }}
           APPLE_CERTIFICATE: ${{ secrets.APPLE_CERTIFICATE }}
           APPLE_CERTIFICATE_PASSWORD: ${{ secrets.APPLE_CERTIFICATE_PASSWORD }}
           APPLE_SIGNING_IDENTITY: ${{ secrets.APPLE_SIGNING_IDENTITY }}
           APPLE_ID: ${{ secrets.APPLE_ID }}
           APPLE_PASSWORD: ${{ secrets.APPLE_PASSWORD }}
           APPLE_TEAM_ID: ${{ secrets.APPLE_TEAM_ID }}
+          WINDOWS_CERTIFICATE: ${{ secrets.WINDOWS_CERTIFICATE }}
+          WINDOWS_CERTIFICATE_PASSWORD: ${{ secrets.WINDOWS_CERTIFICATE_PASSWORD }}
+          TAURI_SIGNING_PRIVATE_KEY: ${{ secrets.TAURI_SIGNING_PRIVATE_KEY }}
+          TAURI_SIGNING_PRIVATE_KEY_PASSWORD: ${{ secrets.TAURI_SIGNING_PRIVATE_KEY_PASSWORD }}
+        run: |
+          set -eu
+          forward() {
+            local name="$1"
+            local val="${!name-}"
+            if [ -n "$val" ]; then
+              {
+                printf '%s<<__RECREST_EOF__\n' "$name"
+                printf '%s\n' "$val"
+                printf '__RECREST_EOF__\n'
+              } >> "$GITHUB_ENV"
+              echo "forwarded: $name"
+            else
+              echo "skipped (empty): $name"
+            fi
+          }
+          forward APPLE_CERTIFICATE
+          forward APPLE_CERTIFICATE_PASSWORD
+          forward APPLE_SIGNING_IDENTITY
+          forward APPLE_ID
+          forward APPLE_PASSWORD
+          forward APPLE_TEAM_ID
+          forward WINDOWS_CERTIFICATE
+          forward WINDOWS_CERTIFICATE_PASSWORD
+          forward TAURI_SIGNING_PRIVATE_KEY
+          forward TAURI_SIGNING_PRIVATE_KEY_PASSWORD
+
+      - name: Build Tauri app
+        uses: tauri-apps/tauri-action@v0
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          SENTRY_DSN: ${{ secrets.SENTRY_DSN }}
         with:
           args: ${{ matrix.args }}
           projectPath: ./app
@@ -140,7 +167,7 @@ jobs:
           ls -la "stage/${{ matrix.os }}" || true
 
       - name: Upload staging artifact (${{ matrix.os }})
-        uses: actions/upload-artifact@v4
+        uses: actions/upload-artifact@v7
         with:
           name: recrest-beta-staging-${{ matrix.os }}
           path: stage/
@@ -154,7 +181,7 @@ jobs:
     if: ${{ always() && needs.build.result != 'cancelled' }}
     steps:
       - name: Download all staging artifacts
-        uses: actions/download-artifact@v4
+        uses: actions/download-artifact@v8
         with:
           pattern: recrest-beta-staging-*
           path: merged/
@@ -164,7 +191,7 @@ jobs:
         run: ls -R merged || true
 
       - name: Upload consolidated artifact
-        uses: actions/upload-artifact@v4
+        uses: actions/upload-artifact@v7
         with:
           name: recrest-beta-${{ github.sha }}
           path: merged/
diff --git a/.github/workflows/release-tauri.yml b/.github/workflows/release-tauri.yml
index 3a7765d..29440ea 100644
--- a/.github/workflows/release-tauri.yml
+++ b/.github/workflows/release-tauri.yml
@@ -1,36 +1,108 @@
-# Triggered by the tag that release-please creates when its Release PR is merged.
+# Triggered automatically by the tag that release-please creates when its
+# Release PR is merged. Can also be re-run manually against an existing tag
+# (defaults to the latest release) — the manual path deletes the current
+# release but keeps the git tag, so assets get rebuilt from scratch without
+# having to bump the version or rewrite the tag.
+#
 # Builds Tauri installers for Linux / Windows / macOS, bündelt sie pro OS in
 # ein ZIP (`recrest-<tag>-windows.zip` / `-macos.zip` / `-linux.zip`) und lädt
-# diese als GitHub-Release-Assets hoch. Runs unsigned until
-# TAURI_SIGNING_PRIVATE_KEY is populated — signing secrets are passed through
-# only when they exist.
+# diese als GitHub-Release-Assets hoch. Signing/notarization features activate
+# automatically when the matching secrets are populated.
 name: Release (Tauri)
 
 on:
   push:
     tags: ["v*"]
+  workflow_dispatch:
+    inputs:
+      tag:
+        description: "Existing release tag to rebuild (e.g. v0.7.0). Leave empty to rebuild the latest release."
+        required: false
+        default: ""
 
 permissions:
   contents: write
 
 jobs:
+  # Resolve the target tag once and share it with every downstream job. For a
+  # `push` trigger this is `github.ref_name`; for `workflow_dispatch` it's the
+  # input (when set) or the most recent release tag (draft or published).
+  # Downstream jobs must use `needs.resolve.outputs.tag` instead of
+  # `github.ref_name`, because on manual dispatch from a branch the ref is the
+  # branch (e.g. `main`), not the release tag.
+  resolve:
+    name: Resolve target tag
+    runs-on: ubuntu-latest
+    outputs:
+      tag: ${{ steps.r.outputs.tag }}
+    steps:
+      - id: r
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          EVENT: ${{ github.event_name }}
+          REF_NAME: ${{ github.ref_name }}
+          INPUT_TAG: ${{ inputs.tag }}
+          REPO: ${{ github.repository }}
+        shell: bash
+        run: |
+          set -eu
+          if [ "$EVENT" = "push" ]; then
+            resolved="$REF_NAME"
+            echo "Resolved from push tag: $resolved"
+          elif [ -n "${INPUT_TAG:-}" ]; then
+            resolved="$INPUT_TAG"
+            echo "Resolved from dispatch input: $resolved"
+          else
+            resolved="$(gh release list --repo "$REPO" --limit 1 --json tagName --jq '.[0].tagName' || true)"
+            if [ -z "$resolved" ]; then
+              echo "::error::No existing release found and no tag input provided."
+              exit 1
+            fi
+            echo "Resolved from latest release: $resolved"
+          fi
+          echo "tag=$resolved" >> "$GITHUB_OUTPUT"
+
   # Generates the NSIS / DMG branding bitmaps from the SVG sources once on
   # Linux and passes them to every platform build via an artifact. The
   # `tauri.conf.json` references these files directly; without them, the
   # Windows NSIS bundler fails with `os error 3` and the macOS DMG bundler
   # aborts in `bundle_dmg.sh`.
+  #
+  # For a manual re-run this job also resets the existing release so
+  # `tauri-action` can recreate it cleanly (otherwise it would collide on
+  # asset names and leave stale files behind). The git tag is preserved.
   prepare-assets:
     name: Generate installer assets
+    needs: resolve
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
+      - uses: actions/checkout@v6
+        with:
+          ref: ${{ needs.resolve.outputs.tag }}
+
+      - name: Reset existing release (manual dispatch)
+        if: github.event_name == 'workflow_dispatch'
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          TAG: ${{ needs.resolve.outputs.tag }}
+          REPO: ${{ github.repository }}
+        shell: bash
+        run: |
+          set -eu
+          if gh release view "$TAG" --repo "$REPO" >/dev/null 2>&1; then
+            echo "Deleting existing release $TAG (git tag is preserved via --cleanup-tag=false)"
+            gh release delete "$TAG" --repo "$REPO" --yes --cleanup-tag=false
+          else
+            echo "No existing release for $TAG — nothing to reset"
+          fi
+
+      - uses: actions/setup-node@v6
         with:
           node-version-file: .nvmrc
           cache: yarn
       - uses: ./.github/actions/install-deps
       - run: yarn workspace @recrest/app gen:installer-assets
-      - uses: actions/upload-artifact@v4
+      - uses: actions/upload-artifact@v7
         with:
           name: installer-assets-build
           path: app/src-tauri/installer-assets/build/
@@ -38,7 +110,7 @@ jobs:
           if-no-files-found: error
 
   build:
-    needs: prepare-assets
+    needs: [resolve, prepare-assets]
     strategy:
       fail-fast: false
       matrix:
@@ -55,9 +127,11 @@ jobs:
     # manually (gh release upload) or by re-running the failed leg once fixed.
     continue-on-error: true
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v6
+        with:
+          ref: ${{ needs.resolve.outputs.tag }}
 
-      - uses: actions/setup-node@v4
+      - uses: actions/setup-node@v6
         with:
           node-version-file: .nvmrc
           cache: yarn
@@ -84,11 +158,19 @@ jobs:
       - uses: ./.github/actions/install-deps
 
       - name: Download installer-asset bitmaps
-        uses: actions/download-artifact@v4
+        uses: actions/download-artifact@v8
         with:
           name: installer-assets-build
           path: app/src-tauri/installer-assets/build/
 
+      - name: Guard against unpopulated updater pubkey
+        shell: bash
+        run: |
+          if grep -q 'REPLACE_WITH_MINISIGN_PUBKEY' app/src-tauri/tauri.conf.json; then
+            echo "::error::tauri.conf.json still contains the updater pubkey placeholder."
+            exit 1
+          fi
+
       - name: Load release notes
         id: release_notes
         shell: bash
@@ -99,39 +181,61 @@ jobs:
             echo 'EOF'
           } >> "$GITHUB_OUTPUT"
 
-      - name: Build Tauri app (unsigned)
-        if: ${{ env.TAURI_SIGNING_PRIVATE_KEY == '' }}
-        uses: tauri-apps/tauri-action@v0
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          TAURI_SIGNING_PRIVATE_KEY: ${{ secrets.TAURI_SIGNING_PRIVATE_KEY }}
-          SENTRY_DSN: ${{ secrets.SENTRY_DSN }}
-        with:
-          tagName: ${{ github.ref_name }}
-          releaseName: "Recrest ${{ github.ref_name }}"
-          releaseBody: ${{ steps.release_notes.outputs.body }}
-          releaseDraft: true
-          prerelease: false
-          args: ${{ matrix.args }}
-          projectPath: ./app
-
-      - name: Build Tauri app (signed)
-        if: ${{ env.TAURI_SIGNING_PRIVATE_KEY != '' }}
-        uses: tauri-apps/tauri-action@v0
+      # Forward signing secrets only when populated. Tauri's bundler reads the
+      # signing env vars via `std::env::var`, which returns `Ok("")` for set-
+      # but-empty — not `Err(NotPresent)`. Piping `${{ secrets.FOO }}` directly
+      # into `env:` therefore triggers sign/notarize paths even when FOO is
+      # unset in the repo, failing e.g. `security import` with an empty .p12.
+      # This step writes each secret to $GITHUB_ENV only if non-empty, so
+      # missing secrets stay genuinely unset and Tauri skips the feature.
+      - name: Forward signing secrets (when configured)
+        shell: bash
         env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          TAURI_SIGNING_PRIVATE_KEY: ${{ secrets.TAURI_SIGNING_PRIVATE_KEY }}
-          TAURI_SIGNING_PRIVATE_KEY_PASSWORD: ${{ secrets.TAURI_SIGNING_PRIVATE_KEY_PASSWORD }}
-          SENTRY_DSN: ${{ secrets.SENTRY_DSN }}
           APPLE_CERTIFICATE: ${{ secrets.APPLE_CERTIFICATE }}
           APPLE_CERTIFICATE_PASSWORD: ${{ secrets.APPLE_CERTIFICATE_PASSWORD }}
           APPLE_SIGNING_IDENTITY: ${{ secrets.APPLE_SIGNING_IDENTITY }}
           APPLE_ID: ${{ secrets.APPLE_ID }}
           APPLE_PASSWORD: ${{ secrets.APPLE_PASSWORD }}
           APPLE_TEAM_ID: ${{ secrets.APPLE_TEAM_ID }}
+          WINDOWS_CERTIFICATE: ${{ secrets.WINDOWS_CERTIFICATE }}
+          WINDOWS_CERTIFICATE_PASSWORD: ${{ secrets.WINDOWS_CERTIFICATE_PASSWORD }}
+          TAURI_SIGNING_PRIVATE_KEY: ${{ secrets.TAURI_SIGNING_PRIVATE_KEY }}
+          TAURI_SIGNING_PRIVATE_KEY_PASSWORD: ${{ secrets.TAURI_SIGNING_PRIVATE_KEY_PASSWORD }}
+        run: |
+          set -eu
+          forward() {
+            local name="$1"
+            local val="${!name-}"
+            if [ -n "$val" ]; then
+              {
+                printf '%s<<__RECREST_EOF__\n' "$name"
+                printf '%s\n' "$val"
+                printf '__RECREST_EOF__\n'
+              } >> "$GITHUB_ENV"
+              echo "forwarded: $name"
+            else
+              echo "skipped (empty): $name"
+            fi
+          }
+          forward APPLE_CERTIFICATE
+          forward APPLE_CERTIFICATE_PASSWORD
+          forward APPLE_SIGNING_IDENTITY
+          forward APPLE_ID
+          forward APPLE_PASSWORD
+          forward APPLE_TEAM_ID
+          forward WINDOWS_CERTIFICATE
+          forward WINDOWS_CERTIFICATE_PASSWORD
+          forward TAURI_SIGNING_PRIVATE_KEY
+          forward TAURI_SIGNING_PRIVATE_KEY_PASSWORD
+
+      - name: Build Tauri app
+        uses: tauri-apps/tauri-action@v0
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          SENTRY_DSN: ${{ secrets.SENTRY_DSN }}
         with:
-          tagName: ${{ github.ref_name }}
-          releaseName: "Recrest ${{ github.ref_name }}"
+          tagName: ${{ needs.resolve.outputs.tag }}
+          releaseName: "Recrest ${{ needs.resolve.outputs.tag }}"
           releaseBody: ${{ steps.release_notes.outputs.body }}
           releaseDraft: true
           prerelease: false
@@ -144,15 +248,17 @@ jobs:
   # Download-Pakete statt einer langen Dateiliste zeigt.
   repackage:
     name: Repackage into per-OS ZIPs
-    needs: build
+    needs: [resolve, build]
     runs-on: ubuntu-latest
+    env:
+      TAG: ${{ needs.resolve.outputs.tag }}
     steps:
       - name: Download release assets
         env:
           GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         run: |
           mkdir -p dl
-          gh release download "${{ github.ref_name }}" \
+          gh release download "$TAG" \
             --repo "${{ github.repository }}" \
             --dir dl \
             --pattern '*.dmg' \
@@ -162,6 +268,8 @@ jobs:
             --pattern '*.deb' \
             --pattern '*.rpm' \
             --pattern '*.app.tar.gz' \
+            --pattern '*.sig' \
+            --pattern 'latest.json' \
             || true
           ls -la dl || true
 
@@ -182,12 +290,11 @@ jobs:
             mv "$f" stage/linux/
           done
 
-          tag="${{ github.ref_name }}"
           mkdir -p out
           produced=()
           for os in windows macos linux; do
             if [ -n "$(ls -A "stage/$os" 2>/dev/null)" ]; then
-              zip_name="recrest-${tag}-${os}.zip"
+              zip_name="recrest-${TAG}-${os}.zip"
               (cd stage && zip -r "../out/$zip_name" "$os")
               produced+=("out/$zip_name")
               echo "built: $zip_name"
@@ -210,36 +317,73 @@ jobs:
         env:
           GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         run: |
-          xargs -a zips.list gh release upload "${{ github.ref_name }}" \
-            --repo "${{ github.repository }}" \
-            --clobber
+          set -euo pipefail
+          # Explicit per-file loop with visible logging. An earlier `xargs -a
+          # zips.list gh release upload ...` version occasionally completed
+          # silently without actually publishing the zips, leaving 404s on
+          # the release page. This loop makes each upload observable and fails
+          # loudly on any individual upload error.
+          while IFS= read -r zipfile; do
+            [ -n "$zipfile" ] || continue
+            echo "uploading: $zipfile"
+            gh release upload "$TAG" "$zipfile" \
+              --repo "${{ github.repository }}" \
+              --clobber
+          done < zips.list
 
-      - name: Remove original single-installer assets
+      - name: Prune single-installer assets (keep updater + zip + checksums)
         if: steps.zip.outputs.uploaded == 'true'
         env:
           GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         run: |
           set -euo pipefail
-          for f in dl/*; do
-            [ -f "$f" ] || continue
-            asset="$(basename "$f")"
-            echo "deleting old asset: $asset"
-            gh release delete-asset "${{ github.ref_name }}" "$asset" \
+          # Iterate over the actual release assets (not dl/, which was drained
+          # by the zip step) and keep only what the updater / download flow
+          # still needs:
+          #   *.msi          — Windows updater payload (tauri-action updater bundle)
+          #   *.app.tar.gz   — macOS updater payload
+          #   *.AppImage     — Linux updater payload
+          #   *.sig          — Minisign signatures for updater payloads
+          #   latest.json    — updater manifest
+          #   *.zip          — per-OS packages users actually download
+          #   SHA256SUMS.txt — checksums file added by the `checksums` job
+          # Everything else (.dmg / .deb / .rpm / .exe) is bundled inside the
+          # per-OS ZIP and duplicates the download list — remove to keep the
+          # release page focused.
+          keep_patterns=("*.msi" "*.app.tar.gz" "*.AppImage" "*.sig" "latest.json" "*.zip" "SHA256SUMS.txt")
+          assets="$(gh release view "$TAG" \
+            --repo "${{ github.repository }}" \
+            --json assets \
+            --jq '.assets[].name')"
+          while IFS= read -r asset; do
+            [ -n "$asset" ] || continue
+            keep=0
+            for p in "${keep_patterns[@]}"; do
+              case "$asset" in $p) keep=1;; esac
+            done
+            if [ "$keep" = 1 ]; then
+              echo "keep: $asset"
+              continue
+            fi
+            echo "deleting: $asset"
+            gh release delete-asset "$TAG" "$asset" \
               --repo "${{ github.repository }}" \
-              --yes || true
-          done
+              --yes
+          done <<< "$assets"
 
   checksums:
     name: Checksums
-    needs: repackage
+    needs: [resolve, repackage]
     runs-on: ubuntu-latest
+    env:
+      TAG: ${{ needs.resolve.outputs.tag }}
     steps:
       - name: Download per-OS zips
         env:
           GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         run: |
           mkdir -p assets
-          gh release download "${{ github.ref_name }}" \
+          gh release download "$TAG" \
             --repo "${{ github.repository }}" \
             --dir assets \
             --pattern '*.zip' \
@@ -259,7 +403,7 @@ jobs:
         env:
           GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         run: |
-          gh release upload "${{ github.ref_name }}" \
+          gh release upload "$TAG" \
             assets/SHA256SUMS.txt \
             --repo "${{ github.repository }}" \
             --clobber
diff --git a/.gitignore b/.gitignore
index 8e7314c..8768d7d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,9 @@
+# Tauri updater signing keys — private key MUST never be committed; pubkey
+# lives in app/src-tauri/tauri.conf.json so the standalone .pub file is also
+# just a local artefact.
+.tauri-key
+.tauri-key.pub
+
 # Logs
 logs
 *.log
diff --git a/.release-please-manifest.json b/.release-please-manifest.json
index bcd0522..e7ca613 100644
--- a/.release-please-manifest.json
+++ b/.release-please-manifest.json
@@ -1,3 +1,3 @@
 {
-  ".": "0.6.0"
+  ".": "0.7.0"
 }
diff --git a/CHANGELOG.md b/CHANGELOG.md
index b9599f2..7a276e6 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,45 @@
 
 All notable changes to Recrest are documented here. Format follows [Keep a Changelog](https://keepachangelog.com/en/1.1.0/); versioning follows [SemVer](https://semver.org/spec/v2.0.0.html).
 
+## [0.7.0] — 2026-04-22
+
+Third beta. Headline additions are the in-app auto-updater, the Developer tab, native OS notifications, and a page-transition animation pass. The stylesheet layer also migrated from flat CSS to SCSS.
+
+### Added
+
+- In-app auto-update system — background check against GitHub Releases with an `UpdaterBanner` prompt, manual "check for updates" action in Settings, version comparison that handles pre-release tags (`0.7.0-beta.1` > `0.6.9`), and `useLastSeenVersion` for what's-new indicators after an update.
+- `Developer` tab in Settings — feature-flag toggles, in-app state inspectors, diagnostics dumps, and a dev-only Redux slice (`uiDevFlagsSlice`) persisted separately from user settings. Gated by `useDevFlag`.
+- Native OS notifications (`commands/notifications.rs`) with per-trigger preferences in the new `NotificationSettings` tab. Triggers cover PR events, update availability, and scan completion; full suite of `useNotificationTriggers` tests.
+- Page mount/transition animations across Dashboard, Repos, Branches, MergeRequests, and RepoDetail. Full plan in `docs/plans/page-mount-animations.md`.
+- `Mascot` atom (animated brand character) with Storybook coverage; used on onboarding and empty-state screens.
+- `TruncatedTooltip` compound molecule — shows the full value on hover only when content is actually truncated.
+- Distinct dev-build app icon (white chevrons + orange `</>` badge) so `yarn dev` is visually distinguishable from the installed app in taskbar/dock. `tauri:dev` loads `tauri.dev.conf.json` to swap `bundle.icon` to `icons-dev/`; `tauri:build` keeps the production icon.
+- `README-signing.md` in `src-tauri/` documenting the code-signing approach (and why installers currently ship unsigned).
+- Installer-asset CI pipeline — regenerated installer assets land on `main` through a dedicated workflow.
+
+### Changed
+
+- Stylesheet layer migrated from plain CSS to SCSS (`tokens`, `layout`, `page-anim`, `views`) in both `app/` and `landingpage/`. No new build-step dependencies — Vite's built-in SCSS handling covers both.
+- `ImportFromProviderDialog` rewritten — clearer provider/org/repo selection flow, inline validation, and expanded keyboard navigation.
+- `DetailPane`, `Sidebar`, `Titlebar` (Win11 + GNOME), `RepoRow`, and `RepoList` refactored for faster initial render and smaller re-render surfaces.
+- `UpdaterBanner` redesigned around the new updater command surface; dismiss/install states persist across sessions.
+- `notify` bumped to 8.2 and `notify-debouncer-full` to 0.7 for more reliable filesystem event coalescing under Windows.
+- Provider API surface (`providers/api.rs`, `github.rs`, `gitlab.rs`, `bitbucket.rs`) aligned around a shared typed error path to prepare for the GitLab/Bitbucket rollout.
+- Dependabot sweeps: `@types/node` → 25.6.0, actions-all group (7 updates), npm-all group across 3 workspaces (6 updates).
+
+### Fixed
+
+- Playwright E2E stabilised on `ubuntu-24.04` — WebKit system libs reinstated (the older 22.04 runner no longer packages GTK 4 / libavif 13 / libmanette / libhyphen). Download-button spec realigned with the current DOM.
+- Subpage navigation edge cases (blank transitions, scroll position loss) on Branches, MergeRequests, and RepoDetail.
+- Loading-time regressions on Dashboard and RepoDetail — async work now runs in parallel instead of sequencing through the store.
+- `RepoWatcher` documentation updated to reflect that it is already wired into `lib.rs::run()`.
+
+### Known gaps
+
+- GitLab and Bitbucket providers still return "not yet implemented".
+- OAuth remains scaffolded; PAT-only auth for now.
+- Installers are unsigned (Apple Developer ID / Windows EV certs pending).
+
 ## [0.6.0] — 2026-04-21
 
 Second beta. Headline additions are the Activity dashboard, native window chrome per OS, a guided onboarding flow, and IDE integration.
@@ -64,5 +103,6 @@ First public beta.
 - Installers are unsigned — macOS Gatekeeper / Windows SmartScreen will warn on first launch.
 - `RepoWatcher` is not yet instantiated in `lib.rs::run()`, so status refreshes on explicit reload.
 
+[0.7.0]: https://github.com/SoftVentures/Recrest/releases/tag/v0.7.0
 [0.6.0]: https://github.com/SoftVentures/Recrest/releases/tag/v0.6.0
 [0.5.1]: https://github.com/SoftVentures/Recrest/releases/tag/v0.5.1
diff --git a/CLAUDE.md b/CLAUDE.md
index 6ace0e9..0198957 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -75,7 +75,5 @@ Rust commands are registered in `app/src-tauri/src/lib.rs::run()`. DTOs use `#[s
 
 ## Known scope gaps (not bugs)
 
-- `RepoWatcher` is implemented but not yet instantiated in `lib.rs::run()`.
 - OAuth is scaffolded; MVP ships PAT-only auth.
-- Tauri icon PNGs are not in `app/src-tauri/icons/` yet — `yarn build` will fail until they're added. `yarn dev:web` works without them.
 - GitLab/Bitbucket providers return `not yet implemented` errors from `list_pull_requests`.
diff --git a/RELEASE.md b/RELEASE.md
index 537aa95..1f3e05e 100644
--- a/RELEASE.md
+++ b/RELEASE.md
@@ -1,43 +1,60 @@
-# Recrest 0.6.0 — Activity insights, atomic UI, native window chrome
+# Recrest 0.7.0 — Auto-updater, Developer tab, native notifications
 
-Second beta of Recrest. The big story is the new **Activity** dashboard and a full UI refactor into atomic-design layers (atoms / molecules / organisms) with Storybook coverage across the board. Under the hood, the shell gained OS-native titlebars, a guided onboarding flow, and a lot of CI / platform polish.
+Third beta of Recrest. The headline additions are a working **in-app auto-updater**, a new **Developer** tab for power users, **native OS notifications**, and a page-transition animation pass that makes the whole shell feel less static. Under the hood, stylesheets migrated from flat CSS to SCSS and the dev build now carries its own icon so you can tell `yarn dev` apart from the installed app.
 
 Still a beta — treat it as "use it, tell us what's broken" rather than "rely on it in your daily loop".
 
 ## What's new
 
-### Activity dashboard
+### In-app auto-updater
 
-A new route that turns your local repos into insight cards — no cloud, everything computed from your own git data:
+Recrest now checks GitHub Releases on startup (after a short delay) and again every four hours:
 
-- **Heroes**: commits, authors, open PRs, CI health.
-- **Contributor cards**: leaderboard, author-clock, streak.
-- **Code cards**: churn, language donut, heatmap, stacked activity chart.
-- **Pull-request cards**: PR velocity, time-to-merge, review queue.
-- **CI cards**: pass rate, flaky repos, quietest repos, busiest peak.
+- An `UpdaterBanner` appears when a newer tag is available, with install / dismiss / remind-me states persisted across sessions.
+- Manual "check for updates" action lives in Settings → Updates.
+- Version comparison handles pre-release tags correctly (`0.7.0-beta.1` > `0.6.9`), so shipping betas alongside stable doesn't confuse users running either channel.
+- `useLastSeenVersion` remembers the version the user last opened, so "what's new" cues can appear after an update.
 
-Each card is independent — filter by repo or time window and the dashboard reshapes.
+### Developer tab
 
-### Native window chrome
+A new Settings tab for people who want to poke at the app:
 
-The titlebar adapts to the host OS instead of forcing one look everywhere:
+- Feature-flag toggles persisted in a dedicated Redux slice (`uiDevFlagsSlice`) — separate from user settings so toggling doesn't pollute your real preferences.
+- In-app inspectors for Redux state, IPC traffic, and environment details.
+- Diagnostics dump for bug reports.
 
-- **Windows 11** — custom titlebar with snap-layouts affordance.
-- **GNOME / Linux** — CSD-style titlebar matching Adwaita conventions.
-- **macOS** — transparent overlay respecting traffic-light spacing.
+The tab is gated by `useDevFlag`, so the surface area is zero for regular users.
 
-### Onboarding wizard
+### Native OS notifications
 
-First-run flow walks new users through: welcome → basics → pick folder → connect provider (optional) → initial scan → done. Skippable per step.
+System-level notifications for the events that matter:
 
-### IDE integration
+- PR events, update availability, scan completion.
+- Per-trigger toggles in the new `NotificationSettings` tab — nothing is on by default that you didn't ask for.
+- Backed by `commands/notifications.rs` on the Rust side with a full test suite on `useNotificationTriggers`.
 
-- **Open in IDE** button on repo and PR rows, with live detection of installed IDEs (VS Code, JetBrains family, Zed, Sublime, Xcode, Android Studio).
-- Branded icons for each IDE in the picker.
+### Page transitions
 
-### UI refactor
+Dashboard, Repositories, Branches, Merge Requests, and Repo Detail now animate on mount and on route change. Timing and easing are documented in `docs/plans/page-mount-animations.md`.
 
-Every component was moved into an atomic-design hierarchy (`atoms/ molecules/ organisms/`) with colocated Storybook stories and Vitest tests. The impact on day-to-day usage is small, but the codebase is now consistent from top to bottom and much easier to contribute to.
+### Mascot & empty states
+
+New `Mascot` atom (animated brand character) appears on onboarding and empty-state screens. `EmptyState` itself got a friendlier layout.
+
+### Dev-build icon
+
+`yarn dev` and the installed app no longer share a taskbar icon. The dev build renders with a white-chevron + orange `</>` badge variant. `tauri:dev` loads a minimal `tauri.dev.conf.json` overlay that swaps `bundle.icon` to `icons-dev/`; `tauri:build` ignores the overlay.
+
+### Stylesheets moved to SCSS
+
+`tokens`, `layout`, `page-anim`, and `views` now live as `.scss` in both `app/` and `landingpage/`. No new dependencies — Vite handles SCSS natively. Day-to-day usage is identical; nesting and mixins are now available to contributors.
+
+### Under-the-hood polish
+
+- `ImportFromProviderDialog` rewritten — clearer provider/org/repo flow, inline validation, full keyboard navigation.
+- `DetailPane`, `Sidebar`, `Titlebar`, `RepoRow`, and `RepoList` refactored for faster initial render.
+- `TruncatedTooltip` shows full text on hover only when the content is actually truncated.
+- `notify` → 8.2 and `notify-debouncer-full` → 0.7 for more reliable filesystem event coalescing on Windows.
 
 ## Install
 
@@ -55,25 +72,19 @@ shasum -a 256 -c SHA256SUMS.txt       # macOS
 Get-FileHash <file> -Algorithm SHA256 # Windows PowerShell
 ```
 
-## Platform & build improvements
+## Upgrading from 0.6.0
 
-- **Beta build workflow** — `release-tauri-beta.yml` produces unsigned installers from any ref without creating a release, useful for dogfooding before cutting a tag.
-- **Linux build fix** — webkit / gtk / appindicator dependencies pinned; AppImage / deb / rpm now build cleanly on `ubuntu-22.04`.
-- **macOS config split** — `tauri.macos.conf.json` isolates mac-specific entitlements so base config stays lean.
-- **Refined installer assets** — DMG background, NSIS header / sidebar regenerated from SVG sources.
-- **Pre-push hook** — husky gates every push with typecheck + lint + format before the network leaves your machine.
+If you already run 0.6.0, the new updater will pick up this release automatically on next launch. No manual migration needed — settings and the keychain-stored tokens are preserved.
 
 ## Known limitations
 
 - GitLab and Bitbucket providers still return "not yet implemented" — arriving in a later release.
 - Auth is PAT-only; OAuth is scaffolded but not user-facing yet.
 - Installers remain **unsigned** — macOS Gatekeeper / Windows SmartScreen will warn on first launch. Verify via the `SHA256SUMS.txt` above.
-- `RepoWatcher` is wired on the Rust side but not yet hooked into the runtime — repo status refreshes on explicit reload.
-- Activity cards currently read from local git only; PR / CI metrics populate once a provider token is connected.
 
 ## Why unsigned?
 
-Recrest is an open-source project without a paid code-signing cert. Apple Developer ID runs at $99/year, Windows EV certs start around $300/year. Installers are built straight from this tag by GitHub Actions — the build log is public, and the checksums above let you verify what you ran matches what was built.
+Recrest is an open-source project without a paid code-signing cert. Apple Developer ID runs at $99/year, Windows EV certs start around $300/year. Installers are built straight from this tag by GitHub Actions — the build log is public, and the checksums above let you verify what you ran matches what was built. See `app/src-tauri/README-signing.md` for the full rationale.
 
 ## Feedback
 
diff --git a/app/CLAUDE.md b/app/CLAUDE.md
index d31c4e2..77c3778 100644
--- a/app/CLAUDE.md
+++ b/app/CLAUDE.md
@@ -43,10 +43,19 @@ Strict flags that bite: `noUncheckedIndexedAccess` (array/object index access re
 
 - `Cargo.toml` uses `git2` with `vendored-libgit2` (no system libgit2 needed) and `keyring` with native backends.
 - `git/scanner.rs` calls `skip_current_dir` on discovery so nested repos aren't re-scanned.
-- `git/watcher.rs` is **built but not wired into `lib.rs::run()` yet** — when you wire it, hold its state in `AppState` and start it after the first scan.
+- `git/watcher.rs` is instantiated in `lib.rs::run()` and held in `AppState.watcher`; it auto-subscribes existing repos on startup and is kept in sync by the `commands/repos.rs` add/remove paths and `commands/clone.rs`. Any new command that creates or removes a repo must update the watcher too.
 - `providers/r#trait.rs` is the shared async-trait surface. Tokens are accessed exclusively through `auth::token::TokenStore` (keyring); never serialize them into `settings.json`.
 - Add a crate: `cargo add <name>` inside `src-tauri/`. Watch that it works under `vendored-libgit2` linking; avoid crates that pull in a second libgit2.
 
+## App icons (production vs dev)
+
+Two icon sets live under `src-tauri/`:
+
+- `icons/` — production build icon (dark chevrons on a white square). Sources aren't regenerated routinely; if you need to refresh them, feed `src/assets/recrest-icon-light.svg` to `tauri icon`.
+- `icons-dev/` — dev build icon (white chevrons with an orange `</>` badge bottom-right), so `yarn dev` is visually distinct from the installed app in the taskbar/dock. Regenerate with `yarn workspace @recrest/app gen:dev-icons` whenever you edit `src/assets/recrest-icon-dev.svg`.
+
+`tauri:dev` passes `--config src-tauri/tauri.dev.conf.json`, a minimal overlay that swaps `bundle.icon` to point at `icons-dev/`. Only `tauri dev` picks it up; `tauri build` ignores the overlay and keeps the production icon. Do not duplicate other fields in the overlay — keep it strictly about the icon swap so production config stays the single source of truth.
+
 ## Redux + i18n
 
 - Five slices in `src/store/slices/`. Async thunks inside each slice own the `invoke` calls — components dispatch, they don't call IPC directly.
diff --git a/app/package.json b/app/package.json
index a787590..cf9abf6 100644
--- a/app/package.json
+++ b/app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@recrest/app",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "private": true,
   "type": "module",
   "scripts": {
@@ -8,9 +8,10 @@
     "build": "tsc -b && vite build",
     "preview": "vite preview",
     "tauri": "tauri",
-    "tauri:dev": "tauri dev",
+    "tauri:dev": "tauri dev --config src-tauri/tauri.dev.conf.json",
     "tauri:build": "tauri build",
     "gen:installer-assets": "node src-tauri/installer-assets/generate.mjs",
+    "gen:dev-icons": "tauri icon src/assets/recrest-icon-dev.svg -o src-tauri/icons-dev",
     "preformat": "node src/scripts/fix-imports.js",
     "format": "prettier --write 'src/**/*.{ts,tsx,json,css}'",
     "format:check": "prettier --check 'src/**/*.{ts,tsx,json,md,css}'",
@@ -82,7 +83,7 @@
     "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
-    "@types/node": "^22.7.4",
+    "@types/node": "^25.6.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "@typescript-eslint/eslint-plugin": "^8.8.0",
@@ -91,10 +92,11 @@
     "eslint": "^9.12.0",
     "eslint-plugin-react": "^7.37.1",
     "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-react-refresh": "^0.4.12",
+    "eslint-plugin-react-refresh": "^0.5.2",
     "jimp": "^1.6.0",
     "jsdom": "^25.0.1",
     "madge": "^8.0.0",
+    "sass": "^1.83.0",
     "storybook": "^10.3.5",
     "tailwindcss": "^4.0.0",
     "tw-animate-css": "^1.2.5",
diff --git a/app/src-tauri/Cargo.lock b/app/src-tauri/Cargo.lock
index fb36b9e..c488587 100644
--- a/app/src-tauri/Cargo.lock
+++ b/app/src-tauri/Cargo.lock
@@ -2299,11 +2299,11 @@ dependencies = [
 
 [[package]]
 name = "inotify"
-version = "0.10.2"
+version = "0.11.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "fdd168d97690d0b8c412d6b6c10360277f4d7ee495c5d0d5d5fe0854923255cc"
+checksum = "bd5b3eaf1a28b758ac0faa5a4254e8ab2705605496f1b1f3fbbc3988ad73d199"
 dependencies = [
- "bitflags 1.3.2",
+ "bitflags 2.11.1",
  "inotify-sys",
  "libc",
 ]
@@ -2317,15 +2317,6 @@ dependencies = [
  "libc",
 ]
 
-[[package]]
-name = "instant"
-version = "0.1.13"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e0242819d153cba4b4b05a5a8f2a7e9bbf97b6055b2a002b395c96b5ff3c0222"
-dependencies = [
- "cfg-if",
-]
-
 [[package]]
 name = "ipnet"
 version = "2.12.0"
@@ -2917,12 +2908,11 @@ checksum = "72ef4a56884ca558e5ddb05a1d1e7e1bfd9a68d9ed024c21704cc98872dae1bb"
 
 [[package]]
 name = "notify"
-version = "7.0.0"
+version = "8.2.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c533b4c39709f9ba5005d8002048266593c1cfaf3c5f0739d5b8ab0c6c504009"
+checksum = "4d3d07927151ff8575b7087f245456e549fea62edf0ec4e565a5ee50c8402bc3"
 dependencies = [
  "bitflags 2.11.1",
- "filetime",
  "fsevent-sys",
  "inotify",
  "kqueue",
@@ -2931,14 +2921,14 @@ dependencies = [
  "mio",
  "notify-types",
  "walkdir",
- "windows-sys 0.52.0",
+ "windows-sys 0.60.2",
 ]
 
 [[package]]
 name = "notify-debouncer-full"
-version = "0.4.0"
+version = "0.7.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9dcf855483228259b2353f89e99df35fc639b2b2510d1166e4858e3f67ec1afb"
+checksum = "c02b49179cfebc9932238d04d6079912d26de0379328872846118a0fa0dbb302"
 dependencies = [
  "file-id",
  "log",
@@ -2963,11 +2953,11 @@ dependencies = [
 
 [[package]]
 name = "notify-types"
-version = "1.0.1"
+version = "2.1.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "585d3cb5e12e01aed9e8a1f70d5c6b5e86fe2a6e48fc8cd0b3e0b8df6f6eb174"
+checksum = "42b8cfee0e339a0337359f3c88165702ac6e600dc01c0cc9579a92d62b08477a"
 dependencies = [
- "instant",
+ "bitflags 2.11.1",
 ]
 
 [[package]]
@@ -4038,7 +4028,7 @@ checksum = "20675572f6f24e9e76ef639bc5552774ed45f1c30e2951e1e99c59888861c539"
 
 [[package]]
 name = "recrest"
-version = "0.6.0"
+version = "0.7.0"
 dependencies = [
  "anyhow",
  "async-trait",
@@ -4077,6 +4067,7 @@ dependencies = [
  "uuid",
  "walkdir",
  "which",
+ "windows-sys 0.59.0",
 ]
 
 [[package]]
diff --git a/app/src-tauri/Cargo.toml b/app/src-tauri/Cargo.toml
index 8fad858..81d1281 100644
--- a/app/src-tauri/Cargo.toml
+++ b/app/src-tauri/Cargo.toml
@@ -1,6 +1,6 @@
 [package]
 name = "recrest"
-version = "0.6.0" # x-release-please-version
+version = "0.7.0" # x-release-please-version
 description = "Recrest — A lightweight developer dashboard"
 authors = ["SoftVentures"]
 edition = "2021"
@@ -33,8 +33,8 @@ serde_json = "1.0"
 thiserror = "2.0"
 tokio = { version = "1.40", features = ["rt-multi-thread", "macros", "sync", "time", "fs", "process", "io-util"] }
 git2 = { version = "0.19", default-features = false, features = ["vendored-libgit2", "vendored-openssl", "https", "ssh", "ssh_key_from_memory"] }
-notify = "7.0"
-notify-debouncer-full = "0.4"
+notify = "8.2"
+notify-debouncer-full = "0.7"
 reqwest = { version = "0.12", features = ["json", "rustls-tls"], default-features = false }
 keyring = { version = "3.5", features = ["apple-native", "windows-native", "linux-native"] }
 url = "2.5"
@@ -51,6 +51,13 @@ base64 = "0.22.1"
 which = "8"
 fix-path-env = { git = "https://github.com/tauri-apps/fix-path-env-rs" }
 
+[target.'cfg(windows)'.dependencies]
+# Only needed for setting the AppUserModelID so Windows Toast notifications
+# attribute to "Recrest" instead of the parent process (e.g. powershell.exe
+# in dev). `windows-sys` is ~150kb and compiles in ~2s, much lighter than
+# the full `windows` crate.
+windows-sys = { version = "0.59", features = ["Win32_UI_Shell", "Win32_Foundation"] }
+
 [features]
 custom-protocol = ["tauri/custom-protocol"]
 
diff --git a/app/src-tauri/README-signing.md b/app/src-tauri/README-signing.md
new file mode 100644
index 0000000..0445361
--- /dev/null
+++ b/app/src-tauri/README-signing.md
@@ -0,0 +1,41 @@
+# Updater Signing Keys
+
+The `plugins.updater.pubkey` value in `tauri.conf.json` is a **DEV** minisign
+public key generated with a placeholder password. It exists so the updater
+plugin can initialize and CI release builds don't crash on missing config, but
+it is **not suitable for production use**.
+
+## Before the first real signed release
+
+1. Regenerate the keypair with a strong password:
+   ```bash
+   yarn workspace @recrest/app tauri signer generate -p "<strong-password>" -f -w /tmp/recrest-prod.key
+   ```
+2. Store both artefacts in 1Password (SoftVentures vault, item "Recrest updater signing"):
+   - the private key file contents (`recrest-prod.key`), base64-encoded
+   - the password used in step 1
+3. Add GitHub Actions secrets on `SoftVentures/Recrest`:
+   - `TAURI_SIGNING_PRIVATE_KEY` — contents of `recrest-prod.key` (base64, single line)
+   - `TAURI_SIGNING_PRIVATE_KEY_PASSWORD` — the strong password
+4. Replace the `pubkey` value in `app/src-tauri/tauri.conf.json` with the
+   contents of the matching `recrest-prod.key.pub` (the whole base64 blob,
+   comment line and key line are both included — Tauri accepts the file
+   content verbatim).
+5. Delete `/tmp/recrest-prod.key` from disk once secrets are populated.
+6. Commit the pubkey change, tag a release, verify the resulting `latest.json`
+   and `.sig` files on the Release page.
+
+## Why a placeholder pubkey is committed now
+
+The `tauri-plugin-updater` crate validates the pubkey format at startup. A
+literal `REPLACE_WITH_MINISIGN_PUBKEY` string would fail schema checks and
+prevent the app from launching in release mode, so we ship a real (but
+throwaway) keypair. The private key is **not** in the repo; it was discarded
+right after the pubkey was extracted. Any release built against this key will
+carry matching signatures but anyone with the placeholder password can forge
+update payloads — hence this must be rotated before the first production
+release.
+
+The release workflow (`.github/workflows/release-tauri.yml`) contains a grep
+guard that refuses to build if the pubkey is still the literal placeholder
+sentinel `REPLACE_WITH_MINISIGN_PUBKEY`.
diff --git a/app/src-tauri/icons-dev/128x128.png b/app/src-tauri/icons-dev/128x128.png
new file mode 100644
index 0000000..bf72f33
Binary files /dev/null and b/app/src-tauri/icons-dev/128x128.png differ
diff --git a/app/src-tauri/icons-dev/128x128@2x.png b/app/src-tauri/icons-dev/128x128@2x.png
new file mode 100644
index 0000000..f56333a
Binary files /dev/null and b/app/src-tauri/icons-dev/128x128@2x.png differ
diff --git a/app/src-tauri/icons-dev/32x32.png b/app/src-tauri/icons-dev/32x32.png
new file mode 100644
index 0000000..a225269
Binary files /dev/null and b/app/src-tauri/icons-dev/32x32.png differ
diff --git a/app/src-tauri/icons-dev/64x64.png b/app/src-tauri/icons-dev/64x64.png
new file mode 100644
index 0000000..e7b9395
Binary files /dev/null and b/app/src-tauri/icons-dev/64x64.png differ
diff --git a/app/src-tauri/icons-dev/Square107x107Logo.png b/app/src-tauri/icons-dev/Square107x107Logo.png
new file mode 100644
index 0000000..6ec6c31
Binary files /dev/null and b/app/src-tauri/icons-dev/Square107x107Logo.png differ
diff --git a/app/src-tauri/icons-dev/Square142x142Logo.png b/app/src-tauri/icons-dev/Square142x142Logo.png
new file mode 100644
index 0000000..56525cf
Binary files /dev/null and b/app/src-tauri/icons-dev/Square142x142Logo.png differ
diff --git a/app/src-tauri/icons-dev/Square150x150Logo.png b/app/src-tauri/icons-dev/Square150x150Logo.png
new file mode 100644
index 0000000..d4e6f09
Binary files /dev/null and b/app/src-tauri/icons-dev/Square150x150Logo.png differ
diff --git a/app/src-tauri/icons-dev/Square284x284Logo.png b/app/src-tauri/icons-dev/Square284x284Logo.png
new file mode 100644
index 0000000..54ca4bb
Binary files /dev/null and b/app/src-tauri/icons-dev/Square284x284Logo.png differ
diff --git a/app/src-tauri/icons-dev/Square30x30Logo.png b/app/src-tauri/icons-dev/Square30x30Logo.png
new file mode 100644
index 0000000..921233e
Binary files /dev/null and b/app/src-tauri/icons-dev/Square30x30Logo.png differ
diff --git a/app/src-tauri/icons-dev/Square310x310Logo.png b/app/src-tauri/icons-dev/Square310x310Logo.png
new file mode 100644
index 0000000..d656d3b
Binary files /dev/null and b/app/src-tauri/icons-dev/Square310x310Logo.png differ
diff --git a/app/src-tauri/icons-dev/Square44x44Logo.png b/app/src-tauri/icons-dev/Square44x44Logo.png
new file mode 100644
index 0000000..54db7bc
Binary files /dev/null and b/app/src-tauri/icons-dev/Square44x44Logo.png differ
diff --git a/app/src-tauri/icons-dev/Square71x71Logo.png b/app/src-tauri/icons-dev/Square71x71Logo.png
new file mode 100644
index 0000000..b86a27d
Binary files /dev/null and b/app/src-tauri/icons-dev/Square71x71Logo.png differ
diff --git a/app/src-tauri/icons-dev/Square89x89Logo.png b/app/src-tauri/icons-dev/Square89x89Logo.png
new file mode 100644
index 0000000..703b3a3
Binary files /dev/null and b/app/src-tauri/icons-dev/Square89x89Logo.png differ
diff --git a/app/src-tauri/icons-dev/StoreLogo.png b/app/src-tauri/icons-dev/StoreLogo.png
new file mode 100644
index 0000000..efb679a
Binary files /dev/null and b/app/src-tauri/icons-dev/StoreLogo.png differ
diff --git a/app/src-tauri/icons-dev/android/mipmap-anydpi-v26/ic_launcher.xml b/app/src-tauri/icons-dev/android/mipmap-anydpi-v26/ic_launcher.xml
new file mode 100644
index 0000000..2ffbf24
--- /dev/null
+++ b/app/src-tauri/icons-dev/android/mipmap-anydpi-v26/ic_launcher.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+  <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
+  <background android:drawable="@color/ic_launcher_background"/>
+</adaptive-icon>
\ No newline at end of file
diff --git a/app/src-tauri/icons-dev/android/mipmap-hdpi/ic_launcher.png b/app/src-tauri/icons-dev/android/mipmap-hdpi/ic_launcher.png
new file mode 100644
index 0000000..2c0c593
Binary files /dev/null and b/app/src-tauri/icons-dev/android/mipmap-hdpi/ic_launcher.png differ
diff --git a/app/src-tauri/icons-dev/android/mipmap-hdpi/ic_launcher_foreground.png b/app/src-tauri/icons-dev/android/mipmap-hdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000..179be32
Binary files /dev/null and b/app/src-tauri/icons-dev/android/mipmap-hdpi/ic_launcher_foreground.png differ
diff --git a/app/src-tauri/icons-dev/android/mipmap-hdpi/ic_launcher_round.png b/app/src-tauri/icons-dev/android/mipmap-hdpi/ic_launcher_round.png
new file mode 100644
index 0000000..0a545e4
Binary files /dev/null and b/app/src-tauri/icons-dev/android/mipmap-hdpi/ic_launcher_round.png differ
diff --git a/app/src-tauri/icons-dev/android/mipmap-mdpi/ic_launcher.png b/app/src-tauri/icons-dev/android/mipmap-mdpi/ic_launcher.png
new file mode 100644
index 0000000..9f437ca
Binary files /dev/null and b/app/src-tauri/icons-dev/android/mipmap-mdpi/ic_launcher.png differ
diff --git a/app/src-tauri/icons-dev/android/mipmap-mdpi/ic_launcher_foreground.png b/app/src-tauri/icons-dev/android/mipmap-mdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000..ef78f87
Binary files /dev/null and b/app/src-tauri/icons-dev/android/mipmap-mdpi/ic_launcher_foreground.png differ
diff --git a/app/src-tauri/icons-dev/android/mipmap-mdpi/ic_launcher_round.png b/app/src-tauri/icons-dev/android/mipmap-mdpi/ic_launcher_round.png
new file mode 100644
index 0000000..16c2d55
Binary files /dev/null and b/app/src-tauri/icons-dev/android/mipmap-mdpi/ic_launcher_round.png differ
diff --git a/app/src-tauri/icons-dev/android/mipmap-xhdpi/ic_launcher.png b/app/src-tauri/icons-dev/android/mipmap-xhdpi/ic_launcher.png
new file mode 100644
index 0000000..379afdc
Binary files /dev/null and b/app/src-tauri/icons-dev/android/mipmap-xhdpi/ic_launcher.png differ
diff --git a/app/src-tauri/icons-dev/android/mipmap-xhdpi/ic_launcher_foreground.png b/app/src-tauri/icons-dev/android/mipmap-xhdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000..98e1b11
Binary files /dev/null and b/app/src-tauri/icons-dev/android/mipmap-xhdpi/ic_launcher_foreground.png differ
diff --git a/app/src-tauri/icons-dev/android/mipmap-xhdpi/ic_launcher_round.png b/app/src-tauri/icons-dev/android/mipmap-xhdpi/ic_launcher_round.png
new file mode 100644
index 0000000..da6a0bc
Binary files /dev/null and b/app/src-tauri/icons-dev/android/mipmap-xhdpi/ic_launcher_round.png differ
diff --git a/app/src-tauri/icons-dev/android/mipmap-xxhdpi/ic_launcher.png b/app/src-tauri/icons-dev/android/mipmap-xxhdpi/ic_launcher.png
new file mode 100644
index 0000000..cfc877e
Binary files /dev/null and b/app/src-tauri/icons-dev/android/mipmap-xxhdpi/ic_launcher.png differ
diff --git a/app/src-tauri/icons-dev/android/mipmap-xxhdpi/ic_launcher_foreground.png b/app/src-tauri/icons-dev/android/mipmap-xxhdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000..e5b528d
Binary files /dev/null and b/app/src-tauri/icons-dev/android/mipmap-xxhdpi/ic_launcher_foreground.png differ
diff --git a/app/src-tauri/icons-dev/android/mipmap-xxhdpi/ic_launcher_round.png b/app/src-tauri/icons-dev/android/mipmap-xxhdpi/ic_launcher_round.png
new file mode 100644
index 0000000..d174720
Binary files /dev/null and b/app/src-tauri/icons-dev/android/mipmap-xxhdpi/ic_launcher_round.png differ
diff --git a/app/src-tauri/icons-dev/android/mipmap-xxxhdpi/ic_launcher.png b/app/src-tauri/icons-dev/android/mipmap-xxxhdpi/ic_launcher.png
new file mode 100644
index 0000000..6a2eb3b
Binary files /dev/null and b/app/src-tauri/icons-dev/android/mipmap-xxxhdpi/ic_launcher.png differ
diff --git a/app/src-tauri/icons-dev/android/mipmap-xxxhdpi/ic_launcher_foreground.png b/app/src-tauri/icons-dev/android/mipmap-xxxhdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000..442da09
Binary files /dev/null and b/app/src-tauri/icons-dev/android/mipmap-xxxhdpi/ic_launcher_foreground.png differ
diff --git a/app/src-tauri/icons-dev/android/mipmap-xxxhdpi/ic_launcher_round.png b/app/src-tauri/icons-dev/android/mipmap-xxxhdpi/ic_launcher_round.png
new file mode 100644
index 0000000..2fe856b
Binary files /dev/null and b/app/src-tauri/icons-dev/android/mipmap-xxxhdpi/ic_launcher_round.png differ
diff --git a/app/src-tauri/icons-dev/android/values/ic_launcher_background.xml b/app/src-tauri/icons-dev/android/values/ic_launcher_background.xml
new file mode 100644
index 0000000..ea9c223
--- /dev/null
+++ b/app/src-tauri/icons-dev/android/values/ic_launcher_background.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+  <color name="ic_launcher_background">#fff</color>
+</resources>
\ No newline at end of file
diff --git a/app/src-tauri/icons-dev/icon.icns b/app/src-tauri/icons-dev/icon.icns
new file mode 100644
index 0000000..7a99518
Binary files /dev/null and b/app/src-tauri/icons-dev/icon.icns differ
diff --git a/app/src-tauri/icons-dev/icon.ico b/app/src-tauri/icons-dev/icon.ico
new file mode 100644
index 0000000..a4bd56b
Binary files /dev/null and b/app/src-tauri/icons-dev/icon.ico differ
diff --git a/app/src-tauri/icons-dev/icon.png b/app/src-tauri/icons-dev/icon.png
new file mode 100644
index 0000000..92c96eb
Binary files /dev/null and b/app/src-tauri/icons-dev/icon.png differ
diff --git a/app/src-tauri/icons-dev/ios/AppIcon-20x20@1x.png b/app/src-tauri/icons-dev/ios/AppIcon-20x20@1x.png
new file mode 100644
index 0000000..9b5b024
Binary files /dev/null and b/app/src-tauri/icons-dev/ios/AppIcon-20x20@1x.png differ
diff --git a/app/src-tauri/icons-dev/ios/AppIcon-20x20@2x-1.png b/app/src-tauri/icons-dev/ios/AppIcon-20x20@2x-1.png
new file mode 100644
index 0000000..298e8a3
Binary files /dev/null and b/app/src-tauri/icons-dev/ios/AppIcon-20x20@2x-1.png differ
diff --git a/app/src-tauri/icons-dev/ios/AppIcon-20x20@2x.png b/app/src-tauri/icons-dev/ios/AppIcon-20x20@2x.png
new file mode 100644
index 0000000..298e8a3
Binary files /dev/null and b/app/src-tauri/icons-dev/ios/AppIcon-20x20@2x.png differ
diff --git a/app/src-tauri/icons-dev/ios/AppIcon-20x20@3x.png b/app/src-tauri/icons-dev/ios/AppIcon-20x20@3x.png
new file mode 100644
index 0000000..98d606b
Binary files /dev/null and b/app/src-tauri/icons-dev/ios/AppIcon-20x20@3x.png differ
diff --git a/app/src-tauri/icons-dev/ios/AppIcon-29x29@1x.png b/app/src-tauri/icons-dev/ios/AppIcon-29x29@1x.png
new file mode 100644
index 0000000..c47fb8b
Binary files /dev/null and b/app/src-tauri/icons-dev/ios/AppIcon-29x29@1x.png differ
diff --git a/app/src-tauri/icons-dev/ios/AppIcon-29x29@2x-1.png b/app/src-tauri/icons-dev/ios/AppIcon-29x29@2x-1.png
new file mode 100644
index 0000000..068496e
Binary files /dev/null and b/app/src-tauri/icons-dev/ios/AppIcon-29x29@2x-1.png differ
diff --git a/app/src-tauri/icons-dev/ios/AppIcon-29x29@2x.png b/app/src-tauri/icons-dev/ios/AppIcon-29x29@2x.png
new file mode 100644
index 0000000..068496e
Binary files /dev/null and b/app/src-tauri/icons-dev/ios/AppIcon-29x29@2x.png differ
diff --git a/app/src-tauri/icons-dev/ios/AppIcon-29x29@3x.png b/app/src-tauri/icons-dev/ios/AppIcon-29x29@3x.png
new file mode 100644
index 0000000..e5a4b90
Binary files /dev/null and b/app/src-tauri/icons-dev/ios/AppIcon-29x29@3x.png differ
diff --git a/app/src-tauri/icons-dev/ios/AppIcon-40x40@1x.png b/app/src-tauri/icons-dev/ios/AppIcon-40x40@1x.png
new file mode 100644
index 0000000..298e8a3
Binary files /dev/null and b/app/src-tauri/icons-dev/ios/AppIcon-40x40@1x.png differ
diff --git a/app/src-tauri/icons-dev/ios/AppIcon-40x40@2x-1.png b/app/src-tauri/icons-dev/ios/AppIcon-40x40@2x-1.png
new file mode 100644
index 0000000..46a1be0
Binary files /dev/null and b/app/src-tauri/icons-dev/ios/AppIcon-40x40@2x-1.png differ
diff --git a/app/src-tauri/icons-dev/ios/AppIcon-40x40@2x.png b/app/src-tauri/icons-dev/ios/AppIcon-40x40@2x.png
new file mode 100644
index 0000000..46a1be0
Binary files /dev/null and b/app/src-tauri/icons-dev/ios/AppIcon-40x40@2x.png differ
diff --git a/app/src-tauri/icons-dev/ios/AppIcon-40x40@3x.png b/app/src-tauri/icons-dev/ios/AppIcon-40x40@3x.png
new file mode 100644
index 0000000..889a5b4
Binary files /dev/null and b/app/src-tauri/icons-dev/ios/AppIcon-40x40@3x.png differ
diff --git a/app/src-tauri/icons-dev/ios/AppIcon-512@2x.png b/app/src-tauri/icons-dev/ios/AppIcon-512@2x.png
new file mode 100644
index 0000000..4f2cd84
Binary files /dev/null and b/app/src-tauri/icons-dev/ios/AppIcon-512@2x.png differ
diff --git a/app/src-tauri/icons-dev/ios/AppIcon-60x60@2x.png b/app/src-tauri/icons-dev/ios/AppIcon-60x60@2x.png
new file mode 100644
index 0000000..889a5b4
Binary files /dev/null and b/app/src-tauri/icons-dev/ios/AppIcon-60x60@2x.png differ
diff --git a/app/src-tauri/icons-dev/ios/AppIcon-60x60@3x.png b/app/src-tauri/icons-dev/ios/AppIcon-60x60@3x.png
new file mode 100644
index 0000000..1e17b78
Binary files /dev/null and b/app/src-tauri/icons-dev/ios/AppIcon-60x60@3x.png differ
diff --git a/app/src-tauri/icons-dev/ios/AppIcon-76x76@1x.png b/app/src-tauri/icons-dev/ios/AppIcon-76x76@1x.png
new file mode 100644
index 0000000..98f3314
Binary files /dev/null and b/app/src-tauri/icons-dev/ios/AppIcon-76x76@1x.png differ
diff --git a/app/src-tauri/icons-dev/ios/AppIcon-76x76@2x.png b/app/src-tauri/icons-dev/ios/AppIcon-76x76@2x.png
new file mode 100644
index 0000000..6103640
Binary files /dev/null and b/app/src-tauri/icons-dev/ios/AppIcon-76x76@2x.png differ
diff --git a/app/src-tauri/icons-dev/ios/AppIcon-83.5x83.5@2x.png b/app/src-tauri/icons-dev/ios/AppIcon-83.5x83.5@2x.png
new file mode 100644
index 0000000..b6147a3
Binary files /dev/null and b/app/src-tauri/icons-dev/ios/AppIcon-83.5x83.5@2x.png differ
diff --git a/app/src-tauri/src/commands/dev.rs b/app/src-tauri/src/commands/dev.rs
new file mode 100644
index 0000000..8cb7873
--- /dev/null
+++ b/app/src-tauri/src/commands/dev.rs
@@ -0,0 +1,78 @@
+// Debug-build-only developer helpers. Registration in lib.rs is gated on
+// `#[cfg(debug_assertions)]` so release builds never expose these.
+#![cfg(debug_assertions)]
+
+use std::path::PathBuf;
+
+use serde::Serialize;
+use tauri::{AppHandle, Manager};
+
+use super::error::CommandError;
+
+#[derive(Debug, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct DevPaths {
+    pub config_dir: Option<PathBuf>,
+    pub data_dir: Option<PathBuf>,
+    pub cache_dir: Option<PathBuf>,
+    pub log_dir: Option<PathBuf>,
+    /// Directory containing the currently-running binary (`target/debug` or
+    /// `target/release`). Resolved via `current_exe().parent()` so it survives
+    /// out-of-tree `cargo` target directories too.
+    pub binary_dir: Option<PathBuf>,
+    /// Workspace root inferred by walking up from `binary_dir` until a
+    /// sibling `Cargo.toml` or `app/src-tauri` is visible. Falls back to the
+    /// binary's parent if nothing matches (useful when running an installed
+    /// build outside the source tree).
+    pub workspace_root: Option<PathBuf>,
+}
+
+#[tauri::command]
+pub async fn get_dev_paths(app: AppHandle) -> Result<DevPaths, CommandError> {
+    let p = app.path();
+    let binary_dir = std::env::current_exe()
+        .ok()
+        .and_then(|exe| exe.parent().map(|p| p.to_path_buf()));
+    let workspace_root = binary_dir.as_deref().and_then(infer_workspace_root);
+    Ok(DevPaths {
+        config_dir: p.app_config_dir().ok(),
+        data_dir: p.app_data_dir().ok(),
+        cache_dir: p.app_cache_dir().ok(),
+        log_dir: p.app_log_dir().ok(),
+        binary_dir,
+        workspace_root,
+    })
+}
+
+/// Walk up from `start` looking for a `package.json` next to a `yarn.lock` —
+/// our monorepo root shape. Returns the first ancestor that matches, or None
+/// if we run out of parents (installed builds outside the source tree).
+fn infer_workspace_root(start: &std::path::Path) -> Option<PathBuf> {
+    let mut cur = start;
+    for _ in 0..8 {
+        let has_pkg = cur.join("package.json").is_file();
+        let has_yarn = cur.join("yarn.lock").is_file();
+        if has_pkg && has_yarn {
+            return Some(cur.to_path_buf());
+        }
+        let Some(parent) = cur.parent() else { break };
+        cur = parent;
+    }
+    None
+}
+
+#[tauri::command]
+pub async fn get_build_triple() -> Result<String, CommandError> {
+    // Constructed from std::env::consts — TARGET isn't a real env var in Cargo
+    // at runtime, but the OS/arch combo is enough signal for devs.
+    Ok(format!(
+        "{os}-{arch}",
+        os = std::env::consts::OS,
+        arch = std::env::consts::ARCH
+    ))
+}
+
+#[tauri::command]
+pub async fn dev_panic() -> Result<(), CommandError> {
+    panic!("dev_panic triggered by Developer tab");
+}
diff --git a/app/src-tauri/src/commands/git_ops.rs b/app/src-tauri/src/commands/git_ops.rs
index b91f259..b59ab93 100644
--- a/app/src-tauri/src/commands/git_ops.rs
+++ b/app/src-tauri/src/commands/git_ops.rs
@@ -115,8 +115,7 @@ fn install_credentials(callbacks: &mut RemoteCallbacks<'_>, provider_id: Option<
             if !has_recrest_token && !tried_helper {
                 tried_helper = true;
                 if let Ok(config) = git2::Config::open_default() {
-                    if let Ok(cred) =
-                        git2::Cred::credential_helper(&config, url, username_from_url)
+                    if let Ok(cred) = git2::Cred::credential_helper(&config, url, username_from_url)
                     {
                         return Ok(cred);
                     }
@@ -231,10 +230,9 @@ pub async fn git_fetch_all(state: State<'_, AppState>) -> Result<u32, CommandErr
 
     let mut ok = 0u32;
     for (path, provider_id) in repos {
-        let result = tokio::task::spawn_blocking(move || {
-            fetch_blocking(&path, provider_id.as_deref())
-        })
-        .await;
+        let result =
+            tokio::task::spawn_blocking(move || fetch_blocking(&path, provider_id.as_deref()))
+                .await;
         match result {
             Ok(Ok(())) => ok += 1,
             Ok(Err(e)) => tracing::debug!("fetch_all: one repo skipped: {e:?}"),
@@ -385,9 +383,11 @@ pub async fn git_branch_create(
     }
     let path = resolve_repo_path(&state, &repo_id).await?;
     let name_clone = name.clone();
-    tokio::task::spawn_blocking(move || branch_create_blocking(&path, &name_clone, from.as_deref(), checkout))
-        .await
-        .map_err(|e| CommandError::internal(format!("branch_create task failed: {e}")))??;
+    tokio::task::spawn_blocking(move || {
+        branch_create_blocking(&path, &name_clone, from.as_deref(), checkout)
+    })
+    .await
+    .map_err(|e| CommandError::internal(format!("branch_create task failed: {e}")))??;
     let path2 = resolve_repo_path(&state, &repo_id).await?;
     Ok(status::read_status(&path2)?)
 }
@@ -443,6 +443,10 @@ fn fetch_blocking(path: &Path, provider_id: Option<&str>) -> Result<(), CommandE
     install_credentials(&mut callbacks, effective);
     let mut opts = FetchOptions::new();
     opts.remote_callbacks(callbacks);
+    // Prune refs/remotes/origin/* for branches that were deleted upstream.
+    // Without this, merged Dependabot / feature branches keep showing up in
+    // the Branches view long after they were removed on the host.
+    opts.prune(git2::FetchPrune::On);
     remote
         .fetch(&[] as &[&str], Some(&mut opts), None)
         .map_err(|e| CommandError::internal(format!("fetch failed: {e}")))?;
@@ -473,14 +477,14 @@ fn merge_blocking(
     }
 
     if source == head_branch {
-        return Err(CommandError::bad_request("source and target are the same branch"));
+        return Err(CommandError::bad_request(
+            "source and target are the same branch",
+        ));
     }
 
     // Refuse to merge with a dirty working tree — mirrors git's own safety rail.
     let mut status_opts = git2::StatusOptions::new();
-    status_opts
-        .include_untracked(false)
-        .include_ignored(false);
+    status_opts.include_untracked(false).include_ignored(false);
     let dirty = repo
         .statuses(Some(&mut status_opts))
         .map(|s| s.iter().any(|e| e.status().bits() != 0))
@@ -595,7 +599,8 @@ fn is_valid_branch_name(name: &str) -> bool {
     if name.is_empty() || name.len() > 240 {
         return false;
     }
-    if name.starts_with('-') || name.starts_with('/') || name.ends_with('/') || name.ends_with('.') {
+    if name.starts_with('-') || name.starts_with('/') || name.ends_with('/') || name.ends_with('.')
+    {
         return false;
     }
     if name.contains("..") || name.contains("//") || name.contains("@{") {
@@ -655,11 +660,7 @@ fn branch_create_blocking(
     Ok(())
 }
 
-fn checkout_remote_blocking(
-    path: &Path,
-    remote: &str,
-    branch: &str,
-) -> Result<(), CommandError> {
+fn checkout_remote_blocking(path: &Path, remote: &str, branch: &str) -> Result<(), CommandError> {
     let repo = Repository::open(path)
         .map_err(|e| CommandError::internal(format!("open repo failed: {e}")))?;
 
@@ -669,9 +670,9 @@ fn checkout_remote_blocking(
     }
 
     let remote_ref = format!("refs/remotes/{remote}/{branch}");
-    let reference = repo
-        .find_reference(&remote_ref)
-        .map_err(|_| CommandError::bad_request(format!("remote branch '{remote}/{branch}' not found")))?;
+    let reference = repo.find_reference(&remote_ref).map_err(|_| {
+        CommandError::bad_request(format!("remote branch '{remote}/{branch}' not found"))
+    })?;
     let commit = reference
         .peel_to_commit()
         .map_err(|e| CommandError::internal(format!("peel remote ref failed: {e}")))?;
@@ -770,18 +771,18 @@ fn pull_blocking(path: &Path, provider_id: Option<&str>) -> Result<(), CommandEr
         .to_string();
 
     let upstream_ref = format!("refs/remotes/origin/{branch_shorthand}");
-    let upstream = repo
-        .find_reference(&upstream_ref)
-        .map_err(|e| CommandError::bad_request(format!("no upstream for {branch_shorthand}: {e}")))?;
+    let upstream = repo.find_reference(&upstream_ref).map_err(|e| {
+        CommandError::bad_request(format!("no upstream for {branch_shorthand}: {e}"))
+    })?;
     let upstream_oid = upstream
         .target()
         .ok_or_else(|| CommandError::internal("upstream ref has no target"))?;
 
     // Fast-forward only. If the merge-base isn't HEAD, we refuse.
     let (analysis, _) = repo
-        .merge_analysis(&[&repo.find_annotated_commit(upstream_oid).map_err(|e| {
-            CommandError::internal(format!("annotated commit failed: {e}"))
-        })?])
+        .merge_analysis(&[&repo
+            .find_annotated_commit(upstream_oid)
+            .map_err(|e| CommandError::internal(format!("annotated commit failed: {e}")))?])
         .map_err(|e| CommandError::internal(format!("merge analysis failed: {e}")))?;
 
     if analysis.is_up_to_date() {
diff --git a/app/src-tauri/src/commands/mod.rs b/app/src-tauri/src/commands/mod.rs
index aaea673..3bf8003 100644
--- a/app/src-tauri/src/commands/mod.rs
+++ b/app/src-tauri/src/commands/mod.rs
@@ -15,4 +15,7 @@ pub mod settings;
 pub mod system;
 pub mod terminal;
 pub mod tray;
+pub mod update;
+#[cfg(debug_assertions)]
+pub mod dev;
 pub mod window;
diff --git a/app/src-tauri/src/commands/notifications.rs b/app/src-tauri/src/commands/notifications.rs
index 08fada4..a09eabf 100644
--- a/app/src-tauri/src/commands/notifications.rs
+++ b/app/src-tauri/src/commands/notifications.rs
@@ -17,10 +17,32 @@ pub enum NotificationKind {
     Generic,
 }
 
+impl NotificationKind {
+    fn as_str(&self) -> &'static str {
+        match self {
+            NotificationKind::NewPr => "new_pr",
+            NotificationKind::CiFailed => "ci_failed",
+            NotificationKind::MergeReady => "merge_ready",
+            NotificationKind::Generic => "generic",
+        }
+    }
+}
+
 /// Shows a desktop notification if both the master toggle and the per-kind
 /// toggle are enabled. A `Generic` kind is only gated on the master toggle —
 /// callers can use it for one-off user-driven notifications (e.g. "clone
 /// finished") without adding new settings.
+///
+/// The `url` field is accepted for forward compatibility: we'd like clicking
+/// the toast to open the related PR in the user's browser, but
+/// `tauri-plugin-notification` v2.3 only exposes click-through action
+/// handling (`Action` / `register_action_types`) on *mobile* targets
+/// (`src/mobile.rs`). The desktop impl in that crate calls through to
+/// `notify_rust::Notification::show()` with no callback and throws away the
+/// returned handle, so there's nowhere to attach an on-click today. We still
+/// ship `url` in the IPC payload (and re-emit it on the debug dev event
+/// below) so the dev preview UI and the eventual WebKit/Linux specific
+/// click plumbing have a stable contract to build on.
 #[tauri::command]
 pub async fn notify(
     app: AppHandle,
@@ -28,6 +50,11 @@ pub async fn notify(
     kind: NotificationKind,
     title: String,
     body: String,
+    // `url` is only consumed by the debug `dev://last-notification` emit below;
+    // in release builds the plugin has no desktop click hook, so it's genuinely
+    // unused. Silence the release-only warning here until the plugin grows an
+    // on-click API (see TODO(notification-click) below).
+    #[allow(unused_variables)] url: Option<String>,
 ) -> Result<(), CommandError> {
     let allowed = {
         let config = state.config.lock().await;
@@ -53,5 +80,33 @@ pub async fn notify(
         .body(&body)
         .show()
         .map_err(|e| CommandError::internal(format!("notification failed: {e}")))?;
+
+    // TODO(notification-click): once tauri-plugin-notification exposes
+    // desktop click/action callbacks, re-route them through
+    // `tauri_plugin_opener::OpenerExt::open_url(&url, None::<&str>)` so the
+    // toast jumps straight to the PR. Until then the URL lives in the
+    // payload for UI previews and the dev event below only.
+
+    // Debug-only: re-emit the full payload so `tests/` and the
+    // DevNotificationPreview panel can observe what *would* have surfaced
+    // natively, independent of OS-level notification permission state.
+    #[cfg(debug_assertions)]
+    {
+        use tauri::Emitter;
+        let _ = app.emit(
+            "dev://last-notification",
+            serde_json::json!({
+                "kind": kind.as_str(),
+                "title": title,
+                "body": body,
+                "url": url,
+            }),
+        );
+    }
+    #[cfg(not(debug_assertions))]
+    {
+        let _ = kind.as_str();
+    }
+
     Ok(())
 }
diff --git a/app/src-tauri/src/commands/repos.rs b/app/src-tauri/src/commands/repos.rs
index e7f4c46..32d52d8 100644
--- a/app/src-tauri/src/commands/repos.rs
+++ b/app/src-tauri/src/commands/repos.rs
@@ -82,10 +82,33 @@ pub async fn scan_repos(
 
 #[tauri::command]
 pub async fn list_repos(state: State<'_, AppState>) -> Result<Vec<RepoDto>, CommandError> {
-    let config = state.config.lock().await;
-    let mut out = Vec::new();
-    for record in config.settings().repos.values() {
-        let status = status::read_status(&record.path).unwrap_or_else(|_| status::RepoStatusDto::unknown());
+    // Snapshot the repo records and drop the config lock before hitting
+    // git2 — read_status is I/O-heavy and serializing here would keep every
+    // other command waiting on the same mutex.
+    let records: Vec<_> = {
+        let config = state.config.lock().await;
+        config.settings().repos.values().cloned().collect()
+    };
+
+    // git2 is synchronous, so each read_status used to run serially on the
+    // async executor thread — 8 repos × ~2s dominated app boot time. Fan
+    // out to the blocking pool so statuses are computed concurrently; we
+    // still preserve the original order when zipping the results back.
+    let handles: Vec<_> = records
+        .iter()
+        .map(|r| {
+            let path = r.path.clone();
+            tokio::task::spawn_blocking(move || {
+                status::read_status(&path).unwrap_or_else(|_| status::RepoStatusDto::unknown())
+            })
+        })
+        .collect();
+
+    let mut out = Vec::with_capacity(records.len());
+    for (record, handle) in records.iter().zip(handles) {
+        let status = handle
+            .await
+            .unwrap_or_else(|_| status::RepoStatusDto::unknown());
         out.push(RepoDto::from_record(record, status));
     }
     Ok(out)
@@ -116,7 +139,10 @@ pub async fn add_repo(
     let mut config = state.config.lock().await;
     let mut record = config.upsert_scanned_repo(std::path::Path::new(&path))?;
     record.group_id = group_id.clone();
-    config.settings_mut().repos.insert(record.id.clone(), record.clone());
+    config
+        .settings_mut()
+        .repos
+        .insert(record.id.clone(), record.clone());
     config.save(&app)?;
     drop(config);
     let status = status::read_status(&record.path)?;
@@ -192,7 +218,9 @@ fn collect_recent_commits(
         Ok(h) => h,
         Err(_) => return Ok(()),
     };
-    let Some(head_oid) = head.target() else { return Ok(()) };
+    let Some(head_oid) = head.target() else {
+        return Ok(());
+    };
 
     let mut revwalk = repo.revwalk()?;
     revwalk.set_sorting(git2::Sort::TIME)?;
@@ -200,13 +228,19 @@ fn collect_recent_commits(
 
     for oid in revwalk {
         let Ok(oid) = oid else { continue };
-        let Ok(commit) = repo.find_commit(oid) else { continue };
+        let Ok(commit) = repo.find_commit(oid) else {
+            continue;
+        };
         let ts = commit.time().seconds();
-        let Some(local_dt) = Local.timestamp_opt(ts, 0).single() else { continue };
+        let Some(local_dt) = Local.timestamp_opt(ts, 0).single() else {
+            continue;
+        };
         if local_dt.date_naive() < cutoff_date {
             break; // TIME-sorted: the rest is older
         }
-        let Some(utc_ts) = Utc.timestamp_opt(ts, 0).single() else { continue };
+        let Some(utc_ts) = Utc.timestamp_opt(ts, 0).single() else {
+            continue;
+        };
         let author = commit.author();
         let email = author
             .email()
@@ -255,7 +289,9 @@ pub async fn load_logo_bytes(
     });
     drop(config);
     if !allowed {
-        return Err(CommandError::bad_request("logo path outside any registered repo"));
+        return Err(CommandError::bad_request(
+            "logo path outside any registered repo",
+        ));
     }
 
     let meta = std::fs::metadata(&canonical)
diff --git a/app/src-tauri/src/commands/system.rs b/app/src-tauri/src/commands/system.rs
index c06b91a..cfe7b12 100644
--- a/app/src-tauri/src/commands/system.rs
+++ b/app/src-tauri/src/commands/system.rs
@@ -9,6 +9,7 @@ pub struct PlatformInfo {
     pub arch: String,
     pub version: String,
     pub family: String,
+    pub debug_assertions: bool,
 }
 
 #[tauri::command]
@@ -18,5 +19,6 @@ pub async fn get_platform_info() -> Result<PlatformInfo, CommandError> {
         arch: std::env::consts::ARCH.to_string(),
         version: os_info::get().version().to_string(),
         family: std::env::consts::FAMILY.to_string(),
+        debug_assertions: cfg!(debug_assertions),
     })
 }
diff --git a/app/src-tauri/src/commands/update.rs b/app/src-tauri/src/commands/update.rs
new file mode 100644
index 0000000..be19fae
--- /dev/null
+++ b/app/src-tauri/src/commands/update.rs
@@ -0,0 +1,88 @@
+//! Updater-facing IPC commands.
+//!
+//! `check_for_update` is fire-and-forget from the renderer's perspective;
+//! any result (available/nothing/error) is delivered out-of-band via the
+//! `updater://available` / `updater://progress` events.
+//!
+//! `install_update` only makes sense on the signed plugin path — in debug
+//! builds the plugin isn't registered and the call will fail with an
+//! `updater init` error that the UI can translate into "please download
+//! from GitHub manually".
+
+use serde::Deserialize;
+use tauri::AppHandle;
+
+use super::error::CommandError;
+
+#[derive(Debug, Deserialize, Default)]
+#[serde(rename_all = "camelCase")]
+pub struct CheckForUpdateArgs {
+    #[serde(default)]
+    pub auto_install: bool,
+    #[serde(default)]
+    pub force_fallback: bool,
+    #[serde(default)]
+    pub endpoint_override: Option<String>,
+}
+
+#[tauri::command]
+pub async fn check_for_update(
+    app: AppHandle,
+    args: Option<CheckForUpdateArgs>,
+) -> Result<(), CommandError> {
+    let args = args.unwrap_or_default();
+    crate::update::run_update_check(
+        app,
+        args.auto_install,
+        args.force_fallback,
+        args.endpoint_override,
+    )
+    .await;
+    Ok(())
+}
+
+#[cfg(not(debug_assertions))]
+#[tauri::command]
+pub async fn install_update(app: AppHandle) -> Result<(), CommandError> {
+    use tauri::Emitter;
+    use tauri_plugin_updater::UpdaterExt;
+
+    let updater = app
+        .updater()
+        .map_err(|e| CommandError::internal(format!("updater init: {e}")))?;
+    let Some(update) = updater
+        .check()
+        .await
+        .map_err(|e| CommandError::internal(format!("check: {e}")))?
+    else {
+        return Ok(()); // nothing to do
+    };
+    let app_for_progress = app.clone();
+    update
+        .download_and_install(
+            move |chunk, total| {
+                let _ = app_for_progress.emit(
+                    "updater://progress",
+                    serde_json::json!({
+                        "chunk": chunk,
+                        "total": total,
+                    }),
+                );
+            },
+            || {},
+        )
+        .await
+        .map_err(|e| CommandError::internal(format!("install: {e}")))?;
+    app.restart();
+}
+
+/// Debug-build stub — the signed plugin isn't registered, so there's nothing
+/// to install. The UI falls back to "Download on GitHub" via the `downloadUrl`
+/// delivered on the `updater://available` event.
+#[cfg(debug_assertions)]
+#[tauri::command]
+pub async fn install_update(_app: AppHandle) -> Result<(), CommandError> {
+    Err(CommandError::internal(
+        "install_update is unavailable in debug builds; use the GitHub download link instead",
+    ))
+}
diff --git a/app/src-tauri/src/lib.rs b/app/src-tauri/src/lib.rs
index af1cf7c..225830d 100644
--- a/app/src-tauri/src/lib.rs
+++ b/app/src-tauri/src/lib.rs
@@ -3,6 +3,7 @@ mod commands;
 mod config;
 mod git;
 mod providers;
+mod update;
 
 use std::sync::Arc;
 
@@ -29,6 +30,24 @@ pub struct AppState {
     pub oauth_pending: Arc<Mutex<Option<(String, String)>>>,
 }
 
+#[cfg(windows)]
+fn set_app_user_model_id() {
+    // Must match `tauri.conf.json::identifier` so future Start-Menu entries
+    // (installer-written shortcuts) and this runtime setting address the
+    // same notification channel.
+    use windows_sys::Win32::UI::Shell::SetCurrentProcessExplicitAppUserModelID;
+    let aumid: Vec<u16> = "eu.softventures.recrest"
+        .encode_utf16()
+        .chain(std::iter::once(0))
+        .collect();
+    // `SetCurrentProcessExplicitAppUserModelID` returns an HRESULT; failure
+    // is non-fatal (notifications still work, just with the parent-process
+    // name). Silently swallow so a weird Windows build doesn't crash boot.
+    unsafe {
+        let _ = SetCurrentProcessExplicitAppUserModelID(aumid.as_ptr());
+    }
+}
+
 #[cfg_attr(mobile, tauri::mobile_entry_point)]
 pub fn run() {
     tracing_subscriber::fmt()
@@ -41,7 +60,19 @@ pub fn run() {
     // fix-path-env repariert den PATH einmalig beim Start.
     let _ = fix_path_env::fix();
 
-    tauri::Builder::default()
+    // Windows-specific: register an explicit AppUserModelID so Toast
+    // notifications attribute to "Recrest" instead of the parent process
+    // (e.g. powershell.exe in `yarn dev`). Installed MSI builds already get
+    // this via the Start Menu shortcut the installer writes, but the dev
+    // binary has no registry entry, so Windows falls back to the launching
+    // process name on every toast. Setting it here fixes both dev and
+    // portable launches without touching the registry.
+    #[cfg(windows)]
+    {
+        set_app_user_model_id();
+    }
+
+    let builder = tauri::Builder::default()
         .plugin(tauri_plugin_single_instance::init(|app, _argv, _cwd| {
             if let Some(w) = app.get_webview_window("main") {
                 let _ = w.show();
@@ -86,36 +117,55 @@ pub fn run() {
                 }
             }
 
-            // Auto-updater plugin (release only). We register it unconditionally
-            // and kick off a silent background check on startup when the user
-            // has opted in via `auto_update`. Failures are swallowed — a missing
-            // endpoint or network error must not block app startup.
+            // Auto-updater plugin (release only). Registration is gated behind
+            // `not(debug_assertions)` because the plugin requires a valid
+            // pubkey + signed `latest.json` endpoint to initialize, which we
+            // don't want to depend on during development.
             #[cfg(not(debug_assertions))]
             {
                 let _ = handle.plugin(tauri_plugin_updater::Builder::new().build());
-                let auto_update = config.settings().auto_update.clone();
-                if auto_update != "never" && auto_update != "manual" {
-                    let updater_handle = handle.clone();
-                    tauri::async_runtime::spawn(async move {
-                        use tauri_plugin_updater::UpdaterExt;
-                        let Ok(updater) = updater_handle.updater() else { return };
-                        match updater.check().await {
-                            Ok(Some(update)) => {
-                                let _ = tauri::Emitter::emit(
-                                    &updater_handle,
-                                    "updater://available",
-                                    serde_json::json!({
-                                        "version": update.version,
-                                        "currentVersion": update.current_version,
-                                        "body": update.body,
-                                    }),
-                                );
-                            }
-                            Ok(None) => {}
-                            Err(err) => tracing::debug!("updater check failed: {err}"),
-                        }
-                    });
-                }
+            }
+
+            // Schedule startup + periodic update checks when the user has
+            // opted in. `"auto"` and `"manual"` both schedule a background
+            // probe — the only difference is that `auto_install` is set for
+            // `"auto"`, which triggers the plugin's download-and-restart
+            // flow. `"off"` skips scheduling entirely. In debug builds the
+            // helper falls through to the GitHub fallback automatically.
+            let auto_update = config.settings().auto_update.clone();
+            if auto_update != "off" {
+                let auto_install = auto_update == "auto";
+                let check_handle = handle.clone();
+                tauri::async_runtime::spawn(async move {
+                    // One-shot startup check after a ~10s delay so it doesn't
+                    // compete with the initial paint + provider hydration.
+                    tokio::time::sleep(std::time::Duration::from_secs(10)).await;
+                    crate::update::run_update_check(
+                        check_handle.clone(),
+                        auto_install,
+                        false,
+                        None,
+                    )
+                    .await;
+
+                    // Then every 4h for the rest of the app's lifetime.
+                    let mut interval = tokio::time::interval(std::time::Duration::from_secs(
+                        4 * 60 * 60,
+                    ));
+                    // The first tick fires immediately — skip it since we
+                    // just ran the check above.
+                    interval.tick().await;
+                    loop {
+                        interval.tick().await;
+                        crate::update::run_update_check(
+                            check_handle.clone(),
+                            auto_install,
+                            false,
+                            None,
+                        )
+                        .await;
+                    }
+                });
             }
 
             // Build a watcher and subscribe to every known repo. Failures here
@@ -294,54 +344,122 @@ pub fn run() {
                 // app exits because the webview was the only window.
             }
         })
-        .invoke_handler(tauri::generate_handler![
-            commands::repos::scan_repos,
-            commands::repos::list_repos,
-            commands::repos::repo_status,
-            commands::repos::add_repo,
-            commands::repos::remove_repo,
-            commands::repos::list_recent_commits,
-            commands::repos::load_logo_bytes,
-            commands::repos::open_in_ide,
-            commands::ide::detect_ides,
-            commands::repos::open_terminal,
-            commands::git_ops::open_in_explorer,
-            commands::git_ops::git_fetch,
-            commands::git_ops::git_fetch_all,
-            commands::git_ops::git_pull,
-            commands::git_ops::git_push,
-            commands::git_ops::git_checkout,
-            commands::git_ops::git_checkout_remote,
-            commands::git_ops::git_list_branches,
-            commands::git_ops::git_branch_create,
-            commands::git_ops::git_merge,
-            commands::clone::git_clone,
-            commands::search::find_across_repos,
-            commands::remote_import::list_remote_repositories,
-            commands::remote_import::list_remote_organizations,
-            commands::remote_import::clone_remote_repository,
-            commands::remote_import::clone_remote_repositories_bulk,
-            commands::remote_import::create_and_open_workspace,
-            commands::providers::list_providers,
-            commands::providers::set_provider_token,
-            commands::providers::set_provider_base_url,
-            commands::providers::clear_provider_token,
-            commands::providers::fetch_pull_requests,
-            commands::providers::get_pr_detail,
-            commands::activity::list_pr_events,
-            commands::activity::list_check_runs,
-            commands::notifications::notify,
-            commands::oauth::begin_oauth,
-            commands::oauth::complete_oauth,
-            commands::settings::get_settings,
-            commands::settings::update_settings,
-            commands::window::save_window_state,
-            commands::window::load_window_state,
-            commands::window::validate_window_position,
-            commands::system::get_platform_info,
-            commands::git_info::check_git,
-            commands::tray::update_tray_badge,
-        ])
+        ;
+
+    // `tauri::generate_handler!` cannot accept `#[cfg]` attrs on individual
+    // arms, so we duplicate the handler registration — release builds get the
+    // production command list, debug builds additionally expose the three
+    // `commands::dev::*` helpers used by the Developer settings tab. The
+    // `dev` module itself is `#![cfg(debug_assertions)]` so release builds
+    // don't even link it.
+    #[cfg(not(debug_assertions))]
+    let builder = builder.invoke_handler(tauri::generate_handler![
+        commands::repos::scan_repos,
+        commands::repos::list_repos,
+        commands::repos::repo_status,
+        commands::repos::add_repo,
+        commands::repos::remove_repo,
+        commands::repos::list_recent_commits,
+        commands::repos::load_logo_bytes,
+        commands::repos::open_in_ide,
+        commands::ide::detect_ides,
+        commands::repos::open_terminal,
+        commands::git_ops::open_in_explorer,
+        commands::git_ops::git_fetch,
+        commands::git_ops::git_fetch_all,
+        commands::git_ops::git_pull,
+        commands::git_ops::git_push,
+        commands::git_ops::git_checkout,
+        commands::git_ops::git_checkout_remote,
+        commands::git_ops::git_list_branches,
+        commands::git_ops::git_branch_create,
+        commands::git_ops::git_merge,
+        commands::clone::git_clone,
+        commands::search::find_across_repos,
+        commands::remote_import::list_remote_repositories,
+        commands::remote_import::list_remote_organizations,
+        commands::remote_import::clone_remote_repository,
+        commands::remote_import::clone_remote_repositories_bulk,
+        commands::remote_import::create_and_open_workspace,
+        commands::providers::list_providers,
+        commands::providers::set_provider_token,
+        commands::providers::set_provider_base_url,
+        commands::providers::clear_provider_token,
+        commands::providers::fetch_pull_requests,
+        commands::providers::get_pr_detail,
+        commands::activity::list_pr_events,
+        commands::activity::list_check_runs,
+        commands::notifications::notify,
+        commands::oauth::begin_oauth,
+        commands::oauth::complete_oauth,
+        commands::settings::get_settings,
+        commands::settings::update_settings,
+        commands::window::save_window_state,
+        commands::window::load_window_state,
+        commands::window::validate_window_position,
+        commands::system::get_platform_info,
+        commands::git_info::check_git,
+        commands::tray::update_tray_badge,
+        commands::update::check_for_update,
+        commands::update::install_update,
+    ]);
+
+    #[cfg(debug_assertions)]
+    let builder = builder.invoke_handler(tauri::generate_handler![
+        commands::repos::scan_repos,
+        commands::repos::list_repos,
+        commands::repos::repo_status,
+        commands::repos::add_repo,
+        commands::repos::remove_repo,
+        commands::repos::list_recent_commits,
+        commands::repos::load_logo_bytes,
+        commands::repos::open_in_ide,
+        commands::ide::detect_ides,
+        commands::repos::open_terminal,
+        commands::git_ops::open_in_explorer,
+        commands::git_ops::git_fetch,
+        commands::git_ops::git_fetch_all,
+        commands::git_ops::git_pull,
+        commands::git_ops::git_push,
+        commands::git_ops::git_checkout,
+        commands::git_ops::git_checkout_remote,
+        commands::git_ops::git_list_branches,
+        commands::git_ops::git_branch_create,
+        commands::git_ops::git_merge,
+        commands::clone::git_clone,
+        commands::search::find_across_repos,
+        commands::remote_import::list_remote_repositories,
+        commands::remote_import::list_remote_organizations,
+        commands::remote_import::clone_remote_repository,
+        commands::remote_import::clone_remote_repositories_bulk,
+        commands::remote_import::create_and_open_workspace,
+        commands::providers::list_providers,
+        commands::providers::set_provider_token,
+        commands::providers::set_provider_base_url,
+        commands::providers::clear_provider_token,
+        commands::providers::fetch_pull_requests,
+        commands::providers::get_pr_detail,
+        commands::activity::list_pr_events,
+        commands::activity::list_check_runs,
+        commands::notifications::notify,
+        commands::oauth::begin_oauth,
+        commands::oauth::complete_oauth,
+        commands::settings::get_settings,
+        commands::settings::update_settings,
+        commands::window::save_window_state,
+        commands::window::load_window_state,
+        commands::window::validate_window_position,
+        commands::system::get_platform_info,
+        commands::git_info::check_git,
+        commands::tray::update_tray_badge,
+        commands::update::check_for_update,
+        commands::update::install_update,
+        commands::dev::get_dev_paths,
+        commands::dev::get_build_triple,
+        commands::dev::dev_panic,
+    ]);
+
+    builder
         .run(tauri::generate_context!())
         .expect("error while running recrest application");
 }
diff --git a/app/src-tauri/src/providers/api.rs b/app/src-tauri/src/providers/api.rs
index 6212f7e..33ba541 100644
--- a/app/src-tauri/src/providers/api.rs
+++ b/app/src-tauri/src/providers/api.rs
@@ -9,6 +9,7 @@ pub struct PullRequestDto {
     pub title: String,
     pub url: String,
     pub author: String,
+    pub author_avatar_url: Option<String>,
     pub state: PrState,
     pub draft: bool,
     pub source_branch: String,
@@ -176,12 +177,18 @@ pub struct CheckRunSummaryDto {
 pub fn parse_owner_repo(remote_url: &str) -> Option<(String, String)> {
     let url = remote_url.trim();
     // SSH: git@host:owner/repo(.git)
-    if let Some(rest) = url.strip_prefix("git@").and_then(|s| s.split_once(':').map(|(_, r)| r)) {
+    if let Some(rest) = url
+        .strip_prefix("git@")
+        .and_then(|s| s.split_once(':').map(|(_, r)| r))
+    {
         return split_owner_repo(rest);
     }
     // https://host/owner/repo(.git)
     let after_scheme = url.split("://").nth(1).unwrap_or(url);
-    let without_host = after_scheme.split_once('/').map(|(_, r)| r).unwrap_or(after_scheme);
+    let without_host = after_scheme
+        .split_once('/')
+        .map(|(_, r)| r)
+        .unwrap_or(after_scheme);
     split_owner_repo(without_host)
 }
 
diff --git a/app/src-tauri/src/providers/bitbucket.rs b/app/src-tauri/src/providers/bitbucket.rs
index 2a11da0..dc0d0aa 100644
--- a/app/src-tauri/src/providers/bitbucket.rs
+++ b/app/src-tauri/src/providers/bitbucket.rs
@@ -55,15 +55,19 @@ impl BitbucketProvider {
     }
 
     async fn credentials(&self) -> Result<Option<(String, String)>, CommandError> {
-        let Some(token) = self.tokens.read(PROVIDER_ID)? else { return Ok(None) };
-        let Some(username) = self.tokens.read(USERNAME_KEY)? else { return Ok(None) };
+        let Some(token) = self.tokens.read(PROVIDER_ID)? else {
+            return Ok(None);
+        };
+        let Some(username) = self.tokens.read(USERNAME_KEY)? else {
+            return Ok(None);
+        };
         Ok(Some((username, token)))
     }
 
     async fn require_credentials(&self) -> Result<(String, String), CommandError> {
-        self.credentials()
-            .await?
-            .ok_or_else(|| CommandError::Unauthorized("bitbucket credentials not configured".into()))
+        self.credentials().await?.ok_or_else(|| {
+            CommandError::Unauthorized("bitbucket credentials not configured".into())
+        })
     }
 }
 
@@ -129,7 +133,9 @@ impl GitProvider for BitbucketProvider {
 
         let res = self
             .http
-            .get(format!("{base}/repositories/{workspace}/{repo}/pullrequests"))
+            .get(format!(
+                "{base}/repositories/{workspace}/{repo}/pullrequests"
+            ))
             .basic_auth(&username, Some(&password))
             .query(&[("state", "OPEN"), ("pagelen", "50")])
             .send()
@@ -153,13 +159,7 @@ impl GitProvider for BitbucketProvider {
             let ci = match sha {
                 Some(sha) => Some(
                     fetch_bb_ci_status(
-                        &self.http,
-                        &username,
-                        &password,
-                        &base,
-                        &workspace,
-                        &repo,
-                        &sha,
+                        &self.http, &username, &password, &base, &workspace, &repo, &sha,
                     )
                     .await,
                 ),
@@ -237,7 +237,10 @@ impl GitProvider for BitbucketProvider {
             .unwrap_or_default()
             .into_iter()
             .map(|u| ReviewerDto {
-                login: u.nickname.clone().unwrap_or_else(|| u.display_name.clone().unwrap_or_default()),
+                login: u
+                    .nickname
+                    .clone()
+                    .unwrap_or_else(|| u.display_name.clone().unwrap_or_default()),
                 name: u.display_name.clone(),
                 avatar_url: u.links.and_then(|l| l.avatar).map(|a| a.href),
                 state: ReviewState::Pending,
@@ -296,9 +299,7 @@ impl GitProvider for BitbucketProvider {
         let (username, password) = self.require_credentials().await?;
         let base = self.api_base();
         let mut out = Vec::new();
-        let mut url = format!(
-            "{base}/repositories?role=member&pagelen={PAGELEN}&sort=-updated_on"
-        );
+        let mut url = format!("{base}/repositories?role=member&pagelen={PAGELEN}&sort=-updated_on");
         for _ in 0..MAX_PAGES {
             let page: BbPage<BbRepo> = bb_json(&self.http, &username, &password, &url).await?;
             for r in page.values {
@@ -339,8 +340,9 @@ impl GitProvider for BitbucketProvider {
         _redirect_uri: &str,
         state: &str,
     ) -> Result<String, CommandError> {
-        let client_id = OAUTH_CLIENT_ID
-            .ok_or_else(|| CommandError::bad_request("bitbucket: OAuth client ID not configured"))?;
+        let client_id = OAUTH_CLIENT_ID.ok_or_else(|| {
+            CommandError::bad_request("bitbucket: OAuth client ID not configured")
+        })?;
         let state_enc = urlencoding::encode(state);
         // Bitbucket ignores `redirect_uri` in the request — the callback must
         // be configured on the OAuth consumer. Scopes come from the consumer
@@ -407,9 +409,7 @@ impl GitProvider for BitbucketProvider {
         let (username, password) = self.require_credentials().await?;
         let base = self.api_base();
         let mut out = Vec::new();
-        let mut url = format!(
-            "{base}/repositories/{org_slug}?pagelen={PAGELEN}&sort=-updated_on"
-        );
+        let mut url = format!("{base}/repositories/{org_slug}?pagelen={PAGELEN}&sort=-updated_on");
         for _ in 0..MAX_PAGES {
             let page: BbPage<BbRepo> = bb_json(&self.http, &username, &password, &url).await?;
             for r in page.values {
@@ -425,16 +425,28 @@ impl GitProvider for BitbucketProvider {
 }
 
 fn map_pr(pr: BbPr, ci: Option<CiStatus>) -> PullRequestDto {
+    let author_avatar_url = pr
+        .author
+        .as_ref()
+        .and_then(|a| a.links.as_ref())
+        .and_then(|l| l.avatar.as_ref())
+        .map(|h| h.href.clone());
     PullRequestDto {
         id: pr.id.to_string(),
         number: pr.id,
         title: pr.title,
-        url: pr.links.as_ref().and_then(|l| l.html.as_ref()).map(|h| h.href.clone()).unwrap_or_default(),
+        url: pr
+            .links
+            .as_ref()
+            .and_then(|l| l.html.as_ref())
+            .map(|h| h.href.clone())
+            .unwrap_or_default(),
         author: pr
             .author
             .as_ref()
             .and_then(|a| a.display_name.clone())
             .unwrap_or_default(),
+        author_avatar_url,
         state: match pr.state.as_str() {
             "MERGED" => PrState::Merged,
             "DECLINED" | "SUPERSEDED" => PrState::Closed,
@@ -484,7 +496,9 @@ async fn fetch_bb_ci_status(
     if !res.status().is_success() {
         return CiStatus::None;
     }
-    let Ok(body) = res.json::<BbPage<BbStatus>>().await else { return CiStatus::None };
+    let Ok(body) = res.json::<BbPage<BbStatus>>().await else {
+        return CiStatus::None;
+    };
     aggregate_bb_statuses(&body.values)
 }
 
@@ -534,7 +548,11 @@ fn map_repo(r: BbRepo) -> RemoteRepositoryDto {
         .and_then(|l| l.html.as_ref())
         .map(|h| h.href.clone())
         .unwrap_or_default();
-    let owner_login = r.workspace.as_ref().map(|w| w.slug.clone()).unwrap_or_default();
+    let owner_login = r
+        .workspace
+        .as_ref()
+        .map(|w| w.slug.clone())
+        .unwrap_or_default();
     let owner_avatar = r
         .workspace
         .as_ref()
@@ -589,7 +607,10 @@ async fn bb_json<T: serde::de::DeserializeOwned>(
 
 fn parse_workspace_repo(remote_url: &str) -> Option<(String, String)> {
     let url = remote_url.trim();
-    let path = if let Some(rest) = url.strip_prefix("git@").and_then(|s| s.split_once(':').map(|(_, r)| r)) {
+    let path = if let Some(rest) = url
+        .strip_prefix("git@")
+        .and_then(|s| s.split_once(':').map(|(_, r)| r))
+    {
         rest.to_string()
     } else {
         let after_scheme = url.split("://").nth(1).unwrap_or(url);
diff --git a/app/src-tauri/src/providers/github.rs b/app/src-tauri/src/providers/github.rs
index 508958c..5f34f88 100644
--- a/app/src-tauri/src/providers/github.rs
+++ b/app/src-tauri/src/providers/github.rs
@@ -90,7 +90,9 @@ impl GitProvider for GithubProvider {
     }
 
     async fn username(&self) -> Result<Option<String>, CommandError> {
-        let Some(token) = self.token().await? else { return Ok(None) };
+        let Some(token) = self.token().await? else {
+            return Ok(None);
+        };
         let base = self.api_base();
         let res = self
             .http
@@ -127,7 +129,10 @@ impl GitProvider for GithubProvider {
         Some(self.api_base())
     }
 
-    async fn list_pull_requests(&self, remote_url: &str) -> Result<Vec<PullRequestDto>, CommandError> {
+    async fn list_pull_requests(
+        &self,
+        remote_url: &str,
+    ) -> Result<Vec<PullRequestDto>, CommandError> {
         let token = self.require_token().await?;
         let (owner, repo) = parse_owner_repo(remote_url)
             .ok_or_else(|| CommandError::bad_request("could not parse owner/repo from remote"))?;
@@ -143,17 +148,14 @@ impl GitProvider for GithubProvider {
             .await?;
 
         if !res.status().is_success() {
-            return Err(CommandError::internal(format!(
-                "github: {}",
-                res.status()
-            )));
+            return Err(CommandError::internal(format!("github: {}", res.status())));
         }
 
         let items: Vec<GhPull> = res.json().await?;
         let mut out = Vec::with_capacity(items.len());
         for pr in items {
-            let ci = fetch_combined_status(&self.http, &token, &base, &owner, &repo, &pr.head.sha)
-                .await;
+            let ci =
+                fetch_combined_status(&self.http, &token, &base, &owner, &repo, &pr.head.sha).await;
             out.push(map_pr(pr, Some(ci)));
         }
         Ok(out)
@@ -298,7 +300,11 @@ impl GitProvider for GithubProvider {
                     continue;
                 }
                 any_in_window = true;
-                let author = pr.user.as_ref().map(|u| u.login.clone()).unwrap_or_default();
+                let author = pr
+                    .user
+                    .as_ref()
+                    .map(|u| u.login.clone())
+                    .unwrap_or_default();
                 let url = pr.html_url.clone();
                 if pr.created_at >= cutoff {
                     out.push(PrEventDto {
@@ -367,9 +373,8 @@ impl GitProvider for GithubProvider {
         let (owner, repo) = parse_owner_repo(remote_url)
             .ok_or_else(|| CommandError::bad_request("could not parse owner/repo from remote"))?;
         let base = self.api_base();
-        let tz = FixedOffset::east_opt(local_tz_offset_minutes * 60).unwrap_or_else(|| {
-            FixedOffset::east_opt(0).expect("zero offset is always valid")
-        });
+        let tz = FixedOffset::east_opt(local_tz_offset_minutes * 60)
+            .unwrap_or_else(|| FixedOffset::east_opt(0).expect("zero offset is always valid"));
 
         // Bucket per local YYYY-MM-DD → (total, passed, failed, failing-shas).
         let mut buckets: std::collections::HashMap<String, (u32, u32, u32, Vec<String>)> =
@@ -380,9 +385,8 @@ impl GitProvider for GithubProvider {
         for chunk in shas.chunks(chunk_size) {
             let mut tasks = Vec::with_capacity(chunk.len());
             for sha in chunk {
-                let url = format!(
-                    "{base}/repos/{owner}/{repo}/commits/{sha}/check-runs?per_page=50"
-                );
+                let url =
+                    format!("{base}/repos/{owner}/{repo}/commits/{sha}/check-runs?per_page=50");
                 let http = self.http.clone();
                 let token = token.clone();
                 let sha = sha.clone();
@@ -409,7 +413,9 @@ impl GitProvider for GithubProvider {
                     entry.0 += 1;
                     match run.conclusion.as_deref() {
                         Some("success") => entry.1 += 1,
-                        Some("failure") | Some("timed_out") | Some("action_required")
+                        Some("failure")
+                        | Some("timed_out")
+                        | Some("action_required")
                         | Some("startup_failure") => {
                             entry.2 += 1;
                             if entry.3.len() < 3 && !entry.3.contains(&sha) {
@@ -424,15 +430,17 @@ impl GitProvider for GithubProvider {
 
         let mut out: Vec<CheckRunSummaryDto> = buckets
             .into_iter()
-            .map(|(day, (total, passed, failed, sha_samples))| CheckRunSummaryDto {
-                repo_id: repo_id.to_string(),
-                repo_name: repo_name.to_string(),
-                day,
-                total,
-                passed,
-                failed,
-                sha_samples,
-            })
+            .map(
+                |(day, (total, passed, failed, sha_samples))| CheckRunSummaryDto {
+                    repo_id: repo_id.to_string(),
+                    repo_name: repo_name.to_string(),
+                    day,
+                    total,
+                    passed,
+                    failed,
+                    sha_samples,
+                },
+            )
             .collect();
         out.sort_by(|a, b| a.day.cmp(&b.day));
         Ok(out)
@@ -482,11 +490,7 @@ impl GitProvider for GithubProvider {
         OAUTH_CLIENT_ID.is_some() && OAUTH_CLIENT_SECRET.is_some()
     }
 
-    async fn authorize_url(
-        &self,
-        redirect_uri: &str,
-        state: &str,
-    ) -> Result<String, CommandError> {
+    async fn authorize_url(&self, redirect_uri: &str, state: &str) -> Result<String, CommandError> {
         let client_id = OAUTH_CLIENT_ID
             .ok_or_else(|| CommandError::bad_request("github: OAuth client ID not configured"))?;
         let scopes = urlencoding::encode(OAUTH_SCOPES);
@@ -555,12 +559,17 @@ impl GitProvider for GithubProvider {
 }
 
 fn map_pr(pr: GhPull, ci: Option<CiStatus>) -> PullRequestDto {
+    let (author, author_avatar_url) = match pr.user {
+        Some(u) => (u.login, u.avatar_url),
+        None => (String::new(), None),
+    };
     PullRequestDto {
         id: pr.id.to_string(),
         number: pr.number,
         title: pr.title,
         url: pr.html_url,
-        author: pr.user.map(|u| u.login).unwrap_or_default(),
+        author,
+        author_avatar_url,
         state: if pr.merged_at.is_some() {
             PrState::Merged
         } else if pr.state == "closed" {
@@ -597,7 +606,11 @@ fn map_repo(r: GhRepo) -> RemoteRepositoryDto {
         pushed_at: r.pushed_at,
         size_kb: r.size,
         language: r.language,
-        owner_login: r.owner.as_ref().map(|o| o.login.clone()).unwrap_or_default(),
+        owner_login: r
+            .owner
+            .as_ref()
+            .map(|o| o.login.clone())
+            .unwrap_or_default(),
         owner_avatar_url: r.owner.and_then(|o| o.avatar_url),
     }
 }
@@ -643,7 +656,9 @@ async fn fetch_combined_status(
     if !res.status().is_success() {
         return CiStatus::None;
     }
-    let Ok(body) = res.json::<GhCombinedStatus>().await else { return CiStatus::None };
+    let Ok(body) = res.json::<GhCombinedStatus>().await else {
+        return CiStatus::None;
+    };
     match body.state.as_str() {
         "success" => CiStatus::Success,
         "failure" | "error" => CiStatus::Failure,
diff --git a/app/src-tauri/src/providers/gitlab.rs b/app/src-tauri/src/providers/gitlab.rs
index 6c01942..260238f 100644
--- a/app/src-tauri/src/providers/gitlab.rs
+++ b/app/src-tauri/src/providers/gitlab.rs
@@ -82,7 +82,9 @@ impl GitProvider for GitlabProvider {
     }
 
     async fn username(&self) -> Result<Option<String>, CommandError> {
-        let Some(token) = self.token().await? else { return Ok(None) };
+        let Some(token) = self.token().await? else {
+            return Ok(None);
+        };
         let base = self.api_base();
         let res = self
             .http
@@ -123,8 +125,9 @@ impl GitProvider for GitlabProvider {
         remote_url: &str,
     ) -> Result<Vec<PullRequestDto>, CommandError> {
         let token = self.require_token().await?;
-        let project_path = parse_project_path(remote_url)
-            .ok_or_else(|| CommandError::bad_request("could not parse GitLab project from remote"))?;
+        let project_path = parse_project_path(remote_url).ok_or_else(|| {
+            CommandError::bad_request("could not parse GitLab project from remote")
+        })?;
         let encoded = urlencoding::encode(&project_path);
         let base = self.api_base();
 
@@ -150,18 +153,16 @@ impl GitProvider for GitlabProvider {
         pr_number: u64,
     ) -> Result<PullRequestDetailDto, CommandError> {
         let token = self.require_token().await?;
-        let project_path = parse_project_path(remote_url)
-            .ok_or_else(|| CommandError::bad_request("could not parse GitLab project from remote"))?;
+        let project_path = parse_project_path(remote_url).ok_or_else(|| {
+            CommandError::bad_request("could not parse GitLab project from remote")
+        })?;
         let encoded = urlencoding::encode(&project_path);
         let base = self.api_base();
 
         let mr_url = format!("{base}/projects/{encoded}/merge_requests/{pr_number}");
-        let changes_url = format!(
-            "{base}/projects/{encoded}/merge_requests/{pr_number}/changes"
-        );
-        let notes_url = format!(
-            "{base}/projects/{encoded}/merge_requests/{pr_number}/notes?sort=asc"
-        );
+        let changes_url = format!("{base}/projects/{encoded}/merge_requests/{pr_number}/changes");
+        let notes_url =
+            format!("{base}/projects/{encoded}/merge_requests/{pr_number}/notes?sort=asc");
 
         let (mr_res, changes_res, notes_res) = tokio::try_join!(
             gl_json::<GlMrDetail>(&self.http, &token, &mr_url),
@@ -175,7 +176,10 @@ impl GitProvider for GitlabProvider {
             .changes
             .into_iter()
             .map(|c| FileChangeDto {
-                path: c.new_path.clone().unwrap_or_else(|| c.old_path.unwrap_or_default()),
+                path: c
+                    .new_path
+                    .clone()
+                    .unwrap_or_else(|| c.old_path.unwrap_or_default()),
                 additions: 0,
                 deletions: 0,
                 status: if c.new_file.unwrap_or(false) {
@@ -221,7 +225,11 @@ impl GitProvider for GitlabProvider {
         Ok(PullRequestDetailDto {
             pr: base_pr,
             body: mr_res.base_mr.description,
-            mergeable: mr_res.base_mr.merge_status.as_deref().map(|s| s == "can_be_merged"),
+            mergeable: mr_res
+                .base_mr
+                .merge_status
+                .as_deref()
+                .map(|s| s == "can_be_merged"),
             reviewers,
             files,
             timeline,
@@ -272,11 +280,7 @@ impl GitProvider for GitlabProvider {
         OAUTH_CLIENT_ID.is_some() && OAUTH_CLIENT_SECRET.is_some()
     }
 
-    async fn authorize_url(
-        &self,
-        redirect_uri: &str,
-        state: &str,
-    ) -> Result<String, CommandError> {
+    async fn authorize_url(&self, redirect_uri: &str, state: &str) -> Result<String, CommandError> {
         let client_id = OAUTH_CLIENT_ID
             .ok_or_else(|| CommandError::bad_request("gitlab: OAuth client ID not configured"))?;
         let redirect = urlencoding::encode(redirect_uri);
@@ -363,18 +367,25 @@ fn map_mr(mr: GlMr) -> PullRequestDto {
         _ => Some(CiStatus::None),
     };
 
+    let (author, author_avatar_url) = match mr.author {
+        Some(a) => (a.username, a.avatar_url),
+        None => (String::new(), None),
+    };
     PullRequestDto {
         id: mr.id.to_string(),
         number: mr.iid,
         title: mr.title,
         url: mr.web_url,
-        author: mr.author.map(|a| a.username).unwrap_or_default(),
+        author,
+        author_avatar_url,
         state: match mr.state.as_str() {
             "merged" => PrState::Merged,
             "closed" => PrState::Closed,
             _ => PrState::Open,
         },
-        draft: mr.draft.unwrap_or_else(|| mr.work_in_progress.unwrap_or(false)),
+        draft: mr
+            .draft
+            .unwrap_or_else(|| mr.work_in_progress.unwrap_or(false)),
         source_branch: mr.source_branch,
         target_branch: mr.target_branch,
         created_at: mr.created_at,
@@ -403,7 +414,11 @@ fn map_project(p: GlProject) -> RemoteRepositoryDto {
         pushed_at: p.last_activity_at,
         size_kb: None,
         language: None,
-        owner_login: p.namespace.as_ref().map(|n| n.path.clone()).unwrap_or_default(),
+        owner_login: p
+            .namespace
+            .as_ref()
+            .map(|n| n.path.clone())
+            .unwrap_or_default(),
         owner_avatar_url: p.namespace.and_then(|n| n.avatar_url),
     }
 }
@@ -413,11 +428,7 @@ async fn gl_json<T: serde::de::DeserializeOwned>(
     token: &str,
     url: &str,
 ) -> Result<T, CommandError> {
-    let res = http
-        .get(url)
-        .header("PRIVATE-TOKEN", token)
-        .send()
-        .await?;
+    let res = http.get(url).header("PRIVATE-TOKEN", token).send().await?;
     if !res.status().is_success() {
         return Err(CommandError::internal(format!(
             "gitlab {}: {}",
@@ -432,7 +443,10 @@ async fn gl_json<T: serde::de::DeserializeOwned>(
 /// groups (`group/subgroup/project`) for both HTTPS and SSH forms.
 fn parse_project_path(remote_url: &str) -> Option<String> {
     let url = remote_url.trim();
-    let path = if let Some(rest) = url.strip_prefix("git@").and_then(|s| s.split_once(':').map(|(_, r)| r)) {
+    let path = if let Some(rest) = url
+        .strip_prefix("git@")
+        .and_then(|s| s.split_once(':').map(|(_, r)| r))
+    {
         rest
     } else {
         let after_scheme = url.split("://").nth(1).unwrap_or(url);
diff --git a/app/src-tauri/src/update/github.rs b/app/src-tauri/src/update/github.rs
new file mode 100644
index 0000000..f67ce41
--- /dev/null
+++ b/app/src-tauri/src/update/github.rs
@@ -0,0 +1,272 @@
+//! GitHub Releases fallback for the updater.
+//!
+//! Runs when `tauri-plugin-updater` is either disabled (debug builds) or
+//! fails at runtime (e.g. missing `latest.json`, signature mismatch, network
+//! hiccup). We just surface a notification — the user clicks through to the
+//! platform asset and installs manually. No signature verification on this
+//! path; that's why `canAutoInstall` is always `false`.
+
+use std::sync::OnceLock;
+
+use tauri::{AppHandle, Emitter};
+use tokio::sync::Mutex;
+
+const DEFAULT_URL: &str = "https://api.github.com/repos/SoftVentures/Recrest/releases/latest";
+
+/// Session-only cache of the last `ETag` header seen on a successful
+/// `releases/latest` response. Sent back as `If-None-Match` on the next
+/// request so GitHub can answer `304 Not Modified` and skip re-delivering
+/// the release payload. Not persisted to disk — process-scoped only.
+fn last_etag() -> &'static Mutex<Option<String>> {
+    static CELL: OnceLock<Mutex<Option<String>>> = OnceLock::new();
+    CELL.get_or_init(|| Mutex::new(None))
+}
+
+pub async fn check_latest(app: AppHandle, override_url: Option<String>) {
+    let current = env!("CARGO_PKG_VERSION");
+    let url = override_url.unwrap_or_else(|| DEFAULT_URL.to_string());
+    let client = match reqwest::Client::builder()
+        .user_agent(format!("Recrest/{current}"))
+        .build()
+    {
+        Ok(c) => c,
+        Err(err) => {
+            tracing::debug!("updater fallback: reqwest build failed: {err}");
+            return;
+        }
+    };
+
+    let mut req = client.get(&url);
+    let cached_etag = last_etag().lock().await.clone();
+    if let Some(etag) = cached_etag.as_ref() {
+        req = req.header("If-None-Match", etag);
+    }
+
+    let resp = match req.send().await {
+        Ok(r) => r,
+        Err(err) => {
+            tracing::debug!("updater fallback: request failed: {err}");
+            return;
+        }
+    };
+
+    // 304 → body is unchanged since last check, no emit needed.
+    if resp.status() == reqwest::StatusCode::NOT_MODIFIED {
+        tracing::debug!("updater fallback: 304 Not Modified — skipping");
+        return;
+    }
+
+    // Capture ETag before consuming the response body.
+    let new_etag = resp
+        .headers()
+        .get(reqwest::header::ETAG)
+        .and_then(|v| v.to_str().ok())
+        .map(|s| s.to_string());
+
+    let json = match resp.json::<serde_json::Value>().await {
+        Ok(j) => j,
+        Err(err) => {
+            tracing::debug!("updater fallback: decode failed: {err}");
+            return;
+        }
+    };
+
+    // Only persist the ETag once we've confirmed the payload decoded cleanly,
+    // so a malformed 200 doesn't poison the cache and silence future checks.
+    if let Some(etag) = new_etag {
+        *last_etag().lock().await = Some(etag);
+    }
+
+    let Some(tag) = json["tag_name"].as_str() else {
+        tracing::debug!("updater fallback: no tag_name in response");
+        return;
+    };
+    let latest = tag.strip_prefix('v').unwrap_or(tag);
+    if !is_newer(latest, current) {
+        return;
+    }
+    let body_text = json["body"].as_str().unwrap_or("").to_string();
+    let download_url = pick_platform_asset(&json, std::env::consts::OS);
+
+    let _ = app.emit(
+        "updater://available",
+        serde_json::json!({
+            "version": latest,
+            "currentVersion": current,
+            "body": body_text,
+            "canAutoInstall": false,
+            "downloadUrl": download_url,
+        }),
+    );
+}
+
+/// Compares two dotted-numeric version strings, tolerating a leading `v` and
+/// a trailing pre-release suffix (`-beta.1`, `-rc.2`, etc.).
+///
+/// Simplification: pre-release identifiers are **stripped**, not compared.
+/// That means `0.7.0-beta.1` and `0.7.0` compare as equal here, so neither is
+/// "newer" than the other. This is deliberate — a proper SemVer pre-release
+/// ordering (pre-release < release at same numeric) would need a full parser,
+/// and we'd rather not promote `-beta.1` over a stable `0.7.0` through the
+/// fallback path. The upside is that `0.7.0-beta.1` > `0.6.9`, which is what
+/// users actually want when running a beta build.
+pub(crate) fn is_newer(latest: &str, current: &str) -> bool {
+    fn parts(s: &str) -> Option<(u32, u32, u32)> {
+        let cleaned = s.split('-').next().unwrap_or(s);
+        let mut it = cleaned
+            .split('.')
+            .map(|p| p.trim_start_matches(['v', 'V']).parse::<u32>().ok());
+        Some((it.next()??, it.next()??, it.next()??))
+    }
+    match (parts(latest), parts(current)) {
+        (Some(a), Some(b)) => a > b,
+        _ => false,
+    }
+}
+
+pub(crate) fn pick_platform_asset(json: &serde_json::Value, os: &str) -> Option<String> {
+    let assets = json["assets"].as_array()?;
+    let wants: &[&str] = match os {
+        "windows" => &[".msi", ".exe"],
+        "macos" => &[".dmg"],
+        "linux" => &[".AppImage", ".deb", ".rpm"],
+        _ => return None,
+    };
+    for needle in wants {
+        for a in assets {
+            if let Some(name) = a["name"].as_str() {
+                if name.ends_with(needle) {
+                    return a["browser_download_url"]
+                        .as_str()
+                        .map(|s| s.to_string());
+                }
+            }
+        }
+    }
+    None
+}
+
+#[cfg(test)]
+mod tests {
+    use super::*;
+    use serde_json::json;
+
+    #[test]
+    fn is_newer_detects_upgrades() {
+        assert!(is_newer("0.7.0", "0.6.9"));
+        assert!(is_newer("1.0.0", "0.9.9"));
+        assert!(is_newer("0.6.10", "0.6.9"));
+    }
+
+    #[test]
+    fn is_newer_rejects_equal_or_older() {
+        assert!(!is_newer("0.6.0", "0.6.0"));
+        assert!(!is_newer("0.6.0", "0.7.0"));
+        assert!(!is_newer("0.5.9", "0.6.0"));
+    }
+
+    #[test]
+    fn is_newer_handles_v_prefix() {
+        assert!(is_newer("v0.7.0", "0.6.9"));
+        assert!(is_newer("0.7.0", "v0.6.9"));
+    }
+
+    #[test]
+    fn is_newer_tolerates_prerelease_suffix() {
+        // A pre-release of a *newer* version still counts as an upgrade from
+        // an older stable.
+        assert!(is_newer("0.7.0-beta.1", "0.6.9"));
+        assert!(is_newer("v1.0.0-rc.1", "0.9.0"));
+        // Same numeric core with a suffix on either side → treated as equal,
+        // so neither is newer. See the comment on `is_newer` for the rationale.
+        assert!(!is_newer("0.7.0-beta.1", "0.7.0"));
+        assert!(!is_newer("0.7.0", "0.7.0-beta.1"));
+        assert!(!is_newer("0.7.0-beta.1", "0.7.0-beta.2"));
+    }
+
+    #[test]
+    fn is_newer_rejects_malformed() {
+        assert!(!is_newer("not.a.version", "0.6.0"));
+        assert!(!is_newer("0.7", "0.6.0"));
+        assert!(!is_newer("", "0.6.0"));
+    }
+
+    fn synthetic_release() -> serde_json::Value {
+        json!({
+            "tag_name": "v0.7.0",
+            "body": "release notes",
+            "assets": [
+                { "name": "Recrest_0.7.0_x64_en-US.msi", "browser_download_url": "https://example.test/Recrest.msi" },
+                { "name": "Recrest_0.7.0_x64-setup.exe", "browser_download_url": "https://example.test/Recrest.exe" },
+                { "name": "Recrest_0.7.0_amd64.AppImage", "browser_download_url": "https://example.test/Recrest.AppImage" },
+                { "name": "Recrest_0.7.0_amd64.deb", "browser_download_url": "https://example.test/Recrest.deb" },
+                { "name": "Recrest_0.7.0_x64.dmg", "browser_download_url": "https://example.test/Recrest.dmg" }
+            ]
+        })
+    }
+
+    #[test]
+    fn pick_platform_asset_windows_prefers_msi() {
+        let got = pick_platform_asset(&synthetic_release(), "windows");
+        assert_eq!(got.as_deref(), Some("https://example.test/Recrest.msi"));
+    }
+
+    #[test]
+    fn pick_platform_asset_windows_falls_back_to_exe() {
+        let json = json!({
+            "assets": [
+                { "name": "Recrest_0.7.0_x64-setup.exe", "browser_download_url": "https://example.test/Recrest.exe" }
+            ]
+        });
+        let got = pick_platform_asset(&json, "windows");
+        assert_eq!(got.as_deref(), Some("https://example.test/Recrest.exe"));
+    }
+
+    #[test]
+    fn pick_platform_asset_macos_picks_dmg() {
+        let got = pick_platform_asset(&synthetic_release(), "macos");
+        assert_eq!(got.as_deref(), Some("https://example.test/Recrest.dmg"));
+    }
+
+    #[test]
+    fn pick_platform_asset_linux_prefers_appimage() {
+        let got = pick_platform_asset(&synthetic_release(), "linux");
+        assert_eq!(got.as_deref(), Some("https://example.test/Recrest.AppImage"));
+    }
+
+    #[test]
+    fn pick_platform_asset_unknown_os_returns_none() {
+        assert!(pick_platform_asset(&synthetic_release(), "freebsd").is_none());
+    }
+
+    #[test]
+    fn pick_platform_asset_missing_assets_returns_none() {
+        let json = json!({ "tag_name": "v0.7.0" });
+        assert!(pick_platform_asset(&json, "windows").is_none());
+    }
+
+    #[tokio::test]
+    async fn etag_cache_round_trips_values() {
+        // We can't easily mock the reqwest client without pulling a new dep,
+        // so exercise just the cache cell directly: write → read → clear.
+        // This at least pins the API we rely on (tokio::sync::Mutex<Option<String>>).
+        let cell = last_etag();
+
+        // Snapshot prior state so parallel tests in this module don't
+        // clobber each other (cargo test runs #[tokio::test] on a shared
+        // static). We restore it at the end.
+        let prior = cell.lock().await.clone();
+
+        *cell.lock().await = Some("\"abc123\"".to_string());
+        assert_eq!(
+            cell.lock().await.as_deref(),
+            Some("\"abc123\""),
+            "cache should retain the value we just wrote"
+        );
+
+        *cell.lock().await = None;
+        assert!(cell.lock().await.is_none(), "cache should be clearable");
+
+        *cell.lock().await = prior;
+    }
+}
diff --git a/app/src-tauri/src/update/mod.rs b/app/src-tauri/src/update/mod.rs
new file mode 100644
index 0000000..7392604
--- /dev/null
+++ b/app/src-tauri/src/update/mod.rs
@@ -0,0 +1,91 @@
+//! Hybrid updater: Tauri plugin first, GitHub Releases as a fallback.
+//!
+//! The plugin path gives us signed, auto-installed updates when a signed
+//! `latest.json` endpoint is reachable. When that's missing (debug builds,
+//! offline CI, unsigned dev releases), we degrade to a "there's a newer
+//! tag on GitHub" notice with a platform-picked download URL.
+
+pub mod github;
+
+use tauri::AppHandle;
+#[cfg(not(debug_assertions))]
+use tauri::Emitter;
+
+/// Probe for an update and notify the renderer.
+///
+/// * `auto_install` — only honored on the plugin path. When `true` and an
+///   update is found, the plugin downloads and installs in the background, then
+///   restarts the app.
+/// * `force_fallback` — skip the plugin and go straight to the GitHub Releases
+///   API. Useful for the explicit "Check for updates" button in debug builds
+///   where the plugin isn't registered.
+/// * `endpoint_override` — test hook for the GitHub fallback URL.
+pub async fn run_update_check(
+    app: AppHandle,
+    #[cfg_attr(debug_assertions, allow(unused_variables))] auto_install: bool,
+    #[cfg_attr(debug_assertions, allow(unused_variables))] force_fallback: bool,
+    endpoint_override: Option<String>,
+) {
+    #[cfg(not(debug_assertions))]
+    if !force_fallback {
+        use tauri_plugin_updater::UpdaterExt;
+        match app.updater() {
+            Ok(updater) => match updater.check().await {
+                Ok(Some(update)) => {
+                    let _ = app.emit(
+                        "updater://available",
+                        serde_json::json!({
+                            "version": update.version,
+                            "currentVersion": update.current_version,
+                            "body": update.body,
+                            "canAutoInstall": true,
+                            "downloadUrl": serde_json::Value::Null,
+                        }),
+                    );
+                    if auto_install {
+                        let progress_app = app.clone();
+                        let download_result = update
+                            .download_and_install(
+                                move |chunk, total| {
+                                    let _ = progress_app.emit(
+                                        "updater://progress",
+                                        serde_json::json!({
+                                            "chunk": chunk,
+                                            "total": total,
+                                        }),
+                                    );
+                                },
+                                || {},
+                            )
+                            .await;
+                        match download_result {
+                            Ok(()) => {
+                                tracing::info!("updater: install complete, restarting");
+                                app.restart();
+                            }
+                            Err(err) => {
+                                tracing::warn!("updater: download_and_install failed: {err}");
+                            }
+                        }
+                    }
+                    return;
+                }
+                Ok(None) => {
+                    // Up to date — don't fall through to GitHub.
+                    return;
+                }
+                Err(err) => {
+                    tracing::debug!("updater: plugin check failed, trying GitHub fallback: {err}");
+                    // Fall through below.
+                }
+            },
+            Err(err) => {
+                tracing::debug!("updater: plugin init failed, trying GitHub fallback: {err}");
+                // Fall through below.
+            }
+        }
+    }
+
+    // Debug builds, `force_fallback`, or plugin errors — use the GitHub API.
+    github::check_latest(app, endpoint_override).await;
+}
diff --git a/app/src-tauri/tauri.conf.json b/app/src-tauri/tauri.conf.json
index a810e2d..539c0e4 100644
--- a/app/src-tauri/tauri.conf.json
+++ b/app/src-tauri/tauri.conf.json
@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "Recrest",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "identifier": "eu.softventures.recrest",
   "build": {
     "beforeDevCommand": "yarn dev",
@@ -35,6 +35,12 @@
       "desktop": {
         "schemes": ["recrest"]
       }
+    },
+    "updater": {
+      "active": true,
+      "pubkey": "dW50cnVzdGVkIGNvbW1lbnQ6IG1pbmlzaWduIHB1YmxpYyBrZXk6IDRCQjM4QkRDQUNBQzc3N0IKUldSN2Q2eXMzSXV6UzA5dVFUZDhaWWl3UGR4TTh6YzFMWEltcXdPbDlsMllLL3dUcXlMMFo1NVoK",
+      "endpoints": ["https://github.com/SoftVentures/Recrest/releases/latest/download/latest.json"],
+      "dialog": false
     }
   },
   "bundle": {
@@ -80,6 +86,6 @@
         "bundleMediaFramework": true
       }
     },
-    "createUpdaterArtifacts": false
+    "createUpdaterArtifacts": true
   }
 }
diff --git a/app/src-tauri/tauri.dev.conf.json b/app/src-tauri/tauri.dev.conf.json
new file mode 100644
index 0000000..6c99531
--- /dev/null
+++ b/app/src-tauri/tauri.dev.conf.json
@@ -0,0 +1,25 @@
+{
+  "$schema": "https://schema.tauri.app/config/2",
+  "app": {
+    "security": {
+      "capabilities": [
+        "default",
+        {
+          "identifier": "dev",
+          "description": "Debug-only capability granting the main window access to devtools-related APIs. Tauri only compiles devtools support behind the `devtools` Cargo feature (or a debug build), so this capability is effectively inert in release builds where that feature is not enabled. Inlined here (instead of living in `capabilities/dev.json`) so it is NOT auto-discovered and therefore NEVER loaded for production builds — `tauri.dev.conf.json` is only merged via `tauri dev --config ...` and ignored by `tauri build`.",
+          "windows": ["main"],
+          "permissions": ["core:webview:allow-internal-toggle-devtools"]
+        }
+      ]
+    }
+  },
+  "bundle": {
+    "icon": [
+      "icons-dev/32x32.png",
+      "icons-dev/128x128.png",
+      "icons-dev/128x128@2x.png",
+      "icons-dev/icon.icns",
+      "icons-dev/icon.ico"
+    ]
+  }
+}
diff --git a/app/src/assets/recrest-icon-dev.svg b/app/src/assets/recrest-icon-dev.svg
new file mode 100644
index 0000000..1183b44
--- /dev/null
+++ b/app/src/assets/recrest-icon-dev.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024" role="img">
+  <title>Recrest — Dev build</title>
+  <desc>Recrest icon, development variant: white chevrons with an orange &lt;/&gt; badge in the lower-right corner.</desc>
+  <g transform="translate(288, 352)" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="52">
+    <path d="M0 200 L224 0 L448 200"/>
+    <path d="M0 320 L224 120 L448 320" opacity="0.5"/>
+  </g>
+  <g>
+    <circle cx="800" cy="800" r="192" fill="#f46a3d"/>
+    <g fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="36">
+      <path d="M720 770 L680 800 L720 830"/>
+      <path d="M820 760 L780 840"/>
+      <path d="M880 770 L920 800 L880 830"/>
+    </g>
+  </g>
+</svg>
diff --git a/app/src/components/atoms/BrandIcon/index.tsx b/app/src/components/atoms/BrandIcon/index.tsx
index 0082940..ecf149a 100644
--- a/app/src/components/atoms/BrandIcon/index.tsx
+++ b/app/src/components/atoms/BrandIcon/index.tsx
@@ -2,6 +2,8 @@ import { type SVGProps } from "react";
 
 import { type SimpleIcon, siBitbucket, siGithub, siGitlab } from "simple-icons";
 
+import { cn } from "@/lib/utils";
+
 export type BrandSlug = "github" | "gitlab" | "bitbucket";
 
 const BRAND_ICONS: Record<BrandSlug, SimpleIcon> = {
@@ -24,6 +26,7 @@ export function BrandIcon({
   size = 16,
   color = "currentColor",
   title,
+  className,
   ...rest
 }: BrandIconProps) {
   const icon = BRAND_ICONS[slug];
@@ -37,7 +40,7 @@ export function BrandIcon({
       fill={fill}
       role="img"
       aria-label={title ?? icon.title}
-      style={{ flexShrink: 0 }}
+      className={cn("shrink-0", className)}
       {...rest}
     >
       <path d={icon.path} />
diff --git a/app/src/components/atoms/DiffStat/index.tsx b/app/src/components/atoms/DiffStat/index.tsx
index 9f315d7..fe959af 100644
--- a/app/src/components/atoms/DiffStat/index.tsx
+++ b/app/src/components/atoms/DiffStat/index.tsx
@@ -1,13 +1,3 @@
-import type { CSSProperties } from "react";
-
-const DIFF_STYLE: CSSProperties = {
-  fontFamily: "var(--font-mono)",
-  fontSize: 11,
-  fontVariantNumeric: "tabular-nums",
-  display: "inline-flex",
-  gap: 6,
-};
-
 interface DiffStatProps {
   added: number;
   removed: number;
@@ -17,9 +7,9 @@ interface DiffStatProps {
 export function DiffStat({ added, removed }: DiffStatProps) {
   if (!added && !removed) return null;
   return (
-    <span style={DIFF_STYLE}>
-      {added > 0 && <span style={{ color: "var(--green)" }}>+{added}</span>}
-      {removed > 0 && <span style={{ color: "var(--red)" }}>−{removed}</span>}
+    <span className="inline-flex gap-1.5 font-mono text-[11px] tabular-nums">
+      {added > 0 && <span className="text-(--green)">+{added}</span>}
+      {removed > 0 && <span className="text-(--red)">−{removed}</span>}
     </span>
   );
 }
diff --git a/app/src/components/atoms/Icon/index.tsx b/app/src/components/atoms/Icon/index.tsx
index 7980032..e493309 100644
--- a/app/src/components/atoms/Icon/index.tsx
+++ b/app/src/components/atoms/Icon/index.tsx
@@ -1,5 +1,7 @@
 import type { ReactElement, SVGProps } from "react";
 
+import { cn } from "@/lib/utils";
+
 export type IconName =
   | "search"
   | "plus"
@@ -33,6 +35,7 @@ export type IconName =
   | "settings"
   | "collapse"
   | "expand"
+  | "maximize"
   | "camera"
   | "inbox"
   | "star"
@@ -43,7 +46,8 @@ export type IconName =
   | "license"
   | "scale"
   | "repo"
-  | "edit";
+  | "edit"
+  | "wrench";
 
 interface IconProps extends Omit<SVGProps<SVGSVGElement>, "name"> {
   name: IconName;
@@ -186,6 +190,16 @@ const PATHS: Record<IconName, ReactElement> = {
       <polyline points="6 17 11 12 6 7" />
     </>
   ),
+  /** Classic "enter fullscreen" glyph: four corner brackets pointing
+   *  outward. Used by the DetailPane's Open-full-view CTA. */
+  maximize: (
+    <>
+      <polyline points="4 9 4 4 9 4" />
+      <polyline points="20 9 20 4 15 4" />
+      <polyline points="4 15 4 20 9 20" />
+      <polyline points="20 15 20 20 15 20" />
+    </>
+  ),
   camera: (
     <>
       <path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z" />
@@ -247,6 +261,10 @@ const PATHS: Record<IconName, ReactElement> = {
       <path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4z" />
     </>
   ),
+  /** Wrench — developer / tooling affordance. Matches lucide's `wrench`. */
+  wrench: (
+    <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z" />
+  ),
   /** Scales of justice — matches Octicon `law`, GitHub's license glyph. */
   scale: (
     <>
@@ -259,7 +277,7 @@ const PATHS: Record<IconName, ReactElement> = {
   ),
 };
 
-export function Icon({ name, size = 16, color = "currentColor", ...rest }: IconProps) {
+export function Icon({ name, size = 16, color = "currentColor", className, ...rest }: IconProps) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -271,7 +289,7 @@ export function Icon({ name, size = 16, color = "currentColor", ...rest }: IconP
       strokeWidth="1.75"
       strokeLinecap="round"
       strokeLinejoin="round"
-      style={{ flexShrink: 0 }}
+      className={cn("shrink-0", className)}
       {...rest}
     >
       {PATHS[name]}
diff --git a/app/src/components/atoms/IdeIcon/index.tsx b/app/src/components/atoms/IdeIcon/index.tsx
index b699912..632d48c 100644
--- a/app/src/components/atoms/IdeIcon/index.tsx
+++ b/app/src/components/atoms/IdeIcon/index.tsx
@@ -8,6 +8,7 @@ import IntellijIdeaLogo from "@/components/atoms/IdeIcon/logos/intellij-idea.svg
 import JetbrainsLogo from "@/components/atoms/IdeIcon/logos/jetbrains.svg?react";
 import VSCodeLogo from "@/components/atoms/IdeIcon/logos/visual-studio-code.svg?react";
 import WebstormLogo from "@/components/atoms/IdeIcon/logos/webstorm.svg?react";
+import { cn } from "@/lib/utils";
 
 /**
  * Official IDE logos inlined from the Iconify `logos` set (committed as
@@ -94,8 +95,8 @@ function CursorGlyph({
       viewBox="0 0 24 24"
       role="img"
       aria-label={title ?? siCursor.title}
-      className={className}
-      style={{ flexShrink: 0, opacity: mono ? 0.55 : 1, ...style }}
+      className={cn("shrink-0", mono ? "opacity-[0.55]" : "opacity-100", className)}
+      style={style}
     >
       <path d={siCursor.path} fill={fill} />
     </svg>
diff --git a/app/src/components/atoms/LangDot/LangDot.test.tsx b/app/src/components/atoms/LangDot/LangDot.test.tsx
index eabeadc..6385567 100644
--- a/app/src/components/atoms/LangDot/LangDot.test.tsx
+++ b/app/src/components/atoms/LangDot/LangDot.test.tsx
@@ -2,30 +2,39 @@ import { render } from "@testing-library/react";
 import { describe, expect, it } from "vitest";
 
 import { LangDot } from "@/components/atoms/LangDot";
+import { TooltipProvider } from "@/components/molecules/compounds/Tooltip";
+
+function renderDot(lang: string | null | undefined) {
+  return render(
+    <TooltipProvider>
+      <LangDot lang={lang} />
+    </TooltipProvider>,
+  );
+}
 
 describe("LangDot", () => {
   it("rendert mit lang-dot Klasse", () => {
-    const { container } = render(<LangDot lang="rs" />);
+    const { container } = renderDot("rs");
     expect(container.querySelector(".lang-dot")).not.toBeNull();
   });
 
   it("rendert bei null-lang (Fallback)", () => {
-    const { container } = render(<LangDot lang={null} />);
+    const { container } = renderDot(null);
     expect(container.querySelector(".lang-dot")).not.toBeNull();
   });
 
   it("rendert bei undefined-lang (Fallback)", () => {
-    const { container } = render(<LangDot lang={undefined} />);
+    const { container } = renderDot(undefined);
     expect(container.querySelector(".lang-dot")).not.toBeNull();
   });
 
-  it("hat ein title-Attribut mit Sprachenbezeichnung", () => {
-    const { container } = render(<LangDot lang="Rust" />);
-    expect(container.querySelector(".lang-dot")?.getAttribute("title")).toBeTruthy();
+  it("hat ein aria-label mit Sprachenbezeichnung", () => {
+    const { container } = renderDot("Rust");
+    expect(container.querySelector(".lang-dot")?.getAttribute("aria-label")).toBeTruthy();
   });
 
   it("setzt background-style aus langMeta", () => {
-    const { container } = render(<LangDot lang="Rust" />);
+    const { container } = renderDot("Rust");
     const dot = container.querySelector<HTMLSpanElement>(".lang-dot");
     expect(dot?.style.background).not.toBe("");
   });
diff --git a/app/src/components/atoms/LangDot/index.tsx b/app/src/components/atoms/LangDot/index.tsx
index 127fbbd..75a873f 100644
--- a/app/src/components/atoms/LangDot/index.tsx
+++ b/app/src/components/atoms/LangDot/index.tsx
@@ -1,3 +1,4 @@
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/molecules/compounds/Tooltip";
 import { langMeta } from "@/lib/languages";
 
 interface LangDotProps {
@@ -8,5 +9,17 @@ interface LangDotProps {
  *  extension ("rs") or a canonical linguist name ("Rust"). */
 export function LangDot({ lang }: LangDotProps) {
   const meta = langMeta(lang);
-  return <span className="lang-dot" style={{ background: meta.color }} title={meta.label} />;
+  return (
+    <Tooltip>
+      <TooltipTrigger asChild>
+        <span
+          className="lang-dot"
+          style={{ background: meta.color }}
+          aria-label={meta.label}
+          data-testid="lang-dot"
+        />
+      </TooltipTrigger>
+      <TooltipContent>{meta.label}</TooltipContent>
+    </Tooltip>
+  );
 }
diff --git a/app/src/components/atoms/Mascot/Mascot.stories.tsx b/app/src/components/atoms/Mascot/Mascot.stories.tsx
new file mode 100644
index 0000000..415995f
--- /dev/null
+++ b/app/src/components/atoms/Mascot/Mascot.stories.tsx
@@ -0,0 +1,66 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+
+import { Mascot, type MascotVariant } from "@/components/atoms/Mascot";
+
+const meta: Meta<typeof Mascot> = {
+  title: "Atoms/Mascot",
+  component: Mascot,
+  args: {
+    variant: "snoozing",
+    size: 128,
+  },
+  argTypes: {
+    variant: {
+      control: { type: "select" },
+      options: [
+        "snoozing",
+        "celebrating",
+        "searching",
+        "waving",
+        "shrugging",
+      ] satisfies MascotVariant[],
+    },
+    size: { control: { type: "number", min: 48, max: 256, step: 8 } },
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof Mascot>;
+
+export const Snoozing: Story = { args: { variant: "snoozing" } };
+export const Celebrating: Story = { args: { variant: "celebrating" } };
+export const Searching: Story = { args: { variant: "searching" } };
+export const Waving: Story = { args: { variant: "waving" } };
+export const Shrugging: Story = { args: { variant: "shrugging" } };
+
+export const AllPoses: Story = {
+  render: () => (
+    <div
+      style={{
+        display: "grid",
+        gridTemplateColumns: "repeat(3, minmax(0, 1fr))",
+        gap: 24,
+        color: "var(--ink-1)",
+        padding: 24,
+      }}
+    >
+      {(["snoozing", "celebrating", "searching", "waving", "shrugging"] as MascotVariant[]).map(
+        (v) => (
+          <div
+            key={v}
+            style={{
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              gap: 8,
+            }}
+          >
+            <Mascot variant={v} size={128} />
+            <span style={{ fontSize: 12, color: "var(--ink-3)" }}>{v}</span>
+          </div>
+        ),
+      )}
+    </div>
+  ),
+};
diff --git a/app/src/components/atoms/Mascot/index.tsx b/app/src/components/atoms/Mascot/index.tsx
new file mode 100644
index 0000000..5b89f3f
--- /dev/null
+++ b/app/src/components/atoms/Mascot/index.tsx
@@ -0,0 +1,321 @@
+import { cn } from "@/lib/utils";
+
+/**
+ * Recrest's empty-state mascot. A rounded-square character echoing the app
+ * icon, with the double-chevron logo as a head-crest and a handful of poses
+ * that match the semantic of each empty state (snoozing = nothing to do,
+ * celebrating = success, searching = filter has no hits, waving = onboarding,
+ * shrugging = generic empty).
+ *
+ * Stroke inherits `currentColor` so callers control the ink via CSS `color`.
+ * The crest uses `--accent` directly for a stable brand touch across themes.
+ */
+export type MascotVariant = "snoozing" | "celebrating" | "searching" | "waving" | "shrugging";
+
+interface MascotProps {
+  variant?: MascotVariant;
+  size?: number;
+  className?: string;
+  title?: string;
+}
+
+export function Mascot({ variant = "shrugging", size = 112, className, title }: MascotProps) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 128 128"
+      role={title ? "img" : undefined}
+      aria-hidden={title ? undefined : true}
+      aria-label={title}
+      className={cn("mascot", className)}
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <MascotBody />
+      <MascotCrest />
+      <MascotFace variant={variant} />
+      <MascotArms variant={variant} />
+      <MascotDecor variant={variant} />
+    </svg>
+  );
+}
+
+/* ───────── Body: rounded-square torso that also houses the head ───────── */
+
+function MascotBody() {
+  return (
+    <>
+      {/* Soft shadow puddle */}
+      <ellipse cx="64" cy="114" rx="30" ry="4" fill="currentColor" opacity="0.08" stroke="none" />
+      {/* Torso/head combo */}
+      <rect
+        x="28"
+        y="30"
+        width="72"
+        height="78"
+        rx="24"
+        fill="var(--accent-weak)"
+        strokeWidth="3"
+      />
+      {/* Subtle belly hairline to give depth */}
+      <path
+        d="M 36 82 Q 64 88 92 82"
+        stroke="currentColor"
+        strokeOpacity="0.18"
+        strokeWidth="1.5"
+        fill="none"
+      />
+    </>
+  );
+}
+
+/* ───────── Crest: the Recrest double-chevron as a forehead mark ───────── */
+
+function MascotCrest() {
+  return (
+    <g
+      stroke="var(--accent-ink)"
+      strokeWidth="4"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      fill="none"
+    >
+      <path d="M 48 22 L 64 10 L 80 22" />
+      <path d="M 48 30 L 64 18 L 80 30" opacity="0.55" />
+    </g>
+  );
+}
+
+/* ───────── Face: eyes + mouth swap per mood ─────────
+ * Default eye centers: left (50, 54), right (78, 54). Mouth around (64, 72).
+ */
+
+function MascotFace({ variant }: { variant: MascotVariant }) {
+  switch (variant) {
+    case "snoozing":
+      return (
+        <g stroke="currentColor" strokeWidth="3">
+          <path d="M 44 54 Q 50 60 56 54" fill="none" />
+          <path d="M 72 54 Q 78 60 84 54" fill="none" />
+          <path d="M 58 74 Q 64 77 70 74" fill="none" strokeLinecap="round" />
+        </g>
+      );
+    case "celebrating":
+      return (
+        <g stroke="currentColor" strokeWidth="3" fill="none">
+          <path d="M 44 56 L 56 50" />
+          <path d="M 72 50 L 84 56" />
+          <path d="M 52 68 Q 64 82 76 68" fill="var(--accent)" strokeLinejoin="round" />
+        </g>
+      );
+    case "searching":
+      return (
+        <g>
+          <circle cx="50" cy="54" r="3.5" fill="currentColor" stroke="none" />
+          <circle cx="78" cy="54" r="3.5" fill="currentColor" stroke="none" />
+          <path d="M 54 72 Q 64 78 74 72" stroke="currentColor" strokeWidth="3" fill="none" />
+        </g>
+      );
+    case "waving":
+      return (
+        <g>
+          <circle cx="50" cy="54" r="3.5" fill="currentColor" stroke="none" />
+          <circle cx="78" cy="54" r="3.5" fill="currentColor" stroke="none" />
+          {/* open, cheerful mouth */}
+          <path d="M 54 70 Q 64 80 74 70 Q 64 76 54 70 Z" fill="currentColor" stroke="none" />
+          {/* blush */}
+          <circle cx="44" cy="66" r="3" fill="var(--accent)" opacity="0.45" stroke="none" />
+          <circle cx="84" cy="66" r="3" fill="var(--accent)" opacity="0.45" stroke="none" />
+        </g>
+      );
+    case "shrugging":
+    default:
+      return (
+        <g>
+          <circle cx="50" cy="54" r="3.5" fill="currentColor" stroke="none" />
+          <circle cx="78" cy="54" r="3.5" fill="currentColor" stroke="none" />
+          <path d="M 56 74 L 72 74" stroke="currentColor" strokeWidth="3" fill="none" />
+        </g>
+      );
+  }
+}
+
+/* ───────── Arms: different gestures per mood ───────── */
+
+function MascotArms({ variant }: { variant: MascotVariant }) {
+  const base = {
+    stroke: "currentColor",
+    strokeWidth: 4,
+    fill: "var(--accent-weak)",
+  } as const;
+
+  switch (variant) {
+    case "snoozing":
+      // Arms crossed, resting on the belly
+      return (
+        <g>
+          <path d="M 30 78 Q 40 86 62 84" {...base} strokeLinecap="round" fill="none" />
+          <path d="M 98 78 Q 88 86 66 84" {...base} strokeLinecap="round" fill="none" />
+        </g>
+      );
+    case "celebrating":
+      // Arms up in the air, little "hand" circles at the tips
+      return (
+        <g>
+          <path
+            d="M 30 60 Q 18 38 20 22"
+            stroke="currentColor"
+            strokeWidth="4"
+            fill="none"
+            strokeLinecap="round"
+          />
+          <path
+            d="M 98 60 Q 110 38 108 22"
+            stroke="currentColor"
+            strokeWidth="4"
+            fill="none"
+            strokeLinecap="round"
+          />
+          <circle cx="20" cy="20" r="5.5" {...base} />
+          <circle cx="108" cy="20" r="5.5" {...base} />
+        </g>
+      );
+    case "searching":
+      // One arm holds a magnifying glass out to the side
+      return (
+        <g>
+          {/* Left arm resting */}
+          <path
+            d="M 30 68 Q 24 80 32 92"
+            stroke="currentColor"
+            strokeWidth="4"
+            fill="none"
+            strokeLinecap="round"
+          />
+          {/* Right arm holds the magnifier */}
+          <path
+            d="M 98 66 L 112 58"
+            stroke="currentColor"
+            strokeWidth="4"
+            fill="none"
+            strokeLinecap="round"
+          />
+          <circle
+            cx="118"
+            cy="50"
+            r="8"
+            fill="var(--surface-1)"
+            stroke="currentColor"
+            strokeWidth="3"
+          />
+          <path d="M 113 56 L 107 62" stroke="currentColor" strokeWidth="4" strokeLinecap="round" />
+          {/* Glass shine */}
+          <path
+            d="M 115 47 Q 117 45 120 47"
+            stroke="var(--accent)"
+            strokeWidth="2"
+            fill="none"
+            strokeLinecap="round"
+            opacity="0.8"
+          />
+        </g>
+      );
+    case "waving":
+      // One arm waving overhead, other at the side
+      return (
+        <g>
+          <path
+            d="M 30 70 Q 22 82 28 94"
+            stroke="currentColor"
+            strokeWidth="4"
+            fill="none"
+            strokeLinecap="round"
+          />
+          <path
+            d="M 98 58 Q 112 44 112 26"
+            stroke="currentColor"
+            strokeWidth="4"
+            fill="none"
+            strokeLinecap="round"
+          />
+          <circle cx="112" cy="24" r="5" {...base} />
+        </g>
+      );
+    case "shrugging":
+    default:
+      // Arms out to the sides, palms up
+      return (
+        <g>
+          <path
+            d="M 30 64 Q 14 64 12 48"
+            stroke="currentColor"
+            strokeWidth="4"
+            fill="none"
+            strokeLinecap="round"
+          />
+          <path
+            d="M 98 64 Q 114 64 116 48"
+            stroke="currentColor"
+            strokeWidth="4"
+            fill="none"
+            strokeLinecap="round"
+          />
+          <circle cx="12" cy="46" r="4.5" {...base} />
+          <circle cx="116" cy="46" r="4.5" {...base} />
+        </g>
+      );
+  }
+}
+
+/* ───────── Decor: the little floaty extras (z's, sparks, dots) ───────── */
+
+function MascotDecor({ variant }: { variant: MascotVariant }) {
+  switch (variant) {
+    case "snoozing":
+      return (
+        <g
+          fill="none"
+          stroke="var(--accent-ink)"
+          strokeWidth="2.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          opacity="0.85"
+        >
+          <path d="M 96 26 L 106 26 L 96 36 L 106 36" />
+          <path d="M 110 14 L 118 14 L 110 22 L 118 22" opacity="0.7" />
+        </g>
+      );
+    case "celebrating":
+      // Spark bursts either side
+      return (
+        <g stroke="var(--accent)" strokeWidth="2.5" strokeLinecap="round">
+          <path d="M 8 40 L 14 40 M 11 37 L 11 43" />
+          <path d="M 116 70 L 122 70 M 119 67 L 119 73" />
+          <circle cx="18" cy="70" r="2" fill="var(--accent)" stroke="none" />
+          <circle cx="110" cy="38" r="2" fill="var(--accent)" stroke="none" />
+        </g>
+      );
+    case "searching":
+      // Tiny question mark / dotted trail above
+      return (
+        <g stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" opacity="0.55" fill="none">
+          <path d="M 18 26 Q 20 20 26 22 Q 30 24 26 28" />
+          <circle cx="26" cy="34" r="1.5" fill="currentColor" stroke="none" />
+        </g>
+      );
+    case "waving":
+      // Little motion lines near the raised hand
+      return (
+        <g stroke="var(--accent)" strokeWidth="2.5" strokeLinecap="round" fill="none" opacity="0.7">
+          <path d="M 120 20 L 124 16" />
+          <path d="M 118 32 L 122 32" />
+        </g>
+      );
+    case "shrugging":
+    default:
+      return null;
+  }
+}
diff --git a/app/src/components/molecules/AuthorAvatar/index.tsx b/app/src/components/molecules/AuthorAvatar/index.tsx
index 18550ef..5e21681 100644
--- a/app/src/components/molecules/AuthorAvatar/index.tsx
+++ b/app/src/components/molecules/AuthorAvatar/index.tsx
@@ -25,7 +25,13 @@ interface AuthorAvatarProps {
  *  leaves a blank hole and a 404 falls back cleanly via `onError`. */
 export function AuthorAvatar({ name, size = 24, src, email, className }: AuthorAvatarProps) {
   const label = initialsFromName(name) || "?";
-  const resolvedSrc = src ?? (email ? gravatarUrl(email, size) : null);
+  // Bot accounts (Dependabot, Renovate, GitHub Actions, etc.) rarely have a
+  // real Gravatar; their commits and MRs all share one canonical GitHub
+  // avatar. Match by substring on the author name or email so a commit
+  // signed as "dependabot[bot]" or a PR fetched before `authorAvatarUrl`
+  // existed still picks up the right face.
+  const botSrc = src ?? resolveBotAvatar(name, email, size);
+  const resolvedSrc = botSrc ?? (email ? gravatarUrl(email, size) : null);
   const [imgFailed, setImgFailed] = useState(false);
   useEffect(() => {
     // Reset the failure flag whenever the underlying URL changes — otherwise
@@ -101,6 +107,34 @@ export function AuthorAvatar({ name, size = 24, src, email, className }: AuthorA
   );
 }
 
+/** Map a display name or commit-email to the canonical GitHub avatar URL
+ *  for well-known bots. Returns null for anything we don't recognise so the
+ *  caller can fall back to Gravatar-by-email. We query GitHub's
+ *  `/u/:login.png?size=N` endpoint because it handles both App accounts
+ *  (dependabot, renovate) and regular bot users uniformly, and it serves an
+ *  appropriately-sized asset without needing the GitHub API. */
+function resolveBotAvatar(
+  name: string | null | undefined,
+  email: string | null | undefined,
+  size: number,
+): string | null {
+  const sniff = ((name ?? "") + " " + (email ?? "")).toLowerCase();
+  // Retina boost: pull a 2x bitmap so the circular mask (object-fit: cover)
+  // stays crisp on HiDPI displays, mirroring what AuthorAvatar does for
+  // Gravatar URLs.
+  const px = Math.max(32, size * 2);
+  if (sniff.includes("dependabot")) {
+    return `https://github.com/dependabot.png?size=${px}`;
+  }
+  if (sniff.includes("renovate")) {
+    return `https://github.com/renovate-bot.png?size=${px}`;
+  }
+  if (sniff.includes("github-actions") || sniff.includes("github actions")) {
+    return `https://github.com/github-actions.png?size=${px}`;
+  }
+  return null;
+}
+
 const GRADIENTS = [
   "linear-gradient(135deg,#ff7a59,#d6336c)",
   "linear-gradient(135deg,#4f8cff,#7b2ff7)",
diff --git a/app/src/components/molecules/EmptyState/EmptyState.stories.tsx b/app/src/components/molecules/EmptyState/EmptyState.stories.tsx
index 2a2d7de..c2f2e1f 100644
--- a/app/src/components/molecules/EmptyState/EmptyState.stories.tsx
+++ b/app/src/components/molecules/EmptyState/EmptyState.stories.tsx
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react-vite";
+import { GitPullRequest } from "lucide-react";
 
 import { EmptyState } from "@/components/molecules/EmptyState";
 
@@ -9,9 +10,59 @@ const meta: Meta<typeof EmptyState> = {
 
 export default meta;
 
-export const Default: StoryObj<typeof EmptyState> = {
+type Story = StoryObj<typeof EmptyState>;
+
+export const Default: Story = {
   args: {
     title: "Nothing here",
     description: "Add something to get started.",
   },
 };
+
+export const WithLucideIcon: Story = {
+  args: {
+    icon: GitPullRequest,
+    title: "No open merge requests",
+    description: "When something comes in, it'll show up here.",
+  },
+};
+
+export const Snoozing: Story = {
+  args: {
+    mascot: "snoozing",
+    title: "No open merge requests",
+    description: "Everything's quiet — enjoy it while it lasts.",
+  },
+};
+
+export const Celebrating: Story = {
+  args: {
+    mascot: "celebrating",
+    title: "Everything clean and in sync",
+    description: "Nothing needs your attention right now.",
+  },
+};
+
+export const Searching: Story = {
+  args: {
+    mascot: "searching",
+    title: "No branches match your filter",
+    description: "Try a broader filter or clear it.",
+  },
+};
+
+export const Waving: Story = {
+  args: {
+    mascot: "waving",
+    title: "Nothing here yet",
+    description: "Add your first repository to get started.",
+  },
+};
+
+export const Shrugging: Story = {
+  args: {
+    mascot: "shrugging",
+    title: "Nothing to show",
+    description: "There's just nothing here — yet.",
+  },
+};
diff --git a/app/src/components/molecules/EmptyState/index.tsx b/app/src/components/molecules/EmptyState/index.tsx
index 92ec7c6..cf3476d 100644
--- a/app/src/components/molecules/EmptyState/index.tsx
+++ b/app/src/components/molecules/EmptyState/index.tsx
@@ -1,27 +1,45 @@
 import { type ComponentType, type ReactNode } from "react";
 
+import { Mascot, type MascotVariant } from "@/components/atoms/Mascot";
 import { cn } from "@/lib/utils";
 
 interface EmptyStateProps {
+  /** Optional Lucide-style icon. Ignored when `mascot` is set. */
   icon?: ComponentType<{ className?: string; "aria-hidden"?: boolean }>;
+  /** Friendly Recrest character to show above the text. Takes precedence over `icon`. */
+  mascot?: MascotVariant;
+  /** Pixel size of the mascot SVG. Default 112; use ~88 in compact cards. */
+  mascotSize?: number;
   title: string;
   description?: ReactNode;
   action?: ReactNode;
   className?: string;
 }
 
-export function EmptyState({ icon: Icon, title, description, action, className }: EmptyStateProps) {
+export function EmptyState({
+  icon: Icon,
+  mascot,
+  mascotSize,
+  title,
+  description,
+  action,
+  className,
+}: EmptyStateProps) {
   return (
     <div
       className={cn(
-        "flex flex-col items-center justify-center gap-3 px-6 py-12 text-center",
+        "flex h-full min-h-[180px] w-full flex-col items-center justify-center gap-3 px-6 py-8 text-center",
         className,
       )}
     >
-      {Icon && (
-        <div className="flex h-12 w-12 items-center justify-center rounded-full bg-muted text-muted-foreground">
-          <Icon className="h-6 w-6" aria-hidden />
-        </div>
+      {mascot ? (
+        <Mascot variant={mascot} size={mascotSize} className="text-foreground/85" />
+      ) : (
+        Icon && (
+          <div className="flex h-12 w-12 items-center justify-center rounded-full bg-muted text-muted-foreground">
+            <Icon className="h-6 w-6" aria-hidden />
+          </div>
+        )
       )}
       <div className="space-y-1">
         <h3 className="text-sm font-semibold text-foreground">{title}</h3>
diff --git a/app/src/components/molecules/ExternalLinkButton/ExternalLinkButton.test.tsx b/app/src/components/molecules/ExternalLinkButton/ExternalLinkButton.test.tsx
index f10a2ce..7283368 100644
--- a/app/src/components/molecules/ExternalLinkButton/ExternalLinkButton.test.tsx
+++ b/app/src/components/molecules/ExternalLinkButton/ExternalLinkButton.test.tsx
@@ -1,27 +1,34 @@
+import type { ReactElement } from "react";
+
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { describe, expect, it, vi } from "vitest";
 
 import { ExternalLinkButton } from "@/components/molecules/ExternalLinkButton";
+import { TooltipProvider } from "@/components/molecules/compounds/Tooltip";
+
+function renderWithTooltip(ui: ReactElement) {
+  return render(<TooltipProvider>{ui}</TooltipProvider>);
+}
 
 describe("ExternalLinkButton", () => {
-  it("rendert Label und nutzt es als title-Fallback", () => {
-    render(<ExternalLinkButton url="https://example.com" label="Docs" />);
-    const btn = screen.getByRole("button", { name: /Docs/ });
-    expect(btn).toHaveAttribute("title", "Docs");
+  it("rendert Label und nutzt es als aria-label-Fallback", () => {
+    renderWithTooltip(<ExternalLinkButton url="https://example.com" label="Docs" />);
+    const btn = screen.getByTestId("external-link-button");
+    expect(btn).toHaveAttribute("aria-label", "Docs");
   });
 
   it("ruft window.open außerhalb von Tauri auf", async () => {
     const user = userEvent.setup();
     const openSpy = vi.spyOn(window, "open").mockImplementation(() => null);
-    render(<ExternalLinkButton url="https://example.com" label="Go" />);
-    await user.click(screen.getByRole("button"));
+    renderWithTooltip(<ExternalLinkButton url="https://example.com" label="Go" />);
+    await user.click(screen.getByTestId("external-link-button"));
     expect(openSpy).toHaveBeenCalledWith("https://example.com", "_blank", "noopener,noreferrer");
     openSpy.mockRestore();
   });
 
   it("rendert im iconOnly-Modus kein Label", () => {
-    render(<ExternalLinkButton url="https://example.com" label="Docs" iconOnly />);
+    renderWithTooltip(<ExternalLinkButton url="https://example.com" label="Docs" iconOnly />);
     expect(screen.queryByText("Docs")).toBeNull();
   });
 });
diff --git a/app/src/components/molecules/ExternalLinkButton/index.tsx b/app/src/components/molecules/ExternalLinkButton/index.tsx
index 9ea8b5b..bc2a0b4 100644
--- a/app/src/components/molecules/ExternalLinkButton/index.tsx
+++ b/app/src/components/molecules/ExternalLinkButton/index.tsx
@@ -1,6 +1,7 @@
 import type { ReactNode } from "react";
 
 import { Icon } from "@/components/atoms/Icon";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/molecules/compounds/Tooltip";
 import { openExternal } from "@/lib/tauri";
 
 interface ExternalLinkButtonProps {
@@ -30,15 +31,22 @@ export function ExternalLinkButton({
   className,
 }: ExternalLinkButtonProps) {
   const classes = ["r-btn", size === "sm" ? "sm" : "", className ?? ""].filter(Boolean).join(" ");
+  const tooltipText = title ?? (typeof label === "string" ? label : url);
   return (
-    <button
-      type="button"
-      className={classes}
-      title={title ?? (typeof label === "string" ? label : url)}
-      onClick={() => void openExternal(url)}
-    >
-      <Icon name="external" size={size === "sm" ? 11 : 12} />
-      {!iconOnly && label}
-    </button>
+    <Tooltip>
+      <TooltipTrigger asChild>
+        <button
+          type="button"
+          className={classes}
+          aria-label={tooltipText}
+          data-testid="external-link-button"
+          onClick={() => void openExternal(url)}
+        >
+          <Icon name="external" size={size === "sm" ? 11 : 12} />
+          {!iconOnly && label}
+        </button>
+      </TooltipTrigger>
+      <TooltipContent>{tooltipText}</TooltipContent>
+    </Tooltip>
   );
 }
diff --git a/app/src/components/molecules/OpenInIdeButton/OpenInIdeButton.test.tsx b/app/src/components/molecules/OpenInIdeButton/OpenInIdeButton.test.tsx
index f2d41e7..5b9899c 100644
--- a/app/src/components/molecules/OpenInIdeButton/OpenInIdeButton.test.tsx
+++ b/app/src/components/molecules/OpenInIdeButton/OpenInIdeButton.test.tsx
@@ -20,10 +20,12 @@ describe("OpenInIdeButton", () => {
     seedDetected([]);
     render(
       <Provider store={store}>
-        <OpenInIdeButton repoId="r1" />
+        <TooltipProvider delayDuration={0}>
+          <OpenInIdeButton repoId="r1" />
+        </TooltipProvider>
       </Provider>,
     );
-    const btn = screen.getByRole("button");
+    const btn = screen.getByTestId("open-in-ide-button");
     expect(btn).toBeDisabled();
     expect(btn).toHaveTextContent(/open in ide/i);
   });
@@ -32,10 +34,12 @@ describe("OpenInIdeButton", () => {
     seedDetected(["cursor"]);
     render(
       <Provider store={store}>
-        <OpenInIdeButton repoId="r1" />
+        <TooltipProvider delayDuration={0}>
+          <OpenInIdeButton repoId="r1" />
+        </TooltipProvider>
       </Provider>,
     );
-    const btn = screen.getByRole("button");
+    const btn = screen.getByTestId("open-in-ide-button");
     expect(btn).toBeEnabled();
     expect(btn).toHaveTextContent(/open in cursor/i);
   });
diff --git a/app/src/components/molecules/OpenInIdeButton/index.tsx b/app/src/components/molecules/OpenInIdeButton/index.tsx
index 087f025..cba81e4 100644
--- a/app/src/components/molecules/OpenInIdeButton/index.tsx
+++ b/app/src/components/molecules/OpenInIdeButton/index.tsx
@@ -5,6 +5,7 @@ import { TauriCommand } from "@recrest/shared";
 import { Icon } from "@/components/atoms/Icon";
 import { IdeIcon } from "@/components/atoms/IdeIcon";
 import { IconButton } from "@/components/molecules/IconButton";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/molecules/compounds/Tooltip";
 import { useActiveIde } from "@/hooks/useActiveIde";
 import { invoke } from "@/lib/tauri";
 import { toast } from "@/lib/toast";
@@ -105,17 +106,26 @@ export function OpenInIdeButton({
     .filter(Boolean)
     .join(" ");
 
-  return (
+  const button = (
     <button
       type="button"
       className={buttonClass}
       onClick={() => void handleClick()}
       disabled={disabled}
-      title={disabledTitle}
+      aria-label={disabledTitle ?? labelText}
+      data-testid="open-in-ide-button"
     >
       {before}
       {iconNode}
       {labelText}
     </button>
   );
+
+  if (!disabledTitle) return button;
+  return (
+    <Tooltip>
+      <TooltipTrigger asChild>{button}</TooltipTrigger>
+      <TooltipContent>{disabledTitle}</TooltipContent>
+    </Tooltip>
+  );
 }
diff --git a/app/src/components/molecules/RepoAvatar/RepoAvatar.test.tsx b/app/src/components/molecules/RepoAvatar/RepoAvatar.test.tsx
index 108ec7e..196a2f2 100644
--- a/app/src/components/molecules/RepoAvatar/RepoAvatar.test.tsx
+++ b/app/src/components/molecules/RepoAvatar/RepoAvatar.test.tsx
@@ -6,11 +6,16 @@ import { Provider } from "react-redux";
 import { describe, expect, it } from "vitest";
 
 import { RepoAvatar } from "@/components/molecules/RepoAvatar";
+import { TooltipProvider } from "@/components/molecules/compounds/Tooltip";
 import { settingsReducer } from "@/store/slices/settingsSlice";
 
 function renderWithStore(ui: ReactElement) {
   const store = configureStore({ reducer: { settings: settingsReducer } });
-  return render(<Provider store={store}>{ui}</Provider>);
+  return render(
+    <Provider store={store}>
+      <TooltipProvider>{ui}</TooltipProvider>
+    </Provider>,
+  );
 }
 
 describe("RepoAvatar", () => {
@@ -19,9 +24,9 @@ describe("RepoAvatar", () => {
     expect(screen.getByText("R")).toBeInTheDocument();
   });
 
-  it("nutzt den Namen als title-Attribut", () => {
-    const { container } = renderWithStore(<RepoAvatar repo={{ id: "r2", name: "MyRepo" }} />);
-    expect(container.querySelector('[title="MyRepo"]')).not.toBeNull();
+  it("nutzt den Namen als aria-label-Attribut", () => {
+    renderWithStore(<RepoAvatar repo={{ id: "r2", name: "MyRepo" }} />);
+    expect(screen.getByTestId("repo-avatar")).toHaveAttribute("aria-label", "MyRepo");
   });
 
   it("respektiert die size-Prop", () => {
diff --git a/app/src/components/molecules/RepoAvatar/index.tsx b/app/src/components/molecules/RepoAvatar/index.tsx
index ded3ccb..729e839 100644
--- a/app/src/components/molecules/RepoAvatar/index.tsx
+++ b/app/src/components/molecules/RepoAvatar/index.tsx
@@ -3,6 +3,7 @@ import { useEffect, useState } from "react";
 import { WindowEvent, storageKeyForLogo } from "@recrest/shared";
 
 import { BrandIcon, type BrandSlug } from "@/components/atoms/BrandIcon";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/molecules/compounds/Tooltip";
 import { useRepoLogo } from "@/hooks/useRepoLogo";
 
 /** Curated, hand-picked two-stop gradients for repo avatars. Each pair is
@@ -117,36 +118,42 @@ export function RepoAvatar({ repo, size = 24, radius = 6 }: RepoAvatarProps) {
   const src = custom ?? autoLogo;
   if (src) {
     return (
-      <div
-        className="repo-avatar"
-        style={{
-          width: size,
-          height: size,
-          borderRadius: radius,
-          overflow: "hidden",
-          flexShrink: 0,
-          background: "var(--surface-2)",
-          display: "inline-flex",
-          alignItems: "center",
-          justifyContent: "center",
-          padding: custom ? 0 : Math.max(1, Math.round(size * 0.08)),
-        }}
-        title={repo.name}
-      >
-        <img
-          src={src}
-          style={{
-            width: "100%",
-            height: "100%",
-            // `custom` uploads are cropped to fill (keeps the old behaviour).
-            // Auto-detected logos use `contain` so wordmarks / tall icons stay
-            // readable, with a small surface-2 tile as padding.
-            objectFit: custom ? "cover" : "contain",
-            display: "block",
-          }}
-          alt=""
-        />
-      </div>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <div
+            className="repo-avatar"
+            style={{
+              width: size,
+              height: size,
+              borderRadius: radius,
+              overflow: "hidden",
+              flexShrink: 0,
+              background: "var(--surface-2)",
+              display: "inline-flex",
+              alignItems: "center",
+              justifyContent: "center",
+              padding: custom ? 0 : Math.max(1, Math.round(size * 0.08)),
+            }}
+            aria-label={repo.name}
+            data-testid="repo-avatar"
+          >
+            <img
+              src={src}
+              style={{
+                width: "100%",
+                height: "100%",
+                // `custom` uploads are cropped to fill (keeps the old behaviour).
+                // Auto-detected logos use `contain` so wordmarks / tall icons stay
+                // readable, with a small surface-2 tile as padding.
+                objectFit: custom ? "cover" : "contain",
+                display: "block",
+              }}
+              alt=""
+            />
+          </div>
+        </TooltipTrigger>
+        <TooltipContent>{repo.name}</TooltipContent>
+      </Tooltip>
     );
   }
 
@@ -156,24 +163,30 @@ export function RepoAvatar({ repo, size = 24, radius = 6 }: RepoAvatarProps) {
   const specialIcon = detectSpecialIcon(repo.name);
   if (specialIcon) {
     return (
-      <div
-        className="repo-avatar"
-        style={{
-          width: size,
-          height: size,
-          borderRadius: radius,
-          background: gradient,
-          color: "#fff",
-          display: "inline-flex",
-          alignItems: "center",
-          justifyContent: "center",
-          flexShrink: 0,
-          boxShadow: "inset 0 1px 0 rgba(255,255,255,0.12)",
-        }}
-        title={repo.name}
-      >
-        <BrandIcon slug={specialIcon} size={Math.round(size * 0.55)} color="#fff" />
-      </div>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <div
+            className="repo-avatar"
+            style={{
+              width: size,
+              height: size,
+              borderRadius: radius,
+              background: gradient,
+              color: "#fff",
+              display: "inline-flex",
+              alignItems: "center",
+              justifyContent: "center",
+              flexShrink: 0,
+              boxShadow: "inset 0 1px 0 rgba(255,255,255,0.12)",
+            }}
+            aria-label={repo.name}
+            data-testid="repo-avatar"
+          >
+            <BrandIcon slug={specialIcon} size={Math.round(size * 0.55)} color="#fff" />
+          </div>
+        </TooltipTrigger>
+        <TooltipContent>{repo.name}</TooltipContent>
+      </Tooltip>
     );
   }
 
@@ -181,29 +194,35 @@ export function RepoAvatar({ repo, size = 24, radius = 6 }: RepoAvatarProps) {
   const letter = cleaned.charAt(0).toUpperCase();
 
   return (
-    <div
-      className="repo-avatar"
-      style={{
-        width: size,
-        height: size,
-        borderRadius: radius,
-        background: gradient,
-        color: "#fff",
-        display: "inline-flex",
-        alignItems: "center",
-        justifyContent: "center",
-        fontSize: Math.round(size * 0.5),
-        fontWeight: 700,
-        letterSpacing: "-0.02em",
-        flexShrink: 0,
-        fontFamily: "Inter, -apple-system, sans-serif",
-        textShadow: "0 1px 2px rgba(0,0,0,0.18)",
-        boxShadow: "inset 0 1px 0 rgba(255,255,255,0.12)",
-      }}
-      title={repo.name}
-    >
-      {letter}
-    </div>
+    <Tooltip>
+      <TooltipTrigger asChild>
+        <div
+          className="repo-avatar"
+          style={{
+            width: size,
+            height: size,
+            borderRadius: radius,
+            background: gradient,
+            color: "#fff",
+            display: "inline-flex",
+            alignItems: "center",
+            justifyContent: "center",
+            fontSize: Math.round(size * 0.5),
+            fontWeight: 700,
+            letterSpacing: "-0.02em",
+            flexShrink: 0,
+            fontFamily: "Inter, -apple-system, sans-serif",
+            textShadow: "0 1px 2px rgba(0,0,0,0.18)",
+            boxShadow: "inset 0 1px 0 rgba(255,255,255,0.12)",
+          }}
+          aria-label={repo.name}
+          data-testid="repo-avatar"
+        >
+          {letter}
+        </div>
+      </TooltipTrigger>
+      <TooltipContent>{repo.name}</TooltipContent>
+    </Tooltip>
   );
 }
 
diff --git a/app/src/components/molecules/compounds/TruncatedTooltip/TruncatedTooltip.test.tsx b/app/src/components/molecules/compounds/TruncatedTooltip/TruncatedTooltip.test.tsx
new file mode 100644
index 0000000..18c34b1
--- /dev/null
+++ b/app/src/components/molecules/compounds/TruncatedTooltip/TruncatedTooltip.test.tsx
@@ -0,0 +1,83 @@
+import { render, screen } from "@testing-library/react";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+
+import { TooltipProvider } from "@/components/molecules/compounds/Tooltip";
+import { TruncatedTooltip } from "@/components/molecules/compounds/TruncatedTooltip";
+
+/**
+ * jsdom does not perform layout, so `scrollWidth` and `clientWidth` are both
+ * `0` by default. We stub them on `HTMLElement.prototype` to simulate the
+ * two relevant states.
+ */
+function stubWidths(scroll: number, client: number) {
+  Object.defineProperty(HTMLElement.prototype, "scrollWidth", {
+    configurable: true,
+    get() {
+      return scroll;
+    },
+  });
+  Object.defineProperty(HTMLElement.prototype, "clientWidth", {
+    configurable: true,
+    get() {
+      return client;
+    },
+  });
+}
+
+beforeEach(() => {
+  // Minimal ResizeObserver stub — our hook only uses observe/disconnect.
+  (globalThis as unknown as { ResizeObserver: unknown }).ResizeObserver = class {
+    observe() {}
+    disconnect() {}
+    unobserve() {}
+  };
+});
+
+afterEach(() => {
+  vi.restoreAllMocks();
+});
+
+describe("TruncatedTooltip", () => {
+  it("renders the child as-is when text is not truncated", () => {
+    stubWidths(50, 100); // scroll <= client → not truncated
+    render(
+      <TooltipProvider>
+        <TruncatedTooltip content="Full label">
+          <span data-testid="tt-child">short</span>
+        </TruncatedTooltip>
+      </TooltipProvider>,
+    );
+    const child = screen.getByTestId("tt-child");
+    expect(child).toBeInTheDocument();
+    // Radix adds `data-state` to its Trigger. A bare child has none.
+    expect(child.getAttribute("data-state")).toBeNull();
+  });
+
+  it("wraps the child in a tooltip trigger when text overflows", () => {
+    stubWidths(200, 100); // scroll > client → truncated
+    render(
+      <TooltipProvider>
+        <TruncatedTooltip content="Full very long label that overflows">
+          <span data-testid="tt-child">overflowing</span>
+        </TruncatedTooltip>
+      </TooltipProvider>,
+    );
+    const child = screen.getByTestId("tt-child");
+    // Radix Tooltip.Trigger sets `data-state="closed"` on the trigger element
+    // until hovered/focused. Its presence confirms the wrapping kicked in.
+    expect(child.getAttribute("data-state")).toBe("closed");
+  });
+
+  it("renders children as-is when content is empty", () => {
+    stubWidths(200, 100); // would normally trigger tooltip
+    render(
+      <TooltipProvider>
+        <TruncatedTooltip content="">
+          <span data-testid="tt-child">whatever</span>
+        </TruncatedTooltip>
+      </TooltipProvider>,
+    );
+    const child = screen.getByTestId("tt-child");
+    expect(child.getAttribute("data-state")).toBeNull();
+  });
+});
diff --git a/app/src/components/molecules/compounds/TruncatedTooltip/index.tsx b/app/src/components/molecules/compounds/TruncatedTooltip/index.tsx
new file mode 100644
index 0000000..0e3db2a
--- /dev/null
+++ b/app/src/components/molecules/compounds/TruncatedTooltip/index.tsx
@@ -0,0 +1,71 @@
+import {
+  type ReactElement,
+  type Ref,
+  cloneElement,
+  useCallback,
+  useLayoutEffect,
+  useRef,
+  useState,
+} from "react";
+
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/molecules/compounds/Tooltip";
+
+interface Props {
+  /** Tooltip text. If undefined/empty, renders children as-is. */
+  content: string | undefined | null;
+  /** Single child whose DOM node is measured for truncation.
+   *  Must be a DOM element (e.g. `<span>`, `<p>`, `<div>`, `<code>`) — not a
+   *  function component, because a ref is attached to decide whether the
+   *  content is actually clipped. */
+  children: ReactElement;
+}
+
+/**
+ * Wraps children in a Tooltip only when the child's text is actually
+ * horizontally truncated (`scrollWidth > clientWidth`). Keeps a11y and
+ * hover noise down on labels that fit their container.
+ *
+ * Assumes `TooltipProvider` is mounted higher up (done once in `AppShell`).
+ */
+export function TruncatedTooltip({ content, children }: Props) {
+  const innerRef = useRef<HTMLElement | null>(null);
+  const [truncated, setTruncated] = useState(false);
+
+  const measure = useCallback(() => {
+    const el = innerRef.current;
+    if (!el) return;
+    setTruncated(el.scrollWidth > el.clientWidth);
+  }, []);
+
+  useLayoutEffect(() => {
+    measure();
+    const el = innerRef.current;
+    if (!el || typeof ResizeObserver === "undefined") return;
+    const ro = new ResizeObserver(measure);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, [measure, content]);
+
+  const originalRef = (children as unknown as { ref?: Ref<HTMLElement> }).ref;
+  const mergedRef = (node: HTMLElement | null) => {
+    innerRef.current = node;
+    if (typeof originalRef === "function") {
+      originalRef(node);
+    } else if (originalRef && typeof originalRef === "object") {
+      (originalRef as { current: HTMLElement | null }).current = node;
+    }
+  };
+
+  // `cloneElement` does not carry the child's exact props signature, so the
+  // ref key must be injected via a loosely-typed props object. DOM elements
+  // accept the `ref` prop at runtime regardless.
+  const childWithRef = cloneElement(children, { ref: mergedRef } as unknown as Partial<unknown>);
+
+  if (!content || !truncated) return childWithRef;
+  return (
+    <Tooltip>
+      <TooltipTrigger asChild>{childWithRef}</TooltipTrigger>
+      <TooltipContent>{content}</TooltipContent>
+    </Tooltip>
+  );
+}
diff --git a/app/src/components/organisms/activity/Timeline/Timeline.test.tsx b/app/src/components/organisms/activity/Timeline/Timeline.test.tsx
index 321c282..346ae7d 100644
--- a/app/src/components/organisms/activity/Timeline/Timeline.test.tsx
+++ b/app/src/components/organisms/activity/Timeline/Timeline.test.tsx
@@ -2,6 +2,7 @@ import { render, screen } from "@testing-library/react";
 import { Provider } from "react-redux";
 import { describe, expect, it } from "vitest";
 
+import { TooltipProvider } from "@/components/molecules/compounds/Tooltip";
 import { Timeline } from "@/components/organisms/activity/Timeline";
 import {
   fakeCheckRun,
@@ -23,21 +24,23 @@ describe("Timeline", () => {
         <Timeline commits={[]} prEvents={[]} checkRuns={[]} today={today} reposById={reposById} />
       </Provider>,
     );
-    expect(screen.getByText(/No events match/i)).toBeInTheDocument();
+    expect(screen.getByTestId("activity-timeline-empty")).toBeInTheDocument();
   });
 
   it("renders a day card when there is at least one commit", () => {
-    const { container } = render(
+    render(
       <Provider store={store}>
-        <Timeline
-          commits={[fakeCommit("sha1", "r1", "alice", today.toISOString())]}
-          prEvents={[fakePrEvent("merged", { timestamp: today.toISOString() })]}
-          checkRuns={[fakeCheckRun()]}
-          today={today}
-          reposById={reposById}
-        />
+        <TooltipProvider delayDuration={0}>
+          <Timeline
+            commits={[fakeCommit("sha1", "r1", "alice", today.toISOString())]}
+            prEvents={[fakePrEvent("merged", { timestamp: today.toISOString() })]}
+            checkRuns={[fakeCheckRun()]}
+            today={today}
+            reposById={reposById}
+          />
+        </TooltipProvider>
       </Provider>,
     );
-    expect(container.querySelector(".a-act-day-card")).not.toBeNull();
+    expect(screen.getAllByTestId("activity-timeline-day").length).toBeGreaterThan(0);
   });
 });
diff --git a/app/src/components/organisms/activity/Timeline/index.tsx b/app/src/components/organisms/activity/Timeline/index.tsx
index b3e60d2..95ae40e 100644
--- a/app/src/components/organisms/activity/Timeline/index.tsx
+++ b/app/src/components/organisms/activity/Timeline/index.tsx
@@ -193,11 +193,13 @@ export function Timeline({ commits, prEvents, checkRuns, today, reposById }: Pro
       right={filterChips}
     >
       {filteredGroups.length === 0 ? (
-        <div className="a-act-card-empty">{t("activity.timeline.empty_filter")}</div>
+        <div className="a-act-card-empty" data-testid="activity-timeline-empty">
+          {t("activity.timeline.empty_filter")}
+        </div>
       ) : (
         <div className="a-act-timeline">
           {filteredGroups.map((g) => (
-            <div key={g.day} className="a-act-day-card">
+            <div key={g.day} className="a-act-day-card" data-testid="activity-timeline-day">
               <div className="a-act-day-card-h">
                 <div className="a-act-day-card-title">{dayLabel(g.day)}</div>
                 <div className="a-act-day-card-chips">
@@ -258,7 +260,7 @@ function FilterPill({ active, label, count, onClick }: FilterPillProps) {
     <button
       type="button"
       role="tab"
-      aria-selected={active}
+      aria-selected={active ? "true" : "false"}
       className={`a-act-tl-pill${active ? " active" : ""}`}
       onClick={onClick}
     >
diff --git a/app/src/components/organisms/activity/cards/AuthorClockCard/index.tsx b/app/src/components/organisms/activity/cards/AuthorClockCard/index.tsx
index f95007d..22b968d 100644
--- a/app/src/components/organisms/activity/cards/AuthorClockCard/index.tsx
+++ b/app/src/components/organisms/activity/cards/AuthorClockCard/index.tsx
@@ -82,7 +82,7 @@ export function AuthorClockCard({ hours, loading }: Props) {
           <div>
             <strong>{peakLabel}</strong>
           </div>
-          <div style={{ marginTop: 4 }}>{total} commits</div>
+          <div className="mt-1">{total} commits</div>
         </div>
       </div>
     </CardShell>
diff --git a/app/src/components/organisms/activity/cards/AuthorsHero/index.tsx b/app/src/components/organisms/activity/cards/AuthorsHero/index.tsx
index 36377a9..5350d32 100644
--- a/app/src/components/organisms/activity/cards/AuthorsHero/index.tsx
+++ b/app/src/components/organisms/activity/cards/AuthorsHero/index.tsx
@@ -30,7 +30,7 @@ export function AuthorsHero({ authors, topAuthors }: Props) {
             <AuthorAvatar key={a.name} name={a.name} email={a.email} size={22} />
           ))}
         </div>
-        <div className="a-act-kpi-delta" style={{ marginLeft: "auto" }}>
+        <div className="a-act-kpi-delta ml-auto">
           {dir === "up" && <Icon name="arrowUp" size={11} />}
           {dir === "down" && <Icon name="arrowDown" size={11} />}
           <span>{deltaLabel}</span>
diff --git a/app/src/components/organisms/activity/cards/CardShell/index.tsx b/app/src/components/organisms/activity/cards/CardShell/index.tsx
index 5286e97..56a3092 100644
--- a/app/src/components/organisms/activity/cards/CardShell/index.tsx
+++ b/app/src/components/organisms/activity/cards/CardShell/index.tsx
@@ -27,7 +27,7 @@ export function CardShell({
   return (
     <div className={`a-act-card${className ? ` ${className}` : ""}`}>
       <div className="a-act-card-h">
-        <div style={{ minWidth: 0 }}>
+        <div className="min-w-0">
           <h3>{title}</h3>
           {sub && <div className="a-act-card-sub">{sub}</div>}
         </div>
diff --git a/app/src/components/organisms/activity/cards/OpenPrsHero/index.tsx b/app/src/components/organisms/activity/cards/OpenPrsHero/index.tsx
index a9d14d5..49f7013 100644
--- a/app/src/components/organisms/activity/cards/OpenPrsHero/index.tsx
+++ b/app/src/components/organisms/activity/cards/OpenPrsHero/index.tsx
@@ -30,12 +30,12 @@ export function OpenPrsHero({ prsByRepo }: Props) {
       <div className="a-act-kpi-label">{t("activity.hero.open_prs")}</div>
       <div className="a-act-kpi-value">{open}</div>
       <div className="a-act-segbar" aria-hidden>
-        <span style={{ flex: pctReview, background: "var(--accent)" }} />
-        <span style={{ flex: pctDraft, background: "var(--ink-4)" }} />
+        <span className="bg-(--accent)" style={{ flex: pctReview }} />
+        <span className="bg-(--ink-4)" style={{ flex: pctDraft }} />
       </div>
       <div className="a-act-segbar-legend">
         <span>
-          <span className="a-act-segbar-legend-dot" style={{ background: "var(--accent)" }} />
+          <span className="a-act-segbar-legend-dot bg-(--accent)" />
           {t("activity.hero.open_prs_sub", { review, draft })}
         </span>
       </div>
diff --git a/app/src/components/organisms/activity/cards/PrVelocityCard/index.tsx b/app/src/components/organisms/activity/cards/PrVelocityCard/index.tsx
index c31f754..68d0f98 100644
--- a/app/src/components/organisms/activity/cards/PrVelocityCard/index.tsx
+++ b/app/src/components/organisms/activity/cards/PrVelocityCard/index.tsx
@@ -57,11 +57,11 @@ export function PrVelocityCard({ rows, loading }: Props) {
       </div>
       <div className="a-act-line-legend">
         <span>
-          <span className="a-act-line-dot" style={{ background: "var(--accent)" }} />
+          <span className="a-act-line-dot bg-(--accent)" />
           {t("activity.cards.pr_velocity_opened")}
         </span>
         <span>
-          <span className="a-act-line-dot" style={{ background: "var(--green)" }} />
+          <span className="a-act-line-dot bg-(--green)" />
           {t("activity.cards.pr_velocity_merged")}
         </span>
       </div>
diff --git a/app/src/components/organisms/activity/cards/ReviewQueueCard/ReviewQueueCard.test.tsx b/app/src/components/organisms/activity/cards/ReviewQueueCard/ReviewQueueCard.test.tsx
index 3ddc54d..2462851 100644
--- a/app/src/components/organisms/activity/cards/ReviewQueueCard/ReviewQueueCard.test.tsx
+++ b/app/src/components/organisms/activity/cards/ReviewQueueCard/ReviewQueueCard.test.tsx
@@ -34,6 +34,6 @@ describe("ReviewQueueCard", () => {
         <ReviewQueueCard entries={[]} />
       </TooltipProvider>,
     );
-    expect(screen.getByText(/No open PRs/i)).toBeInTheDocument();
+    expect(screen.getByTestId("activity-card-review-queue-empty")).toBeInTheDocument();
   });
 });
diff --git a/app/src/components/organisms/activity/cards/ReviewQueueCard/index.tsx b/app/src/components/organisms/activity/cards/ReviewQueueCard/index.tsx
index a3aa3cc..be3686b 100644
--- a/app/src/components/organisms/activity/cards/ReviewQueueCard/index.tsx
+++ b/app/src/components/organisms/activity/cards/ReviewQueueCard/index.tsx
@@ -1,5 +1,6 @@
 import { useTranslation } from "react-i18next";
 
+import { EmptyState } from "@/components/molecules/EmptyState";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/molecules/compounds/Tooltip";
 import { CardShell } from "@/components/organisms/activity/cards/CardShell";
 import type { ReviewQueueEntry } from "@/lib/activityAggregates";
@@ -20,9 +21,16 @@ export function ReviewQueueCard({ entries, loading }: Props) {
       skeleton="rows"
     >
       {entries.length === 0 ? (
-        <div className="a-act-card-empty">{t("activity.cards.review_queue_empty")}</div>
+        <div className="flex h-full w-full" data-testid="activity-card-review-queue-empty">
+          <EmptyState
+            mascot="snoozing"
+            mascotSize={88}
+            title={t("activity.cards.review_queue_empty")}
+            className="min-h-[140px] py-4"
+          />
+        </div>
       ) : (
-        <div className="a-act-rq">
+        <div className="a-act-rq" data-testid="activity-card-review-queue-list">
           {entries.map((e) => {
             const age = Math.round(e.ageDays);
             const ageLabel =
@@ -31,36 +39,29 @@ export function ReviewQueueCard({ entries, loading }: Props) {
                 : t("activity.cards.age_days_other", { count: age });
             const open = () => void openExternal(e.url);
             return (
-              <div
+              <button
+                type="button"
                 key={`${e.repoId}#${e.number}`}
                 className="a-act-rq-item"
-                role="button"
-                tabIndex={0}
                 onClick={open}
-                onKeyDown={(ev) => {
-                  if (ev.key === "Enter" || ev.key === " ") {
-                    ev.preventDefault();
-                    open();
-                  }
-                }}
               >
-                <div style={{ minWidth: 0 }}>
-                  <div className="a-act-rq-title">{e.title}</div>
-                  <div className="a-act-rq-meta">
+                <span className="a-act-rq-body">
+                  <span className="a-act-rq-title">{e.title}</span>
+                  <span className="a-act-rq-meta">
                     <span>{e.repoName}</span>
                     <span>·</span>
                     <span>#{e.number}</span>
                     <span>·</span>
                     <span>{e.author}</span>
-                  </div>
-                </div>
+                  </span>
+                </span>
                 <Tooltip>
                   <TooltipTrigger asChild>
-                    <div className={`a-act-rq-age${age >= 7 ? " old" : ""}`}>{age}d</div>
+                    <span className={`a-act-rq-age${age >= 7 ? " old" : ""}`}>{age}d</span>
                   </TooltipTrigger>
                   <TooltipContent>{ageLabel}</TooltipContent>
                 </Tooltip>
-              </div>
+              </button>
             );
           })}
         </div>
diff --git a/app/src/components/organisms/feedback/UpdaterBanner/UpdaterBanner.stories.tsx b/app/src/components/organisms/feedback/UpdaterBanner/UpdaterBanner.stories.tsx
index 73340e1..8a2e400 100644
--- a/app/src/components/organisms/feedback/UpdaterBanner/UpdaterBanner.stories.tsx
+++ b/app/src/components/organisms/feedback/UpdaterBanner/UpdaterBanner.stories.tsx
@@ -23,7 +23,10 @@ export const Available: StoryObj<typeof UpdaterBanner> = {
     store.dispatch(
       setUpdaterBanner({
         version: "1.4.0",
+        currentVersion: "1.3.9",
         body: "Activity page redesign, new CI pass-rate trend, bug fixes.",
+        canAutoInstall: true,
+        downloadUrl: null,
       }),
     );
     return <UpdaterBanner />;
@@ -32,7 +35,29 @@ export const Available: StoryObj<typeof UpdaterBanner> = {
 
 export const Minimal: StoryObj<typeof UpdaterBanner> = {
   render: () => {
-    store.dispatch(setUpdaterBanner({ version: "1.4.1", body: null }));
+    store.dispatch(
+      setUpdaterBanner({
+        version: "1.4.1",
+        body: null,
+        canAutoInstall: true,
+        downloadUrl: null,
+      }),
+    );
+    return <UpdaterBanner />;
+  },
+};
+
+export const ManualDownload: StoryObj<typeof UpdaterBanner> = {
+  render: () => {
+    store.dispatch(
+      setUpdaterBanner({
+        version: "1.4.2",
+        currentVersion: "1.3.9",
+        body: "Local development build — updates open in your browser.",
+        canAutoInstall: false,
+        downloadUrl: "https://github.com/SoftVentures/Recrest/releases/tag/v1.4.2",
+      }),
+    );
     return <UpdaterBanner />;
   },
 };
diff --git a/app/src/components/organisms/feedback/UpdaterBanner/UpdaterBanner.test.tsx b/app/src/components/organisms/feedback/UpdaterBanner/UpdaterBanner.test.tsx
index 075a995..310b474 100644
--- a/app/src/components/organisms/feedback/UpdaterBanner/UpdaterBanner.test.tsx
+++ b/app/src/components/organisms/feedback/UpdaterBanner/UpdaterBanner.test.tsx
@@ -1,36 +1,103 @@
-import { act, render, screen } from "@testing-library/react";
+import type { ReactElement } from "react";
+
+import { configureStore } from "@reduxjs/toolkit";
+import { act, fireEvent, render, screen } from "@testing-library/react";
 import { Provider } from "react-redux";
-import { afterEach, describe, expect, it } from "vitest";
+import { beforeEach, describe, expect, it, vi } from "vitest";
 
 import { UpdaterBanner } from "@/components/organisms/feedback/UpdaterBanner";
 import "@/i18n";
-import { store } from "@/store";
-import { setUpdaterBanner } from "@/store/slices/uiSlice";
+import { setUpdaterBanner, uiReducer } from "@/store/slices/uiSlice";
+
+// Mock tauri bridge — all IPC and shell interactions should be mockable so
+// the banner can be exercised in a jsdom environment without __TAURI__.
+const openExternalMock = vi.fn<(url: string) => Promise<void>>(() => Promise.resolve());
+const invokeMock = vi.fn<(command: string, args?: Record<string, unknown>) => Promise<unknown>>(
+  () => Promise.resolve(),
+);
+
+vi.mock("@/lib/tauri", () => ({
+  invoke: (command: string, args?: Record<string, unknown>) => invokeMock(command, args),
+  openExternal: (url: string) => openExternalMock(url),
+  isTauri: () => false,
+}));
+
+function makeStore() {
+  return configureStore({ reducer: { ui: uiReducer } });
+}
+
+function renderWithStore(ui: ReactElement, store = makeStore()) {
+  const utils = render(<Provider store={store}>{ui}</Provider>);
+  return { ...utils, store };
+}
 
-afterEach(() => {
-  store.dispatch(setUpdaterBanner(null));
+beforeEach(() => {
+  openExternalMock.mockClear();
+  invokeMock.mockClear();
 });
 
 describe("UpdaterBanner", () => {
   it("renders nothing when there is no pending update", () => {
-    const { container } = render(
-      <Provider store={store}>
-        <UpdaterBanner />
-      </Provider>,
-    );
+    const { container } = renderWithStore(<UpdaterBanner />);
     expect(container.firstChild).toBeNull();
   });
 
-  it("renders version + body when a banner is set", () => {
-    render(
-      <Provider store={store}>
-        <UpdaterBanner />
-      </Provider>,
-    );
+  it("shows the install button for auto-install-capable builds", () => {
+    const { store } = renderWithStore(<UpdaterBanner />);
+    act(() => {
+      store.dispatch(
+        setUpdaterBanner({
+          version: "1.2.3",
+          currentVersion: "1.2.2",
+          body: "notes",
+          canAutoInstall: true,
+          downloadUrl: null,
+        }),
+      );
+    });
+    expect(screen.getByTestId("updater-banner-install")).toBeInTheDocument();
+    expect(screen.queryByTestId("updater-banner-download")).not.toBeInTheDocument();
+  });
+
+  it("shows the download button for manual builds and opens the download URL", () => {
+    const { store } = renderWithStore(<UpdaterBanner />);
+    act(() => {
+      store.dispatch(
+        setUpdaterBanner({
+          version: "1.2.3",
+          body: null,
+          canAutoInstall: false,
+          downloadUrl: "https://x",
+        }),
+      );
+    });
+    const downloadBtn = screen.getByTestId("updater-banner-download");
+    expect(downloadBtn).toBeInTheDocument();
+    expect(screen.queryByTestId("updater-banner-install")).not.toBeInTheDocument();
+
+    act(() => {
+      fireEvent.click(downloadBtn);
+    });
+    expect(openExternalMock).toHaveBeenCalledWith("https://x");
+  });
+
+  it("clears the banner when the user clicks Later", () => {
+    const { store } = renderWithStore(<UpdaterBanner />);
+    act(() => {
+      store.dispatch(
+        setUpdaterBanner({
+          version: "1.2.3",
+          body: null,
+          canAutoInstall: true,
+          downloadUrl: null,
+        }),
+      );
+    });
+    expect(store.getState().ui.updaterBanner).not.toBeNull();
+
     act(() => {
-      store.dispatch(setUpdaterBanner({ version: "1.2.3", body: "new goodies" }));
+      fireEvent.click(screen.getByTestId("updater-banner-later"));
     });
-    expect(screen.getByText(/1\.2\.3/)).toBeInTheDocument();
-    expect(screen.getByText("new goodies")).toBeInTheDocument();
+    expect(store.getState().ui.updaterBanner).toBeNull();
   });
 });
diff --git a/app/src/components/organisms/feedback/UpdaterBanner/index.tsx b/app/src/components/organisms/feedback/UpdaterBanner/index.tsx
index aba42a2..d4232bc 100644
--- a/app/src/components/organisms/feedback/UpdaterBanner/index.tsx
+++ b/app/src/components/organisms/feedback/UpdaterBanner/index.tsx
@@ -1,21 +1,63 @@
+import { useState } from "react";
+
 import { useTranslation } from "react-i18next";
 
+import { TauriCommand, formatBytes } from "@recrest/shared";
+
 import { Button } from "@/components/atoms/Button";
-import { openExternal } from "@/lib/tauri";
+import { invoke, openExternal } from "@/lib/tauri";
+import { toast } from "@/lib/toast";
 import { useAppDispatch, useAppSelector } from "@/store/hooks";
-import { setUpdaterBanner } from "@/store/slices/uiSlice";
+import { setUpdaterBanner, setUpdaterProgress } from "@/store/slices/uiSlice";
+
+const FALLBACK_RELEASES_URL = "https://github.com/SoftVentures/Recrest/releases";
 
-/** Persistent banner anchored to the top of the shell that appears when the
- *  Tauri updater reports a newer version. Clicking "Download" opens the
- *  release page in the user's browser; the actual binary swap still happens
- *  via the OS installer so the user never loses an un-saved state. */
+/** Persistent banner anchored to the bottom-right of the shell that appears
+ *  when the Rust updater reports a newer version.
+ *
+ *  Two modes driven by `canAutoInstall`:
+ *  - signed release build: "Install & restart" → invokes the Rust
+ *    `install_update` command which swaps the binary and relaunches.
+ *    While running we display the `updater://progress` stream.
+ *  - unsigned/local build: "Download" → opens the platform asset URL
+ *    in the system browser so the user can install it themselves.
+ */
 export function UpdaterBanner() {
-  const { t } = useTranslation();
+  const { t } = useTranslation("settings");
   const dispatch = useAppDispatch();
   const banner = useAppSelector((s) => s.ui.updaterBanner);
+  const progress = useAppSelector((s) => s.ui.updaterProgress);
+  const [installing, setInstalling] = useState(false);
   if (!banner) return null;
+
+  const dismiss = () => {
+    dispatch(setUpdaterBanner(null));
+    dispatch(setUpdaterProgress(null));
+  };
+
+  const handleInstall = async () => {
+    setInstalling(true);
+    try {
+      await invoke(TauriCommand.INSTALL_UPDATE);
+      // On success Rust relaunches the app, so no further UI is needed.
+    } catch (err) {
+      console.warn("[updater] install failed:", err);
+      toast.error(t("updater.check_failed", { defaultValue: "Couldn't check for updates" }));
+      setInstalling(false);
+    }
+  };
+
+  const handleDownload = async () => {
+    const url = banner.downloadUrl ?? FALLBACK_RELEASES_URL;
+    await openExternal(url);
+    dismiss();
+  };
+
   return (
-    <div className="fixed bottom-4 right-4 z-60 flex max-w-sm items-start gap-3 rounded-lg border border-border bg-card p-3 shadow-lg">
+    <div
+      data-testid="updater-banner"
+      className="fixed bottom-4 right-4 z-60 flex max-w-sm items-start gap-3 rounded-lg border border-border bg-card p-3 shadow-lg"
+    >
       <div className="flex-1">
         <div className="text-sm font-medium">
           {t("updater.available_title", {
@@ -26,17 +68,41 @@ export function UpdaterBanner() {
         {banner.body && (
           <div className="mt-1 line-clamp-3 text-xs text-muted-foreground">{banner.body}</div>
         )}
+        {installing && progress && (
+          <div className="mt-2 text-xs text-muted-foreground" data-testid="updater-banner-progress">
+            {progress.total !== null
+              ? `${formatBytes(progress.chunk)} / ${formatBytes(progress.total)}`
+              : formatBytes(progress.chunk)}
+          </div>
+        )}
         <div className="mt-2 flex gap-2">
+          {banner.canAutoInstall ? (
+            <Button
+              data-testid="updater-banner-install"
+              size="sm"
+              loading={installing}
+              onClick={() => void handleInstall()}
+            >
+              {installing
+                ? t("updater.installing", { defaultValue: "Installing…" })
+                : t("updater.install", { defaultValue: "Install & restart" })}
+            </Button>
+          ) : (
+            <Button
+              data-testid="updater-banner-download"
+              size="sm"
+              onClick={() => void handleDownload()}
+            >
+              {t("updater.download", { defaultValue: "Download" })}
+            </Button>
+          )}
           <Button
+            data-testid="updater-banner-later"
             size="sm"
-            onClick={() => {
-              void openExternal("https://github.com/softventures/recrest/releases");
-              dispatch(setUpdaterBanner(null));
-            }}
+            variant="outline"
+            onClick={dismiss}
+            disabled={installing}
           >
-            {t("updater.download", { defaultValue: "Download" })}
-          </Button>
-          <Button size="sm" variant="outline" onClick={() => dispatch(setUpdaterBanner(null))}>
             {t("updater.later", { defaultValue: "Later" })}
           </Button>
         </div>
diff --git a/app/src/components/organisms/layout/AppShell/index.tsx b/app/src/components/organisms/layout/AppShell/index.tsx
index 2b49af0..229f7eb 100644
--- a/app/src/components/organisms/layout/AppShell/index.tsx
+++ b/app/src/components/organisms/layout/AppShell/index.tsx
@@ -24,10 +24,12 @@ import { useGlobalEvents } from "@/hooks/useGlobalEvents";
 import { useGlobalShortcuts } from "@/hooks/useGlobalShortcuts";
 import { useNotificationTriggers } from "@/hooks/useNotificationTriggers";
 import { useWindowChrome } from "@/hooks/usePlatform";
+import { usePrPolling } from "@/hooks/useProviders";
 import { useSearchHotkey } from "@/hooks/useSearch";
 import { useTauri } from "@/hooks/useTauri";
 import { useThemeEffect } from "@/hooks/useTheme";
 import { useTrayBadgeSync } from "@/hooks/useTrayBadgeSync";
+import { isTauri } from "@/lib/tauri";
 import { useAppDispatch, useAppSelector } from "@/store/hooks";
 import { setLocale } from "@/store/slices/settingsSlice";
 import { setSidebarCollapsed } from "@/store/slices/uiSlice";
@@ -46,8 +48,9 @@ export function AppShell({ children }: AppShellProps) {
   useTauri();
   useTrayBadgeSync();
   useGlobalEvents();
-  useNotificationTriggers();
+  useNotificationTriggers(isTauri());
   useChromeAttribute();
+  usePrPolling();
 
   const location = useLocation();
   const dispatch = useAppDispatch();
diff --git a/app/src/components/organisms/layout/DetailPane/index.tsx b/app/src/components/organisms/layout/DetailPane/index.tsx
index 7b0d85a..aebe387 100644
--- a/app/src/components/organisms/layout/DetailPane/index.tsx
+++ b/app/src/components/organisms/layout/DetailPane/index.tsx
@@ -2,6 +2,8 @@ import { type ReactNode, useState } from "react";
 
 import { useNavigate } from "react-router-dom";
 
+import { useTranslation } from "react-i18next";
+
 import { TauriCommand } from "@recrest/shared";
 
 import { BranchChip } from "@/components/atoms/BranchChip";
@@ -9,9 +11,11 @@ import { BrandIcon, brandFromUrl } from "@/components/atoms/BrandIcon";
 import { CiDot, type CiState } from "@/components/atoms/CiDot";
 import { DiffStat } from "@/components/atoms/DiffStat";
 import { Icon } from "@/components/atoms/Icon";
+import { AuthorAvatar } from "@/components/molecules/AuthorAvatar";
 import { IconButton } from "@/components/molecules/IconButton";
 import { OpenInIdeButton } from "@/components/molecules/OpenInIdeButton";
 import { RepoAvatar, setRepoLogo } from "@/components/molecules/RepoAvatar";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/molecules/compounds/Tooltip";
 import { CommitListSkeleton } from "@/components/molecules/skeletons/CommitListSkeleton";
 import { CreateBranchDialog } from "@/components/organisms/repos/CreateBranchDialog";
 import { useRecentCommits } from "@/hooks/useRecentCommits";
@@ -42,19 +46,26 @@ function Section({
   const [open, setOpen] = useState(defaultOpen);
   return (
     <div className={`a-dp-section ${open ? "open" : "closed"}`}>
-      <button
-        type="button"
-        className="a-dp-sec-hdr"
-        onClick={() => setOpen((o) => !o)}
-        aria-expanded={open}
-        aria-label={`${open ? "Collapse" : "Expand"} ${title}`}
-      >
-        <span className="a-dp-sec-chev">
-          <Icon name={open ? "chevDown" : "chev"} size={11} />
-        </span>
-        <span className="a-dp-sec-title">{title}</span>
+      {/* Header row: the collapse-toggle button on the left, optional meta
+       *  on the right as a sibling (not a descendant). Keeping meta outside
+       *  the button lets it contain real <button>/<a> elements without
+       *  nesting interactives — see the "Log →" link in the Recent Commits
+       *  section below. */}
+      <div className="a-dp-sec-hdr-row">
+        <button
+          type="button"
+          className="a-dp-sec-hdr"
+          onClick={() => setOpen((o) => !o)}
+          aria-expanded={open ? "true" : "false"}
+          aria-label={`${open ? "Collapse" : "Expand"} ${title}`}
+        >
+          <span className="a-dp-sec-chev">
+            <Icon name={open ? "chevDown" : "chev"} size={11} />
+          </span>
+          <span className="a-dp-sec-title">{title}</span>
+        </button>
         {meta && <span className="a-dp-sec-meta">{meta}</span>}
-      </button>
+      </div>
       {open && <div className="a-dp-sec-body">{children}</div>}
     </div>
   );
@@ -69,6 +80,7 @@ function formatRustError(err: unknown, fallback: string): string {
 }
 
 export function DetailPane({ repo, onClose }: DetailPaneProps) {
+  const { t } = useTranslation("repos");
   const meta = langMeta(repo.lang);
   const prs = useAppSelector((s) => s.prs.items);
   const repoPrs = prs[repo.id] ?? [];
@@ -148,23 +160,32 @@ export function DetailPane({ repo, onClose }: DetailPaneProps) {
     <aside className="a-detail" data-testid="detail-pane" data-repo-id={repo.id}>
       <div className="a-dp-hdr">
         <div className="a-dp-title">
-          <label className="a-dp-avatar-wrap" title="Click to set a custom logo">
-            <RepoAvatar repo={repo} size={36} radius={8} />
-            <span className="a-dp-avatar-edit">
-              <Icon name="camera" size={11} />
-            </span>
-            <input
-              type="file"
-              accept="image/*"
-              style={{ display: "none" }}
-              onChange={(e) => {
-                const f = e.target.files?.[0];
-                if (f) onLogoUpload(f);
-                e.target.value = "";
-              }}
-            />
-          </label>
-          <div style={{ minWidth: 0, flex: 1 }}>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <label
+                className="a-dp-avatar-wrap"
+                aria-label={t("actions.avatar_upload_hint")}
+                data-testid="detail-pane-avatar-upload"
+              >
+                <RepoAvatar repo={repo} size={36} radius={8} />
+                <span className="a-dp-avatar-edit">
+                  <Icon name="camera" size={11} />
+                </span>
+                <input
+                  type="file"
+                  accept="image/*"
+                  className="hidden"
+                  onChange={(e) => {
+                    const f = e.target.files?.[0];
+                    if (f) onLogoUpload(f);
+                    e.target.value = "";
+                  }}
+                />
+              </label>
+            </TooltipTrigger>
+            <TooltipContent>{t("actions.avatar_upload_hint")}</TooltipContent>
+          </Tooltip>
+          <div className="min-w-0 flex-1">
             <div className="a-dp-name">{repo.name}</div>
             <div className="a-dp-path">{repo.path}</div>
             <div className="a-dp-lang">
@@ -174,13 +195,7 @@ export function DetailPane({ repo, onClose }: DetailPaneProps) {
           </div>
         </div>
         <div className="a-dp-hdr-ctrls">
-          <IconButton
-            tooltip="Expand to fullscreen view"
-            onClick={() => navigate(`/repo/${repo.id}`)}
-          >
-            <Icon name="expand" size={13} />
-          </IconButton>
-          <IconButton tooltip="Close" onClick={onClose}>
+          <IconButton tooltip={t("detail.close")} onClick={onClose}>
             <Icon name="x" size={14} />
           </IconButton>
         </div>
@@ -229,10 +244,10 @@ export function DetailPane({ repo, onClose }: DetailPaneProps) {
         <div className="a-dp-branch-top">
           <BranchChip branch={repo.status.branch ?? repo.name} size="big" />
           <div className="a-dp-ab">
-            <span style={{ color: repo.status.ahead ? "var(--green)" : "var(--ink-4)" }}>
+            <span className={repo.status.ahead ? "text-(--green)" : "text-(--ink-4)"}>
               ↑{repo.status.ahead}
             </span>
-            <span style={{ color: repo.status.behind ? "var(--amber)" : "var(--ink-4)" }}>
+            <span className={repo.status.behind ? "text-(--amber)" : "text-(--ink-4)"}>
               ↓{repo.status.behind}
             </span>
           </div>
@@ -254,89 +269,102 @@ export function DetailPane({ repo, onClose }: DetailPaneProps) {
           >
             <Icon name="refresh" size={11} /> {busy === "fetch" ? "Fetching…" : "Fetch"}
           </button>
-          <button
-            type="button"
-            className="r-btn sm"
-            onClick={() => setBranchOpen(true)}
-            disabled={busy !== null}
-            title="Create a new branch from HEAD"
-          >
-            <Icon name="plus" size={11} /> Branch
-          </button>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <button
+                type="button"
+                className="r-btn sm"
+                onClick={() => setBranchOpen(true)}
+                disabled={busy !== null}
+                aria-label={t("actions.create_branch_tooltip")}
+                data-testid="detail-pane-create-branch"
+              >
+                <Icon name="plus" size={11} /> Branch
+              </button>
+            </TooltipTrigger>
+            <TooltipContent>{t("actions.create_branch_tooltip")}</TooltipContent>
+          </Tooltip>
         </div>
       </div>
       <CreateBranchDialog open={branchOpen} repoId={repo.id} onClose={() => setBranchOpen(false)} />
 
-      {repo.status.dirty && (
+      <div className="a-dp-body">
+        {repo.status.dirty && (
+          <Section
+            title="Uncommitted"
+            meta={
+              <>
+                <DiffStat added={repo.added} removed={repo.removed} />
+                <span className="a-dp-sep">·</span>
+                <span>
+                  {repo.filesChanged} file{repo.filesChanged === 1 ? "" : "s"}
+                </span>
+              </>
+            }
+          >
+            <div className="a-dp-files">
+              {repo.status.changedFiles.map((f) => {
+                const letter = kindLetter(f.kind);
+                return (
+                  <div key={f.path} className="a-dp-file">
+                    <span className={`a-dp-st a-dp-st-${letter}`}>{letter}</span>
+                    <span className="a-dp-file-path">{f.path}</span>
+                  </div>
+                );
+              })}
+            </div>
+          </Section>
+        )}
+
         <Section
-          title="Uncommitted"
+          title="Recent commits"
           meta={
-            <>
-              <DiffStat added={repo.added} removed={repo.removed} />
-              <span className="a-dp-sep">·</span>
-              <span>
-                {repo.filesChanged} file{repo.filesChanged === 1 ? "" : "s"}
-              </span>
-            </>
+            <button
+              type="button"
+              className="a-dp-link"
+              onClick={(e) => {
+                e.stopPropagation();
+                goToRepoActivity();
+              }}
+            >
+              Log →
+            </button>
           }
         >
-          <div className="a-dp-files">
-            {repo.status.changedFiles.slice(0, 8).map((f) => (
-              <div key={f.path} className="a-dp-file">
-                <span className={`a-dp-st a-dp-st-${statusLetter(f.status)}`}>
-                  {statusLetter(f.status)}
-                </span>
-                <span className="a-dp-file-path">{f.path}</span>
-              </div>
-            ))}
-          </div>
+          <RecentCommitsBody repo={repo} />
         </Section>
-      )}
-
-      <Section
-        title="Recent commits"
-        meta={
-          <span
-            role="button"
-            tabIndex={0}
-            className="a-dp-link"
-            onClick={(e) => {
-              e.stopPropagation();
-              goToRepoActivity();
-            }}
-            onKeyDown={(e) => {
-              if (e.key === "Enter" || e.key === " ") {
-                e.preventDefault();
-                e.stopPropagation();
-                goToRepoActivity();
-              }
-            }}
-          >
-            Log →
-          </span>
-        }
-      >
-        <RecentCommitsBody repo={repo} />
-      </Section>
 
-      {repoPrs.length > 0 && (
-        <Section title="Open merge requests" meta={repoPrs.length} defaultOpen={false}>
-          <div className="a-dp-prs">
-            {repoPrs.map((p) => (
-              <div key={p.id} className="a-dp-pr">
-                <Icon name="pr" size={13} color={p.draft ? "var(--ink-3)" : "var(--green)"} />
-                <div className="a-dp-pr-body">
-                  <div className="a-dp-pr-title">{p.title}</div>
-                  <div className="a-dp-pr-meta">
-                    #{p.number} · {p.author}
+        {repoPrs.length > 0 && (
+          <Section title="Open merge requests" meta={repoPrs.length} defaultOpen={false}>
+            <div className="a-dp-prs">
+              {repoPrs.map((p) => (
+                <div key={p.id} className="a-dp-pr">
+                  <Icon name="pr" size={13} color={p.draft ? "var(--ink-3)" : "var(--green)"} />
+                  <div className="a-dp-pr-body">
+                    <div className="a-dp-pr-title">{p.title}</div>
+                    <div className="a-dp-pr-meta">
+                      #{p.number} · {p.author}
+                    </div>
                   </div>
+                  <CiDot state={ciToDot(p.ciStatus)} />
                 </div>
-                <CiDot state={ciToDot(p.ciStatus)} />
-              </div>
-            ))}
-          </div>
-        </Section>
-      )}
+              ))}
+            </div>
+          </Section>
+        )}
+      </div>
+
+      <div className="a-dp-footer">
+        <button
+          type="button"
+          className="r-btn primary a-dp-open-full"
+          onClick={() => navigate(`/repo/${repo.id}`)}
+          data-testid="detail-pane-open-full"
+        >
+          <Icon name="maximize" size={13} />
+          <span>{t("detail.open_full_view")}</span>
+        </button>
+      </div>
     </aside>
   );
 }
@@ -353,7 +381,7 @@ function RecentCommitsBody({ repo }: { repo: EnrichedRepo }) {
       <div className="a-dp-commits">
         {commits.slice(0, 15).map((c) => (
           <div key={c.sha} className="a-dp-commit">
-            <span className="avatar sm">{initials(c.author)}</span>
+            <AuthorAvatar name={c.author} email={c.authorEmail ?? null} size={24} />
             <div className="a-dp-commit-body">
               <div className="a-dp-commit-msg">{c.summary}</div>
               <div className="a-dp-commit-meta">
@@ -371,7 +399,7 @@ function RecentCommitsBody({ repo }: { repo: EnrichedRepo }) {
     return (
       <div className="a-dp-commits">
         <div className="a-dp-commit">
-          <span className="avatar sm">{initials(fallbackSingle.author)}</span>
+          <AuthorAvatar name={fallbackSingle.author} size={24} />
           <div className="a-dp-commit-body">
             <div className="a-dp-commit-msg">{fallbackSingle.summary}</div>
             <div className="a-dp-commit-meta">
@@ -384,7 +412,7 @@ function RecentCommitsBody({ repo }: { repo: EnrichedRepo }) {
       </div>
     );
   }
-  return <div style={{ color: "var(--ink-3)", fontSize: 12 }}>No commits yet.</div>;
+  return <div className="text-xs text-muted-foreground">No commits yet.</div>;
 }
 
 function ciToDot(s: string | null): CiState {
@@ -394,23 +422,17 @@ function ciToDot(s: string | null): CiState {
   return null;
 }
 
-function statusLetter(s: string): "M" | "A" | "D" | "R" {
-  if (s === "staged") return "M";
-  if (s === "untracked") return "A";
-  if (s === "conflicted") return "R";
+/** Three semantic buckets, mapped to the `.a-dp-st-*` letter badges:
+ *  A=green (new files), M=amber (changes — modified, renamed, typechange),
+ *  D=red (deletions). Renamed collapses into "changes" because users
+ *  reading the list care about *what colour means risk*, not about the
+ *  nuance between a rename and an edit. */
+function kindLetter(kind: string): "M" | "A" | "D" {
+  if (kind === "added") return "A";
+  if (kind === "deleted") return "D";
   return "M";
 }
 
-function initials(name: string): string {
-  return name
-    .split(/\s+/)
-    .map((p) => p[0])
-    .filter(Boolean)
-    .slice(0, 2)
-    .join("")
-    .toUpperCase();
-}
-
 function formatWhen(iso: string): string {
   const d = new Date(iso);
   const diff = Date.now() - d.getTime();
diff --git a/app/src/components/organisms/layout/Sidebar/Sidebar.test.tsx b/app/src/components/organisms/layout/Sidebar/Sidebar.test.tsx
index f46dffb..50f086c 100644
--- a/app/src/components/organisms/layout/Sidebar/Sidebar.test.tsx
+++ b/app/src/components/organisms/layout/Sidebar/Sidebar.test.tsx
@@ -4,6 +4,7 @@ import { render, screen } from "@testing-library/react";
 import { Provider } from "react-redux";
 import { describe, expect, it } from "vitest";
 
+import { TooltipProvider } from "@/components/molecules/compounds/Tooltip";
 import { Sidebar } from "@/components/organisms/layout/Sidebar";
 import "@/i18n";
 import { store } from "@/store";
@@ -31,14 +32,16 @@ describe("Sidebar", () => {
     render(
       <Provider store={store}>
         <MemoryRouter future={ROUTER_FUTURE}>
-          <Sidebar />
+          <TooltipProvider delayDuration={0}>
+            <Sidebar />
+          </TooltipProvider>
         </MemoryRouter>
       </Provider>,
     );
 
-    expect(screen.getByRole("navigation", { hidden: true })).toBeInTheDocument();
-    expect(screen.getByText(/dashboard/i)).toBeInTheDocument();
-    expect(screen.getByText(/repositories/i)).toBeInTheDocument();
-    expect(screen.getByText(/merge requests/i)).toBeInTheDocument();
+    expect(screen.getByTestId("sidebar")).toBeInTheDocument();
+    expect(screen.getByTestId("nav-dashboard")).toBeInTheDocument();
+    expect(screen.getByTestId("nav-repos")).toBeInTheDocument();
+    expect(screen.getByTestId("nav-merge-requests")).toBeInTheDocument();
   });
 });
diff --git a/app/src/components/organisms/layout/Sidebar/index.tsx b/app/src/components/organisms/layout/Sidebar/index.tsx
index 87c4f17..c293cd6 100644
--- a/app/src/components/organisms/layout/Sidebar/index.tsx
+++ b/app/src/components/organisms/layout/Sidebar/index.tsx
@@ -7,6 +7,7 @@ import { useTranslation } from "react-i18next";
 import { AppRoute, type AppRoutePath } from "@recrest/shared";
 
 import { Icon, type IconName } from "@/components/atoms/Icon";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/molecules/compounds/Tooltip";
 import { Logo } from "@/components/organisms/brand/Logo";
 import { useAppDispatch, useAppSelector } from "@/store/hooks";
 import { toggleSidebar } from "@/store/slices/uiSlice";
@@ -39,7 +40,7 @@ function SideItem({
   children?: ReactNode;
   testId?: string;
 }) {
-  return (
+  const button = (
     <button
       type="button"
       className="a-side-item"
@@ -47,7 +48,7 @@ function SideItem({
       data-dim={dim ? "true" : undefined}
       data-testid={testId}
       onClick={onClick}
-      title={collapsed ? label : undefined}
+      aria-label={collapsed ? label : undefined}
     >
       <Icon name={icon} size={15} />
       {!collapsed && <span className="a-side-label">{label}</span>}
@@ -64,6 +65,13 @@ function SideItem({
       {children}
     </button>
   );
+  if (!collapsed) return button;
+  return (
+    <Tooltip>
+      <TooltipTrigger asChild>{button}</TooltipTrigger>
+      <TooltipContent side="right">{label}</TooltipContent>
+    </Tooltip>
+  );
 }
 
 function testIdForRoute(path: string): string {
@@ -120,7 +128,7 @@ export function Sidebar() {
 
       <nav className="a-side-nav">
         {nav.map((item) => (
-          <NavLink key={item.to} to={item.to} style={{ textDecoration: "none", color: "inherit" }}>
+          <NavLink key={item.to} to={item.to} className="text-inherit no-underline">
             {({ isActive }) => (
               <SideItem
                 icon={item.icon}
@@ -135,22 +143,25 @@ export function Sidebar() {
         ))}
       </nav>
 
-      <button
-        type="button"
-        className="a-side-fold"
-        data-testid="sidebar-fold-btn"
-        onClick={() => dispatch(toggleSidebar())}
-        title={collapsed ? t("nav.expand") : t("nav.collapse")}
-        aria-label={collapsed ? t("nav.expand") : t("nav.collapse")}
-      >
-        <Icon name={collapsed ? "expand" : "collapse"} size={13} />
-      </button>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <button
+            type="button"
+            className="a-side-fold"
+            data-testid="sidebar-fold-btn"
+            onClick={() => dispatch(toggleSidebar())}
+            aria-label={collapsed ? t("nav.expand") : t("nav.collapse")}
+          >
+            <Icon name={collapsed ? "expand" : "collapse"} size={13} />
+          </button>
+        </TooltipTrigger>
+        <TooltipContent side="right">
+          {collapsed ? t("nav.expand") : t("nav.collapse")}
+        </TooltipContent>
+      </Tooltip>
 
       <div className="a-side-foot">
-        <NavLink
-          to={AppRoute.SETTINGS}
-          style={{ textDecoration: "none", color: "inherit", minWidth: 0 }}
-        >
+        <NavLink to={AppRoute.SETTINGS} className="min-w-0 text-inherit no-underline">
           {({ isActive }) => (
             <SideItem
               icon="settings"
diff --git a/app/src/components/organisms/layout/Titlebar/GnomeTitlebar.tsx b/app/src/components/organisms/layout/Titlebar/GnomeTitlebar.tsx
index 61aed0c..45746af 100644
--- a/app/src/components/organisms/layout/Titlebar/GnomeTitlebar.tsx
+++ b/app/src/components/organisms/layout/Titlebar/GnomeTitlebar.tsx
@@ -1,5 +1,8 @@
+import { useTranslation } from "react-i18next";
+
 import { APP_VERSION } from "@recrest/shared";
 
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/molecules/compounds/Tooltip";
 import { BrandMark } from "@/components/organisms/brand/BrandMark";
 import { runWindow } from "@/components/organisms/layout/Titlebar/runWindow";
 
@@ -10,6 +13,8 @@ import { runWindow } from "@/components/organisms/layout/Titlebar/runWindow";
  * bzw. Tastenkürzel.
  */
 export function GnomeTitlebar() {
+  const { t } = useTranslation("common");
+  const closeLabel = t("titlebar.close");
   return (
     <div className="chrome chrome-gnome" data-tauri-drag-region>
       <div className="t-title" data-tauri-drag-region>
@@ -19,16 +24,22 @@ export function GnomeTitlebar() {
         <span className="t-name">Recrest</span>
         <span className="t-version">v{APP_VERSION}</span>
       </div>
-      <button
-        className="t-close-pill"
-        title="Close"
-        type="button"
-        onClick={() => void runWindow((w) => w.close())}
-      >
-        <svg width="10" height="10" viewBox="0 0 10 10" aria-hidden>
-          <path d="M2.5 2.5l5 5M7.5 2.5l-5 5" stroke="currentColor" strokeWidth="1.4" />
-        </svg>
-      </button>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <button
+            className="t-close-pill"
+            type="button"
+            aria-label={closeLabel}
+            data-testid="titlebar-close"
+            onClick={() => void runWindow((w) => w.close())}
+          >
+            <svg width="10" height="10" viewBox="0 0 10 10" aria-hidden>
+              <path d="M2.5 2.5l5 5M7.5 2.5l-5 5" stroke="currentColor" strokeWidth="1.4" />
+            </svg>
+          </button>
+        </TooltipTrigger>
+        <TooltipContent>{closeLabel}</TooltipContent>
+      </Tooltip>
     </div>
   );
 }
diff --git a/app/src/components/organisms/layout/Titlebar/Titlebar.test.tsx b/app/src/components/organisms/layout/Titlebar/Titlebar.test.tsx
index 9fa6719..f110941 100644
--- a/app/src/components/organisms/layout/Titlebar/Titlebar.test.tsx
+++ b/app/src/components/organisms/layout/Titlebar/Titlebar.test.tsx
@@ -1,9 +1,18 @@
 import { render } from "@testing-library/react";
 import { describe, expect, it, vi } from "vitest";
 
+import { TooltipProvider } from "@/components/molecules/compounds/Tooltip";
 import { Titlebar } from "@/components/organisms/layout/Titlebar";
 import { useWindowChrome } from "@/hooks/usePlatform";
 
+function renderTitlebar() {
+  return render(
+    <TooltipProvider delayDuration={0}>
+      <Titlebar />
+    </TooltipProvider>,
+  );
+}
+
 // The Titlebar dispatcher picks a platform-specific chrome via `useWindowChrome`.
 // Default (no Tauri) → "none" → component renders nothing. Mock the hook so we
 // can exercise every branch.
@@ -20,25 +29,25 @@ const mockedUseWindowChrome = vi.mocked(useWindowChrome);
 describe("Titlebar", () => {
   it("renders nothing in pure web mode", () => {
     mockedUseWindowChrome.mockReturnValue("none");
-    const { container } = render(<Titlebar />);
+    const { container } = renderTitlebar();
     expect(container.firstChild).toBeNull();
   });
 
   it("renders the macOS overlay chrome", () => {
     mockedUseWindowChrome.mockReturnValue("macos-overlay");
-    const { container } = render(<Titlebar />);
+    const { container } = renderTitlebar();
     expect(container.firstChild).not.toBeNull();
   });
 
   it("renders the GNOME chrome", () => {
     mockedUseWindowChrome.mockReturnValue("gnome");
-    const { container } = render(<Titlebar />);
+    const { container } = renderTitlebar();
     expect(container.firstChild).not.toBeNull();
   });
 
   it("renders the Win11 chrome", () => {
     mockedUseWindowChrome.mockReturnValue("win11");
-    const { container } = render(<Titlebar />);
+    const { container } = renderTitlebar();
     expect(container.firstChild).not.toBeNull();
   });
 });
diff --git a/app/src/components/organisms/layout/Titlebar/Win11Titlebar.tsx b/app/src/components/organisms/layout/Titlebar/Win11Titlebar.tsx
index 4d68d4b..ec5d298 100644
--- a/app/src/components/organisms/layout/Titlebar/Win11Titlebar.tsx
+++ b/app/src/components/organisms/layout/Titlebar/Win11Titlebar.tsx
@@ -1,5 +1,8 @@
+import { useTranslation } from "react-i18next";
+
 import { APP_VERSION } from "@recrest/shared";
 
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/molecules/compounds/Tooltip";
 import { BrandMark } from "@/components/organisms/brand/BrandMark";
 import { runWindow } from "@/components/organisms/layout/Titlebar/runWindow";
 
@@ -12,6 +15,10 @@ interface Win11TitlebarProps {
  * (#c42b1c). Brand + Version links, keine Separator-Pipe.
  */
 export function Win11Titlebar({ isMaximized }: Win11TitlebarProps) {
+  const { t } = useTranslation("common");
+  const minimizeLabel = t("titlebar.minimize");
+  const maximizeLabel = isMaximized ? t("titlebar.restore") : t("titlebar.maximize");
+  const closeLabel = t("titlebar.close");
   return (
     <div className="chrome chrome-win11" data-tauri-drag-region>
       <div className="t-title" data-tauri-drag-region>
@@ -22,67 +29,85 @@ export function Win11Titlebar({ isMaximized }: Win11TitlebarProps) {
         <span className="t-version">v{APP_VERSION}</span>
       </div>
       <div className="t-ctrls">
-        <button
-          className="t-btn"
-          title="Minimize"
-          type="button"
-          onClick={() => void runWindow((w) => w.minimize())}
-        >
-          <svg width="10" height="10" viewBox="0 0 10 10" aria-hidden>
-            <path d="M1 5h8" stroke="currentColor" strokeWidth="1.1" />
-          </svg>
-        </button>
-        <button
-          className="t-btn"
-          title={isMaximized ? "Restore" : "Maximize"}
-          type="button"
-          onClick={() => void runWindow((w) => w.toggleMaximize())}
-        >
-          {isMaximized ? (
-            <svg width="10" height="10" viewBox="0 0 10 10" aria-hidden>
-              <rect
-                x="0.5"
-                y="2.5"
-                width="6"
-                height="6"
-                stroke="currentColor"
-                strokeWidth="1.1"
-                fill="none"
-              />
-              <rect
-                x="3.5"
-                y="0.5"
-                width="6"
-                height="6"
-                stroke="currentColor"
-                strokeWidth="1.1"
-                fill="none"
-              />
-            </svg>
-          ) : (
-            <svg width="10" height="10" viewBox="0 0 10 10" aria-hidden>
-              <rect
-                x="1.5"
-                y="1.5"
-                width="7"
-                height="7"
-                stroke="currentColor"
-                strokeWidth="1.1"
-                fill="none"
-              />
-            </svg>
-          )}
-        </button>
-        <button
-          className="t-btn close"
-          title="Close"
-          type="button"
-          onClick={() => void runWindow((w) => w.close())}
-        >
-          <svg width="10" height="10" viewBox="0 0 10 10" aria-hidden>
-            <path d="M1 1l8 8M9 1l-8 8" stroke="currentColor" strokeWidth="1.1" />
-          </svg>
-        </button>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <button
+              className="t-btn"
+              type="button"
+              aria-label={minimizeLabel}
+              data-testid="titlebar-min"
+              onClick={() => void runWindow((w) => w.minimize())}
+            >
+              <svg width="10" height="10" viewBox="0 0 10 10" aria-hidden>
+                <path d="M1 5h8" stroke="currentColor" strokeWidth="1.1" />
+              </svg>
+            </button>
+          </TooltipTrigger>
+          <TooltipContent>{minimizeLabel}</TooltipContent>
+        </Tooltip>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <button
+              className="t-btn"
+              type="button"
+              aria-label={maximizeLabel}
+              data-testid="titlebar-max"
+              onClick={() => void runWindow((w) => w.toggleMaximize())}
+            >
+              {isMaximized ? (
+                <svg width="10" height="10" viewBox="0 0 10 10" aria-hidden>
+                  <rect
+                    x="0.5"
+                    y="2.5"
+                    width="6"
+                    height="6"
+                    stroke="currentColor"
+                    strokeWidth="1.1"
+                    fill="none"
+                  />
+                  <rect
+                    x="3.5"
+                    y="0.5"
+                    width="6"
+                    height="6"
+                    stroke="currentColor"
+                    strokeWidth="1.1"
+                    fill="none"
+                  />
+                </svg>
+              ) : (
+                <svg width="10" height="10" viewBox="0 0 10 10" aria-hidden>
+                  <rect
+                    x="1.5"
+                    y="1.5"
+                    width="7"
+                    height="7"
+                    stroke="currentColor"
+                    strokeWidth="1.1"
+                    fill="none"
+                  />
+                </svg>
+              )}
+            </button>
+          </TooltipTrigger>
+          <TooltipContent>{maximizeLabel}</TooltipContent>
+        </Tooltip>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <button
+              className="t-btn close"
+              type="button"
+              aria-label={closeLabel}
+              data-testid="titlebar-close"
+              onClick={() => void runWindow((w) => w.close())}
+            >
+              <svg width="10" height="10" viewBox="0 0 10 10" aria-hidden>
+                <path d="M1 1l8 8M9 1l-8 8" stroke="currentColor" strokeWidth="1.1" />
+              </svg>
+            </button>
+          </TooltipTrigger>
+          <TooltipContent>{closeLabel}</TooltipContent>
+        </Tooltip>
       </div>
     </div>
   );
diff --git a/app/src/components/organisms/onboarding/_test-helpers.tsx b/app/src/components/organisms/onboarding/_test-helpers.tsx
index b0fde17..879c883 100644
--- a/app/src/components/organisms/onboarding/_test-helpers.tsx
+++ b/app/src/components/organisms/onboarding/_test-helpers.tsx
@@ -3,6 +3,7 @@ import type { ReactNode } from "react";
 import { Provider } from "react-redux";
 
 import { Dialog, DialogContent } from "@/components/molecules/compounds/Dialog";
+import { TooltipProvider } from "@/components/molecules/compounds/Tooltip";
 import "@/i18n";
 import { store } from "@/store";
 
@@ -14,11 +15,13 @@ import { store } from "@/store";
 export function OnboardingStepHarness({ children }: { children: ReactNode }) {
   return (
     <Provider store={store}>
-      <Dialog open>
-        <DialogContent showClose={false} className="max-w-xl sm:max-w-xl">
-          {children}
-        </DialogContent>
-      </Dialog>
+      <TooltipProvider delayDuration={0}>
+        <Dialog open>
+          <DialogContent showClose={false} className="max-w-xl sm:max-w-xl">
+            {children}
+          </DialogContent>
+        </Dialog>
+      </TooltipProvider>
     </Provider>
   );
 }
diff --git a/app/src/components/organisms/onboarding/steps/PickFolderStep/index.tsx b/app/src/components/organisms/onboarding/steps/PickFolderStep/index.tsx
index 277373f..7759de1 100644
--- a/app/src/components/organisms/onboarding/steps/PickFolderStep/index.tsx
+++ b/app/src/components/organisms/onboarding/steps/PickFolderStep/index.tsx
@@ -11,6 +11,8 @@ import {
   DialogHeader,
   DialogTitle,
 } from "@/components/molecules/compounds/Dialog";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/molecules/compounds/Tooltip";
+import { TruncatedTooltip } from "@/components/molecules/compounds/TruncatedTooltip";
 import { isTauri } from "@/lib/tauri";
 import { toast } from "@/lib/toast";
 import { useAppDispatch, useAppSelector } from "@/store/hooks";
@@ -109,12 +111,11 @@ export function PickFolderStep({ onBack, onNext }: Props) {
           <ul className="divide-y divide-border rounded-md border border-border">
             {scanPaths.map((path) => (
               <li key={path} className="flex items-center gap-2 px-3 py-2 text-sm">
-                <span
-                  className="flex-1 truncate font-mono text-xs text-muted-foreground"
-                  title={path}
-                >
-                  {path}
-                </span>
+                <TruncatedTooltip content={path}>
+                  <span className="flex-1 truncate font-mono text-xs text-muted-foreground">
+                    {path}
+                  </span>
+                </TruncatedTooltip>
                 <Button
                   variant="ghost"
                   size="icon-sm"
@@ -133,13 +134,25 @@ export function PickFolderStep({ onBack, onNext }: Props) {
         <Button variant="ghost" onClick={onBack}>
           {t("pickFolder.back")}
         </Button>
-        <Button
-          onClick={onNext}
-          disabled={scanPaths.length === 0}
-          title={scanPaths.length === 0 ? t("pickFolder.at_least_one") : undefined}
-        >
-          {t("pickFolder.next")}
-        </Button>
+        {scanPaths.length === 0 ? (
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <Button
+                onClick={onNext}
+                disabled
+                aria-label={t("pickFolder.at_least_one")}
+                data-testid="onboarding-pick-folder-next"
+              >
+                {t("pickFolder.next")}
+              </Button>
+            </TooltipTrigger>
+            <TooltipContent>{t("pickFolder.at_least_one")}</TooltipContent>
+          </Tooltip>
+        ) : (
+          <Button onClick={onNext} data-testid="onboarding-pick-folder-next">
+            {t("pickFolder.next")}
+          </Button>
+        )}
       </DialogFooter>
     </>
   );
diff --git a/app/src/components/organisms/prs/PrList/index.tsx b/app/src/components/organisms/prs/PrList/index.tsx
index 64d6e80..2827ea2 100644
--- a/app/src/components/organisms/prs/PrList/index.tsx
+++ b/app/src/components/organisms/prs/PrList/index.tsx
@@ -1,6 +1,5 @@
 import { useMemo } from "react";
 
-import { GitPullRequest } from "lucide-react";
 import { useTranslation } from "react-i18next";
 
 import { EmptyState } from "@/components/molecules/EmptyState";
@@ -27,8 +26,8 @@ export function PrList() {
 
   if (rows.length === 0) {
     return (
-      <div data-testid="mr-list-empty">
-        <EmptyState icon={GitPullRequest} title={t("empty")} description={t("empty_desc")} />
+      <div className="flex h-full w-full" data-testid="mr-list-empty">
+        <EmptyState mascot="snoozing" title={t("empty")} description={t("empty_desc")} />
       </div>
     );
   }
diff --git a/app/src/components/organisms/repos/ChangedFilesList/ChangedFilesList.test.tsx b/app/src/components/organisms/repos/ChangedFilesList/ChangedFilesList.test.tsx
index 6edc4d4..b5ada20 100644
--- a/app/src/components/organisms/repos/ChangedFilesList/ChangedFilesList.test.tsx
+++ b/app/src/components/organisms/repos/ChangedFilesList/ChangedFilesList.test.tsx
@@ -1,8 +1,11 @@
+import type { ReactElement } from "react";
+
 import { render, screen } from "@testing-library/react";
 import { describe, expect, it } from "vitest";
 
 import type { ChangedFile } from "@recrest/shared";
 
+import { TooltipProvider } from "@/components/molecules/compounds/Tooltip";
 import { ChangedFilesList } from "@/components/organisms/repos/ChangedFilesList";
 import "@/i18n";
 
@@ -10,14 +13,18 @@ function file(path: string, status: ChangedFile["status"]): ChangedFile {
   return { path, status, kind: "modified", hasUnstagedChanges: false };
 }
 
+function renderWithTooltip(ui: ReactElement) {
+  return render(<TooltipProvider delayDuration={0}>{ui}</TooltipProvider>);
+}
+
 describe("ChangedFilesList", () => {
   it("shows the clean-state message when no files are passed", () => {
-    render(<ChangedFilesList files={[]} truncated={false} />);
+    renderWithTooltip(<ChangedFilesList files={[]} truncated={false} />);
     expect(screen.getByText(/clean/i)).toBeInTheDocument();
   });
 
   it("renders one row per file with its status marker", () => {
-    render(
+    renderWithTooltip(
       <ChangedFilesList
         files={[file("src/a.ts", "staged"), file("src/b.ts", "unstaged")]}
         truncated={false}
@@ -28,7 +35,7 @@ describe("ChangedFilesList", () => {
   });
 
   it("shows a truncation banner when the list was capped", () => {
-    render(<ChangedFilesList files={[file("x", "staged")]} truncated />);
+    renderWithTooltip(<ChangedFilesList files={[file("x", "staged")]} truncated />);
     // "More files changed — showing the first entries."
     expect(screen.getByText(/more files changed/i)).toBeInTheDocument();
   });
diff --git a/app/src/components/organisms/repos/ChangedFilesList/index.tsx b/app/src/components/organisms/repos/ChangedFilesList/index.tsx
index 0967d69..de6d2f0 100644
--- a/app/src/components/organisms/repos/ChangedFilesList/index.tsx
+++ b/app/src/components/organisms/repos/ChangedFilesList/index.tsx
@@ -2,6 +2,7 @@ import { useTranslation } from "react-i18next";
 
 import type { ChangedFile, ChangedFileStatus } from "@recrest/shared";
 
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/molecules/compounds/Tooltip";
 import { cn } from "@/lib/utils";
 
 interface ChangedFilesListProps {
@@ -36,28 +37,40 @@ export function ChangedFilesList({ files, truncated }: ChangedFilesListProps) {
       <ul className="max-h-64 divide-y divide-border overflow-y-auto">
         {files.map((file, i) => {
           const marker = MARKER[file.status];
+          const markerLabel = t(`detail.marker.${file.status}`);
           return (
             <li key={`${file.path}-${i}`} className="flex items-center gap-2 px-2.5 py-1.5 text-xs">
-              <span
-                aria-label={t(`detail.marker.${file.status}`)}
-                title={t(`detail.marker.${file.status}`)}
-                className={cn(
-                  "inline-flex h-5 min-w-[1.75rem] shrink-0 items-center justify-center rounded-sm px-1 font-mono text-[10px] font-bold",
-                  marker.tone,
-                )}
-              >
-                {marker.label}
-              </span>
+              <Tooltip>
+                <TooltipTrigger asChild>
+                  <span
+                    aria-label={markerLabel}
+                    data-testid="changed-files-marker"
+                    className={cn(
+                      "inline-flex h-5 min-w-[1.75rem] shrink-0 items-center justify-center rounded-sm px-1 font-mono text-[10px] font-bold",
+                      marker.tone,
+                    )}
+                  >
+                    {marker.label}
+                  </span>
+                </TooltipTrigger>
+                <TooltipContent>{markerLabel}</TooltipContent>
+              </Tooltip>
               <span className="min-w-0 flex-1 truncate font-mono text-muted-foreground">
                 {file.path}
               </span>
               {file.hasUnstagedChanges && (
-                <span
-                  title={t("detail.also_unstaged")}
-                  className="shrink-0 rounded-sm bg-status-warning/15 px-1 py-0.5 font-mono text-[9px] font-bold text-status-warning"
-                >
-                  M
-                </span>
+                <Tooltip>
+                  <TooltipTrigger asChild>
+                    <span
+                      aria-label={t("detail.also_unstaged")}
+                      data-testid="changed-files-also-unstaged"
+                      className="shrink-0 rounded-sm bg-status-warning/15 px-1 py-0.5 font-mono text-[9px] font-bold text-status-warning"
+                    >
+                      M
+                    </span>
+                  </TooltipTrigger>
+                  <TooltipContent>{t("detail.also_unstaged")}</TooltipContent>
+                </Tooltip>
               )}
             </li>
           );
diff --git a/app/src/components/organisms/repos/FindAcrossReposDialog/index.tsx b/app/src/components/organisms/repos/FindAcrossReposDialog/index.tsx
index c3d85e0..6ddf90c 100644
--- a/app/src/components/organisms/repos/FindAcrossReposDialog/index.tsx
+++ b/app/src/components/organisms/repos/FindAcrossReposDialog/index.tsx
@@ -91,7 +91,7 @@ export function FindAcrossReposDialog() {
               name="search"
               size={14}
               color="var(--ink-3)"
-              style={{ position: "absolute", left: 10, top: 12 }}
+              className="absolute left-[10px] top-3"
             />
             <input
               type="text"
diff --git a/app/src/components/organisms/repos/ImportFromProviderDialog/index.tsx b/app/src/components/organisms/repos/ImportFromProviderDialog/index.tsx
index c108a32..f8a3d23 100644
--- a/app/src/components/organisms/repos/ImportFromProviderDialog/index.tsx
+++ b/app/src/components/organisms/repos/ImportFromProviderDialog/index.tsx
@@ -1,4 +1,4 @@
-import { type FormEvent, useCallback, useEffect, useMemo, useState } from "react";
+import { type FormEvent, type ReactNode, useCallback, useEffect, useMemo, useState } from "react";
 
 import { useTranslation } from "react-i18next";
 
@@ -9,21 +9,22 @@ import {
   type RemoteRepository,
 } from "@recrest/shared";
 
-import { BrandIcon } from "@/components/atoms/BrandIcon";
+import { BrandIcon, type BrandSlug } from "@/components/atoms/BrandIcon";
 import { Button } from "@/components/atoms/Button";
 import { Checkbox } from "@/components/atoms/Checkbox";
-import { Icon } from "@/components/atoms/Icon";
+import { Icon, type IconName } from "@/components/atoms/Icon";
+import { LangDot } from "@/components/atoms/LangDot";
 import {
   Dialog,
   DialogContent,
   DialogDescription,
-  DialogFooter,
   DialogHeader,
   DialogTitle,
 } from "@/components/molecules/compounds/Dialog";
 import { RemoteRepoListSkeleton } from "@/components/molecules/skeletons/RemoteRepoListSkeleton";
 import { invoke, isTauri } from "@/lib/tauri";
 import { toast } from "@/lib/toast";
+import { cn } from "@/lib/utils";
 import { useAppDispatch, useAppSelector } from "@/store/hooks";
 import { upsertConnection } from "@/store/slices/providersSlice";
 import {
@@ -38,6 +39,13 @@ import { setImportDialogOpen } from "@/store/slices/uiSlice";
 
 type Tab = "providers" | "url";
 
+/** GitHub's brand hex (#181717) disappears on dark backgrounds. Map it to
+ *  `--ink-0` so it stays visible in both themes (near-black light, white dark).
+ *  GitLab orange and Bitbucket blue render fine against either theme. */
+function brandColor(slug: BrandSlug): string {
+  return slug === "github" ? "var(--ink-0)" : "brand";
+}
+
 export function ImportFromProviderDialog() {
   const { t } = useTranslation();
   const dispatch = useAppDispatch();
@@ -57,32 +65,41 @@ export function ImportFromProviderDialog() {
 
   return (
     <Dialog open={open} onOpenChange={(v) => dispatch(setImportDialogOpen(v))}>
-      <DialogContent className="max-w-3xl gap-0 p-0 sm:max-w-4xl">
-        <DialogHeader className="border-b border-border px-6 py-4 text-left">
-          <DialogTitle>{t("import.title", { defaultValue: "Add repositories" })}</DialogTitle>
-          <DialogDescription>
-            {t("import.desc", {
-              defaultValue:
-                "Import from a connected provider or clone from any URL into a folder of your choice.",
-            })}
-          </DialogDescription>
+      <DialogContent className="max-w-3xl gap-0 overflow-hidden border border-border bg-card p-0 shadow-(--shadow-pop) sm:max-w-4xl">
+        <DialogHeader className="flex-row items-start gap-4 border-b border-border px-6 py-5 text-left">
+          <div className="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-accent text-accent-foreground">
+            <Icon name="plus" size={20} />
+          </div>
+          <div className="flex min-w-0 flex-1 flex-col gap-1">
+            <DialogTitle className="text-foreground">
+              {t("import.title", { defaultValue: "Add repositories" })}
+            </DialogTitle>
+            <DialogDescription className="text-muted-foreground">
+              {t("import.desc", {
+                defaultValue:
+                  "Import from a connected provider or clone from any URL into a folder of your choice.",
+              })}
+            </DialogDescription>
+          </div>
         </DialogHeader>
 
-        <div className="flex gap-2 border-b border-border px-6 pt-3">
+        <div className="flex gap-1 border-b border-border px-5 pt-3">
           <TabButton
             active={tab === "providers"}
             onClick={() => setTab("providers")}
+            icon="repo"
             label={t("import.tab.providers", { defaultValue: "From providers" })}
             badge={connectedProviders.length}
           />
           <TabButton
             active={tab === "url"}
             onClick={() => setTab("url")}
+            icon="external"
             label={t("import.tab.url", { defaultValue: "From URL" })}
           />
         </div>
 
-        <div className="max-h-[560px] overflow-hidden">
+        <div className="h-[560px] overflow-hidden bg-card">
           {tab === "providers" ? (
             <ProvidersPanel connectedProviders={connectedProviders} />
           ) : (
@@ -97,11 +114,13 @@ export function ImportFromProviderDialog() {
 function TabButton({
   active,
   onClick,
+  icon,
   label,
   badge,
 }: {
   active: boolean;
   onClick: () => void;
+  icon: IconName;
   label: string;
   badge?: number;
 }) {
@@ -109,17 +128,26 @@ function TabButton({
     <button
       type="button"
       onClick={onClick}
-      className={`relative px-3 py-2 text-sm transition-colors ${
-        active ? "text-foreground" : "text-muted-foreground hover:text-foreground"
-      }`}
+      className={cn(
+        "relative inline-flex items-center gap-2 px-3 py-2.5 text-xs font-medium transition-colors",
+        active ? "text-foreground" : "text-muted-foreground",
+      )}
     >
-      {label}
+      <Icon name={icon} size={13} color={active ? "var(--accent)" : "currentColor"} />
+      <span>{label}</span>
       {badge != null && badge > 0 ? (
-        <span className="ml-2 inline-flex h-4 min-w-[16px] items-center justify-center rounded-full bg-muted px-1 text-[10px]">
+        <span
+          className={cn(
+            "inline-flex h-4 min-w-[16px] items-center justify-center rounded-full px-1 text-[10px] font-semibold",
+            active ? "bg-accent text-accent-foreground" : "bg-(--surface-3) text-(--ink-2)",
+          )}
+        >
           {badge}
         </span>
       ) : null}
-      {active && <span className="absolute -bottom-px left-0 right-0 h-0.5 bg-primary" />}
+      {active && (
+        <span className="absolute -bottom-px left-0 right-0 h-[2px] rounded-t-full bg-(--accent)" />
+      )}
     </button>
   );
 }
@@ -157,16 +185,32 @@ function ProvidersPanel({ connectedProviders }: { connectedProviders: ProviderId
   const [destination, setDestination] = useState<string>("");
   const [cloning, setCloning] = useState(false);
 
-  const filtered = useMemo(() => {
+  const { filtered, groups } = useMemo(() => {
     const q = query.trim().toLowerCase();
     const all = listing?.repositories ?? [];
-    if (!q) return all;
-    return all.filter(
-      (r) =>
-        r.fullName.toLowerCase().includes(q) ||
-        (r.description?.toLowerCase().includes(q) ?? false) ||
-        r.ownerLogin.toLowerCase().includes(q),
-    );
+    const matched = q
+      ? all.filter(
+          (r) =>
+            r.fullName.toLowerCase().includes(q) ||
+            (r.description?.toLowerCase().includes(q) ?? false) ||
+            r.ownerLogin.toLowerCase().includes(q),
+        )
+      : all;
+    // Sort by last-pushed desc (real activity), fallback to updatedAt.
+    const byRecent = (a: RemoteRepository, b: RemoteRepository) => {
+      const aKey = a.pushedAt ?? a.updatedAt ?? "";
+      const bKey = b.pushedAt ?? b.updatedAt ?? "";
+      return bKey.localeCompare(aKey);
+    };
+    const localMatches = listing?.localMatches ?? {};
+    const sorted = [...matched].sort(byRecent);
+    const available: RemoteRepository[] = [];
+    const added: RemoteRepository[] = [];
+    for (const r of sorted) {
+      if (localMatches[r.id]) added.push(r);
+      else available.push(r);
+    }
+    return { filtered: sorted, groups: { available, added } };
   }, [listing, query]);
 
   const toggle = useCallback((id: string) => {
@@ -236,11 +280,14 @@ function ProvidersPanel({ connectedProviders }: { connectedProviders: ProviderId
 
   if (connectedProviders.length === 0) {
     return (
-      <div className="flex flex-col items-center justify-center gap-3 p-12 text-center">
+      <div className="flex flex-col items-center justify-center gap-4 p-14 text-center">
+        <div className="flex h-16 w-16 items-center justify-center rounded-full bg-accent">
+          <Icon name="key" size={24} color="var(--accent-ink)" />
+        </div>
         <div className="flex items-center gap-3">
-          <BrandIcon slug="github" size={28} color="brand" />
-          <BrandIcon slug="gitlab" size={28} color="brand" />
-          <BrandIcon slug="bitbucket" size={28} color="brand" />
+          <BrandIcon slug="github" size={22} color={brandColor("github")} />
+          <BrandIcon slug="gitlab" size={22} color={brandColor("gitlab")} />
+          <BrandIcon slug="bitbucket" size={22} color={brandColor("bitbucket")} />
         </div>
         <p className="max-w-sm text-sm text-muted-foreground">
           {t("import.connect_first", {
@@ -252,58 +299,55 @@ function ProvidersPanel({ connectedProviders }: { connectedProviders: ProviderId
     );
   }
 
+  const canImport = !cloning && selected.size > 0 && Boolean(destination);
+
   return (
-    <div className="grid min-h-[460px] grid-cols-[220px_1fr] gap-0">
-      <aside className="flex flex-col gap-1 overflow-y-auto border-r border-border p-3 text-sm">
+    <div className="grid h-full grid-cols-[232px_1fr] gap-0">
+      <aside className="flex flex-col gap-0.5 overflow-y-auto border-r border-border p-3 text-sm">
+        <div className="px-2 pb-2 text-[10px] font-semibold uppercase tracking-wider text-(--ink-4)">
+          {t("import.providers_heading", { defaultValue: "Providers" })}
+        </div>
         {connectedProviders.map((id) => (
-          <div key={id} className="flex flex-col">
-            <button
-              type="button"
+          <div key={id} className="flex flex-col gap-0.5">
+            <SidebarItem
+              active={activeProvider === id && activeOrg === null}
               onClick={() => {
                 setActiveProvider(id);
                 setActiveOrg(null);
                 setSelected(new Set());
               }}
-              className={`flex items-center gap-2 rounded px-2 py-1.5 text-left transition-colors ${
-                activeProvider === id && activeOrg === null
-                  ? "bg-accent text-accent-foreground"
-                  : "hover:bg-muted"
-              }`}
             >
-              <BrandIcon slug={id} size={14} color="brand" />
+              <BrandIcon slug={id} size={14} color={brandColor(id)} />
               <span className="truncate font-medium">{PROVIDER_NAMES[id]}</span>
-            </button>
+            </SidebarItem>
             {activeProvider === id &&
               orgs.map((org) => (
-                <button
+                <SidebarItem
                   key={org.id}
-                  type="button"
+                  active={activeOrg === org.slug}
                   onClick={() => setActiveOrg(org.slug)}
-                  className={`ml-4 flex items-center gap-2 rounded px-2 py-1 text-left text-xs transition-colors ${
-                    activeOrg === org.slug
-                      ? "bg-accent text-accent-foreground"
-                      : "text-muted-foreground hover:bg-muted"
-                  }`}
+                  indent
                 >
+                  <OrgAvatar url={org.avatarUrl} name={org.displayName} />
                   <span className="truncate">{org.displayName}</span>
-                </button>
+                </SidebarItem>
               ))}
           </div>
         ))}
       </aside>
 
-      <section className="flex flex-col overflow-hidden">
-        <div className="flex items-center gap-2 border-b border-border p-3">
+      <section className="flex min-h-0 flex-col overflow-hidden">
+        <div className="flex items-center gap-3 border-b border-border p-3">
           <div className="relative flex-1">
             <Icon
               name="search"
               size={12}
               color="var(--ink-3)"
-              style={{ position: "absolute", left: 8, top: 10 }}
+              className="absolute left-[10px] top-1/2 -translate-y-1/2"
             />
             <input
               type="text"
-              className="w-full rounded-md border border-input bg-background px-7 py-2 text-xs"
+              className="w-full rounded-md border border-input bg-muted px-8 py-2 text-xs text-foreground outline-none transition-[box-shadow,border-color] focus:border-(--accent) focus:shadow-[0_0_0_3px_var(--accent-weak)]"
               placeholder={t("import.search_placeholder", {
                 defaultValue: "Search repositories…",
               })}
@@ -311,59 +355,86 @@ function ProvidersPanel({ connectedProviders }: { connectedProviders: ProviderId
               onChange={(e) => setQuery(e.target.value)}
             />
           </div>
-          <span className="text-xs text-muted-foreground">
-            {t("import.selected_count", {
-              count: selected.size,
-              defaultValue: "{{count}} selected",
-            })}
-          </span>
+          {selected.size > 0 && (
+            <span className="inline-flex items-center gap-1.5 rounded-full bg-accent px-2.5 py-1 text-[10px] font-semibold text-accent-foreground">
+              <Icon name="check" size={11} />
+              {t("import.selected_count", {
+                count: selected.size,
+                defaultValue: "{{count}} selected",
+              })}
+            </span>
+          )}
         </div>
 
-        <div className="flex-1 overflow-y-auto">
+        <div className="min-h-0 flex-1 overflow-y-auto">
           {loading && filtered.length === 0 ? (
             <RemoteRepoListSkeleton rows={8} />
           ) : filtered.length === 0 ? (
-            <div className="p-6 text-center text-xs text-muted-foreground">
+            <div className="flex flex-col items-center justify-center gap-2 p-10 text-center text-xs text-muted-foreground">
+              <Icon name="inbox" size={24} color="var(--ink-4)" />
               {t("import.no_results", { defaultValue: "No repositories." })}
             </div>
           ) : (
-            filtered.map((r) => (
-              <RepoCard
-                key={r.id}
-                repo={r}
-                selected={selected.has(r.id)}
-                alreadyLocal={Boolean(listing?.localMatches[r.id])}
-                onToggle={() => toggle(r.id)}
-                progress={progress[r.id]?.stage}
-              />
-            ))
+            <>
+              {groups.available.length > 0 && (
+                <>
+                  <SectionHeader
+                    label={t("import.group.available", {
+                      defaultValue: "Available — recently active",
+                    })}
+                    count={groups.available.length}
+                  />
+                  {groups.available.map((r) => (
+                    <RepoCard
+                      key={r.id}
+                      repo={r}
+                      selected={selected.has(r.id)}
+                      alreadyLocal={false}
+                      onToggle={() => toggle(r.id)}
+                      progress={progress[r.id]?.stage}
+                    />
+                  ))}
+                </>
+              )}
+              {groups.added.length > 0 && (
+                <>
+                  <SectionHeader
+                    label={t("import.group.added", { defaultValue: "Already on system" })}
+                    count={groups.added.length}
+                  />
+                  {groups.added.map((r) => (
+                    <RepoCard
+                      key={r.id}
+                      repo={r}
+                      selected={selected.has(r.id)}
+                      alreadyLocal
+                      onToggle={() => toggle(r.id)}
+                      progress={progress[r.id]?.stage}
+                    />
+                  ))}
+                </>
+              )}
+            </>
           )}
         </div>
 
-        <DialogFooter className="flex items-center justify-between gap-2 border-t border-border p-3 sm:flex-row">
-          <div className="flex flex-1 items-center gap-2">
-            <input
-              type="text"
-              className="flex-1 rounded-md border border-input bg-background px-2 py-1.5 text-xs"
-              placeholder={t("import.dest_placeholder", { defaultValue: "Destination folder…" })}
-              value={destination}
-              onChange={(e) => setDestination(e.target.value)}
-              readOnly
-              onClick={() => void pickDestination()}
-            />
-            <Button variant="outline" size="sm" onClick={() => void pickDestination()}>
-              {t("import.browse", { defaultValue: "Browse…" })}
-            </Button>
-          </div>
+        <div className="flex flex-col gap-2 border-t border-border p-3 sm:flex-row sm:items-center sm:justify-between">
+          <DestinationField value={destination} onPick={() => void pickDestination()} />
           <Button
             size="sm"
             onClick={() => void onImport()}
             loading={cloning}
-            disabled={cloning || selected.size === 0 || !destination}
+            disabled={!canImport}
+            className={
+              canImport
+                ? "border-(--accent) bg-(--accent) text-white hover:bg-(--accent)/90"
+                : undefined
+            }
           >
+            <Icon name="arrowDown" size={13} />
             {t("import.submit", { count: selected.size, defaultValue: "Import {{count}}" })}
           </Button>
-        </DialogFooter>
+        </div>
       </section>
     </div>
   );
@@ -372,6 +443,129 @@ function ProvidersPanel({ connectedProviders }: { connectedProviders: ProviderId
   void SELF_KEY;
 }
 
+function SidebarItem({
+  active,
+  onClick,
+  indent,
+  children,
+}: {
+  active: boolean;
+  onClick: () => void;
+  indent?: boolean;
+  children: ReactNode;
+}) {
+  return (
+    <button
+      type="button"
+      onClick={onClick}
+      className={`flex items-center gap-2 rounded-md px-2 py-1.5 text-left transition-colors ${
+        indent ? "ml-4 text-xs" : ""
+      }`}
+      style={{
+        background: active ? "var(--accent-weak)" : "transparent",
+        color: active ? "var(--accent-ink)" : "var(--ink-2)",
+        fontWeight: active ? 600 : 500,
+      }}
+      onMouseEnter={(e) => {
+        if (!active) e.currentTarget.style.background = "var(--surface-hover)";
+      }}
+      onMouseLeave={(e) => {
+        if (!active) e.currentTarget.style.background = "transparent";
+      }}
+    >
+      {children}
+    </button>
+  );
+}
+
+function SectionHeader({ label, count }: { label: string; count: number }) {
+  return (
+    <div className="sticky top-0 z-10 flex items-center gap-2 border-b border-border bg-card px-4 py-1.5 text-[10px] font-semibold uppercase tracking-wider text-(--ink-4)">
+      <span>{label}</span>
+      <span className="inline-flex h-4 min-w-[16px] items-center justify-center rounded-full bg-(--surface-3) px-1 text-[10px] text-muted-foreground">
+        {count}
+      </span>
+    </div>
+  );
+}
+
+function OrgAvatar({ url, name }: { url: string | null; name: string }) {
+  const initials = name.slice(0, 2).toUpperCase();
+  if (url) {
+    return (
+      <img
+        src={url}
+        alt=""
+        width={16}
+        height={16}
+        className="h-4 w-4 shrink-0 rounded-[4px] border border-border object-cover"
+      />
+    );
+  }
+  return (
+    <span
+      aria-hidden
+      className="inline-flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px] border border-border bg-(--surface-3) text-[8px] font-semibold text-(--ink-2)"
+    >
+      {initials}
+    </span>
+  );
+}
+
+function DestinationField({ value, onPick }: { value: string; onPick: () => void }) {
+  const { t } = useTranslation();
+  return (
+    <button
+      type="button"
+      onClick={onPick}
+      className="group relative flex flex-1 items-center gap-2 overflow-hidden rounded-md px-2.5 py-1.5 text-left text-xs transition-colors"
+      style={{
+        background: "var(--surface-2)",
+        border: "1px solid var(--border)",
+        color: value ? "var(--ink-1)" : "var(--ink-4)",
+      }}
+      onMouseEnter={(e) => {
+        e.currentTarget.style.borderColor = "var(--border-strong)";
+      }}
+      onMouseLeave={(e) => {
+        e.currentTarget.style.borderColor = "var(--border)";
+      }}
+    >
+      <Icon
+        name="folder"
+        size={13}
+        color={value ? "var(--accent)" : "var(--ink-4)"}
+        style={{ flexShrink: 0 }}
+      />
+      <span className="truncate">
+        {value || t("import.dest_placeholder", { defaultValue: "Choose destination folder…" })}
+      </span>
+      <Icon
+        name="chev"
+        size={11}
+        color="var(--ink-4)"
+        style={{ marginLeft: "auto", flexShrink: 0 }}
+      />
+    </button>
+  );
+}
+
+function MetaBadge({ tone, children }: { tone: "neutral" | "success"; children: ReactNode }) {
+  if (tone === "success") {
+    return (
+      <span className="inline-flex items-center gap-1 rounded bg-(--green-weak) px-1.5 py-0.5 text-[10px] font-medium text-(--green)">
+        <Icon name="check" size={9} />
+        {children}
+      </span>
+    );
+  }
+  return (
+    <span className="rounded bg-(--surface-3) px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground">
+      {children}
+    </span>
+  );
+}
+
 function RepoCard({
   repo,
   selected,
@@ -387,10 +581,22 @@ function RepoCard({
 }) {
   return (
     <label
-      className={`flex cursor-pointer items-center gap-3 border-b border-border px-4 py-2.5 transition-colors ${
-        selected ? "bg-muted/50" : "hover:bg-muted/30"
-      } ${alreadyLocal ? "opacity-60" : ""}`}
+      className="relative flex cursor-pointer items-center gap-3 px-4 py-2.5 transition-colors"
+      style={{
+        borderBottom: "1px solid var(--border)",
+        background: selected ? "var(--accent-weak)" : "transparent",
+        opacity: alreadyLocal ? 0.6 : 1,
+      }}
+      onMouseEnter={(e) => {
+        if (!selected) e.currentTarget.style.background = "var(--surface-hover)";
+      }}
+      onMouseLeave={(e) => {
+        if (!selected) e.currentTarget.style.background = "transparent";
+      }}
     >
+      {selected && (
+        <span aria-hidden className="absolute left-0 top-0 h-full w-[2px] bg-(--accent)" />
+      )}
       <Checkbox
         checked={selected}
         disabled={alreadyLocal}
@@ -398,40 +604,44 @@ function RepoCard({
       />
       <div className="min-w-0 flex-1">
         <div className="flex items-center gap-2">
-          <span className="truncate text-sm font-medium">{repo.fullName}</span>
-          {repo.isPrivate && (
-            <span className="rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground">
-              private
-            </span>
-          )}
-          {repo.isFork && (
-            <span className="rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground">
-              fork
-            </span>
-          )}
-          {repo.isArchived && (
-            <span className="rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground">
-              archived
-            </span>
-          )}
-          {alreadyLocal && (
-            <span className="rounded bg-green-500/10 px-1.5 py-0.5 text-[10px] text-green-500">
-              ✓ on system
-            </span>
-          )}
+          <span className="truncate text-sm font-medium text-foreground">{repo.fullName}</span>
+          {repo.isPrivate && <MetaBadge tone="neutral">private</MetaBadge>}
+          {repo.isFork && <MetaBadge tone="neutral">fork</MetaBadge>}
+          {repo.isArchived && <MetaBadge tone="neutral">archived</MetaBadge>}
+          {alreadyLocal && <MetaBadge tone="success">on system</MetaBadge>}
         </div>
         {repo.description && (
           <div className="truncate text-xs text-muted-foreground">{repo.description}</div>
         )}
-        <div className="mt-0.5 flex items-center gap-2 text-[10px] text-muted-foreground">
-          {repo.language && <span>{repo.language}</span>}
-          {repo.language && repo.updatedAt && <span>·</span>}
+        <div className="mt-0.5 flex items-center gap-2 text-[10px] text-(--ink-4)">
+          {repo.language && (
+            <span className="inline-flex items-center gap-1">
+              <LangDot lang={repo.language} />
+              {repo.language}
+            </span>
+          )}
+          {repo.language && repo.updatedAt && <span aria-hidden>·</span>}
           {repo.updatedAt && <span>updated {repo.updatedAt.slice(0, 10)}</span>}
         </div>
       </div>
-      {progress === "cloning" && <span className="text-xs text-muted-foreground">cloning…</span>}
-      {progress === "done" && <span className="text-xs text-green-500">✓</span>}
-      {progress === "error" && <span className="text-xs text-destructive">✗</span>}
+      {progress === "cloning" && (
+        <span className="inline-flex items-center gap-1 text-[11px] text-muted-foreground">
+          <Icon name="refresh" size={11} className="animate-spin" />
+          cloning…
+        </span>
+      )}
+      {progress === "done" && (
+        <span className="inline-flex items-center gap-1 text-[11px] font-semibold text-(--green)">
+          <Icon name="check" size={11} />
+          done
+        </span>
+      )}
+      {progress === "error" && (
+        <span className="inline-flex items-center gap-1 text-[11px] font-semibold text-(--red)">
+          <Icon name="x" size={11} />
+          failed
+        </span>
+      )}
     </label>
   );
 }
@@ -478,69 +688,100 @@ function UrlPanel() {
     void invoke; // dedupe import
   };
 
+  const canSubmit = Boolean(url.trim()) && Boolean(destination) && !submitting;
+
   return (
-    <form onSubmit={(e) => void onSubmit(e)} className="space-y-4 p-6">
-      <div className="space-y-1.5">
-        <label className="text-xs font-medium">
-          {t("import.url_label", { defaultValue: "Repository URL" })}
-        </label>
-        <input
-          type="text"
-          autoFocus
-          required
-          placeholder="https://github.com/owner/repo.git"
-          className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm"
-          value={url}
-          onChange={(e) => setUrl(e.target.value)}
-        />
-      </div>
-      <div className="space-y-1.5">
-        <label className="text-xs font-medium">
-          {t("import.dest_label", { defaultValue: "Destination folder" })}
-        </label>
-        <div className="flex gap-2">
+    <form onSubmit={(e) => void onSubmit(e)} className="flex min-h-[460px] flex-col">
+      <div className="flex-1 space-y-5 p-6">
+        <FieldGroup
+          icon="external"
+          label={t("import.url_label", { defaultValue: "Repository URL" })}
+          hint={t("import.url_hint", {
+            defaultValue: "HTTPS or SSH — GitHub, GitLab, Bitbucket, or self-hosted.",
+          })}
+        >
           <input
             type="text"
+            autoFocus
             required
-            readOnly
-            placeholder={t("import.dest_placeholder", { defaultValue: "Choose a folder…" })}
-            className="flex-1 rounded-md border border-input bg-background px-3 py-2 text-sm"
-            value={destination}
-            onClick={() => void pickDestination()}
+            placeholder="https://github.com/owner/repo.git"
+            className="w-full rounded-md border border-input bg-muted px-3 py-2 font-mono text-sm text-foreground outline-none transition-[box-shadow,border-color] focus:border-(--accent) focus:shadow-[0_0_0_3px_var(--accent-weak)]"
+            value={url}
+            onChange={(e) => setUrl(e.target.value)}
           />
-          <Button type="button" variant="outline" size="sm" onClick={() => void pickDestination()}>
-            {t("import.browse", { defaultValue: "Browse…" })}
-          </Button>
-        </div>
-      </div>
-      <div className="space-y-1.5">
-        <label className="text-xs font-medium">
-          {t("import.subfolder_label", {
-            defaultValue: "Subfolder name (optional)",
-          })}
-        </label>
-        <input
-          type="text"
-          className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm"
-          placeholder={t("import.subfolder_placeholder", {
-            defaultValue: "Auto from URL if left empty",
-          })}
-          value={subFolder}
-          onChange={(e) => setSubFolder(e.target.value)}
-        />
+        </FieldGroup>
+
+        <FieldGroup
+          icon="folder"
+          label={t("import.dest_label", { defaultValue: "Destination folder" })}
+        >
+          <DestinationField value={destination} onPick={() => void pickDestination()} />
+        </FieldGroup>
+
+        <FieldGroup
+          icon="edit"
+          label={t("import.subfolder_label", { defaultValue: "Subfolder name" })}
+          hint={t("import.subfolder_hint", { defaultValue: "Auto from URL if left empty." })}
+        >
+          <input
+            type="text"
+            className="w-full rounded-md border border-input bg-muted px-3 py-2 text-sm text-foreground outline-none transition-[box-shadow,border-color] focus:border-(--accent) focus:shadow-[0_0_0_3px_var(--accent-weak)]"
+            placeholder={t("import.subfolder_placeholder", {
+              defaultValue: "e.g. my-fork",
+            })}
+            value={subFolder}
+            onChange={(e) => setSubFolder(e.target.value)}
+          />
+        </FieldGroup>
       </div>
-      <DialogFooter>
+
+      <div className="flex items-center justify-end gap-2 border-t border-border p-4">
         <Button
           type="button"
           variant="outline"
+          size="sm"
           onClick={() => dispatch(setImportDialogOpen(false))}
         >
           {t("actions.cancel", { ns: "common", defaultValue: "Cancel" })}
         </Button>
-        <Button type="submit" loading={submitting} disabled={!url.trim() || !destination}>
+        <Button
+          type="submit"
+          size="sm"
+          loading={submitting}
+          disabled={!canSubmit}
+          className={
+            canSubmit
+              ? "border-(--accent) bg-(--accent) text-white hover:bg-(--accent)/90"
+              : undefined
+          }
+        >
+          <Icon name="arrowDown" size={13} />
           {t("import.clone_now", { defaultValue: "Clone" })}
         </Button>
-      </DialogFooter>
+      </div>
     </form>
   );
 }
+
+function FieldGroup({
+  icon,
+  label,
+  hint,
+  children,
+}: {
+  icon: IconName;
+  label: string;
+  hint?: string;
+  children: ReactNode;
+}) {
+  return (
+    <div className="space-y-1.5">
+      <div className="flex items-center gap-1.5">
+        <Icon name={icon} size={12} color="var(--ink-3)" />
+        <label className="text-xs font-semibold text-foreground">{label}</label>
+      </div>
+      {children}
+      {hint && <p className="text-[11px] text-(--ink-4)">{hint}</p>}
+    </div>
+  );
+}
diff --git a/app/src/components/organisms/repos/RepoDetail/index.tsx b/app/src/components/organisms/repos/RepoDetail/index.tsx
index 66dfb3f..cf7a39d 100644
--- a/app/src/components/organisms/repos/RepoDetail/index.tsx
+++ b/app/src/components/organisms/repos/RepoDetail/index.tsx
@@ -12,6 +12,7 @@ import {
 import { Button } from "@/components/atoms/Button";
 import { EmptyState } from "@/components/molecules/EmptyState";
 import { OpenInIdeButton } from "@/components/molecules/OpenInIdeButton";
+import { TruncatedTooltip } from "@/components/molecules/compounds/TruncatedTooltip";
 import { ChangedFilesList } from "@/components/organisms/repos/ChangedFilesList";
 import { invoke, openExternal } from "@/lib/tauri";
 import { toast } from "@/lib/toast";
@@ -38,9 +39,9 @@ export function RepoDetail({ repo }: RepoDetailProps) {
     <section className="flex flex-col gap-5 bg-card p-5">
       <header>
         <h2 className="text-lg font-semibold">{repo.name}</h2>
-        <p className="truncate text-xs text-muted-foreground" title={repo.path}>
-          {repo.path}
-        </p>
+        <TruncatedTooltip content={repo.path}>
+          <p className="truncate text-xs text-muted-foreground">{repo.path}</p>
+        </TruncatedTooltip>
         <div className="mt-3 flex flex-wrap gap-2">
           <OpenInIdeButton repoId={repo.id} variant="default" />
           <Button
@@ -86,6 +87,7 @@ export function RepoDetail({ repo }: RepoDetailProps) {
         <h3 className="mb-2 text-sm font-semibold">{t("detail.open_prs")}</h3>
         {prs.filter((p) => p.state === "open").length === 0 ? (
           <EmptyState
+            mascot="snoozing"
             title={t("empty", { ns: "prs" })}
             description={t("detail.open_prs_empty_desc")}
             className="py-6"
@@ -125,9 +127,9 @@ function StatCard({ label, value }: StatCardProps) {
   return (
     <div className="rounded-md border border-border p-3">
       <div className="text-[11px] uppercase tracking-wide text-muted-foreground">{label}</div>
-      <div className="mt-1 truncate text-sm font-medium" title={value}>
-        {value}
-      </div>
+      <TruncatedTooltip content={value}>
+        <div className="mt-1 truncate text-sm font-medium">{value}</div>
+      </TruncatedTooltip>
     </div>
   );
 }
diff --git a/app/src/components/organisms/repos/RepoList/index.tsx b/app/src/components/organisms/repos/RepoList/index.tsx
index b85ea0f..2c7302b 100644
--- a/app/src/components/organisms/repos/RepoList/index.tsx
+++ b/app/src/components/organisms/repos/RepoList/index.tsx
@@ -3,6 +3,7 @@ import { useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 
 import { Icon } from "@/components/atoms/Icon";
+import { EmptyState } from "@/components/molecules/EmptyState";
 import { COL_TEMPLATE, RepoRow } from "@/components/organisms/repos/RepoRow";
 import type { EnrichedRepo } from "@/lib/repoEnrich";
 import { useAppDispatch, useAppSelector } from "@/store/hooks";
@@ -53,7 +54,7 @@ export function RepoList({ repos, grouped = true }: RepoListProps) {
       </div>
 
       {groups.map((g, gi) => (
-        <div key={g.label ?? gi}>
+        <div key={g.label ?? gi} style={{ "--gi": gi } as React.CSSProperties}>
           {g.label && (
             <button
               type="button"
@@ -74,18 +75,21 @@ export function RepoList({ repos, grouped = true }: RepoListProps) {
             </button>
           )}
           {!collapsedGroups.has(g.label ?? "") &&
-            g.items.map((r) => (
-              <RepoRow key={r.id} repo={r} selected={r.id === selectedId} onSelect={onSelect} />
+            g.items.map((r, i) => (
+              <RepoRow
+                key={r.id}
+                repo={r}
+                selected={r.id === selectedId}
+                onSelect={onSelect}
+                animIndex={i}
+              />
             ))}
         </div>
       ))}
 
       {repos.length === 0 && (
-        <div
-          style={{ padding: "32px 20px", textAlign: "center", color: "var(--ink-3)" }}
-          data-testid="repo-list-empty"
-        >
-          {t("states.empty")}
+        <div className="flex h-full w-full" data-testid="repo-list-empty">
+          <EmptyState mascot="waving" title={t("states.empty")} />
         </div>
       )}
     </div>
diff --git a/app/src/components/organisms/repos/RepoRow/RepoRow.test.tsx b/app/src/components/organisms/repos/RepoRow/RepoRow.test.tsx
index 8091e1d..052a276 100644
--- a/app/src/components/organisms/repos/RepoRow/RepoRow.test.tsx
+++ b/app/src/components/organisms/repos/RepoRow/RepoRow.test.tsx
@@ -21,16 +21,17 @@ function mount(onSelect = vi.fn(), selected = false) {
 describe("RepoRow", () => {
   it("renders the repo name", () => {
     mount();
-    expect(screen.getByText("recrest")).toBeInTheDocument();
+    // Repo name fixture is "recrest" — testid-based to avoid text coupling.
+    expect(screen.getByTestId("repo-row-name")).toHaveTextContent("recrest");
   });
 
-  it("marks the row with a .selected class when selected", () => {
-    const { container } = mount(vi.fn(), true);
-    expect(container.querySelector(".a-row.selected")).not.toBeNull();
+  it("marks the row as selected", () => {
+    mount(vi.fn(), true);
+    expect(screen.getByTestId("repo-row")).toHaveAttribute("data-selected", "true");
   });
 
-  it("does not carry the .selected class when not selected", () => {
-    const { container } = mount(vi.fn(), false);
-    expect(container.querySelector(".a-row.selected")).toBeNull();
+  it("does not mark the row as selected when unselected", () => {
+    mount(vi.fn(), false);
+    expect(screen.getByTestId("repo-row")).not.toHaveAttribute("data-selected");
   });
 });
diff --git a/app/src/components/organisms/repos/RepoRow/index.tsx b/app/src/components/organisms/repos/RepoRow/index.tsx
index ae6a6fc..f625019 100644
--- a/app/src/components/organisms/repos/RepoRow/index.tsx
+++ b/app/src/components/organisms/repos/RepoRow/index.tsx
@@ -29,17 +29,15 @@ interface RepoRowProps {
   repo: EnrichedRepo;
   selected?: boolean;
   onSelect: (id: string) => void;
+  /** Stagger index — feeds the CSS `--i` custom property so the page-level
+   *  entry animation can delay each row incrementally. `undefined` → no
+   *  stagger (row animates with default delay of 0). */
+  animIndex?: number;
 }
 
-export function RepoRow({ repo, selected, onSelect }: RepoRowProps) {
+export function RepoRow({ repo, selected, onSelect, animIndex }: RepoRowProps) {
   const dispatch = useAppDispatch();
   const { confirm, node: confirmNode } = useConfirm();
-  const handleKey = (e: React.KeyboardEvent) => {
-    if (e.key === "Enter" || e.key === " ") {
-      e.preventDefault();
-      onSelect(repo.id);
-    }
-  };
 
   const runCommand = async (cmd: TauriCommandName, label: string) => {
     const id = toast.loading(`Opening ${label}…`);
@@ -87,25 +85,40 @@ export function RepoRow({ repo, selected, onSelect }: RepoRowProps) {
     }
   };
 
+  // Cap the stagger depth so very long repo lists don't drag the entry
+  // animation out past ~500ms. Rows beyond that share a single late delay.
+  const STAGGER_CAP = 12;
+  const effectiveIndex = animIndex == null ? 0 : Math.min(animIndex, STAGGER_CAP);
+
   return (
     <div
       className={`a-row d-comfy${selected ? " selected" : ""}`}
-      style={{ gridTemplateColumns: COL_TEMPLATE }}
+      style={
+        {
+          gridTemplateColumns: COL_TEMPLATE,
+          "--i": effectiveIndex,
+        } as React.CSSProperties
+      }
       data-testid="repo-row"
       data-repo-id={repo.id}
       data-repo-name={repo.name}
       data-selected={selected ? "true" : undefined}
       data-dirty={repo.status.dirty ? "true" : undefined}
     >
-      <div
-        role="button"
-        tabIndex={0}
-        className="a-c-name"
+      {/* Transparent overlay sibling carries the row-selection interaction.
+       *  Keeping it as a sibling of `.a-c-actions` (rather than an ancestor)
+       *  means axe-core's `nested-interactive` rule is happy — real <button>
+       *  descendants in the actions column are not inside another interactive
+       *  element. CSS pins the overlay to fill the row behind the actions
+       *  column (z-index:0 vs actions z-index:1). */}
+      <button
+        type="button"
+        className="a-row-select"
         aria-label={`Select repo: ${repo.name}`}
-        data-testid="repo-row-select"
         onClick={() => onSelect(repo.id)}
-        onKeyDown={handleKey}
-      >
+        data-testid="repo-row-select"
+      />
+      <div className="a-c-name">
         <RepoAvatar repo={repo} size={28} radius={6} />
         <div className="a-name-stack">
           <div className="a-name-line">
@@ -143,7 +156,7 @@ export function RepoRow({ repo, selected, onSelect }: RepoRowProps) {
         <Sparkline data={repo.activity} active={repo.status.dirty} width={88} height={16} />
       </div>
 
-      <div className="a-c-actions" onClick={(e) => e.stopPropagation()}>
+      <div className="a-c-actions">
         {confirmNode}
         <OpenInIdeButton repoId={repo.id} variant="icon" />
         <IconButton
diff --git a/app/src/components/organisms/search/SearchOverlay/index.tsx b/app/src/components/organisms/search/SearchOverlay/index.tsx
index 3e614b8..4c12d73 100644
--- a/app/src/components/organisms/search/SearchOverlay/index.tsx
+++ b/app/src/components/organisms/search/SearchOverlay/index.tsx
@@ -83,7 +83,7 @@ export function SearchOverlay() {
       key={r.id}
       id={`search-result-${r.id}`}
       role="option"
-      aria-selected={globalIndex === cursor}
+      aria-selected={globalIndex === cursor ? "true" : "false"}
       className="a-search-row-li"
     >
       <button
diff --git a/app/src/components/organisms/settings/ProviderAuth/index.tsx b/app/src/components/organisms/settings/ProviderAuth/index.tsx
index fa83de8..190d270 100644
--- a/app/src/components/organisms/settings/ProviderAuth/index.tsx
+++ b/app/src/components/organisms/settings/ProviderAuth/index.tsx
@@ -15,6 +15,7 @@ import {
 import { BrandIcon, type BrandSlug } from "@/components/atoms/BrandIcon";
 import { Icon } from "@/components/atoms/Icon";
 import { useConfirm } from "@/components/molecules/compounds/ConfirmDialog";
+import { TruncatedTooltip } from "@/components/molecules/compounds/TruncatedTooltip";
 import { SettingsSection } from "@/components/organisms/settings/SettingsSection";
 import { invoke, openExternal } from "@/lib/tauri";
 import { toast } from "@/lib/toast";
@@ -140,9 +141,9 @@ function ProviderRow({ providerId }: { providerId: ProviderId }) {
             {connected ? t("providers.status_connected") : t("providers.status_disconnected")}
           </span>
           {isSelfHosted && (
-            <span className="a-prov-selfhosted" title={effectiveBaseUrl}>
-              {t("providers.self_hosted")}
-            </span>
+            <TruncatedTooltip content={effectiveBaseUrl}>
+              <span className="a-prov-selfhosted">{t("providers.self_hosted")}</span>
+            </TruncatedTooltip>
           )}
         </div>
         {connected && connection?.username && (
diff --git a/app/src/components/organisms/settings/RepoSources/index.tsx b/app/src/components/organisms/settings/RepoSources/index.tsx
index c95bcc5..03dd7c7 100644
--- a/app/src/components/organisms/settings/RepoSources/index.tsx
+++ b/app/src/components/organisms/settings/RepoSources/index.tsx
@@ -15,6 +15,7 @@ import {
   AlertDialogTrigger,
 } from "@/components/molecules/compounds/AlertDialog";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/molecules/compounds/Tooltip";
+import { TruncatedTooltip } from "@/components/molecules/compounds/TruncatedTooltip";
 import { SettingsSection } from "@/components/organisms/settings/SettingsSection";
 import { isTauri } from "@/lib/tauri";
 import { toast } from "@/lib/toast";
@@ -145,9 +146,11 @@ export function RepoSources() {
             <div className="a-src-row-icon">
               <Icon name="folder" size={14} />
             </div>
-            <div className="a-set-row-l a-src-row-path" title={path}>
-              {path}
-            </div>
+            <TruncatedTooltip content={path}>
+              <div className="a-set-row-l a-src-row-path" data-testid="repo-sources-path">
+                {path}
+              </div>
+            </TruncatedTooltip>
             <div className="a-set-row-r">
               <AlertDialog>
                 <Tooltip>
diff --git a/app/src/components/organisms/settings/SettingsSection/SettingsSection.test.tsx b/app/src/components/organisms/settings/SettingsSection/SettingsSection.test.tsx
index 6ccc4af..3555cdc 100644
--- a/app/src/components/organisms/settings/SettingsSection/SettingsSection.test.tsx
+++ b/app/src/components/organisms/settings/SettingsSection/SettingsSection.test.tsx
@@ -16,11 +16,11 @@ describe("SettingsSection", () => {
   });
 
   it("omits the description slot when none is provided", () => {
-    const { container } = render(
+    render(
       <SettingsSection title="X">
         <span />
       </SettingsSection>,
     );
-    expect(container.querySelector(".a-set-section-desc")).toBeNull();
+    expect(screen.queryByTestId("settings-section-desc")).toBeNull();
   });
 });
diff --git a/app/src/components/organisms/settings/SettingsSection/index.tsx b/app/src/components/organisms/settings/SettingsSection/index.tsx
index da536ba..f8eeaad 100644
--- a/app/src/components/organisms/settings/SettingsSection/index.tsx
+++ b/app/src/components/organisms/settings/SettingsSection/index.tsx
@@ -15,7 +15,11 @@ export function SettingsSection({ title, description, children, className }: Set
   return (
     <section className={cn("a-set-section", className)}>
       <h3>{title}</h3>
-      {description && <div className="a-set-section-desc">{description}</div>}
+      {description && (
+        <div className="a-set-section-desc" data-testid="settings-section-desc">
+          {description}
+        </div>
+      )}
       <div className="a-set-card">{children}</div>
     </section>
   );
diff --git a/app/src/components/organisms/settings/SettingsView/index.tsx b/app/src/components/organisms/settings/SettingsView/index.tsx
index ec796cb..d300174 100644
--- a/app/src/components/organisms/settings/SettingsView/index.tsx
+++ b/app/src/components/organisms/settings/SettingsView/index.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { Suspense, lazy, useEffect, useState } from "react";
 
 import { useTranslation } from "react-i18next";
 
@@ -17,15 +17,47 @@ import { useAppDispatch } from "@/store/hooks";
 import { loadProviders } from "@/store/slices/providersSlice";
 import { loadSettings } from "@/store/slices/settingsSlice";
 
-type TabId = "general" | "accounts" | "integrations" | "shortcuts" | "storage" | "about";
+// Developer tab is a lazy import gated on `import.meta.env.DEV`. In
+// production the ternary resolves to a null component and Vite never emits
+// the dynamic-import chunk, so the whole module (including its direct
+// Tauri-plugin imports) drops out of the bundle.
+const DeveloperTab = import.meta.env.DEV
+  ? lazy(() => import("@/components/organisms/settings/tabs/DeveloperTab"))
+  : () => null;
+
+type TabId =
+  | "general"
+  | "accounts"
+  | "integrations"
+  | "shortcuts"
+  | "storage"
+  | "about"
+  | "developer";
+
+interface TabDescriptor {
+  id: TabId;
+  icon: IconName;
+  labelKey: string;
+}
 
-const TABS: { id: TabId; icon: IconName; labelKey: string }[] = [
+const TABS: TabDescriptor[] = [
   { id: "general", icon: "settings", labelKey: "settings.tab.general" },
   { id: "accounts", icon: "user", labelKey: "settings.tab.accounts" },
   { id: "integrations", icon: "code", labelKey: "settings.tab.integrations" },
   { id: "shortcuts", icon: "terminal", labelKey: "settings.tab.shortcuts" },
   { id: "storage", icon: "folder", labelKey: "settings.tab.storage" },
   { id: "about", icon: "box", labelKey: "settings.tab.about" },
+  // Developer tab is only present in dev builds — Vite drops the lazy chunk
+  // in production via the `import.meta.env.DEV` gate above.
+  ...(import.meta.env.DEV
+    ? [
+        {
+          id: "developer",
+          icon: "wrench",
+          labelKey: "settings.tab.developer",
+        } satisfies TabDescriptor,
+      ]
+    : []),
 ];
 
 export function SettingsView() {
@@ -39,14 +71,14 @@ export function SettingsView() {
   }, [dispatch]);
 
   return (
-    <div className="a-settings" data-testid="settings-view">
+    <div className="a-settings p-settings" data-testid="settings-view">
       <aside className="a-settings-nav" role="tablist" data-testid="settings-tabs">
         {TABS.map((tb) => (
           <button
             key={tb.id}
             type="button"
             role="tab"
-            aria-selected={tab === tb.id}
+            aria-selected={tab === tb.id ? "true" : "false"}
             className="a-settings-tab"
             data-active={tab === tb.id ? "true" : undefined}
             data-testid={`settings-tab-${tb.id}`}
@@ -64,7 +96,23 @@ export function SettingsView() {
         {tab === "shortcuts" && <SettingsShortcutsTab />}
         {tab === "storage" && <SettingsStorageTab />}
         {tab === "about" && <SettingsAboutTab />}
+        {tab === "developer" && <SettingsDeveloperTab />}
+      </div>
+    </div>
+  );
+}
+
+function SettingsDeveloperTab() {
+  const { t } = useTranslation();
+  return (
+    <div className="a-set-page">
+      <div className="a-set-head">
+        <h2>{t("settings.developer.title")}</h2>
+        <p>{t("settings.developer.intro")}</p>
       </div>
+      <Suspense fallback={null}>
+        <DeveloperTab />
+      </Suspense>
     </div>
   );
 }
@@ -142,7 +190,7 @@ function SettingsShortcutsTab() {
         <h2>{t("settings.shortcuts.title")}</h2>
         <p>
           {t("settings.shortcuts.intro")}{" "}
-          <span style={{ color: "var(--ink-3)" }}>
+          <span className="text-muted-foreground">
             ·{" "}
             {t("settings.shortcuts.os_hint", {
               os: platform === "mac" ? "macOS" : platform === "linux" ? "Linux" : "Windows",
diff --git a/app/src/components/organisms/settings/tabs/AboutTab/index.tsx b/app/src/components/organisms/settings/tabs/AboutTab/index.tsx
index 0c07766..4137bd5 100644
--- a/app/src/components/organisms/settings/tabs/AboutTab/index.tsx
+++ b/app/src/components/organisms/settings/tabs/AboutTab/index.tsx
@@ -120,12 +120,7 @@ export function AboutTabBody() {
                 <div className="a-set-row-lbl">{r.label}</div>
               </div>
               <div
-                className="a-set-row-r"
-                style={{
-                  fontFamily: r.mono ? "var(--font-mono)" : undefined,
-                  fontSize: 12.5,
-                  color: "var(--ink-1)",
-                }}
+                className={`a-set-row-r text-[12.5px] text-foreground ${r.mono ? "font-mono" : ""}`}
               >
                 {r.value}
               </div>
@@ -177,7 +172,7 @@ function AboutLinkRow({
   return (
     <div className="a-set-row">
       <div className="a-set-row-l">
-        <div className="a-set-row-lbl" style={{ gap: 8 }}>
+        <div className="a-set-row-lbl gap-2">
           {brand ? (
             <BrandIcon slug={brand} size={13} color="brand" />
           ) : iconName ? (
@@ -185,9 +180,7 @@ function AboutLinkRow({
           ) : null}
           {label}
         </div>
-        <div className="a-set-row-sub" style={{ fontFamily: "var(--font-mono)" }}>
-          {sub}
-        </div>
+        <div className="a-set-row-sub font-mono">{sub}</div>
       </div>
       <div className="a-set-row-r">
         <button type="button" className="r-btn" onClick={onOpen}>
diff --git a/app/src/components/organisms/settings/tabs/AppearanceSettings/index.tsx b/app/src/components/organisms/settings/tabs/AppearanceSettings/index.tsx
index 03bd002..ebce9e0 100644
--- a/app/src/components/organisms/settings/tabs/AppearanceSettings/index.tsx
+++ b/app/src/components/organisms/settings/tabs/AppearanceSettings/index.tsx
@@ -21,6 +21,7 @@ import {
   SelectTrigger,
   SelectValue,
 } from "@/components/molecules/compounds/Select";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/molecules/compounds/Tooltip";
 import i18n from "@/i18n";
 import { useAppDispatch, useAppSelector } from "@/store/hooks";
 import {
@@ -141,8 +142,7 @@ export function AppearanceSettings() {
                         countryCode={LOCALE_FLAG.en!}
                         svg
                         aria-hidden
-                        title=""
-                        style={{ width: "1.1em", height: "1.1em", borderRadius: 2 }}
+                        className="h-[1.1em] w-[1.1em] rounded-[2px]"
                       />
                       English
                     </span>
@@ -153,8 +153,7 @@ export function AppearanceSettings() {
                         countryCode={LOCALE_FLAG.de!}
                         svg
                         aria-hidden
-                        title=""
-                        style={{ width: "1.1em", height: "1.1em", borderRadius: 2 }}
+                        className="h-[1.1em] w-[1.1em] rounded-[2px]"
                       />
                       Deutsch
                     </span>
@@ -170,18 +169,25 @@ export function AppearanceSettings() {
               <div className="a-set-row-sub">{t("fields.accent_sub")}</div>
             </div>
             <div className="a-set-row-r a-accent-row">
-              {ACCENTS.map((a) => (
-                <button
-                  key={a}
-                  type="button"
-                  className="a-accent-chip"
-                  data-active={s.accent === a ? "true" : undefined}
-                  onClick={() => dispatch(setAccent(a))}
-                  title={t(`accent.${a}`, { defaultValue: a })}
-                  style={{ background: accentSwatch(a) }}
-                  aria-label={a}
-                />
-              ))}
+              {ACCENTS.map((a) => {
+                const accentLabel = t(`accent.${a}`, { defaultValue: a });
+                return (
+                  <Tooltip key={a}>
+                    <TooltipTrigger asChild>
+                      <button
+                        type="button"
+                        className="a-accent-chip"
+                        data-active={s.accent === a ? "true" : undefined}
+                        onClick={() => dispatch(setAccent(a))}
+                        style={{ background: accentSwatch(a) }}
+                        aria-label={accentLabel}
+                        data-testid={`accent-chip-${a}`}
+                      />
+                    </TooltipTrigger>
+                    <TooltipContent>{accentLabel}</TooltipContent>
+                  </Tooltip>
+                );
+              })}
             </div>
           </div>
 
@@ -193,8 +199,7 @@ export function AppearanceSettings() {
             <div className="a-set-row-r">
               <Select value={s.font} onValueChange={(v) => dispatch(setFont(v as FontId))}>
                 <SelectTrigger
-                  className="a-set-trigger"
-                  style={{ minWidth: 180 }}
+                  className="a-set-trigger min-w-[180px]"
                   aria-label={t("fields.font")}
                 >
                   <SelectValue />
@@ -221,8 +226,7 @@ export function AppearanceSettings() {
                 onValueChange={(v) => dispatch(setFontSize(v as FontSizeId))}
               >
                 <SelectTrigger
-                  className="a-set-trigger"
-                  style={{ minWidth: 160 }}
+                  className="a-set-trigger min-w-[160px]"
                   aria-label={t("fields.font_size")}
                 >
                   <SelectValue />
diff --git a/app/src/components/organisms/settings/tabs/DeveloperTab/DeveloperTab.test.tsx b/app/src/components/organisms/settings/tabs/DeveloperTab/DeveloperTab.test.tsx
new file mode 100644
index 0000000..fc7c9f9
--- /dev/null
+++ b/app/src/components/organisms/settings/tabs/DeveloperTab/DeveloperTab.test.tsx
@@ -0,0 +1,27 @@
+import { render, screen } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+
+import { SettingsHarness } from "@/components/organisms/settings/_test-helpers";
+import { DeveloperTab } from "@/components/organisms/settings/tabs/DeveloperTab";
+
+describe("DeveloperTab", () => {
+  it("renders all six sections with the expected data-testids", () => {
+    render(
+      <SettingsHarness>
+        <DeveloperTab />
+      </SettingsHarness>,
+    );
+
+    expect(screen.getByTestId("developer-tab")).toBeInTheDocument();
+    for (const id of [
+      "dev-section-build",
+      "dev-section-updater",
+      "dev-section-storage",
+      "dev-section-ipc",
+      "dev-section-i18n",
+      "dev-section-flags",
+    ]) {
+      expect(screen.getByTestId(id)).toBeInTheDocument();
+    }
+  });
+});
diff --git a/app/src/components/organisms/settings/tabs/DeveloperTab/index.tsx b/app/src/components/organisms/settings/tabs/DeveloperTab/index.tsx
new file mode 100644
index 0000000..766df0a
--- /dev/null
+++ b/app/src/components/organisms/settings/tabs/DeveloperTab/index.tsx
@@ -0,0 +1,1133 @@
+import { type ReactNode, useEffect, useState } from "react";
+
+import { useTranslation } from "react-i18next";
+
+import {
+  POLLING_INTERVAL_DEFAULT_MS,
+  type PullRequest,
+  type Repository,
+  StorageKey,
+  TauriCommand,
+} from "@recrest/shared";
+
+import { Switch } from "@/components/atoms/Switch";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from "@/components/molecules/compounds/AlertDialog";
+import { __resetNotificationBaselineForTests } from "@/hooks/useNotificationTriggers";
+import i18n, { clearMissingI18nKeys, getMissingI18nKeys } from "@/i18n";
+import {
+  getTauriRuntimeVersion,
+  revealPathInSystem,
+  safeInvoke,
+  toggleWebviewDevtools,
+} from "@/lib/tauri";
+import { systemService } from "@/lib/tauri/services";
+import { toast } from "@/lib/toast";
+import { useAppDispatch, useAppSelector } from "@/store/hooks";
+import { clearProviderToken } from "@/store/slices/providersSlice";
+import { setPrs } from "@/store/slices/prsSlice";
+import { upsertRepo } from "@/store/slices/reposSlice";
+import { scanForRepos } from "@/store/slices/reposSlice";
+import { saveSettings } from "@/store/slices/settingsSlice";
+import {
+  resetDevFlags,
+  setDevFlag,
+  setForceUpdaterFallback,
+  setHighlightMissingI18n,
+  setIpcTrace,
+} from "@/store/slices/uiDevFlagsSlice";
+import { setUpdaterBanner } from "@/store/slices/uiSlice";
+
+interface DevPaths {
+  configDir: string | null;
+  dataDir: string | null;
+  cacheDir: string | null;
+  logDir: string | null;
+  binaryDir: string | null;
+  workspaceRoot: string | null;
+}
+
+/**
+ * Debug-only "Developer" settings tab. Six sections (Build, Updater playground,
+ * Storage & State, IPC, i18n, Feature flags) all gated behind
+ * `import.meta.env.DEV` at the parent level. Tauri-side commands prefixed with
+ * `dev:*` only exist in debug Rust builds — outside that, `safeInvoke` returns
+ * null and sections gracefully fall back to "—".
+ */
+export function DeveloperTab() {
+  return (
+    <div className="flex flex-col gap-6" data-testid="developer-tab">
+      <BuildSection />
+      <UpdaterPlaygroundSection />
+      <NotificationsPlaygroundSection />
+      <StorageSection />
+      <IpcSection />
+      <I18nSection />
+      <FeatureFlagsSection />
+    </div>
+  );
+}
+
+/* ------------------------------------------------------------------ Build */
+
+function BuildSection() {
+  const { t } = useTranslation("settings");
+  const [debugAssertions, setDebugAssertions] = useState<boolean | null>(null);
+  const [tauriVersion, setTauriVersion] = useState<string | null>(null);
+  const [buildTriple, setBuildTriple] = useState<string | null>(null);
+  const [paths, setPaths] = useState<DevPaths | null>(null);
+
+  useEffect(() => {
+    let cancelled = false;
+    void (async () => {
+      const platform = await systemService.getPlatformInfo();
+      if (!cancelled) setDebugAssertions(platform?.debugAssertions ?? null);
+      const v = await getTauriRuntimeVersion();
+      if (!cancelled) setTauriVersion(v);
+      const triple = await safeInvoke<string>(TauriCommand.GET_BUILD_TRIPLE);
+      if (!cancelled) setBuildTriple(triple);
+      const p = await safeInvoke<DevPaths>(TauriCommand.GET_DEV_PATHS);
+      if (!cancelled) setPaths(p);
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+
+  const rows: Array<{ label: string; value: ReactNode; mono?: boolean; copyable?: string }> = [
+    {
+      label: t("developer.build.git_sha"),
+      value: __GIT_SHA__,
+      mono: true,
+      copyable: __GIT_SHA__,
+    },
+    { label: t("developer.build.build_time"), value: __BUILD_TIME__, mono: true },
+    { label: t("developer.build.mode"), value: import.meta.env.MODE, mono: true },
+    {
+      label: t("developer.build.debug_assertions"),
+      value: debugAssertions === null ? "—" : debugAssertions ? "true" : "false",
+      mono: true,
+    },
+    { label: t("developer.build.tauri_runtime"), value: tauriVersion ?? "—", mono: true },
+    { label: t("developer.build.build_triple"), value: buildTriple ?? "—", mono: true },
+    {
+      label: t("developer.build.app_identifier"),
+      value: "eu.softventures.recrest",
+      mono: true,
+      copyable: "eu.softventures.recrest",
+    },
+  ];
+
+  return (
+    <section className="a-set-section" data-testid="dev-section-build">
+      <h3>{t("developer.sections.build")}</h3>
+      <div className="a-set-card">
+        {rows.map((r) => (
+          <div key={r.label} className="a-set-row">
+            <div className="a-set-row-l">
+              <div className="a-set-row-lbl">{r.label}</div>
+            </div>
+            <div
+              className={`a-set-row-r flex items-center gap-2 text-[12.5px] ${r.mono ? "font-mono" : ""}`}
+            >
+              <span>{r.value}</span>
+              {r.copyable && (
+                <button
+                  type="button"
+                  className="r-btn"
+                  onClick={() => void copyText(r.copyable!, t("developer.build.copied"))}
+                >
+                  {t("developer.build.copy")}
+                </button>
+              )}
+            </div>
+          </div>
+        ))}
+      </div>
+
+      <div className="a-set-subhead">
+        <h3>{t("developer.build.paths_title")}</h3>
+      </div>
+      <div className="a-set-card">
+        <PathRow
+          label={t("developer.build.path_config")}
+          path={paths?.configDir ?? null}
+          copyLabel={t("developer.build.copy")}
+          openLabel={t("developer.build.open")}
+          copiedLabel={t("developer.build.copied")}
+        />
+        <PathRow
+          label={t("developer.build.path_data")}
+          path={paths?.dataDir ?? null}
+          copyLabel={t("developer.build.copy")}
+          openLabel={t("developer.build.open")}
+          copiedLabel={t("developer.build.copied")}
+        />
+        <PathRow
+          label={t("developer.build.path_cache")}
+          path={paths?.cacheDir ?? null}
+          copyLabel={t("developer.build.copy")}
+          openLabel={t("developer.build.open")}
+          copiedLabel={t("developer.build.copied")}
+        />
+        <PathRow
+          label={t("developer.build.path_log")}
+          path={paths?.logDir ?? null}
+          copyLabel={t("developer.build.copy")}
+          openLabel={t("developer.build.open")}
+          copiedLabel={t("developer.build.copied")}
+        />
+        <PathRow
+          label={t("developer.build.path_binary")}
+          path={paths?.binaryDir ?? null}
+          copyLabel={t("developer.build.copy")}
+          openLabel={t("developer.build.open")}
+          copiedLabel={t("developer.build.copied")}
+        />
+        <PathRow
+          label={t("developer.build.path_workspace")}
+          path={paths?.workspaceRoot ?? null}
+          copyLabel={t("developer.build.copy")}
+          openLabel={t("developer.build.open")}
+          copiedLabel={t("developer.build.copied")}
+        />
+      </div>
+    </section>
+  );
+}
+
+function PathRow({
+  label,
+  path,
+  copyLabel,
+  openLabel,
+  copiedLabel,
+}: {
+  label: string;
+  path: string | null;
+  copyLabel: string;
+  openLabel: string;
+  copiedLabel: string;
+}) {
+  const openPath = async () => {
+    if (!path) return;
+    await revealPathInSystem(path);
+  };
+  return (
+    <div className="a-set-row">
+      <div className="a-set-row-l">
+        <div className="a-set-row-lbl">{label}</div>
+        <div className="a-set-row-sub font-mono">{path ?? "—"}</div>
+      </div>
+      <div className="a-set-row-r flex items-center gap-2">
+        <button
+          type="button"
+          className="r-btn"
+          disabled={!path}
+          onClick={() => void copyText(path ?? "", copiedLabel)}
+        >
+          {copyLabel}
+        </button>
+        <button type="button" className="r-btn" disabled={!path} onClick={() => void openPath()}>
+          {openLabel}
+        </button>
+      </div>
+    </div>
+  );
+}
+
+/* -------------------------------------------------------- Updater playground */
+
+function UpdaterPlaygroundSection() {
+  const { t } = useTranslation("settings");
+  const dispatch = useAppDispatch();
+  const forceFallback = useAppSelector((s) => s.uiDevFlags?.forceUpdaterFallback ?? false);
+
+  const [simVersion, setSimVersion] = useState("99.99.99");
+  const [simCanAutoInstall, setSimCanAutoInstall] = useState(true);
+  const [endpointOverride, setEndpointOverride] = useState("");
+
+  const forceCheck = async () => {
+    await safeInvoke(TauriCommand.CHECK_FOR_UPDATE, {
+      autoInstall: false,
+      forceFallback,
+      endpointOverride: endpointOverride.trim() || null,
+    });
+    toast.info(t("updates.checking"));
+  };
+
+  const emit = () => {
+    dispatch(
+      setUpdaterBanner({
+        version: simVersion.trim() || "99.99.99",
+        currentVersion: "dev",
+        body: "Simulated event",
+        canAutoInstall: simCanAutoInstall,
+        downloadUrl: simCanAutoInstall ? null : "https://example.com/download",
+      }),
+    );
+    toast.success(t("developer.updater.banner_emitted"));
+  };
+
+  const resetLastSeen = () => {
+    try {
+      localStorage.removeItem(StorageKey.LAST_SEEN_VERSION);
+    } catch {
+      /* ignore */
+    }
+    toast.success(t("developer.updater.reset_last_seen_done"));
+  };
+
+  return (
+    <section className="a-set-section" data-testid="dev-section-updater">
+      <h3>{t("developer.sections.updater_playground")}</h3>
+      <div className="a-set-card">
+        <div className="a-set-row">
+          <div className="a-set-row-l">
+            <div className="a-set-row-lbl">{t("developer.updater.force_check")}</div>
+          </div>
+          <div className="a-set-row-r">
+            <button
+              type="button"
+              className="r-btn"
+              data-testid="dev-updater-force-check"
+              onClick={() => void forceCheck()}
+            >
+              {t("developer.updater.force_check")}
+            </button>
+          </div>
+        </div>
+
+        <div className="a-set-row">
+          <div className="a-set-row-l">
+            <div className="a-set-row-lbl">{t("developer.updater.force_fallback")}</div>
+          </div>
+          <div className="a-set-row-r">
+            <Switch
+              checked={forceFallback}
+              onCheckedChange={(v) => dispatch(setForceUpdaterFallback(v))}
+              aria-label={t("developer.updater.force_fallback")}
+              data-testid="dev-updater-force-fallback"
+            />
+          </div>
+        </div>
+
+        <div className="a-set-row">
+          <div className="a-set-row-l">
+            <div className="a-set-row-lbl">{t("developer.updater.endpoint_override")}</div>
+          </div>
+          <div className="a-set-row-r">
+            <input
+              type="text"
+              className="r-input min-w-[260px]"
+              placeholder={t("developer.updater.endpoint_override_placeholder")}
+              value={endpointOverride}
+              onChange={(e) => setEndpointOverride(e.target.value)}
+              data-testid="dev-updater-endpoint-override"
+            />
+          </div>
+        </div>
+
+        <div className="a-set-row">
+          <div className="a-set-row-l">
+            <div className="a-set-row-lbl">{t("developer.updater.simulate")}</div>
+          </div>
+          <div className="a-set-row-r flex items-center gap-2">
+            <input
+              type="text"
+              className="r-input w-[120px]"
+              value={simVersion}
+              onChange={(e) => setSimVersion(e.target.value)}
+              placeholder="99.99.99"
+              data-testid="dev-updater-sim-version"
+            />
+            <label className="flex items-center gap-1.5 text-xs">
+              <Switch
+                checked={simCanAutoInstall}
+                onCheckedChange={setSimCanAutoInstall}
+                aria-label={t("developer.updater.can_auto_install")}
+                data-testid="dev-updater-sim-can-auto-install"
+              />
+              {t("developer.updater.can_auto_install")}
+            </label>
+            <button type="button" className="r-btn" onClick={emit} data-testid="dev-updater-emit">
+              {t("developer.updater.simulate_emit")}
+            </button>
+          </div>
+        </div>
+
+        <div className="a-set-row">
+          <div className="a-set-row-l">
+            <div className="a-set-row-lbl">{t("developer.updater.reset_last_seen")}</div>
+          </div>
+          <div className="a-set-row-r">
+            <button
+              type="button"
+              className="r-btn"
+              onClick={resetLastSeen}
+              data-testid="dev-updater-reset-last-seen"
+            >
+              {t("developer.updater.reset_last_seen")}
+            </button>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}
+
+/* ---------------------------------------------------- Notifications playground */
+
+const BURST_REPO_ID = "dev-burst";
+
+function NotificationsPlaygroundSection() {
+  const { t } = useTranslation("settings");
+  const dispatch = useAppDispatch();
+
+  const burst = () => {
+    dispatch(upsertRepo(makeFakeRepo()));
+    const prs: PullRequest[] = Array.from({ length: 7 }, (_, i) => makeFakePr(i + 1));
+    dispatch(setPrs({ repoId: BURST_REPO_ID, prs }));
+    toast.info(t("developer.notifications.burst_dispatched"));
+  };
+
+  const clearBurst = () => {
+    dispatch(setPrs({ repoId: BURST_REPO_ID, prs: [] }));
+    toast.success(t("developer.notifications.clear_burst_done"));
+  };
+
+  const clearBaseline = () => {
+    __resetNotificationBaselineForTests();
+    toast.success(t("developer.notifications.baseline_cleared"));
+  };
+
+  return (
+    <section className="a-set-section" data-testid="dev-section-notifications">
+      <h3>{t("developer.sections.notifications")}</h3>
+      <div className="a-set-card">
+        <div className="a-set-row">
+          <div className="a-set-row-l">
+            <div className="a-set-row-lbl">{t("developer.notifications.send_burst")}</div>
+            <div className="a-set-row-sub">{t("developer.notifications.preview_desc")}</div>
+          </div>
+          <div className="a-set-row-r flex gap-2">
+            <button
+              type="button"
+              className="r-btn"
+              onClick={burst}
+              data-testid="dev-notif-send-burst"
+            >
+              {t("developer.notifications.send_burst")}
+            </button>
+            <button
+              type="button"
+              className="r-btn"
+              onClick={clearBurst}
+              data-testid="dev-notif-clear-burst"
+            >
+              {t("developer.notifications.clear_burst")}
+            </button>
+          </div>
+        </div>
+        <div className="a-set-row">
+          <div className="a-set-row-l">
+            <div className="a-set-row-lbl">{t("developer.notifications.clear_baseline")}</div>
+          </div>
+          <div className="a-set-row-r">
+            <button
+              type="button"
+              className="r-btn"
+              onClick={clearBaseline}
+              data-testid="dev-notif-clear-baseline"
+            >
+              {t("developer.notifications.clear_baseline")}
+            </button>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}
+
+function makeFakePr(index: number): PullRequest {
+  const now = new Date().toISOString();
+  return {
+    id: `${BURST_REPO_ID}#${index}`,
+    number: index,
+    title: `Demo burst #${index}`,
+    url: `https://example.com/pr/${index}`,
+    author: "demo-bot",
+    authorAvatarUrl: null,
+    state: "open",
+    draft: false,
+    sourceBranch: `feature/demo-${index}`,
+    targetBranch: "main",
+    createdAt: now,
+    updatedAt: now,
+    additions: 10,
+    deletions: 2,
+    ciStatus: "pending",
+  };
+}
+
+function makeFakeRepo(): Repository {
+  return {
+    id: BURST_REPO_ID,
+    name: "dev-burst",
+    path: "/dev/null/dev-burst",
+    groupId: null,
+    remoteUrl: null,
+    providerId: null,
+    status: {
+      branch: "main",
+      head: null,
+      ahead: 0,
+      behind: 0,
+      staged: 0,
+      unstaged: 0,
+      untracked: 0,
+      conflicted: 0,
+      dirty: false,
+      lastCommit: null,
+      remoteUrl: null,
+      changedFiles: [],
+      changedFilesTruncated: false,
+      commitActivity: new Array(14).fill(0) as number[],
+      addedLines: 0,
+      removedLines: 0,
+      language: null,
+      languages: null,
+    },
+    logoPath: null,
+    logoDarkPath: null,
+  };
+}
+
+/* --------------------------------------------------------------- Storage */
+
+function StorageSection() {
+  const { t } = useTranslation("settings");
+  const dispatch = useAppDispatch();
+  const providers = useAppSelector((s) => s.providers.connections);
+  const scanPaths = useAppSelector((s) => s.settings.scanPaths);
+  const [pending, setPending] = useState<null | {
+    title: string;
+    desc: string;
+    run: () => void | Promise<void>;
+  }>(null);
+  const [typed, setTyped] = useState("");
+
+  const ask = (title: string, desc: string, run: () => void | Promise<void>) => {
+    setTyped("");
+    setPending({ title, desc, run });
+  };
+
+  const confirm = async () => {
+    if (typed !== "wipe") return;
+    const run = pending?.run;
+    setPending(null);
+    setTyped("");
+    await run?.();
+  };
+
+  const copyState = async () => {
+    const { store } = await import("@/store");
+    const state = redactSensitive(store.getState());
+    await copyText(JSON.stringify(state, null, 2), t("developer.storage.copy_state_done"));
+  };
+
+  const wipeLocal = () => {
+    try {
+      localStorage.removeItem(StorageKey.UI_STATE);
+    } catch {
+      /* ignore */
+    }
+    toast.success(t("developer.storage.wipe_local_done"));
+  };
+
+  const resetSettings = async () => {
+    // Real defaults patch mirroring `AppSettings`. Intentionally omits
+    // collection-shaped fields (repos, groups, providerSettings) because
+    // "reset *settings* to defaults" shouldn't nuke the user's configured
+    // data; those have their own explicit wipe affordances.
+    await dispatch(
+      saveSettings({
+        pollingIntervalMs: POLLING_INTERVAL_DEFAULT_MS,
+        defaultIde: null,
+        theme: "system",
+        locale: "en",
+        scanPaths: [],
+        autoStart: false,
+        autoUpdate: "manual",
+        startMinimized: false,
+        closeToTray: true,
+        notifications: { enabled: false, newPr: true, ciFailed: true, mergeReady: true },
+        crashReporting: false,
+      }),
+    );
+    toast.success(t("developer.storage.reset_settings_done"));
+  };
+
+  const clearTokens = async () => {
+    for (const connId of Object.keys(providers) as Array<keyof typeof providers>) {
+      const conn = providers[connId];
+      if (!conn) continue;
+      await dispatch(clearProviderToken(conn.providerId));
+    }
+    toast.success(t("developer.storage.clear_tokens_done"));
+  };
+
+  const retriggerOnboarding = () => {
+    try {
+      localStorage.removeItem(StorageKey.ONBOARDING_DISMISSED);
+    } catch {
+      /* ignore */
+    }
+    toast.success(t("developer.storage.retrigger_onboarding_done"));
+    setTimeout(() => window.location.reload(), 250);
+  };
+
+  const rescanRepos = async () => {
+    if (scanPaths.length === 0) return;
+    await dispatch(scanForRepos(scanPaths));
+    toast.success(t("developer.storage.rescan_done"));
+  };
+
+  const confirmTitle = t("developer.storage.confirm_title");
+  const confirmDesc = t("developer.storage.confirm_desc");
+
+  return (
+    <section className="a-set-section" data-testid="dev-section-storage">
+      <h3>{t("developer.sections.storage")}</h3>
+      <div className="a-set-card">
+        <SimpleRow
+          label={t("developer.storage.copy_state")}
+          onClick={() => void copyState()}
+          testId="dev-storage-copy-state"
+        />
+        <SimpleRow
+          label={t("developer.storage.wipe_local")}
+          onClick={() => ask(confirmTitle, confirmDesc, wipeLocal)}
+          testId="dev-storage-wipe-local"
+        />
+        <SimpleRow
+          label={t("developer.storage.reset_settings")}
+          onClick={() => ask(confirmTitle, confirmDesc, () => void resetSettings())}
+          testId="dev-storage-reset-settings"
+        />
+        <SimpleRow
+          label={t("developer.storage.clear_tokens")}
+          onClick={() => ask(confirmTitle, confirmDesc, () => void clearTokens())}
+          testId="dev-storage-clear-tokens"
+        />
+        <SimpleRow
+          label={t("developer.storage.retrigger_onboarding")}
+          onClick={() => ask(confirmTitle, confirmDesc, retriggerOnboarding)}
+          testId="dev-storage-retrigger-onboarding"
+        />
+        <SimpleRow
+          label={t("developer.storage.rescan_repos")}
+          onClick={() => void rescanRepos()}
+          testId="dev-storage-rescan"
+        />
+      </div>
+
+      <AlertDialog
+        open={pending !== null}
+        onOpenChange={(o) => {
+          if (!o) {
+            setPending(null);
+            setTyped("");
+          }
+        }}
+      >
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>{pending?.title}</AlertDialogTitle>
+            <AlertDialogDescription>{pending?.desc}</AlertDialogDescription>
+          </AlertDialogHeader>
+          <input
+            type="text"
+            className="r-input"
+            value={typed}
+            onChange={(e) => setTyped(e.target.value)}
+            placeholder={t("developer.storage.confirm_placeholder")}
+            data-testid="dev-storage-confirm-input"
+          />
+          <AlertDialogFooter>
+            <AlertDialogCancel>
+              {t("actions.cancel", { ns: "common", defaultValue: "Cancel" })}
+            </AlertDialogCancel>
+            <AlertDialogAction
+              onClick={(e) => {
+                e.preventDefault();
+                void confirm();
+              }}
+              disabled={typed !== "wipe"}
+              data-tone="destructive"
+              data-testid="dev-storage-confirm-cta"
+            >
+              {t("developer.storage.confirm_cta")}
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+    </section>
+  );
+}
+
+/* ------------------------------------------------------------- IPC & Debug */
+
+function IpcSection() {
+  const { t } = useTranslation("settings");
+  const dispatch = useAppDispatch();
+  const ipcTrace = useAppSelector((s) => s.uiDevFlags?.ipcTrace ?? false);
+
+  const toggleDevtools = async () => {
+    await toggleWebviewDevtools();
+  };
+
+  const rendererCrash = () => {
+    setTimeout(() => {
+      throw new Error("dev-forced renderer crash");
+    }, 0);
+  };
+
+  const rustPanic = async () => {
+    await safeInvoke(TauriCommand.DEV_PANIC);
+  };
+
+  return (
+    <section className="a-set-section" data-testid="dev-section-ipc">
+      <h3>{t("developer.sections.ipc")}</h3>
+      <div className="a-set-card">
+        <div className="a-set-row">
+          <div className="a-set-row-l">
+            <div className="a-set-row-lbl">{t("developer.ipc.toggle_devtools")}</div>
+            <div className="a-set-row-sub">{t("developer.ipc.devtools_note")}</div>
+          </div>
+          <div className="a-set-row-r">
+            <button
+              type="button"
+              className="r-btn"
+              onClick={() => void toggleDevtools()}
+              data-testid="dev-ipc-toggle-devtools"
+            >
+              {t("developer.ipc.toggle_devtools")}
+            </button>
+          </div>
+        </div>
+
+        <div className="a-set-row">
+          <div className="a-set-row-l">
+            <div className="a-set-row-lbl">{t("developer.ipc.ipc_trace")}</div>
+            <div className="a-set-row-sub">{t("developer.ipc.ipc_trace_desc")}</div>
+          </div>
+          <div className="a-set-row-r">
+            <Switch
+              checked={ipcTrace}
+              onCheckedChange={(v) => dispatch(setIpcTrace(v))}
+              aria-label={t("developer.ipc.ipc_trace")}
+              data-testid="dev-ipc-trace-switch"
+            />
+          </div>
+        </div>
+
+        <SimpleRow
+          label={t("developer.ipc.renderer_crash")}
+          onClick={rendererCrash}
+          testId="dev-ipc-renderer-crash"
+        />
+        <SimpleRow
+          label={t("developer.ipc.rust_panic")}
+          onClick={() => void rustPanic()}
+          testId="dev-ipc-rust-panic"
+        />
+
+        <div className="a-set-row">
+          <div className="a-set-row-l">
+            <div className="a-set-row-lbl">{t("developer.ipc.toast_test")}</div>
+          </div>
+          <div className="a-set-row-r flex flex-wrap gap-2">
+            <button
+              type="button"
+              className="r-btn"
+              onClick={() => toast.success(t("developer.ipc.toast_success"))}
+              data-testid="dev-ipc-toast-success"
+            >
+              {t("developer.ipc.toast_success")}
+            </button>
+            <button
+              type="button"
+              className="r-btn"
+              onClick={() => toast.error(t("developer.ipc.toast_error"))}
+              data-testid="dev-ipc-toast-error"
+            >
+              {t("developer.ipc.toast_error")}
+            </button>
+            <button
+              type="button"
+              className="r-btn"
+              onClick={() => toast.info(t("developer.ipc.toast_info"))}
+              data-testid="dev-ipc-toast-info"
+            >
+              {t("developer.ipc.toast_info")}
+            </button>
+            <button
+              type="button"
+              className="r-btn"
+              onClick={() => toast.warning(t("developer.ipc.toast_warning"))}
+              data-testid="dev-ipc-toast-warning"
+            >
+              {t("developer.ipc.toast_warning")}
+            </button>
+            <button
+              type="button"
+              className="r-btn"
+              onClick={() => {
+                // Sonner loading toasts persist until explicitly resolved. For a
+                // demo button we want the user to actually see the transition —
+                // fire loading, then settle to success after a short delay.
+                const id = toast.loading(t("developer.ipc.toast_loading"));
+                setTimeout(() => {
+                  toast.success(t("developer.ipc.toast_success"), { id });
+                }, 1200);
+              }}
+              data-testid="dev-ipc-toast-loading"
+            >
+              {t("developer.ipc.toast_loading")}
+            </button>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}
+
+/* ------------------------------------------------------------------ i18n */
+
+function I18nSection() {
+  const { t } = useTranslation("settings");
+  const dispatch = useAppDispatch();
+  const highlight = useAppSelector((s) => s.uiDevFlags?.highlightMissingI18n ?? false);
+
+  useEffect(() => {
+    // Toggle a document-level attribute so CSS can style missing-key spans
+    // once a visual highlight is wired up. TODO: add a [data-i18n-missing]
+    // stylesheet hook.
+    try {
+      document.documentElement.dataset.i18nHighlight = highlight ? "true" : "";
+    } catch {
+      /* ignore */
+    }
+  }, [highlight]);
+
+  const copyMissing = async () => {
+    const keys = getMissingI18nKeys();
+    if (keys.length === 0) {
+      toast.info(t("developer.i18n.copy_missing_empty"));
+      return;
+    }
+    await copyText(JSON.stringify(keys, null, 2), t("developer.i18n.copy_missing_done"));
+  };
+
+  const clearMissing = () => {
+    clearMissingI18nKeys();
+  };
+
+  return (
+    <section className="a-set-section" data-testid="dev-section-i18n">
+      <h3>{t("developer.sections.i18n")}</h3>
+      <div className="a-set-card">
+        <div className="a-set-row">
+          <div className="a-set-row-l">
+            <div className="a-set-row-lbl">{t("developer.i18n.highlight_missing")}</div>
+            <div className="a-set-row-sub">{t("developer.i18n.highlight_missing_desc")}</div>
+          </div>
+          <div className="a-set-row-r">
+            <Switch
+              checked={highlight}
+              onCheckedChange={(v) => dispatch(setHighlightMissingI18n(v))}
+              aria-label={t("developer.i18n.highlight_missing")}
+              data-testid="dev-i18n-highlight-switch"
+            />
+          </div>
+        </div>
+
+        <div className="a-set-row">
+          <div className="a-set-row-l">
+            <div className="a-set-row-lbl">{t("developer.i18n.copy_missing")}</div>
+          </div>
+          <div className="a-set-row-r flex gap-2">
+            <button
+              type="button"
+              className="r-btn"
+              onClick={() => void copyMissing()}
+              data-testid="dev-i18n-copy-missing"
+            >
+              {t("developer.i18n.copy_missing")}
+            </button>
+            <button type="button" className="r-btn" onClick={clearMissing}>
+              {t("actions.clear", { ns: "common", defaultValue: "Clear" })}
+            </button>
+          </div>
+        </div>
+
+        <div className="a-set-row">
+          <div className="a-set-row-l">
+            <div className="a-set-row-lbl">{t("developer.i18n.locale_label")}</div>
+          </div>
+          <div className="a-set-row-r flex gap-2">
+            <button
+              type="button"
+              className="r-btn"
+              onClick={() => void i18n.changeLanguage("en")}
+              data-testid="dev-i18n-locale-en"
+            >
+              {t("developer.i18n.locale_en")}
+            </button>
+            <button
+              type="button"
+              className="r-btn"
+              onClick={() => void i18n.changeLanguage("de")}
+              data-testid="dev-i18n-locale-de"
+            >
+              {t("developer.i18n.locale_de")}
+            </button>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}
+
+/* ----------------------------------------------------------- Feature flags */
+
+interface KnownFlag {
+  name: string;
+  labelKey: string;
+  kind: "boolean" | "enum";
+  options?: string[];
+  defaultValue: boolean | string;
+}
+
+const KNOWN_FLAGS: KnownFlag[] = [
+  {
+    name: "newRepoRow",
+    labelKey: "developer.flags.known_new_repo_row",
+    kind: "boolean",
+    defaultValue: false,
+  },
+  {
+    name: "activityV2",
+    labelKey: "developer.flags.known_activity_v2",
+    kind: "boolean",
+    defaultValue: false,
+  },
+  {
+    name: "trayBadgeColor",
+    labelKey: "developer.flags.known_tray_badge_color",
+    kind: "enum",
+    options: ["auto", "red", "yellow"],
+    defaultValue: "auto",
+  },
+];
+
+function FeatureFlagsSection() {
+  const { t } = useTranslation("settings");
+  const dispatch = useAppDispatch();
+  const flags = useAppSelector((s) => s.uiDevFlags?.flags ?? {});
+  const [customName, setCustomName] = useState("");
+  const [customValue, setCustomValue] = useState("");
+
+  const setFlag = (name: string, value: boolean | string) => {
+    dispatch(setDevFlag({ name, value }));
+  };
+
+  const addCustom = () => {
+    const name = customName.trim();
+    if (!name) return;
+    const raw = customValue.trim();
+    let value: boolean | string;
+    if (raw === "true") value = true;
+    else if (raw === "false") value = false;
+    else value = raw;
+    setFlag(name, value);
+    setCustomName("");
+    setCustomValue("");
+  };
+
+  const resetAll = () => {
+    dispatch(resetDevFlags());
+    toast.success(t("developer.flags.reset_done"));
+  };
+
+  return (
+    <section className="a-set-section" data-testid="dev-section-flags">
+      <h3>{t("developer.sections.flags")}</h3>
+      <div className="a-set-section-desc">{t("developer.flags.intro")}</div>
+      <div className="a-set-card">
+        {KNOWN_FLAGS.map((f) => {
+          const current = flags[f.name] ?? f.defaultValue;
+          return (
+            <div key={f.name} className="a-set-row">
+              <div className="a-set-row-l">
+                <div className="a-set-row-lbl">{t(f.labelKey)}</div>
+                <div className="a-set-row-sub font-mono">{f.name}</div>
+              </div>
+              <div className="a-set-row-r">
+                {f.kind === "boolean" ? (
+                  <Switch
+                    checked={current === true}
+                    onCheckedChange={(v) => setFlag(f.name, v)}
+                    aria-label={t(f.labelKey)}
+                    data-testid={`dev-flag-${f.name}`}
+                  />
+                ) : (
+                  <select
+                    className="r-input"
+                    value={String(current)}
+                    onChange={(e) => setFlag(f.name, e.target.value)}
+                    data-testid={`dev-flag-${f.name}`}
+                  >
+                    {f.options?.map((opt) => (
+                      <option key={opt} value={opt}>
+                        {t(`developer.flags.tray_${opt}`, { defaultValue: opt })}
+                      </option>
+                    ))}
+                  </select>
+                )}
+              </div>
+            </div>
+          );
+        })}
+
+        <div className="a-set-row">
+          <div className="a-set-row-l">
+            <div className="a-set-row-lbl">{t("developer.flags.add")}</div>
+          </div>
+          <div className="a-set-row-r flex flex-wrap items-center gap-2">
+            <input
+              type="text"
+              className="r-input w-[160px]"
+              value={customName}
+              onChange={(e) => setCustomName(e.target.value)}
+              placeholder={t("developer.flags.custom_name_placeholder")}
+              data-testid="dev-flag-custom-name"
+            />
+            <input
+              type="text"
+              className="r-input w-[160px]"
+              value={customValue}
+              onChange={(e) => setCustomValue(e.target.value)}
+              placeholder={t("developer.flags.custom_value_placeholder")}
+              data-testid="dev-flag-custom-value"
+            />
+            <button type="button" className="r-btn" onClick={addCustom} data-testid="dev-flag-add">
+              {t("developer.flags.add")}
+            </button>
+          </div>
+        </div>
+
+        <div className="a-set-row">
+          <div className="a-set-row-l">
+            <div className="a-set-row-lbl">{t("developer.flags.reset_all")}</div>
+          </div>
+          <div className="a-set-row-r">
+            <button
+              type="button"
+              className="r-btn"
+              onClick={resetAll}
+              data-testid="dev-flag-reset-all"
+            >
+              {t("developer.flags.reset_all")}
+            </button>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}
+
+/* -------------------------------------------------------------- helpers */
+
+function SimpleRow({
+  label,
+  onClick,
+  testId,
+}: {
+  label: string;
+  onClick: () => void;
+  testId?: string;
+}) {
+  return (
+    <div className="a-set-row">
+      <div className="a-set-row-l">
+        <div className="a-set-row-lbl">{label}</div>
+      </div>
+      <div className="a-set-row-r">
+        <button type="button" className="r-btn" onClick={onClick} data-testid={testId}>
+          {label}
+        </button>
+      </div>
+    </div>
+  );
+}
+
+async function copyText(text: string, successMessage: string): Promise<void> {
+  try {
+    if (typeof navigator !== "undefined" && navigator.clipboard) {
+      await navigator.clipboard.writeText(text);
+      toast.success(successMessage);
+    }
+  } catch (err) {
+    console.warn("[dev-tab] clipboard write failed", err);
+  }
+}
+
+/**
+ * Matches keys whose values are expected to be secret-adjacent: tokens,
+ * passwords, API keys, credentials, authorization headers, or literal PAT
+ * references. Case-insensitive so `authToken`, `apiKey`, `API_KEY`,
+ * `authorization` all qualify.
+ */
+const SENSITIVE_KEY_RE = /token|password|secret|credential|api[-_]?key|\bpat\b|authorization/i;
+
+/**
+ * Walks a value recursively, replacing every string whose parent key matches
+ * {@link SENSITIVE_KEY_RE} with `"[redacted]"`. Circular refs are guarded via
+ * a `WeakSet`. Intentionally shallow on the type side — `unknown` is the
+ * right shape for an arbitrary Redux tree.
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function redactSensitive(value: any, key?: string, seen = new WeakSet<object>()): any {
+  if (value === null || typeof value !== "object") {
+    if (typeof value === "string" && key && SENSITIVE_KEY_RE.test(key)) {
+      return "[redacted]";
+    }
+    return value;
+  }
+  if (seen.has(value)) return "[circular]";
+  seen.add(value);
+  if (Array.isArray(value)) {
+    return value.map((v) => redactSensitive(v, undefined, seen));
+  }
+  const out: Record<string, unknown> = {};
+  for (const [k, v] of Object.entries(value)) {
+    out[k] = redactSensitive(v, k, seen);
+  }
+  return out;
+}
+
+/** Default export for `React.lazy` — keeps the dev bundle fully tree-shakeable
+ *  from the production `SettingsView` entry. Named export stays for tests and
+ *  non-lazy consumers (e.g. Storybook). */
+export default DeveloperTab;
diff --git a/app/src/components/organisms/settings/tabs/DiagnosticsSettings/index.tsx b/app/src/components/organisms/settings/tabs/DiagnosticsSettings/index.tsx
index 5b69061..46824de 100644
--- a/app/src/components/organisms/settings/tabs/DiagnosticsSettings/index.tsx
+++ b/app/src/components/organisms/settings/tabs/DiagnosticsSettings/index.tsx
@@ -7,6 +7,7 @@ import type { PlatformInfo } from "@recrest/shared";
 import { Switch } from "@/components/atoms/Switch";
 import { InfoHint } from "@/components/molecules/InfoHint";
 import { SettingsField } from "@/components/molecules/SettingsField";
+import { TruncatedTooltip } from "@/components/molecules/compounds/TruncatedTooltip";
 import { SettingsSection } from "@/components/organisms/settings/SettingsSection";
 import { useSettingsSaver } from "@/components/organisms/settings/tabs/useSettingsSaver";
 import { useGitInfo } from "@/hooks/useGitInfo";
@@ -56,9 +57,9 @@ export function DiagnosticsSettings() {
           </span>
           <InfoHint>{t("diagnostics.git_hint")}</InfoHint>
           {git.info?.path && (
-            <span className="truncate font-mono text-[11px] opacity-70" title={git.info.path}>
-              — {git.info.path}
-            </span>
+            <TruncatedTooltip content={git.info.path}>
+              <span className="truncate font-mono text-[11px] opacity-70">— {git.info.path}</span>
+            </TruncatedTooltip>
           )}
         </div>
       </div>
diff --git a/app/src/components/organisms/settings/tabs/NotificationSettings/index.tsx b/app/src/components/organisms/settings/tabs/NotificationSettings/index.tsx
index 3f403a7..9b32b5d 100644
--- a/app/src/components/organisms/settings/tabs/NotificationSettings/index.tsx
+++ b/app/src/components/organisms/settings/tabs/NotificationSettings/index.tsx
@@ -1,12 +1,62 @@
+import { Send } from "lucide-react";
 import { useTranslation } from "react-i18next";
 
+import type { NotificationKind } from "@recrest/shared";
+import { TauriCommand } from "@recrest/shared";
+
 import { Switch } from "@/components/atoms/Switch";
 import { SettingsField } from "@/components/molecules/SettingsField";
 import { SettingsSection } from "@/components/organisms/settings/SettingsSection";
 import { useSettingsSaver } from "@/components/organisms/settings/tabs/useSettingsSaver";
-import { isTauri } from "@/lib/tauri";
+import { isTauri, safeInvoke } from "@/lib/tauri";
+import { toast } from "@/lib/toast";
 import { useAppSelector } from "@/store/hooks";
 
+/** Fires a single representative demo notification of the given kind. The
+ *  body and title are i18n'd so DE users see German copy. Used by the inline
+ *  "test" button next to each switch. */
+async function sendDemoNotification(
+  kind: NotificationKind,
+  t: (k: string, opts?: Record<string, unknown>) => string,
+): Promise<void> {
+  const repo = "acme/web";
+  const number = 42;
+  const pr_title = t(`notifications.${kind}.title`, { ns: "common" });
+  await safeInvoke(TauriCommand.NOTIFY, {
+    kind,
+    title: t(`notifications.${kind}.title`, { ns: "common" }),
+    body:
+      kind === "generic"
+        ? t("notifications.generic.test_body", {
+            ns: "common",
+            defaultValue: "Test notification from Recrest",
+          })
+        : t(`notifications.${kind}.body`, { ns: "common", repo, number, pr_title }),
+    url: kind === "generic" ? null : "https://example.com/pr/42",
+  });
+}
+
+function TestButton({ kind, show }: { kind: NotificationKind; show: boolean }) {
+  const { t } = useTranslation();
+  if (!show) return null;
+  return (
+    <button
+      type="button"
+      className="r-btn"
+      onClick={() => {
+        void sendDemoNotification(kind, t);
+        toast.success(t("notifications.test_sent", { defaultValue: "Test notification sent" }));
+      }}
+      aria-label={t("notifications.test", { defaultValue: "Send test notification" })}
+      data-testid={`notifications-test-${kind}`}
+      title={t("notifications.test", { defaultValue: "Send test notification" })}
+    >
+      <Send className="h-3 w-3" aria-hidden />
+      <span className="ml-1 text-[11px]">{t("notifications.test", { defaultValue: "Test" })}</span>
+    </button>
+  );
+}
+
 export function NotificationSettings() {
   const { t } = useTranslation("settings");
   const n = useAppSelector((state) => state.settings.notifications);
@@ -17,42 +67,61 @@ export function NotificationSettings() {
     void save({ notifications: { ...n, ...patch } });
   };
 
+  // Control is the test-button + switch pair. Button hidden when the switch
+  // is off (the rule is meaningless when a channel is silenced). Master
+  // switch gets the `generic` kind so the test fires only when master is on.
   return (
     <SettingsSection title={t("sections.notifications")}>
       <SettingsField
         label={t("notifications.enabled")}
         description={t("notifications.enabled_desc")}
       >
-        <Switch
-          checked={n.enabled}
-          disabled={disabled}
-          onCheckedChange={(v) => update({ enabled: v })}
-          aria-label={t("notifications.enabled")}
-        />
+        <div className="flex items-center gap-2">
+          <TestButton kind="generic" show={n.enabled && !disabled} />
+          <Switch
+            checked={n.enabled}
+            disabled={disabled}
+            onCheckedChange={(v) => update({ enabled: v })}
+            aria-label={t("notifications.enabled")}
+            data-testid="settings-notifications-master"
+          />
+        </div>
       </SettingsField>
       <SettingsField label={t("notifications.new_pr")}>
-        <Switch
-          checked={n.newPr}
-          disabled={disabled || !n.enabled}
-          onCheckedChange={(v) => update({ newPr: v })}
-          aria-label={t("notifications.new_pr")}
-        />
+        <div className="flex items-center gap-2">
+          <TestButton kind="new_pr" show={n.enabled && n.newPr && !disabled} />
+          <Switch
+            checked={n.newPr}
+            disabled={disabled || !n.enabled}
+            onCheckedChange={(v) => update({ newPr: v })}
+            aria-label={t("notifications.new_pr")}
+            data-testid="settings-notifications-new-pr"
+          />
+        </div>
       </SettingsField>
       <SettingsField label={t("notifications.ci_failed")}>
-        <Switch
-          checked={n.ciFailed}
-          disabled={disabled || !n.enabled}
-          onCheckedChange={(v) => update({ ciFailed: v })}
-          aria-label={t("notifications.ci_failed")}
-        />
+        <div className="flex items-center gap-2">
+          <TestButton kind="ci_failed" show={n.enabled && n.ciFailed && !disabled} />
+          <Switch
+            checked={n.ciFailed}
+            disabled={disabled || !n.enabled}
+            onCheckedChange={(v) => update({ ciFailed: v })}
+            aria-label={t("notifications.ci_failed")}
+            data-testid="settings-notifications-ci-failed"
+          />
+        </div>
       </SettingsField>
       <SettingsField label={t("notifications.merge_ready")}>
-        <Switch
-          checked={n.mergeReady}
-          disabled={disabled || !n.enabled}
-          onCheckedChange={(v) => update({ mergeReady: v })}
-          aria-label={t("notifications.merge_ready")}
-        />
+        <div className="flex items-center gap-2">
+          <TestButton kind="merge_ready" show={n.enabled && n.mergeReady && !disabled} />
+          <Switch
+            checked={n.mergeReady}
+            disabled={disabled || !n.enabled}
+            onCheckedChange={(v) => update({ mergeReady: v })}
+            aria-label={t("notifications.merge_ready")}
+            data-testid="settings-notifications-merge-ready"
+          />
+        </div>
       </SettingsField>
     </SettingsSection>
   );
diff --git a/app/src/components/organisms/settings/tabs/SystemSettings/index.tsx b/app/src/components/organisms/settings/tabs/SystemSettings/index.tsx
index db5e0b3..845b807 100644
--- a/app/src/components/organisms/settings/tabs/SystemSettings/index.tsx
+++ b/app/src/components/organisms/settings/tabs/SystemSettings/index.tsx
@@ -65,7 +65,7 @@ export function SystemSettings() {
           </div>
           <div className="a-set-row-r">
             <input
-              className="a-set-input"
+              className="a-set-input w-24"
               type="number"
               aria-label={t("fields.polling_interval")}
               min={POLLING_INTERVAL_MIN_MS / 60_000}
@@ -81,7 +81,6 @@ export function SystemSettings() {
                 );
                 void update({ pollingIntervalMs: clamped });
               }}
-              style={{ width: 96 }}
             />
           </div>
         </div>
@@ -99,8 +98,7 @@ export function SystemSettings() {
               }
             >
               <SelectTrigger
-                className="a-set-trigger"
-                style={{ minWidth: 240 }}
+                className="a-set-trigger min-w-[240px]"
                 aria-label={t("fields.default_ide")}
               >
                 <SelectValue />
diff --git a/app/src/components/organisms/settings/tabs/UpdatesSettings/index.tsx b/app/src/components/organisms/settings/tabs/UpdatesSettings/index.tsx
index 2ff1807..3899033 100644
--- a/app/src/components/organisms/settings/tabs/UpdatesSettings/index.tsx
+++ b/app/src/components/organisms/settings/tabs/UpdatesSettings/index.tsx
@@ -1,9 +1,9 @@
-import { useState } from "react";
+import { useEffect, useState } from "react";
 
-import { CircleSlash, Hand, RefreshCw } from "lucide-react";
+import { Ban, BellRing, DownloadCloud } from "lucide-react";
 import { useTranslation } from "react-i18next";
 
-import type { AutoUpdateMode } from "@recrest/shared";
+import { type AutoUpdateMode, TauriCommand } from "@recrest/shared";
 
 import { Button } from "@/components/atoms/Button";
 import { SettingsField } from "@/components/molecules/SettingsField";
@@ -16,27 +16,50 @@ import {
 } from "@/components/molecules/compounds/Select";
 import { SettingsSection } from "@/components/organisms/settings/SettingsSection";
 import { useSettingsSaver } from "@/components/organisms/settings/tabs/useSettingsSaver";
-import { isTauri } from "@/lib/tauri";
+import { isTauri, safeInvoke } from "@/lib/tauri";
 import { updaterService } from "@/lib/tauri/services";
 import { toast } from "@/lib/toast";
 import { useAppSelector } from "@/store/hooks";
 
+/** Short settle window we give the Rust-side updater check to emit its
+ *  `updater://available` event after the invoke() resolves. If no banner
+ *  appeared within the window, the check is treated as "up to date". */
+const CHECK_SETTLE_MS = 1500;
+
 export function UpdatesSettings() {
   const { t } = useTranslation("settings");
   const s = useAppSelector((state) => state.settings);
+  const banner = useAppSelector((state) => state.ui.updaterBanner);
   const save = useSettingsSaver();
   const [checking, setChecking] = useState(false);
+  const [currentVersion, setCurrentVersion] = useState<string | null>(null);
   const disabled = !isTauri();
 
+  useEffect(() => {
+    void updaterService.getCurrentVersion().then((v) => setCurrentVersion(v));
+  }, []);
+
   const checkNow = async () => {
     setChecking(true);
+    const toastId = toast.loading(t("updates.checking"));
+    // Snapshot banner version at the time the check begins so we can tell
+    // an "update appeared" from a stale banner the user hasn't dismissed.
+    const { store } = await import("@/store");
+    const beforeVersion = store.getState().ui.updaterBanner?.version ?? null;
     try {
-      const info = await updaterService.checkForUpdate();
-      if (info) {
-        toast.success(t("updates.available", { version: info.version }));
+      await safeInvoke(TauriCommand.CHECK_FOR_UPDATE, { autoInstall: false });
+      // Rust emits `updater://available` asynchronously on the event bus;
+      // `useGlobalEvents` dispatches it into Redux. Give the pipeline a
+      // short window to settle before deciding whether anything fired.
+      await new Promise((r) => setTimeout(r, CHECK_SETTLE_MS));
+      const afterBanner = store.getState().ui.updaterBanner;
+      if (afterBanner && afterBanner.version !== beforeVersion) {
+        toast.success(t("updates.available", { version: afterBanner.version }), { id: toastId });
       } else {
-        toast.info(t("updates.up_to_date"));
+        toast.success(t("updates.up_to_date"), { id: toastId });
       }
+    } catch {
+      toast.error(t("updater.check_failed"), { id: toastId });
     } finally {
       setChecking(false);
     }
@@ -44,6 +67,11 @@ export function UpdatesSettings() {
 
   return (
     <SettingsSection title={t("sections.updates")}>
+      <SettingsField label={t("updates.current_version_label")}>
+        <span className="font-mono text-xs text-muted-foreground">
+          {currentVersion ? `v${currentVersion}` : "—"}
+        </span>
+      </SettingsField>
       <SettingsField label={t("updates.mode")} hint={t("updates.mode_hint")} htmlFor="update-mode">
         <Select
           value={s.autoUpdate}
@@ -56,19 +84,19 @@ export function UpdatesSettings() {
           <SelectContent>
             <SelectItem value="auto">
               <span className="inline-flex items-center gap-2">
-                <RefreshCw className="h-3.5 w-3.5" aria-hidden />
+                <DownloadCloud className="h-3.5 w-3.5" aria-hidden />
                 {t("updates.mode_auto")}
               </span>
             </SelectItem>
             <SelectItem value="manual">
               <span className="inline-flex items-center gap-2">
-                <Hand className="h-3.5 w-3.5" aria-hidden />
+                <BellRing className="h-3.5 w-3.5" aria-hidden />
                 {t("updates.mode_manual")}
               </span>
             </SelectItem>
             <SelectItem value="off">
               <span className="inline-flex items-center gap-2">
-                <CircleSlash className="h-3.5 w-3.5" aria-hidden />
+                <Ban className="h-3.5 w-3.5" aria-hidden />
                 {t("updates.mode_off")}
               </span>
             </SelectItem>
@@ -86,6 +114,11 @@ export function UpdatesSettings() {
           {checking ? t("updates.checking") : t("updates.check_now")}
         </Button>
       </SettingsField>
+      {banner && banner.canAutoInstall === false && (
+        <SettingsField label={t("updater.manual_note_label")}>
+          <span className="text-xs text-muted-foreground">{t("updater.manual_note")}</span>
+        </SettingsField>
+      )}
     </SettingsSection>
   );
 }
diff --git a/app/src/hooks/useDevFlag.test.ts b/app/src/hooks/useDevFlag.test.ts
new file mode 100644
index 0000000..f1a5f3b
--- /dev/null
+++ b/app/src/hooks/useDevFlag.test.ts
@@ -0,0 +1,51 @@
+import type { FC, ReactNode } from "react";
+import { createElement } from "react";
+
+import { renderHook } from "@testing-library/react";
+import { Provider } from "react-redux";
+import { afterEach, describe, expect, it, vi } from "vitest";
+
+import { useDevFlag } from "@/hooks/useDevFlag";
+import { store } from "@/store";
+import { setDevFlag } from "@/store/slices/uiDevFlagsSlice";
+
+type StoreType = typeof store;
+
+function wrapper(s: StoreType) {
+  return function Wrapper({ children }: { children: ReactNode }) {
+    const P = Provider as unknown as FC<{ store: StoreType; children?: ReactNode }>;
+    return createElement(P, { store: s }, children);
+  };
+}
+
+describe("useDevFlag", () => {
+  afterEach(() => {
+    vi.unstubAllEnvs();
+  });
+
+  it("returns the flag value from Redux when set (dev branch)", () => {
+    store.dispatch(setDevFlag({ name: "x", value: true }));
+    const { result } = renderHook(() => useDevFlag("x", false), { wrapper: wrapper(store) });
+    expect(result.current).toBe(true);
+  });
+
+  it("returns the default when the flag is not set (dev branch)", () => {
+    const { result } = renderHook(() => useDevFlag("unknownFlag", "fallback"), {
+      wrapper: wrapper(store),
+    });
+    expect(result.current).toBe("fallback");
+  });
+
+  it("returns the default in the production branch without hitting Redux", () => {
+    // Vitest exposes `import.meta.env.DEV` as a writable property at test
+    // time (unlike a `vite build`, where `vite`'s `define` substitutes it as
+    // a compile-time constant). `stubEnv` flips the flag so the prod branch
+    // is exercised. Rendering without a Provider proves the hook never
+    // reaches `useAppSelector` — an errant selector call would throw.
+    // vi.stubEnv's type overload requires string; cast through the broader
+    // signature to force the DEV flag to false at runtime.
+    (vi.stubEnv as unknown as (name: string, value: unknown) => void)("DEV", false);
+    const { result } = renderHook(() => useDevFlag("x", "default"));
+    expect(result.current).toBe("default");
+  });
+});
diff --git a/app/src/hooks/useDevFlag.ts b/app/src/hooks/useDevFlag.ts
new file mode 100644
index 0000000..e82e337
--- /dev/null
+++ b/app/src/hooks/useDevFlag.ts
@@ -0,0 +1,23 @@
+import { useAppSelector } from "@/store/hooks";
+
+/**
+ * Reads a session-only developer flag with a typed fallback. The hook is
+ * intentionally a no-op in production builds — `import.meta.env.DEV` is a
+ * **compile-time constant**, so Vite tree-shakes the prod branch down to the
+ * return-default line and never emits the `useAppSelector` call. The apparent
+ * conditional-hook violation is therefore only a lint-time concern, not a
+ * runtime one (each emitted bundle only ever executes one of the two paths).
+ */
+/* eslint-disable react-hooks/rules-of-hooks -- `import.meta.env.DEV` is a
+   compile-time constant; Vite tree-shakes the unused branch so each emitted
+   bundle always takes exactly one of the two paths. */
+export function useDevFlag<T extends boolean | string>(name: string, defaultValue: T): T {
+  if (!import.meta.env.DEV) return defaultValue;
+  const value = useAppSelector(
+    (s) =>
+      (s as unknown as { uiDevFlags?: { flags?: Record<string, boolean | string> } }).uiDevFlags
+        ?.flags?.[name],
+  );
+  return (value ?? defaultValue) as T;
+}
+/* eslint-enable react-hooks/rules-of-hooks */
diff --git a/app/src/hooks/useGlobalEvents.ts b/app/src/hooks/useGlobalEvents.ts
index 5292946..255fb6f 100644
--- a/app/src/hooks/useGlobalEvents.ts
+++ b/app/src/hooks/useGlobalEvents.ts
@@ -1,18 +1,18 @@
 import { useEffect } from "react";
 
-import { type CloneProgressEvent, EventChannel, TauriCommand } from "@recrest/shared";
+import {
+  type CloneProgressEvent,
+  EventChannel,
+  TauriCommand,
+  type UpdaterAvailableEvent,
+  type UpdaterProgressEvent,
+} from "@recrest/shared";
 
 import { invoke, safeListen } from "@/lib/tauri";
 import { toast } from "@/lib/toast";
 import { useAppDispatch } from "@/store/hooks";
 import { setProgress } from "@/store/slices/remoteImportSlice";
-import { setUpdaterBanner } from "@/store/slices/uiSlice";
-
-interface UpdaterPayload {
-  version: string;
-  currentVersion?: string;
-  body: string | null;
-}
+import { setUpdaterBanner, setUpdaterProgress } from "@/store/slices/uiSlice";
 
 interface OauthCallbackPayload {
   url: string;
@@ -30,11 +30,23 @@ export function useGlobalEvents(): void {
   useEffect(() => {
     const unlisteners: Array<() => void> = [];
 
-    void safeListen<UpdaterPayload>(EventChannel.UPDATER_AVAILABLE, (event) => {
+    void safeListen<UpdaterAvailableEvent>(EventChannel.UPDATER_AVAILABLE, (event) => {
       dispatch(
         setUpdaterBanner({
           version: event.payload.version,
+          currentVersion: event.payload.currentVersion,
           body: event.payload.body,
+          canAutoInstall: event.payload.canAutoInstall,
+          downloadUrl: event.payload.downloadUrl,
+        }),
+      );
+    }).then((fn) => unlisteners.push(fn));
+
+    void safeListen<UpdaterProgressEvent>(EventChannel.UPDATER_PROGRESS, (event) => {
+      dispatch(
+        setUpdaterProgress({
+          chunk: event.payload.chunk,
+          total: event.payload.total,
         }),
       );
     }).then((fn) => unlisteners.push(fn));
diff --git a/app/src/hooks/useLastSeenVersion.ts b/app/src/hooks/useLastSeenVersion.ts
new file mode 100644
index 0000000..88e4a17
--- /dev/null
+++ b/app/src/hooks/useLastSeenVersion.ts
@@ -0,0 +1,34 @@
+import { useEffect } from "react";
+
+import { StorageKey } from "@recrest/shared";
+
+import { updaterService } from "@/lib/tauri/services";
+
+/**
+ * Records the current app version to `localStorage` under
+ * {@link StorageKey.LAST_SEEN_VERSION} on mount. Phase 1 of the
+ * "What's new" / release-notes pipeline — the read side simply stamps the
+ * current version; the diff/dialog-firing surface will be added separately.
+ *
+ * Paired with the developer-tab "Reset 'last seen version'" affordance so
+ * that button becomes a real signal instead of a ghost: clear the key, the
+ * hook re-populates on next mount.
+ *
+ * No-ops outside Tauri (`getCurrentVersion` returns null) so the plain
+ * browser dev session doesn't accidentally pin a "web" sentinel value.
+ */
+export function useLastSeenVersion(): void {
+  useEffect(() => {
+    void (async () => {
+      try {
+        const version = await updaterService.getCurrentVersion();
+        if (!version) return;
+        const seen = localStorage.getItem(StorageKey.LAST_SEEN_VERSION);
+        if (seen === version) return;
+        localStorage.setItem(StorageKey.LAST_SEEN_VERSION, version);
+      } catch {
+        /* localStorage unavailable — non-fatal */
+      }
+    })();
+  }, []);
+}
diff --git a/app/src/hooks/useNotificationTriggers.test.ts b/app/src/hooks/useNotificationTriggers.test.ts
new file mode 100644
index 0000000..921652f
--- /dev/null
+++ b/app/src/hooks/useNotificationTriggers.test.ts
@@ -0,0 +1,293 @@
+import type { FC, ReactNode } from "react";
+import { createElement } from "react";
+
+import { configureStore } from "@reduxjs/toolkit";
+import { act, renderHook } from "@testing-library/react";
+import { Provider } from "react-redux";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+
+import type { PullRequest, PullRequestDetail, Repository } from "@recrest/shared";
+
+// Must be imported *after* the mocks above so the hook picks them up.
+import { useNotificationTriggers } from "@/hooks/useNotificationTriggers";
+import { invoke } from "@/lib/tauri";
+import { prsReducer, setPrs } from "@/store/slices/prsSlice";
+import { reposReducer } from "@/store/slices/reposSlice";
+
+// ---- Mocks --------------------------------------------------------------
+//
+// The hook calls `invoke("notify", …)` via `@/lib/tauri`. Mock the whole
+// module so each call is observable via `invoke.mock.calls`. `isTauri` is
+// forced to true because the hook short-circuits on `enabled=false` at the
+// call site, and we pass `true` explicitly in the tests below.
+vi.mock("@/lib/tauri", () => ({
+  invoke: vi.fn().mockResolvedValue(undefined),
+  safeInvoke: vi.fn().mockResolvedValue(null),
+  isTauri: () => true,
+}));
+
+// Stub i18next so we can assert on deterministic body/title strings without
+// booting the full resource bundle. The hook only calls `t(key, params)`.
+vi.mock("react-i18next", () => ({
+  useTranslation: () => ({
+    t: (key: string, params?: Record<string, unknown>) => {
+      if (!params || Object.keys(params).length === 0) return key;
+      const parts = Object.entries(params)
+        .map(([k, v]) => `${k}=${String(v)}`)
+        .join(",");
+      return `${key}|${parts}`;
+    },
+  }),
+}));
+
+type TestStore = ReturnType<typeof makeStore>;
+
+function makeStore() {
+  return configureStore({
+    reducer: {
+      prs: prsReducer,
+      repos: reposReducer,
+    },
+    preloadedState: {
+      repos: {
+        items: {
+          "repo-1": makeRepo("repo-1", "acme/recrest"),
+        } as Record<string, Repository>,
+        groups: {},
+        scanPaths: [],
+        loading: false,
+        error: null,
+      },
+    },
+  });
+}
+
+function wrapper(store: TestStore) {
+  return function Wrapper({ children }: { children: ReactNode }) {
+    // `Provider` in modern react-redux types requires `children` as a named
+    // prop; cast through a local FC alias so TS's overload resolution
+    // accepts the call. Children go through the third createElement arg
+    // so `react/no-children-prop` stays happy.
+    const P = Provider as unknown as FC<{ store: TestStore; children?: ReactNode }>;
+    return createElement(P, { store }, children);
+  };
+}
+
+function makeRepo(id: string, name: string): Repository {
+  return {
+    id,
+    name,
+    path: `/tmp/${id}`,
+    groupId: null,
+    remoteUrl: null,
+    providerId: null,
+    logoPath: null,
+    logoDarkPath: null,
+    status: {
+      branch: "main",
+      head: null,
+      ahead: 0,
+      behind: 0,
+      staged: 0,
+      unstaged: 0,
+      untracked: 0,
+      conflicted: 0,
+      dirty: false,
+      lastCommit: null,
+      remoteUrl: null,
+      changedFiles: [],
+      changedFilesTruncated: false,
+      commitActivity: Array.from({ length: 14 }, () => 0),
+      addedLines: 0,
+      removedLines: 0,
+      language: null,
+      languages: null,
+    },
+  };
+}
+
+function makePr(overrides: Partial<PullRequest> & Pick<PullRequest, "id" | "number">): PullRequest {
+  return {
+    title: `PR ${overrides.number}`,
+    url: `https://example.test/pr/${overrides.number}`,
+    author: "octocat",
+    state: "open",
+    draft: false,
+    sourceBranch: "feature",
+    targetBranch: "main",
+    createdAt: "2026-04-01T00:00:00Z",
+    updatedAt: "2026-04-01T00:00:00Z",
+    additions: null,
+    deletions: null,
+    ciStatus: null,
+    ...overrides,
+  };
+}
+
+function makeDetail(repoId: string, number: number, mergeable: boolean | null): PullRequestDetail {
+  const base = makePr({ id: `${repoId}-${number}`, number });
+  return {
+    ...base,
+    body: null,
+    mergeable,
+    reviewers: [],
+    files: [],
+    timeline: [],
+  };
+}
+
+// Cast invoke for assertion ergonomics — vitest's MockInstance type is
+// narrow enough that pulling `.mock` off the plain mock is noisy otherwise.
+const invokeMock = vi.mocked(invoke);
+
+beforeEach(() => {
+  invokeMock.mockClear();
+});
+
+afterEach(() => {
+  invokeMock.mockReset();
+  invokeMock.mockResolvedValue(undefined as unknown as never);
+});
+
+describe("useNotificationTriggers", () => {
+  it("does not emit on the very first render with an empty cache", () => {
+    const store = makeStore();
+    renderHook(() => useNotificationTriggers(true), { wrapper: wrapper(store) });
+    expect(invokeMock).not.toHaveBeenCalled();
+  });
+
+  it("treats the first non-empty cache as the baseline without emitting", () => {
+    const store = makeStore();
+    renderHook(() => useNotificationTriggers(true), { wrapper: wrapper(store) });
+
+    act(() => {
+      store.dispatch(setPrs({ repoId: "repo-1", prs: [makePr({ id: "a", number: 1 })] }));
+    });
+
+    expect(invokeMock).not.toHaveBeenCalled();
+  });
+
+  it("emits exactly one new_pr when a second PR is added after the baseline", () => {
+    const store = makeStore();
+    renderHook(() => useNotificationTriggers(true), { wrapper: wrapper(store) });
+
+    act(() => {
+      store.dispatch(setPrs({ repoId: "repo-1", prs: [makePr({ id: "a", number: 1 })] }));
+    });
+    expect(invokeMock).not.toHaveBeenCalled();
+
+    act(() => {
+      store.dispatch(
+        setPrs({
+          repoId: "repo-1",
+          prs: [
+            makePr({ id: "a", number: 1 }),
+            makePr({ id: "b", number: 2, title: "Shiny feature" }),
+          ],
+        }),
+      );
+    });
+
+    expect(invokeMock).toHaveBeenCalledTimes(1);
+    const [cmd, args] = invokeMock.mock.calls[0] ?? [];
+    expect(cmd).toBe("notify");
+    expect(args).toMatchObject({
+      kind: "new_pr",
+      url: "https://example.test/pr/2",
+    });
+    // Body interpolates the repo *name* (from repos slice), not the id.
+    expect(String(args?.body)).toContain("acme/recrest");
+    expect(String(args?.body)).toContain("2");
+    expect(String(args?.body)).toContain("Shiny feature");
+  });
+
+  it("emits one ci_failed when CI transitions from success to failure", () => {
+    const store = makeStore();
+    renderHook(() => useNotificationTriggers(true), { wrapper: wrapper(store) });
+
+    act(() => {
+      store.dispatch(
+        setPrs({
+          repoId: "repo-1",
+          prs: [makePr({ id: "a", number: 1, ciStatus: "success" })],
+        }),
+      );
+    });
+    expect(invokeMock).not.toHaveBeenCalled();
+
+    act(() => {
+      store.dispatch(
+        setPrs({
+          repoId: "repo-1",
+          prs: [makePr({ id: "a", number: 1, ciStatus: "failure" })],
+        }),
+      );
+    });
+
+    expect(invokeMock).toHaveBeenCalledTimes(1);
+    const [, args] = invokeMock.mock.calls[0] ?? [];
+    expect(args).toMatchObject({ kind: "ci_failed" });
+  });
+
+  it("emits one merge_ready when mergeable flips null → true", () => {
+    const store = makeStore();
+    renderHook(() => useNotificationTriggers(true), { wrapper: wrapper(store) });
+
+    // Seed a baseline PR with no detail → mergeable=null in the hook's view.
+    act(() => {
+      store.dispatch(setPrs({ repoId: "repo-1", prs: [makePr({ id: "a", number: 1 })] }));
+    });
+    expect(invokeMock).not.toHaveBeenCalled();
+
+    // Flip the detail so mergeable becomes true. Poke the prs slice so the
+    // hook's effect re-runs (details alone aren't a dep of the snapshot
+    // keyset — we re-dispatch setPrs with the same content to trigger).
+    act(() => {
+      store.dispatch({
+        type: "prs/detail/fulfilled",
+        payload: { key: "repo-1#1", detail: makeDetail("repo-1", 1, true) },
+        meta: { arg: { repoId: "repo-1", prNumber: 1 } },
+      });
+    });
+
+    expect(invokeMock).toHaveBeenCalledTimes(1);
+    const [, args] = invokeMock.mock.calls[0] ?? [];
+    expect(args).toMatchObject({ kind: "merge_ready" });
+  });
+
+  it("coalesces >5 new PRs into a single burst notification", () => {
+    const store = makeStore();
+    renderHook(() => useNotificationTriggers(true), { wrapper: wrapper(store) });
+
+    // Seed the baseline with one PR so the next dispatch is a real
+    // transition rather than the initial baseline grab.
+    act(() => {
+      store.dispatch(setPrs({ repoId: "repo-1", prs: [makePr({ id: "a", number: 1 })] }));
+    });
+    expect(invokeMock).not.toHaveBeenCalled();
+
+    act(() => {
+      store.dispatch(
+        setPrs({
+          repoId: "repo-1",
+          prs: [
+            makePr({ id: "a", number: 1 }),
+            makePr({ id: "b", number: 2 }),
+            makePr({ id: "c", number: 3 }),
+            makePr({ id: "d", number: 4 }),
+            makePr({ id: "e", number: 5 }),
+            makePr({ id: "f", number: 6 }),
+            makePr({ id: "g", number: 7 }),
+          ],
+        }),
+      );
+    });
+
+    expect(invokeMock).toHaveBeenCalledTimes(1);
+    const [, args] = invokeMock.mock.calls[0] ?? [];
+    expect(args).toMatchObject({ kind: "new_pr", url: null });
+    // Our stub t() serialises params as "key=value,…" — the count of 6 new
+    // PRs must appear in the body.
+    expect(String(args?.body)).toContain("count=6");
+  });
+});
diff --git a/app/src/hooks/useNotificationTriggers.ts b/app/src/hooks/useNotificationTriggers.ts
index d13f02c..d9b3125 100644
--- a/app/src/hooks/useNotificationTriggers.ts
+++ b/app/src/hooks/useNotificationTriggers.ts
@@ -1,72 +1,179 @@
 import { useEffect, useRef } from "react";
 
-import { invoke, safeInvoke } from "@/lib/tauri";
+import { useTranslation } from "react-i18next";
+
+import { type NotificationKind, type NotifyPayload, TauriCommand } from "@recrest/shared";
+
+import { invoke } from "@/lib/tauri";
 import { useAppSelector } from "@/store/hooks";
 
-type Kind = "new_pr" | "ci_failed" | "merge_ready";
+/** Upper bound per-kind, per-effect-pass transitions. Anything above and we
+ *  coalesce into a single "N new merge requests" style burst notification
+ *  so the user isn't spammed during initial remote refresh or after coming
+ *  back from PTO. The 1–5 common case still fires per-item. */
+const BURST_THRESHOLD = 5;
+
+interface PrSnapshot {
+  ci: string | null;
+  mergeable: boolean | null;
+  title: string;
+  url: string;
+  repoId: string;
+  number: number;
+}
+
+/** Map key → useRef-stored baseline of what we've already notified on. Exposed
+ *  via {@link __resetNotificationBaselineForTests} for test / dev-preview
+ *  harnesses that want to replay a fresh transition. */
+interface InternalState {
+  baselined: boolean;
+  seen: Map<string, PrSnapshot>;
+}
 
-/** Watches the Redux PR cache and emits desktop notifications on meaningful
- *  state transitions:
- *    - a PR number appears that wasn't there before        → `new_pr`
- *    - a known PR's CI goes success/pending → failure      → `ci_failed`
- *    - a known PR flips from not-mergeable → mergeable     → `merge_ready`
- *  The Rust side short-circuits on the per-kind toggle so we can fire
- *  liberally here without leaking noise. */
-export function useNotificationTriggers(): void {
+const RESET_LISTENERS = new Set<() => void>();
+
+/**
+ * Test/dev-only helper — clears the in-memory baseline of every live
+ * `useNotificationTriggers` caller so the next store update re-seeds from
+ * scratch. Used by DevNotificationPreview to replay a transition on demand.
+ * Not part of the public hook contract; do not call from production code.
+ */
+export function __resetNotificationBaselineForTests(): void {
+  for (const reset of RESET_LISTENERS) reset();
+}
+
+/**
+ * Watches the Redux PR cache and emits desktop notifications on meaningful
+ * state transitions:
+ *   - a new PR appears                                    → `new_pr`
+ *   - a known PR's CI flips to failure                    → `ci_failed`
+ *   - a known PR's `mergeable` flips null/false → true    → `merge_ready`
+ *
+ * Strings are pre-translated on the TS side and pushed through the Rust
+ * `notify` command, which is the single source of truth for whether a
+ * notification actually fires (gates on settings.notifications.*).
+ *
+ * `enabled` mirrors the other Tauri-aware hooks: pass `isTauri()` at the
+ * call-site so the hook no-ops in plain-browser dev and in non-Tauri tests
+ * that still mount AppShell.
+ */
+export function useNotificationTriggers(enabled: boolean): void {
   const items = useAppSelector((s) => s.prs.items);
   const details = useAppSelector((s) => s.prs.detail);
+  const repos = useAppSelector((s) => s.repos.items);
+  const { t } = useTranslation();
+
   // Only start emitting notifications once we've actually seen a non-empty
   // PR cache. The first render always has `items = {}`; snapshotting that
   // as the baseline means every PR that subsequently *loaded* from the
   // provider would fire a bogus "New merge request" toast on every boot.
-  const hasBaselineRef = useRef(false);
-  const seenRef = useRef<Map<string, { ci: string | null; mergeable: boolean | null }>>(new Map());
+  const stateRef = useRef<InternalState>({ baselined: false, seen: new Map() });
 
+  // Register a reset hook so DevNotificationPreview / tests can re-seed the
+  // baseline on demand. The effect owns the registration lifecycle.
   useEffect(() => {
-    const next = new Map<string, { ci: string | null; mergeable: boolean | null }>();
+    const reset = () => {
+      stateRef.current = { baselined: false, seen: new Map() };
+    };
+    RESET_LISTENERS.add(reset);
+    return () => {
+      RESET_LISTENERS.delete(reset);
+    };
+  }, []);
+
+  useEffect(() => {
+    if (!enabled) return;
+
+    const next = new Map<string, PrSnapshot>();
     for (const [repoId, prs] of Object.entries(items)) {
+      if (!prs) continue;
       for (const pr of prs) {
         const key = `${repoId}#${pr.number}`;
         const detail = details[key];
-        next.set(key, { ci: pr.ciStatus, mergeable: detail?.mergeable ?? null });
+        next.set(key, {
+          ci: pr.ciStatus,
+          mergeable: detail?.mergeable ?? null,
+          title: pr.title,
+          url: pr.url,
+          repoId,
+          number: pr.number,
+        });
       }
     }
 
     // Defer the baseline snapshot until the cache is actually populated.
     // An empty cache is the loading state, not a zero-PR steady state.
-    if (!hasBaselineRef.current) {
+    if (!stateRef.current.baselined) {
       if (next.size === 0) return;
-      hasBaselineRef.current = true;
-      seenRef.current = next;
+      stateRef.current = { baselined: true, seen: next };
       return;
     }
 
-    const prev = seenRef.current;
+    const prev = stateRef.current.seen;
+    const transitions: Record<NotificationKind, PrSnapshot[]> = {
+      new_pr: [],
+      ci_failed: [],
+      merge_ready: [],
+      generic: [],
+    };
+
     for (const [key, curr] of next) {
       const before = prev.get(key);
       if (!before) {
-        void notify("new_pr", "New merge request", prettyKey(key, items));
+        transitions.new_pr.push(curr);
         continue;
       }
       if (before.ci !== "failure" && curr.ci === "failure") {
-        void notify("ci_failed", "CI failed", prettyKey(key, items));
+        transitions.ci_failed.push(curr);
       }
       if (before.mergeable !== true && curr.mergeable === true) {
-        void notify("merge_ready", "Merge ready", prettyKey(key, items));
+        transitions.merge_ready.push(curr);
       }
     }
 
-    seenRef.current = next;
-  }, [items, details]);
-  void invoke;
-}
+    const kinds: Exclude<NotificationKind, "generic">[] = ["new_pr", "ci_failed", "merge_ready"];
+    for (const kind of kinds) {
+      const list = transitions[kind];
+      if (list.length === 0) continue;
+
+      if (list.length > BURST_THRESHOLD) {
+        void emit({
+          kind,
+          title: t(`notifications.${kind}.title`),
+          body: t(`notifications.burst.${kind}`, { count: list.length }),
+          url: null,
+        });
+        continue;
+      }
+
+      for (const snap of list) {
+        const repoName = repos[snap.repoId]?.name ?? snap.repoId;
+        void emit({
+          kind,
+          title: t(`notifications.${kind}.title`),
+          body: t(`notifications.${kind}.body`, {
+            repo: repoName,
+            number: snap.number,
+            pr_title: snap.title,
+          }),
+          url: snap.url,
+        });
+      }
+    }
 
-function prettyKey(key: string, items: Record<string, unknown>): string {
-  const [repoId, number] = key.split("#");
-  return `${repoId ?? ""} #${number ?? ""}`;
-  void items;
+    stateRef.current = { baselined: true, seen: next };
+  }, [enabled, items, details, repos, t]);
 }
 
-async function notify(kind: Kind, title: string, body: string): Promise<void> {
-  await safeInvoke("notify", { kind, title, body });
+async function emit(payload: NotifyPayload): Promise<void> {
+  try {
+    await invoke<void>(TauriCommand.NOTIFY, {
+      kind: payload.kind,
+      title: payload.title,
+      body: payload.body,
+      url: payload.url ?? null,
+    });
+  } catch (err) {
+    console.warn("[tauri] notify invoke failed:", err);
+  }
 }
diff --git a/app/src/hooks/useTauri.ts b/app/src/hooks/useTauri.ts
index 4f5ac64..5773e06 100644
--- a/app/src/hooks/useTauri.ts
+++ b/app/src/hooks/useTauri.ts
@@ -3,20 +3,17 @@ import { useCallback, useEffect, useMemo, useRef } from "react";
 import {
   MIN_WINDOW_HEIGHT,
   MIN_WINDOW_WIDTH,
-  UPDATER_INITIAL_DELAY_MS,
-  UPDATER_INTERVAL_MS,
   WINDOW_STATE_DEBOUNCE_MS,
   type WindowState,
 } from "@recrest/shared";
 
 import { useDeepLinks } from "@/hooks/useDeepLinks";
-import { useTauriNotifications } from "@/hooks/useTauriNotifications";
+import { useLastSeenVersion } from "@/hooks/useLastSeenVersion";
 import { isTauri } from "@/lib/tauri";
 import {
   autostartService,
   notificationService,
   trayService,
-  updaterService,
   windowService,
 } from "@/lib/tauri/services";
 import { useAppDispatch, useAppSelector } from "@/store/hooks";
@@ -35,10 +32,14 @@ export function useTauri(): void {
   useTrayBadgeSync(tauri);
   useNotificationPermission(tauri);
   useAutostartSync(tauri);
-  useAutoUpdateCheck(tauri);
+  // Auto-update scheduling is owned by the Rust side (`src-tauri/src/lib.rs`),
+  // which survives tray-hide and minimized states. The previous JS scheduler
+  // was removed to avoid duplicate probes.
+  // TODO: runtime changes to `settings.autoUpdate` only take effect after
+  // restart — the Rust scheduler reads the mode once at startup.
   useDeepLinks(tauri);
-  useTauriNotifications(tauri);
   useIdeDetection(tauri);
+  useLastSeenVersion();
 }
 
 // ------------------------------------------------------------------ ide detect
@@ -194,30 +195,3 @@ function useAutostartSync(enabled: boolean): void {
     void autostartService.sync(autoStart);
   }, [enabled, autoStart]);
 }
-
-// ------------------------------------------------------------------ auto-update
-
-function useAutoUpdateCheck(enabled: boolean): void {
-  const autoUpdate = useAppSelector((s) => s.settings.autoUpdate);
-
-  useEffect(() => {
-    if (!enabled || autoUpdate === "off") return;
-
-    const run = async () => {
-      const info = await updaterService.checkForUpdate();
-      if (!info) return;
-      console.info(`[tauri] update available: v${info.version}`);
-      if (autoUpdate === "auto") {
-        const ok = await updaterService.downloadAndInstall();
-        if (ok) await updaterService.relaunch();
-      }
-    };
-
-    const t = setTimeout(() => void run(), UPDATER_INITIAL_DELAY_MS);
-    const i = setInterval(() => void run(), UPDATER_INTERVAL_MS);
-    return () => {
-      clearTimeout(t);
-      clearInterval(i);
-    };
-  }, [enabled, autoUpdate]);
-}
diff --git a/app/src/hooks/useTauriNotifications.ts b/app/src/hooks/useTauriNotifications.ts
deleted file mode 100644
index 0ddbb61..0000000
--- a/app/src/hooks/useTauriNotifications.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-import { useEffect, useRef } from "react";
-
-import type { PullRequest } from "@recrest/shared";
-
-import { notificationService } from "@/lib/tauri/services";
-import { useAppSelector } from "@/store/hooks";
-
-interface PrSnapshot {
-  id: string;
-  state: string;
-  draft: boolean;
-  ciStatus: string | null;
-  title: string;
-  url: string;
-}
-
-function toSnapshot(pr: PullRequest): PrSnapshot {
-  return {
-    id: pr.id,
-    state: pr.state,
-    draft: pr.draft,
-    ciStatus: pr.ciStatus,
-    title: pr.title,
-    url: pr.url,
-  };
-}
-
-function isMergeReady(pr: PrSnapshot): boolean {
-  return pr.state === "open" && !pr.draft && pr.ciStatus === "success";
-}
-
-/**
- * Diffs `state.prs.items` against a previous snapshot and triggers native
- * notifications for: new PR, CI transitioning to failure, PR becoming
- * merge-ready. No-op outside Tauri.
- */
-export function useTauriNotifications(enabled: boolean): void {
-  const prsByRepo = useAppSelector((s) => s.prs.items);
-  const settings = useAppSelector((s) => s.settings.notifications);
-  const previousRef = useRef<Map<string, PrSnapshot> | null>(null);
-
-  useEffect(() => {
-    if (!enabled) return;
-
-    const next = new Map<string, PrSnapshot>();
-    for (const prs of Object.values(prsByRepo)) {
-      if (!prs) continue;
-      for (const pr of prs) next.set(pr.id, toSnapshot(pr));
-    }
-
-    const previous = previousRef.current;
-    previousRef.current = next;
-
-    // Skip the first run — we have no baseline, otherwise every PR would ping.
-    if (previous === null) return;
-    if (!settings.enabled) return;
-
-    for (const [id, curr] of next) {
-      const prev = previous.get(id);
-
-      if (!prev && curr.state === "open" && !curr.draft && settings.newPr) {
-        void notificationService.send({
-          title: "New merge request",
-          body: curr.title,
-        });
-        continue;
-      }
-
-      if (!prev) continue;
-
-      if (settings.ciFailed && prev.ciStatus !== "failure" && curr.ciStatus === "failure") {
-        void notificationService.send({
-          title: "CI failed",
-          body: curr.title,
-        });
-      }
-
-      if (settings.mergeReady && !isMergeReady(prev) && isMergeReady(curr)) {
-        void notificationService.send({
-          title: "Ready to merge",
-          body: curr.title,
-        });
-      }
-    }
-  }, [enabled, prsByRepo, settings]);
-}
diff --git a/app/src/i18n/index.ts b/app/src/i18n/index.ts
index fcab982..4d29fd0 100644
--- a/app/src/i18n/index.ts
+++ b/app/src/i18n/index.ts
@@ -21,6 +21,23 @@ export const NAMESPACES = ["common", "repos", "prs", "settings", "errors", "onbo
 
 export type SupportedLocale = (typeof SUPPORTED_LOCALES)[number];
 
+/**
+ * Developer-only sink for keys i18next failed to resolve. The Developer tab
+ * flips `<html data-i18n-highlight="true">` when tracking is on; CSS consumers
+ * can style missing-key `[data-i18n-missing]` spans once a visual highlight is
+ * wired up (TODO — currently the tracking set itself is the only deliverable).
+ */
+const MISSING_I18N_KEYS = new Set<string>();
+export function recordMissingI18nKey(key: string): void {
+  MISSING_I18N_KEYS.add(key);
+}
+export function getMissingI18nKeys(): string[] {
+  return Array.from(MISSING_I18N_KEYS);
+}
+export function clearMissingI18nKeys(): void {
+  MISSING_I18N_KEYS.clear();
+}
+
 void i18n
   .use(LanguageDetector)
   .use(initReactI18next)
@@ -30,6 +47,13 @@ void i18n
     defaultNS: DEFAULT_NAMESPACE,
     ns: [...NAMESPACES],
     interpolation: { escapeValue: false },
+    // Report missing translations so the Developer tab's "Highlight missing
+    // translations" flag can surface them. Only runs when `saveMissing` is on,
+    // which we toggle via the flag below.
+    saveMissing: import.meta.env.DEV,
+    missingKeyHandler: (_lngs, ns, key) => {
+      recordMissingI18nKey(`${ns}:${key}`);
+    },
     detection: {
       order: ["localStorage", "navigator"],
       caches: ["localStorage"],
diff --git a/app/src/i18n/locales/de/common.json b/app/src/i18n/locales/de/common.json
index 2aa1d53..0110464 100644
--- a/app/src/i18n/locales/de/common.json
+++ b/app/src/i18n/locales/de/common.json
@@ -25,7 +25,7 @@
   "actions": {
     "refresh": "Aktualisieren",
     "add": "Hinzufügen",
-    "add_repo": "Repo hinzufügen",
+    "add_repo": "Repository hinzufügen",
     "remove": "Entfernen",
     "search": "Suchen",
     "search_placeholder": "Repos, Branches, MRs durchsuchen…",
@@ -35,7 +35,8 @@
     "open_remote": "Remote öffnen",
     "cancel": "Abbrechen",
     "save": "Speichern",
-    "delete": "Löschen"
+    "delete": "Löschen",
+    "clear": "Leeren"
   },
   "states": {
     "loading": "Wird geladen…",
@@ -89,10 +90,18 @@
       "title": "Schnellaktionen",
       "fetch_all": "Alle fetchen",
       "clone": "Repo klonen",
+      "clone_tooltip": "Von URL klonen oder aus GitHub / GitLab / Bitbucket importieren",
       "find": "Repo-übergreifend suchen",
-      "workspace": "Workspace öffnen"
+      "workspace": "Workspace öffnen",
+      "workspace_tooltip": "Multi-Root-IDE-Workspace mit allen gescannten Repos öffnen"
     }
   },
+  "titlebar": {
+    "minimize": "Minimieren",
+    "maximize": "Maximieren",
+    "restore": "Wiederherstellen",
+    "close": "Schließen"
+  },
   "mrs": {
     "filter": {
       "open": "Offen",
@@ -111,6 +120,7 @@
   },
   "branches": {
     "filter": {
+      "label": "Branch-Filter",
       "all": "Alle",
       "ahead": "Voraus",
       "behind": "Zurück",
@@ -133,7 +143,13 @@
       "pull": "Pull",
       "push": "Push",
       "checkout": "Checkout",
-      "checkout_remote": "Checkout"
+      "checkout_remote": "Checkout",
+      "fetch": "Fetch",
+      "fetch_all": "Alle fetchen",
+      "fetch_tooltip": "Von allen Remotes fetchen",
+      "fetching": "Fetche…",
+      "fetched": "{{repo}} gefetcht",
+      "fetched_all": "Alle Repos gefetcht"
     },
     "row": {
       "upstream_tracking": "verfolgt {{upstream}}",
@@ -173,7 +189,7 @@
       "none": "—"
     },
     "hero": {
-      "open_prs": "Offene PRs",
+      "open_prs": "Offene MRs",
       "open_prs_sub": "{{review}} in Review · {{draft}} Entwurf",
       "ci_health": "CI-Health",
       "ci_failing_one": "{{count}} fehlerhaft",
@@ -192,15 +208,15 @@
       "language_sub": "gewichtet nach Commits",
       "churn_title": "Churn · Working Tree",
       "churn_sub": "hinzugefügte + entfernte Zeilen",
-      "pr_velocity_title": "PR-Velocity",
+      "pr_velocity_title": "MR-Velocity",
       "pr_velocity_sub": "geöffnet vs. gemerged · 14 Tage",
       "pr_velocity_opened": "Geöffnet",
       "pr_velocity_merged": "Gemerged",
       "time_to_merge_title": "Merge-Dauer",
       "time_to_merge_sub": "letzte 14 Tage",
       "review_queue_title": "Review-Queue",
-      "review_queue_sub": "älteste offene PRs",
-      "review_queue_empty": "Keine offenen PRs warten.",
+      "review_queue_sub": "älteste offene MRs",
+      "review_queue_empty": "Keine offenen MRs warten.",
       "ci_trend_title": "CI-Pass-Rate · 14 Tage",
       "ci_trend_sub": "tägliche Pass-Quote",
       "flaky_title": "Flakigste Repos",
@@ -218,15 +234,15 @@
       "filter_label": "Event-Typ",
       "filter_all": "Alle",
       "filter_commits": "Commits",
-      "filter_prs": "Pull Requests",
+      "filter_prs": "Merge Requests",
       "filter_checks": "CI-Checks",
       "empty_filter": "Kein Event passt zu diesem Filter.",
       "chip_commits_one": "{{count}} Commit",
       "chip_commits_other": "{{count}} Commits",
-      "chip_prs_merged_one": "{{count}} PR gemerged",
-      "chip_prs_merged_other": "{{count}} PRs gemerged",
-      "chip_prs_opened_one": "{{count}} PR geöffnet",
-      "chip_prs_opened_other": "{{count}} PRs geöffnet",
+      "chip_prs_merged_one": "{{count}} MR gemerged",
+      "chip_prs_merged_other": "{{count}} MRs gemerged",
+      "chip_prs_opened_one": "{{count}} MR geöffnet",
+      "chip_prs_opened_other": "{{count}} MRs geöffnet",
       "chip_checks_failed_one": "{{count}} Check fehlgeschlagen",
       "chip_checks_failed_other": "{{count}} Checks fehlgeschlagen"
     }
@@ -238,7 +254,8 @@
       "integrations": "Integrationen",
       "shortcuts": "Shortcuts",
       "storage": "Speicher",
-      "about": "Über"
+      "about": "Über",
+      "developer": "Entwickler"
     },
     "general": {
       "title": "Allgemein",
@@ -277,6 +294,37 @@
       "title": "Über Recrest",
       "intro": "Versionsinformationen, Lizenzen und Credits.",
       "version": "Version"
+    },
+    "developer": {
+      "title": "Entwickler",
+      "intro": "Nur in Debug-Builds sichtbar. Werkzeuge für Entwicklung und Debugging."
     }
+  },
+  "notifications": {
+    "new_pr": {
+      "title": "Neuer Merge Request",
+      "body": "{{repo}} · #{{number}} {{pr_title}}"
+    },
+    "ci_failed": {
+      "title": "CI fehlgeschlagen",
+      "body": "{{repo}} · #{{number}} {{pr_title}}"
+    },
+    "merge_ready": {
+      "title": "Bereit zum Mergen",
+      "body": "{{repo}} · #{{number}} {{pr_title}}"
+    },
+    "generic": {
+      "title": "Recrest",
+      "clone_done": { "title": "Clone abgeschlossen", "body": "{{repo}}" },
+      "update_available": { "title": "Update verfügbar", "body": "v{{version}}" },
+      "test_body": "Test-Benachrichtigung von Recrest"
+    },
+    "burst": {
+      "new_pr": "{{count}} neue Merge Requests",
+      "ci_failed": "{{count}} CI-Fehlschläge",
+      "merge_ready": "{{count}} MRs sind merge-bereit"
+    },
+    "test": "Test",
+    "test_sent": "Test-Benachrichtigung gesendet"
   }
 }
diff --git a/app/src/i18n/locales/de/repos.json b/app/src/i18n/locales/de/repos.json
index 45d5198..9fa0060 100644
--- a/app/src/i18n/locales/de/repos.json
+++ b/app/src/i18n/locales/de/repos.json
@@ -1,5 +1,10 @@
 {
   "title": "Repositories",
+  "actions": {
+    "open_terminal_tooltip": "Terminal im Repository öffnen",
+    "create_branch_tooltip": "Neuen Branch von HEAD erstellen",
+    "avatar_upload_hint": "Klicken, um ein eigenes Logo festzulegen"
+  },
   "summary": {
     "total": "Gesamt",
     "dirty": "Mit Änderungen",
@@ -24,6 +29,8 @@
     "branch": "Branch",
     "changes": "Änderungen",
     "clean": "sauber",
+    "close": "Schließen",
+    "open_full_view": "Vollansicht öffnen",
     "files": "{{count}} Datei",
     "files_other": "{{count}} Dateien",
     "last_commit": "Letzter Commit",
diff --git a/app/src/i18n/locales/de/settings.json b/app/src/i18n/locales/de/settings.json
index dab4ad4..6620e33 100644
--- a/app/src/i18n/locales/de/settings.json
+++ b/app/src/i18n/locales/de/settings.json
@@ -120,7 +120,20 @@
     "check_now": "Jetzt prüfen",
     "checking": "Prüfe…",
     "available": "Update v{{version}} verfügbar.",
-    "up_to_date": "Du bist auf dem neuesten Stand."
+    "up_to_date": "Du bist auf dem neuesten Stand.",
+    "current_version": "Aktuelle Version: v{{version}}",
+    "current_version_label": "Aktuelle Version"
+  },
+  "updater": {
+    "available_title": "Update verfügbar · v{{version}}",
+    "install": "Installieren & neu starten",
+    "download": "Herunterladen",
+    "later": "Später",
+    "installing": "Wird installiert…",
+    "installed_restarting": "Installiert — wird neu gestartet…",
+    "check_failed": "Updates konnten nicht geprüft werden",
+    "manual_note": "Lokale Builds können nicht automatisch installieren — Updates öffnen im Browser.",
+    "manual_note_label": "Lokale Builds"
   },
   "diagnostics": {
     "crash_reporting": "Crash-Reports",
@@ -131,5 +144,130 @@
     "git_installed": "installiert",
     "git_not_installed": "nicht installiert",
     "git_hint": "Recrest bringt libgit2 selbst mit, deshalb funktioniert das Lesen des Repo-Status ohnehin. Ein System-Git wird nur für künftige Fetch/Pull-Aktionen gebraucht."
+  },
+  "developer": {
+    "title": "Entwickler",
+    "intro": "Nur in Debug-Builds sichtbar. Werkzeuge für Entwicklung und Debugging.",
+    "sections": {
+      "build": "Build & Laufzeit",
+      "updater_playground": "Updater-Spielwiese",
+      "notifications": "Notification-Spielwiese",
+      "storage": "Speicher & State",
+      "ipc": "IPC & Debug",
+      "i18n": "i18n",
+      "flags": "Feature-Flags"
+    },
+    "build": {
+      "git_sha": "Git-SHA",
+      "build_time": "Build-Zeit",
+      "mode": "Modus",
+      "debug_assertions": "Debug-Assertions",
+      "tauri_runtime": "Tauri-Runtime",
+      "build_triple": "Build-Triple",
+      "app_identifier": "App-ID",
+      "paths_title": "Pfade",
+      "path_config": "Config-Verzeichnis",
+      "path_data": "Daten-Verzeichnis",
+      "path_cache": "Cache-Verzeichnis",
+      "path_log": "Log-Verzeichnis",
+      "path_binary": "Binary-Ordner",
+      "path_workspace": "Workspace-Root",
+      "copy": "Kopieren",
+      "open": "Öffnen",
+      "copied": "In Zwischenablage kopiert"
+    },
+    "updater": {
+      "force_check": "Jetzt prüfen",
+      "simulate": "Updater-Event simulieren",
+      "simulate_emit": "Emittieren",
+      "version_label": "Version",
+      "can_auto_install": "Auto-Install möglich",
+      "force_fallback": "Fallback-Pfad erzwingen",
+      "endpoint_override": "Endpoint-Override",
+      "endpoint_override_placeholder": "https://example.com/latest.json",
+      "reset_last_seen": "'Zuletzt gesehen'-Version zurücksetzen",
+      "reset_last_seen_done": "Letzte-gesehen-Version gelöscht",
+      "banner_emitted": "Updater-Banner emittiert"
+    },
+    "storage": {
+      "copy_state": "Redux-State kopieren (redigiert)",
+      "copy_state_done": "Redux-State kopiert",
+      "wipe_local": "UI-localStorage löschen",
+      "wipe_local_done": "Lokaler UI-State gelöscht",
+      "reset_settings": "Einstellungen zurücksetzen",
+      "reset_settings_done": "Einstellungen zurückgesetzt",
+      "clear_tokens": "Alle Provider-Tokens löschen",
+      "clear_tokens_done": "Alle Provider-Tokens gelöscht",
+      "retrigger_onboarding": "Onboarding erneut zeigen",
+      "retrigger_onboarding_done": "Onboarding zurückgesetzt — lade neu",
+      "rescan_repos": "Alle Repos neu scannen",
+      "rescan_done": "Rescan gestartet",
+      "confirm_title": "Destruktive Aktion",
+      "confirm_desc": "Tippe 'wipe' zum Bestätigen. Die Aktion ist nicht rückgängig zu machen.",
+      "confirm_placeholder": "wipe",
+      "confirm_cta": "Ausführen"
+    },
+    "ipc": {
+      "toggle_devtools": "DevTools umschalten",
+      "ipc_trace": "IPC-Trace aktivieren",
+      "ipc_trace_desc": "Jeden invoke-Aufruf mit Timing in der Konsole loggen.",
+      "renderer_crash": "Renderer-Crash auslösen",
+      "rust_panic": "Rust-Panic auslösen",
+      "toast_test": "Toasts testen",
+      "toast_success": "Success",
+      "toast_error": "Error",
+      "toast_info": "Info",
+      "toast_warning": "Warning",
+      "toast_loading": "Loading",
+      "devtools_note": "DevTools öffnen sich in Debug-Builds automatisch."
+    },
+    "i18n": {
+      "highlight_missing": "Fehlende Übersetzungen hervorheben",
+      "highlight_missing_desc": "Keys erfassen, die i18next nicht auflösen konnte.",
+      "copy_missing": "Missing-Key-Report kopieren",
+      "copy_missing_done": "Fehlende Keys kopiert",
+      "copy_missing_empty": "Keine fehlenden Keys erfasst",
+      "locale_label": "Sprache",
+      "locale_en": "English",
+      "locale_de": "Deutsch"
+    },
+    "flags": {
+      "intro": "Session-only-Schalter. Werden beim Reload zurückgesetzt.",
+      "name": "Name",
+      "value": "Wert",
+      "add": "Hinzufügen",
+      "reset_all": "Alle Flags zurücksetzen",
+      "reset_done": "Flags zurückgesetzt",
+      "known_new_repo_row": "Neues Repo-Row-Layout",
+      "known_activity_v2": "Activity v2",
+      "known_tray_badge_color": "Tray-Badge-Farbe",
+      "tray_auto": "Auto",
+      "tray_red": "Rot",
+      "tray_yellow": "Gelb",
+      "custom_name_placeholder": "flagName",
+      "custom_value_placeholder": "true / false / string"
+    },
+    "notifications": {
+      "preview_title": "Entwickler-Preview · nur Dev-Builds",
+      "preview_desc": "Feuert Benachrichtigungen über die Rust-Pipeline, damit der OS-Toast-Pfad ohne echten PR-Übergang geprobt werden kann.",
+      "send_new_pr": "Neuen MR senden",
+      "send_ci_failed": "CI-Fehler senden",
+      "send_merge_ready": "Merge-Ready senden",
+      "send_generic": "Generisch senden",
+      "send_burst": "Burst 7× neuer MR",
+      "burst_dispatched": "Burst ausgelöst — achte auf eine zusammengefasste Benachrichtigung",
+      "clear_burst": "Burst-Fixtures entfernen",
+      "clear_burst_done": "Burst-Fixtures entfernt",
+      "clear_baseline": "Baseline löschen",
+      "baseline_cleared": "Baseline für Benachrichtigungen gelöscht",
+      "demo_title_new_pr": "Demo-MR",
+      "demo_body_new_pr": "acme/web · !42 Login hinzufügen",
+      "demo_title_ci_failed": "Demo-CI-Fehler",
+      "demo_body_ci_failed": "acme/web · !42 Tests fehlgeschlagen",
+      "demo_title_merge_ready": "Demo bereit zum Mergen",
+      "demo_body_merge_ready": "acme/web · !42 alle Checks grün",
+      "demo_title_generic": "Demo-Benachrichtigung",
+      "demo_body_generic": "Hallo vom Entwickler-Tab"
+    }
   }
 }
diff --git a/app/src/i18n/locales/en/common.json b/app/src/i18n/locales/en/common.json
index 6a7ba1c..95c0899 100644
--- a/app/src/i18n/locales/en/common.json
+++ b/app/src/i18n/locales/en/common.json
@@ -25,7 +25,7 @@
   "actions": {
     "refresh": "Refresh",
     "add": "Add",
-    "add_repo": "Add repo",
+    "add_repo": "Add Repository",
     "remove": "Remove",
     "search": "Search",
     "search_placeholder": "Search repositories, branches, MRs…",
@@ -35,7 +35,8 @@
     "open_remote": "Open remote",
     "cancel": "Cancel",
     "save": "Save",
-    "delete": "Delete"
+    "delete": "Delete",
+    "clear": "Clear"
   },
   "states": {
     "loading": "Loading…",
@@ -89,10 +90,18 @@
       "title": "Quick actions",
       "fetch_all": "Fetch all",
       "clone": "Clone repo",
+      "clone_tooltip": "Clone from a URL or import from GitHub / GitLab / Bitbucket",
       "find": "Find across repos",
-      "workspace": "Open workspace"
+      "workspace": "Open workspace",
+      "workspace_tooltip": "Open a multi-root IDE workspace with all scanned repos"
     }
   },
+  "titlebar": {
+    "minimize": "Minimize",
+    "maximize": "Maximize",
+    "restore": "Restore",
+    "close": "Close"
+  },
   "mrs": {
     "filter": { "open": "Open", "draft": "Draft", "merged": "Merged", "closed": "Closed" },
     "filters": "Filters",
@@ -106,6 +115,7 @@
   },
   "branches": {
     "filter": {
+      "label": "Branch filter",
       "all": "All",
       "ahead": "Ahead",
       "behind": "Behind",
@@ -128,7 +138,13 @@
       "pull": "Pull",
       "push": "Push",
       "checkout": "Checkout",
-      "checkout_remote": "Checkout"
+      "checkout_remote": "Checkout",
+      "fetch": "Fetch",
+      "fetch_all": "Fetch all",
+      "fetch_tooltip": "Fetch from all remotes",
+      "fetching": "Fetching…",
+      "fetched": "Fetched {{repo}}",
+      "fetched_all": "Fetched all repos"
     },
     "row": {
       "upstream_tracking": "tracks {{upstream}}",
@@ -168,7 +184,7 @@
       "none": "—"
     },
     "hero": {
-      "open_prs": "Open PRs",
+      "open_prs": "Open MRs",
       "open_prs_sub": "{{review}} in review · {{draft}} draft",
       "ci_health": "CI health",
       "ci_failing_one": "{{count}} failing",
@@ -187,15 +203,15 @@
       "language_sub": "weighted by commits",
       "churn_title": "Churn · working tree",
       "churn_sub": "added + removed lines",
-      "pr_velocity_title": "PR velocity",
+      "pr_velocity_title": "MR velocity",
       "pr_velocity_sub": "opened vs merged · 14 days",
       "pr_velocity_opened": "Opened",
       "pr_velocity_merged": "Merged",
       "time_to_merge_title": "Time to merge",
       "time_to_merge_sub": "last 14 days",
       "review_queue_title": "Review queue",
-      "review_queue_sub": "oldest open PRs",
-      "review_queue_empty": "No open PRs waiting.",
+      "review_queue_sub": "oldest open MRs",
+      "review_queue_empty": "No open MRs waiting.",
       "ci_trend_title": "CI pass rate · 14 days",
       "ci_trend_sub": "daily % pass",
       "flaky_title": "Flakiest repos",
@@ -213,15 +229,15 @@
       "filter_label": "Event type",
       "filter_all": "All",
       "filter_commits": "Commits",
-      "filter_prs": "Pull requests",
+      "filter_prs": "Merge requests",
       "filter_checks": "CI checks",
       "empty_filter": "No events match this filter.",
       "chip_commits_one": "{{count}} commit",
       "chip_commits_other": "{{count}} commits",
-      "chip_prs_merged_one": "{{count}} PR merged",
-      "chip_prs_merged_other": "{{count}} PRs merged",
-      "chip_prs_opened_one": "{{count}} PR opened",
-      "chip_prs_opened_other": "{{count}} PRs opened",
+      "chip_prs_merged_one": "{{count}} MR merged",
+      "chip_prs_merged_other": "{{count}} MRs merged",
+      "chip_prs_opened_one": "{{count}} MR opened",
+      "chip_prs_opened_other": "{{count}} MRs opened",
       "chip_checks_failed_one": "{{count}} check failed",
       "chip_checks_failed_other": "{{count}} checks failed"
     }
@@ -233,7 +249,8 @@
       "integrations": "Integrations",
       "shortcuts": "Shortcuts",
       "storage": "Storage",
-      "about": "About"
+      "about": "About",
+      "developer": "Developer"
     },
     "general": {
       "title": "General",
@@ -272,6 +289,37 @@
       "title": "About Recrest",
       "intro": "Version information, licenses, and credits.",
       "version": "Version"
+    },
+    "developer": {
+      "title": "Developer",
+      "intro": "Debug-only tools. These settings are hidden in production builds."
     }
+  },
+  "notifications": {
+    "new_pr": {
+      "title": "New merge request",
+      "body": "{{repo}} · #{{number}} {{pr_title}}"
+    },
+    "ci_failed": {
+      "title": "CI failed",
+      "body": "{{repo}} · #{{number}} {{pr_title}}"
+    },
+    "merge_ready": {
+      "title": "Ready to merge",
+      "body": "{{repo}} · #{{number}} {{pr_title}}"
+    },
+    "generic": {
+      "title": "Recrest",
+      "clone_done": { "title": "Clone complete", "body": "{{repo}}" },
+      "update_available": { "title": "Update available", "body": "v{{version}}" },
+      "test_body": "Test notification from Recrest"
+    },
+    "burst": {
+      "new_pr": "{{count}} new merge requests",
+      "ci_failed": "{{count}} CI failures",
+      "merge_ready": "{{count}} merge requests are ready"
+    },
+    "test": "Test",
+    "test_sent": "Test notification sent"
   }
 }
diff --git a/app/src/i18n/locales/en/repos.json b/app/src/i18n/locales/en/repos.json
index bbd4536..9be80f2 100644
--- a/app/src/i18n/locales/en/repos.json
+++ b/app/src/i18n/locales/en/repos.json
@@ -1,5 +1,10 @@
 {
   "title": "Repositories",
+  "actions": {
+    "open_terminal_tooltip": "Open terminal at repository",
+    "create_branch_tooltip": "Create a new branch from HEAD",
+    "avatar_upload_hint": "Click to set a custom logo"
+  },
   "summary": {
     "total": "Total",
     "dirty": "With changes",
@@ -24,6 +29,8 @@
     "branch": "Branch",
     "changes": "Changes",
     "clean": "clean",
+    "close": "Close",
+    "open_full_view": "Open full view",
     "files": "{{count}} file",
     "files_other": "{{count}} files",
     "last_commit": "Last commit",
diff --git a/app/src/i18n/locales/en/settings.json b/app/src/i18n/locales/en/settings.json
index 123283a..416f91a 100644
--- a/app/src/i18n/locales/en/settings.json
+++ b/app/src/i18n/locales/en/settings.json
@@ -120,7 +120,20 @@
     "check_now": "Check now",
     "checking": "Checking…",
     "available": "Update v{{version}} available.",
-    "up_to_date": "You're on the latest version."
+    "up_to_date": "You're on the latest version.",
+    "current_version": "Current version: v{{version}}",
+    "current_version_label": "Current version"
+  },
+  "updater": {
+    "available_title": "Update available · v{{version}}",
+    "install": "Install & restart",
+    "download": "Download",
+    "later": "Later",
+    "installing": "Installing…",
+    "installed_restarting": "Installed — restarting…",
+    "check_failed": "Couldn't check for updates",
+    "manual_note": "Local builds can't auto-install — updates open in your browser.",
+    "manual_note_label": "Local builds"
   },
   "diagnostics": {
     "crash_reporting": "Crash reporting",
@@ -131,5 +144,130 @@
     "git_installed": "installed",
     "git_not_installed": "not installed",
     "git_hint": "Recrest ships its own libgit2, so reading repo status works regardless. A system-wide git is only needed for future fetch/pull actions."
+  },
+  "developer": {
+    "title": "Developer",
+    "intro": "Debug-only tools. These settings are hidden in production builds.",
+    "sections": {
+      "build": "Build & runtime",
+      "updater_playground": "Updater playground",
+      "notifications": "Notifications playground",
+      "storage": "Storage & state",
+      "ipc": "IPC & debug",
+      "i18n": "i18n",
+      "flags": "Feature flags"
+    },
+    "build": {
+      "git_sha": "Git SHA",
+      "build_time": "Build time",
+      "mode": "Mode",
+      "debug_assertions": "Debug assertions",
+      "tauri_runtime": "Tauri runtime",
+      "build_triple": "Build triple",
+      "app_identifier": "App identifier",
+      "paths_title": "Paths",
+      "path_config": "Config dir",
+      "path_data": "Data dir",
+      "path_cache": "Cache dir",
+      "path_log": "Log dir",
+      "path_binary": "Binary dir",
+      "path_workspace": "Workspace root",
+      "copy": "Copy",
+      "open": "Open",
+      "copied": "Copied to clipboard"
+    },
+    "updater": {
+      "force_check": "Force check now",
+      "simulate": "Simulate updater event",
+      "simulate_emit": "Emit",
+      "version_label": "Version",
+      "can_auto_install": "Can auto-install",
+      "force_fallback": "Force fallback path",
+      "endpoint_override": "Endpoint override",
+      "endpoint_override_placeholder": "https://example.com/latest.json",
+      "reset_last_seen": "Reset 'last seen version'",
+      "reset_last_seen_done": "Last-seen version cleared",
+      "banner_emitted": "Updater banner emitted"
+    },
+    "storage": {
+      "copy_state": "Copy Redux state (redacted)",
+      "copy_state_done": "Redux state copied",
+      "wipe_local": "Wipe UI localStorage",
+      "wipe_local_done": "Local UI state cleared",
+      "reset_settings": "Reset settings to defaults",
+      "reset_settings_done": "Settings reset to defaults",
+      "clear_tokens": "Clear all provider tokens",
+      "clear_tokens_done": "All provider tokens cleared",
+      "retrigger_onboarding": "Retrigger onboarding",
+      "retrigger_onboarding_done": "Onboarding reset — reloading",
+      "rescan_repos": "Rescan all repos",
+      "rescan_done": "Rescan dispatched",
+      "confirm_title": "Destructive action",
+      "confirm_desc": "Type 'wipe' to confirm. This operation cannot be undone.",
+      "confirm_placeholder": "wipe",
+      "confirm_cta": "Wipe"
+    },
+    "ipc": {
+      "toggle_devtools": "Toggle DevTools",
+      "ipc_trace": "Enable IPC trace",
+      "ipc_trace_desc": "Log every invoke call with timing to the console.",
+      "renderer_crash": "Trigger renderer crash",
+      "rust_panic": "Trigger Rust panic",
+      "toast_test": "Test toasts",
+      "toast_success": "Success",
+      "toast_error": "Error",
+      "toast_info": "Info",
+      "toast_warning": "Warning",
+      "toast_loading": "Loading",
+      "devtools_note": "DevTools open automatically in debug builds."
+    },
+    "i18n": {
+      "highlight_missing": "Highlight missing translations",
+      "highlight_missing_desc": "Track and flag keys that i18next failed to resolve.",
+      "copy_missing": "Copy missing-key report",
+      "copy_missing_done": "Missing keys copied",
+      "copy_missing_empty": "No missing keys recorded",
+      "locale_label": "Locale",
+      "locale_en": "English",
+      "locale_de": "Deutsch"
+    },
+    "flags": {
+      "intro": "Session-only toggles. These reset on reload.",
+      "name": "Name",
+      "value": "Value",
+      "add": "Add",
+      "reset_all": "Reset all flags",
+      "reset_done": "Flags reset",
+      "known_new_repo_row": "New repo row layout",
+      "known_activity_v2": "Activity v2",
+      "known_tray_badge_color": "Tray badge colour",
+      "tray_auto": "Auto",
+      "tray_red": "Red",
+      "tray_yellow": "Yellow",
+      "custom_name_placeholder": "flagName",
+      "custom_value_placeholder": "true / false / string"
+    },
+    "notifications": {
+      "preview_title": "Developer preview · dev builds only",
+      "preview_desc": "Fires notifications through the Rust pipeline so the OS toast path can be rehearsed without waiting for a real PR transition.",
+      "send_new_pr": "Send new PR",
+      "send_ci_failed": "Send CI failed",
+      "send_merge_ready": "Send merge ready",
+      "send_generic": "Send generic",
+      "send_burst": "Burst 7× new PR",
+      "burst_dispatched": "Burst dispatched — watch for a coalesced notification",
+      "clear_burst": "Clear burst fixtures",
+      "clear_burst_done": "Burst fixtures cleared",
+      "clear_baseline": "Clear seen baseline",
+      "baseline_cleared": "Notification baseline cleared",
+      "demo_title_new_pr": "Demo PR",
+      "demo_body_new_pr": "acme/web · !42 Add login",
+      "demo_title_ci_failed": "Demo CI failure",
+      "demo_body_ci_failed": "acme/web · !42 tests failed",
+      "demo_title_merge_ready": "Demo ready to merge",
+      "demo_body_merge_ready": "acme/web · !42 all checks passed",
+      "demo_title_generic": "Demo notification",
+      "demo_body_generic": "Hello from the Developer tab"
+    }
   }
 }
diff --git a/app/src/lib/tauri/index.ts b/app/src/lib/tauri/index.ts
index 44c4afc..7cd9f68 100644
--- a/app/src/lib/tauri/index.ts
+++ b/app/src/lib/tauri/index.ts
@@ -14,18 +14,52 @@ export function isTauri(): boolean {
 /**
  * Typed wrapper around `invoke`. Outside Tauri it rejects with a typed error
  * so callers see a predictable failure instead of a cryptic TypeError.
+ *
+ * In dev builds, when the Developer tab's "IPC trace" flag is on, every call
+ * is logged with its args + duration. The `import.meta.env.DEV` gate is
+ * compile-time so this is zero-cost in production. Store is loaded via a
+ * dynamic import so this module can be imported by slices without a cycle.
  */
 export async function invoke<T>(command: string, args?: Record<string, unknown>): Promise<T> {
   if (!isTauri()) {
     throw new Error(`tauri-ipc-unavailable: ${command} (running outside Tauri runtime)`);
   }
+  if (import.meta.env.DEV) {
+    let tracing = false;
+    try {
+      const { store } = await import("@/store");
+      const s = store.getState() as unknown as { uiDevFlags?: { ipcTrace?: boolean } };
+      tracing = s.uiDevFlags?.ipcTrace === true;
+    } catch {
+      /* store not yet ready or missing — fall through to untraced invoke */
+    }
+    if (tracing) {
+      const t0 = performance.now();
+      try {
+        const result = await tauriInvoke<T>(command, args);
+        console.debug("[ipc]", command, args, `${Math.round(performance.now() - t0)}ms`, result);
+        return result;
+      } catch (err) {
+        console.debug(
+          "[ipc]",
+          command,
+          args,
+          `${Math.round(performance.now() - t0)}ms`,
+          "ERROR",
+          err,
+        );
+        throw err;
+      }
+    }
+  }
   return tauriInvoke<T>(command, args);
 }
 
 /**
  * Swallows `tauri-ipc-unavailable` and any command-side failure, returning
  * `null`. Use for fire-and-forget calls (tray badge, window state persist)
- * where a failure should not propagate to UI code.
+ * where a failure should not propagate to UI code. Delegates to {@link invoke}
+ * so the developer-tab IPC trace (`uiDevFlags.ipcTrace`) is inherited.
  */
 export async function safeInvoke<T>(
   command: string,
@@ -33,7 +67,7 @@ export async function safeInvoke<T>(
 ): Promise<T | null> {
   if (!isTauri()) return null;
   try {
-    return await tauriInvoke<T>(command, args);
+    return await invoke<T>(command, args);
   } catch (err) {
     console.warn(`[tauri] invoke '${command}' failed:`, err);
     return null;
@@ -72,3 +106,53 @@ export async function openExternal(url: string): Promise<void> {
   }
   window.open(url, "_blank", "noopener,noreferrer");
 }
+
+/**
+ * Returns the Tauri runtime version (e.g. "2.1.0"). Wraps the direct
+ * `@tauri-apps/api/app` import so component code stays inside the
+ * `@/lib/tauri` boundary. No-ops to `null` outside Tauri.
+ */
+export async function getTauriRuntimeVersion(): Promise<string | null> {
+  if (!isTauri()) return null;
+  try {
+    const { getTauriVersion } = await import("@tauri-apps/api/app");
+    return await getTauriVersion();
+  } catch (err) {
+    console.warn("[tauri] getTauriRuntimeVersion failed:", err);
+    return null;
+  }
+}
+
+/**
+ * Reveal a path (file or directory) in the OS file browser, selecting the
+ * item. Thin wrapper over `@tauri-apps/plugin-opener`'s `revealItemInDir` so
+ * component code doesn't import the plugin directly. No-ops outside Tauri.
+ */
+export async function revealPathInSystem(path: string): Promise<void> {
+  if (!isTauri() || !path) return;
+  try {
+    const { revealItemInDir } = await import("@tauri-apps/plugin-opener");
+    await revealItemInDir(path);
+  } catch (err) {
+    console.warn("[tauri] revealPathInSystem failed:", err);
+  }
+}
+
+/**
+ * Open the current webview's DevTools. There is no synchronous "is it open"
+ * query in Tauri v2, so this always attempts to open — in debug builds
+ * DevTools are already on anyway, and double-open is a no-op. No-ops outside
+ * Tauri.
+ */
+export async function toggleWebviewDevtools(): Promise<void> {
+  if (!isTauri()) return;
+  try {
+    const { getCurrentWebview } = await import("@tauri-apps/api/webview");
+    const webview = getCurrentWebview() as unknown as { openDevtools?: () => void };
+    if (typeof webview.openDevtools === "function") {
+      webview.openDevtools();
+    }
+  } catch (err) {
+    console.warn("[tauri] toggleWebviewDevtools failed:", err);
+  }
+}
diff --git a/app/src/lib/tauri/services/index.ts b/app/src/lib/tauri/services/index.ts
index 6a6f63a..ac196ec 100644
--- a/app/src/lib/tauri/services/index.ts
+++ b/app/src/lib/tauri/services/index.ts
@@ -5,5 +5,4 @@ export { notificationService } from "@/lib/tauri/services/notificationService";
 export type { NotificationPayload } from "./notificationService";
 export { autostartService } from "@/lib/tauri/services/autostartService";
 export { updaterService } from "@/lib/tauri/services/updaterService";
-export type { UpdateInfo } from "./updaterService";
 export { systemService } from "@/lib/tauri/services/systemService";
diff --git a/app/src/lib/tauri/services/notificationService.ts b/app/src/lib/tauri/services/notificationService.ts
index 0b05483..576ceda 100644
--- a/app/src/lib/tauri/services/notificationService.ts
+++ b/app/src/lib/tauri/services/notificationService.ts
@@ -1,4 +1,6 @@
-import { isTauri } from "@/lib/tauri";
+import { type NotifyPayload, TauriCommand } from "@recrest/shared";
+
+import { invoke, isTauri } from "@/lib/tauri";
 
 export interface NotificationPayload {
   title: string;
@@ -28,19 +30,29 @@ export const notificationService = {
     }
   },
 
-  async send(payload: NotificationPayload): Promise<void> {
-    if (!isTauri()) return;
-    try {
-      const { sendNotification } = await import("@tauri-apps/plugin-notification");
-      sendNotification(payload);
-    } catch (err) {
-      console.warn("[tauri] sendNotification failed:", err);
-    }
-  },
-
   /** Request permission if not already granted; returns the final grant state. */
   async ensurePermission(): Promise<boolean> {
     if (await this.isPermissionGranted()) return true;
     return this.requestPermission();
   },
+
+  /**
+   * Thin wrapper around the Rust-side `notify` command. The Rust side gates
+   * on the user's per-kind settings toggles and is the single source of
+   * truth for whether a notification actually fires — the frontend should
+   * emit liberally and let the backend filter.
+   */
+  async notifyViaBackend(payload: NotifyPayload): Promise<void> {
+    if (!isTauri()) return;
+    try {
+      await invoke<void>(TauriCommand.NOTIFY, {
+        kind: payload.kind,
+        title: payload.title,
+        body: payload.body,
+        url: payload.url ?? null,
+      });
+    } catch (err) {
+      console.warn("[tauri] notify invoke failed:", err);
+    }
+  },
 };
diff --git a/app/src/lib/tauri/services/updaterService.ts b/app/src/lib/tauri/services/updaterService.ts
index e8a3072..29fc0c1 100644
--- a/app/src/lib/tauri/services/updaterService.ts
+++ b/app/src/lib/tauri/services/updaterService.ts
@@ -1,11 +1,12 @@
 import { isTauri } from "@/lib/tauri";
 
-export interface UpdateInfo {
-  version: string;
-  date?: string;
-  body?: string;
-}
-
+/**
+ * Minimal surface that the renderer still needs. The full
+ * check/download/install pipeline lives in Rust (`commands/update.rs`) —
+ * the frontend only invokes `TauriCommand.CHECK_FOR_UPDATE` and
+ * `TauriCommand.INSTALL_UPDATE` and listens for `updater://available` +
+ * `updater://progress` events.
+ */
 export const updaterService = {
   async getCurrentVersion(): Promise<string | null> {
     if (!isTauri()) return null;
@@ -16,52 +17,4 @@ export const updaterService = {
       return null;
     }
   },
-
-  async checkForUpdate(): Promise<UpdateInfo | null> {
-    if (!isTauri()) return null;
-    try {
-      const { check } = await import("@tauri-apps/plugin-updater");
-      const update = await check();
-      if (!update) return null;
-      return { version: update.version, date: update.date, body: update.body };
-    } catch (err) {
-      console.warn("[tauri] checkForUpdate failed:", err);
-      return null;
-    }
-  },
-
-  async downloadAndInstall(
-    onProgress?: (received: number, total?: number) => void,
-  ): Promise<boolean> {
-    if (!isTauri()) return false;
-    try {
-      const { check } = await import("@tauri-apps/plugin-updater");
-      const update = await check();
-      if (!update) return false;
-      let received = 0;
-      let total: number | undefined;
-      await update.downloadAndInstall((evt) => {
-        if (evt.event === "Started") {
-          total = evt.data.contentLength ?? undefined;
-        } else if (evt.event === "Progress") {
-          received += evt.data.chunkLength;
-          onProgress?.(received, total);
-        }
-      });
-      return true;
-    } catch (err) {
-      console.warn("[tauri] downloadAndInstall failed:", err);
-      return false;
-    }
-  },
-
-  async relaunch(): Promise<void> {
-    if (!isTauri()) return;
-    try {
-      const { relaunch } = await import("@tauri-apps/plugin-process");
-      await relaunch();
-    } catch (err) {
-      console.warn("[tauri] relaunch failed:", err);
-    }
-  },
 };
diff --git a/app/src/main.tsx b/app/src/main.tsx
index d8340e7..6fdab56 100644
--- a/app/src/main.tsx
+++ b/app/src/main.tsx
@@ -17,6 +17,14 @@ import App from "@/App";
 import "@/i18n";
 import { store } from "@/store";
 import "@/styles/globals.css";
+import "@/styles/layout.scss";
+import "@/styles/page-anim.scss";
+// SCSS partials first — these declare the Recrest token layer that `globals.css`
+// then aliases into Tailwind's `@theme`. `@tailwindcss/vite` bypasses Vite's CSS
+// pipeline, so Sass files can't be `@import`ed from globals.css directly; we
+// bring them in here where each import goes through Vite's own preprocessor.
+import "@/styles/tokens.scss";
+import "@/styles/views.scss";
 
 // Opt into React Router v7 behaviour now so there's no surprise at upgrade
 // time — silences the dev warnings these flags print otherwise.
diff --git a/app/src/pages/ActivityPage.tsx b/app/src/pages/ActivityPage.tsx
index 726b0a4..f3ba3cd 100644
--- a/app/src/pages/ActivityPage.tsx
+++ b/app/src/pages/ActivityPage.tsx
@@ -33,7 +33,6 @@ import { TimeToMergeCard } from "@/components/organisms/activity/cards/TimeToMer
 import { useCheckRuns } from "@/hooks/useCheckRuns";
 import { useEnrichedRepos } from "@/hooks/useEnrichedRepos";
 import { usePrEvents } from "@/hooks/usePrEvents";
-import { usePrPolling } from "@/hooks/useProviders";
 import { useRecentCommits } from "@/hooks/useRecentCommits";
 import {
   computeAuthorClock,
@@ -57,7 +56,6 @@ import { useAppSelector } from "@/store/hooks";
 
 export function ActivityPage() {
   const { t } = useTranslation();
-  usePrPolling();
   const repos = useEnrichedRepos();
   const { commits, loading: commitsLoading } = useRecentCommits({ days: ACTIVITY_DAYS });
   const { events: prEvents, loading: prEventsLoading } = usePrEvents({
diff --git a/app/src/pages/BranchesPage.tsx b/app/src/pages/BranchesPage.tsx
index fe040ec..16267f1 100644
--- a/app/src/pages/BranchesPage.tsx
+++ b/app/src/pages/BranchesPage.tsx
@@ -6,6 +6,7 @@ import { type BranchInfo, EventChannel, TauriCommand } from "@recrest/shared";
 
 import { Icon } from "@/components/atoms/Icon";
 import { RepoAvatar } from "@/components/molecules/RepoAvatar";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/molecules/compounds/Tooltip";
 import { BranchRowSkeleton } from "@/components/molecules/skeletons/BranchRowSkeleton";
 import { useEnrichedRepos } from "@/hooks/useEnrichedRepos";
 import type { EnrichedRepo } from "@/lib/repoEnrich";
@@ -22,22 +23,70 @@ interface BranchesByRepo {
   branches: BranchInfo[];
 }
 
+/** localStorage key for the branch cache. Values are keyed by repoId so a
+ *  repo's cache survives add/remove of other repos. Stale-while-revalidate:
+ *  the cached payload paints immediately on reload, the fresh invoke
+ *  replaces it once the Rust side has finished scanning. */
+const BRANCH_CACHE_KEY = "recrest:branches-cache";
+
+type BranchCache = Record<string, BranchInfo[]>;
+
+function loadBranchCache(): BranchCache {
+  try {
+    const raw = window.localStorage.getItem(BRANCH_CACHE_KEY);
+    if (!raw) return {};
+    const parsed = JSON.parse(raw);
+    return parsed && typeof parsed === "object" ? (parsed as BranchCache) : {};
+  } catch {
+    return {};
+  }
+}
+
+function saveBranchCache(cache: BranchCache): void {
+  try {
+    window.localStorage.setItem(BRANCH_CACHE_KEY, JSON.stringify(cache));
+  } catch {
+    // Quota / disabled storage — silent; next invoke still populates the UI.
+  }
+}
+
 /** Loads the real branch list for each repo via the Rust `git_list_branches`
  *  command. Failures on individual repos are swallowed so one broken remote
- *  doesn't empty the whole view. */
+ *  doesn't empty the whole view. Seeds `data` from the localStorage cache
+ *  on mount so reloads feel instant. */
 function useBranchesByRepo(repos: EnrichedRepo[]): {
   data: BranchesByRepo[];
   loading: boolean;
   reload: () => void;
 } {
-  const [data, setData] = useState<BranchesByRepo[]>([]);
+  // Hydrate synchronously from cache so the very first paint already shows
+  // the last-known branch list — the subsequent invoke still runs below and
+  // replaces the data with fresh values.
+  const [data, setData] = useState<BranchesByRepo[]>(() => {
+    const cache = loadBranchCache();
+    return repos.map((repo) => ({ repo, branches: cache[repo.id] ?? [] }));
+  });
   const [loading, setLoading] = useState(false);
   const [nonce, setNonce] = useState(0);
   const reload = useCallback(() => setNonce((n) => n + 1), []);
 
+  // `useRepos` returns `Object.values(items)` — a fresh array on every render
+  // even when the repo set is unchanged. Depending on that reference would
+  // re-run the effect every render and, combined with setData, loop forever.
+  // Collapse the relevant identity to a stable string (sorted ids) so the
+  // effect only re-runs when the repo set actually changes.
+  const repoIdsKey = useMemo(() => {
+    return repos
+      .map((r) => r.id)
+      .sort()
+      .join("|");
+  }, [repos]);
+
   useEffect(() => {
     let cancelled = false;
     setLoading(true);
+    const cache = loadBranchCache();
+
     void (async () => {
       const results = await Promise.all(
         repos.map(async (repo) => {
@@ -47,18 +96,26 @@ function useBranchesByRepo(repos: EnrichedRepo[]): {
             });
             return { repo, branches };
           } catch {
-            return { repo, branches: [] };
+            return { repo, branches: cache[repo.id] ?? [] };
           }
         }),
       );
       if (cancelled) return;
       setData(results);
       setLoading(false);
+      // Persist the successful reads — keyed by repoId so removing a repo
+      // from the workspace doesn't wipe other entries.
+      const next: BranchCache = { ...cache };
+      for (const { repo, branches } of results) {
+        next[repo.id] = branches;
+      }
+      saveBranchCache(next);
     })();
     return () => {
       cancelled = true;
     };
-  }, [repos, nonce]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [repoIdsKey, nonce]);
 
   // Rescan whenever the backend emits a live status update for any repo the
   // page cares about — matches the hook used by DashboardPage so the counts
@@ -144,27 +201,64 @@ export function BranchesPage() {
   const showSkeleton =
     (reposLoading || branchesLoading) && byRepoAll.every((g) => g.branches.length === 0);
 
+  const fetchAllKey = "__all__:fetch";
+  const fetchAllBusy = busyKey === fetchAllKey;
+
   return (
-    <div className="a-branches" data-testid="branches-page">
-      <div className="a-br-filters">
-        <BChip active={filter === ""} onClick={() => setFilter("")}>
-          {t("branches.filter.all")} <span>{totals.all}</span>
-        </BChip>
-        <BChip active={filter === "ahead"} onClick={() => setFilter("ahead")}>
-          {t("branches.filter.ahead")} <span>{totals.ahead}</span>
-        </BChip>
-        <BChip active={filter === "behind"} onClick={() => setFilter("behind")}>
-          {t("branches.filter.behind")} <span>{totals.behind}</span>
-        </BChip>
-        <BChip active={filter === "clean"} onClick={() => setFilter("clean")}>
-          {t("branches.filter.clean")} <span>{totals.clean}</span>
-        </BChip>
-        <BChip active={filter === "local"} onClick={() => setFilter("local")}>
-          {t("branches.filter.local")} <span>{totals.local}</span>
-        </BChip>
-        <BChip active={filter === "remote"} onClick={() => setFilter("remote")}>
-          {t("branches.filter.remote")} <span>{totals.remote}</span>
-        </BChip>
+    <div className="a-branches p-branches" data-testid="branches-page">
+      <div className="a-br-toolbar">
+        <div className="a-br-filters" role="tablist" aria-label={t("branches.filter.label")}>
+          <BFilter
+            active={filter === ""}
+            label={t("branches.filter.all")}
+            count={totals.all}
+            onClick={() => setFilter("")}
+          />
+          <BFilter
+            active={filter === "ahead"}
+            label={t("branches.filter.ahead")}
+            count={totals.ahead}
+            onClick={() => setFilter("ahead")}
+          />
+          <BFilter
+            active={filter === "behind"}
+            label={t("branches.filter.behind")}
+            count={totals.behind}
+            onClick={() => setFilter("behind")}
+          />
+          <BFilter
+            active={filter === "clean"}
+            label={t("branches.filter.clean")}
+            count={totals.clean}
+            onClick={() => setFilter("clean")}
+          />
+          <BFilter
+            active={filter === "local"}
+            label={t("branches.filter.local")}
+            count={totals.local}
+            onClick={() => setFilter("local")}
+          />
+          <BFilter
+            active={filter === "remote"}
+            label={t("branches.filter.remote")}
+            count={totals.remote}
+            onClick={() => setFilter("remote")}
+          />
+        </div>
+        <button
+          type="button"
+          className="r-btn sm ghost a-br-fetch-all"
+          disabled={fetchAllBusy || repos.length === 0}
+          data-testid="branches-fetch-all"
+          onClick={() =>
+            void run(fetchAllKey, TauriCommand.GIT_FETCH_ALL, {}, t("branches.actions.fetched_all"))
+          }
+        >
+          <Icon name="refresh" size={12} />
+          <span>
+            {fetchAllBusy ? t("branches.actions.fetching") : t("branches.actions.fetch_all")}
+          </span>
+        </button>
       </div>
 
       <div className="a-br-groups">
@@ -182,30 +276,74 @@ export function BranchesPage() {
           </div>
         )}
 
-        {byRepo.map((g) => (
-          <div key={g.repo.id} className="a-br-group">
-            <div className="a-br-grouph">
-              <RepoAvatar repo={g.repo} size={22} radius={5} />
-              <div className="a-br-grouph-name">{g.repo.name}</div>
-              <div className="a-br-grouph-remote">{g.repo.remoteUrl ?? ""}</div>
-              <div className="a-br-grouph-count">
-                {g.branches.length} {t("branches.branches")}
+        {byRepo.map((g, gi) => {
+          const fetchKey = `${g.repo.id}:fetch`;
+          // `--group-base` delays the row stagger so the group itself has
+          // popped in (pgZoom, ~80ms * gi) before its rows start rising.
+          const groupBaseMs = 200 + gi * 80;
+          return (
+            <div
+              key={g.repo.id}
+              className="a-br-group"
+              style={
+                {
+                  "--gi": gi,
+                  "--group-base": `${groupBaseMs}ms`,
+                } as React.CSSProperties
+              }
+            >
+              <div className="a-br-grouph">
+                <RepoAvatar repo={g.repo} size={22} radius={5} />
+                <div className="a-br-grouph-name">{g.repo.name}</div>
+                <div className="a-br-grouph-remote">{g.repo.remoteUrl ?? ""}</div>
+                <div className="a-br-grouph-count">
+                  {g.branches.length} {t("branches.branches")}
+                </div>
+                <Tooltip>
+                  <TooltipTrigger asChild>
+                    <button
+                      type="button"
+                      className="r-btn sm ghost a-br-grouph-fetch"
+                      disabled={busyKey === fetchKey}
+                      aria-label={t("branches.actions.fetch_tooltip")}
+                      data-testid="branches-fetch-all"
+                      data-repo-id={g.repo.id}
+                      onClick={() =>
+                        void run(
+                          fetchKey,
+                          TauriCommand.GIT_FETCH,
+                          { repoId: g.repo.id },
+                          t("branches.actions.fetched", { repo: g.repo.name }),
+                        )
+                      }
+                    >
+                      <Icon name="refresh" size={12} />
+                      <span>
+                        {busyKey === fetchKey
+                          ? t("branches.actions.fetching")
+                          : t("branches.actions.fetch")}
+                      </span>
+                    </button>
+                  </TooltipTrigger>
+                  <TooltipContent>{t("branches.actions.fetch_tooltip")}</TooltipContent>
+                </Tooltip>
+              </div>
+              <div className="a-br-list">
+                {g.branches.map((b, i) => (
+                  <BranchRow
+                    key={(b.isRemote ? `r:${b.remote}/` : "l:") + b.name}
+                    repo={g.repo}
+                    branch={b}
+                    busyKey={busyKey}
+                    t={t}
+                    run={run}
+                    animIndex={Math.min(i, 10)}
+                  />
+                ))}
               </div>
             </div>
-            <div className="a-br-list">
-              {g.branches.map((b) => (
-                <BranchRow
-                  key={(b.isRemote ? `r:${b.remote}/` : "l:") + b.name}
-                  repo={g.repo}
-                  branch={b}
-                  busyKey={busyKey}
-                  t={t}
-                  run={run}
-                />
-              ))}
-            </div>
-          </div>
-        ))}
+          );
+        })}
       </div>
     </div>
   );
@@ -217,19 +355,24 @@ function BranchRow({
   busyKey,
   t,
   run,
+  animIndex,
 }: {
   repo: EnrichedRepo;
   branch: BranchInfo;
   busyKey: string | null;
   t: (k: string, p?: Record<string, unknown>) => string;
   run: (key: string, cmd: string, args: Record<string, unknown>, okMsg: string) => Promise<void>;
+  animIndex?: number;
 }) {
   const keyPrefix = `${repo.id}:${b.isRemote ? `${b.remote}/${b.name}` : b.name}`;
   const lastCommitLabel = b.lastCommit
     ? t("branches.last_commit_by", { author: b.lastCommit.author })
     : null;
   return (
-    <div className={`a-br-row${b.isCurrent ? " current" : ""}`}>
+    <div
+      className={`a-br-row${b.isCurrent ? " current" : ""}`}
+      style={{ "--i": animIndex ?? 0 } as React.CSSProperties}
+    >
       <div
         className="a-br-dot"
         data-current={b.isCurrent || undefined}
@@ -247,108 +390,127 @@ function BranchRow({
         {b.clean && <span className="a-br-tag t-clean">{t("branches.tag.clean")}</span>}
       </div>
       <div className="a-br-meta">
-        {!b.isRemote && (
-          <span className="a-br-upstream">
-            {b.upstream
+        <span className="a-br-upstream">
+          {b.isRemote
+            ? " "
+            : b.upstream
               ? t("branches.row.upstream_tracking", { upstream: b.upstream })
               : t("branches.row.no_upstream")}
-          </span>
-        )}
-        {lastCommitLabel && <span className="a-br-lastcommit">{lastCommitLabel}</span>}
+        </span>
+        <span className="a-br-lastcommit">{lastCommitLabel ?? " "}</span>
       </div>
-      <div className="a-br-track">
-        {b.ahead > 0 && <span className="a-br-trk t-ahead">↑{b.ahead}</span>}
-        {b.behind > 0 && <span className="a-br-trk t-behind">↓{b.behind}</span>}
-        {b.ahead === 0 && b.behind === 0 && !b.isRemote && (
-          <span className="a-br-trk t-even">even</span>
-        )}
-      </div>
-      <div className="a-br-acts">
-        {!b.isRemote && b.isCurrent && b.behind > 0 && (
-          <button
-            type="button"
-            className="r-btn sm ghost"
-            disabled={busyKey === `${keyPrefix}:pull`}
-            onClick={() =>
-              void run(
-                `${keyPrefix}:pull`,
-                "git_pull",
-                { repoId: repo.id },
-                t("branches.actions.pull"),
-              )
-            }
-          >
-            {t("branches.actions.pull")}
-          </button>
-        )}
-        {!b.isRemote && b.isCurrent && b.ahead > 0 && (
-          <button
-            type="button"
-            className="r-btn sm ghost"
-            disabled={busyKey === `${keyPrefix}:push`}
-            onClick={() =>
-              void run(
-                `${keyPrefix}:push`,
-                "git_push",
-                { repoId: repo.id },
-                t("branches.actions.push"),
-              )
-            }
-          >
-            {t("branches.actions.push")}
-          </button>
-        )}
-        {!b.isCurrent && !b.isRemote && (
-          <button
-            type="button"
-            className="r-btn sm ghost"
-            disabled={busyKey === `${keyPrefix}:checkout`}
-            onClick={() =>
-              void run(
-                `${keyPrefix}:checkout`,
-                "git_checkout",
-                { repoId: repo.id, branch: b.name },
-                t("branches.actions.checkout"),
-              )
-            }
-          >
-            {t("branches.actions.checkout")}
-          </button>
-        )}
-        {b.isRemote && b.remote && (
-          <button
-            type="button"
-            className="r-btn sm ghost"
-            disabled={busyKey === `${keyPrefix}:checkout-remote`}
-            onClick={() =>
-              void run(
-                `${keyPrefix}:checkout-remote`,
-                "git_checkout_remote",
-                { repoId: repo.id, remote: b.remote, branch: b.name },
-                t("branches.actions.checkout_remote"),
-              )
-            }
-          >
-            {t("branches.actions.checkout_remote")}
-          </button>
-        )}
+      <div className="a-br-tail">
+        <div className="a-br-acts">
+          {/* Hidden until row hover so the row stays visually calm; placed
+              before the track indicator so once revealed it sits inline
+              next to the branch metadata rather than floating at the far
+              right. */}
+          {!b.isRemote && b.isCurrent && b.behind > 0 && (
+            <button
+              type="button"
+              className="r-btn sm ghost"
+              disabled={busyKey === `${keyPrefix}:pull`}
+              onClick={() =>
+                void run(
+                  `${keyPrefix}:pull`,
+                  "git_pull",
+                  { repoId: repo.id },
+                  t("branches.actions.pull"),
+                )
+              }
+            >
+              {t("branches.actions.pull")}
+            </button>
+          )}
+          {!b.isRemote && b.isCurrent && b.ahead > 0 && (
+            <button
+              type="button"
+              className="r-btn sm ghost"
+              disabled={busyKey === `${keyPrefix}:push`}
+              onClick={() =>
+                void run(
+                  `${keyPrefix}:push`,
+                  "git_push",
+                  { repoId: repo.id },
+                  t("branches.actions.push"),
+                )
+              }
+            >
+              {t("branches.actions.push")}
+            </button>
+          )}
+          {!b.isCurrent && !b.isRemote && (
+            <button
+              type="button"
+              className="r-btn sm primary a-br-checkout"
+              disabled={busyKey === `${keyPrefix}:checkout`}
+              data-testid="branch-checkout"
+              onClick={() =>
+                void run(
+                  `${keyPrefix}:checkout`,
+                  "git_checkout",
+                  { repoId: repo.id, branch: b.name },
+                  t("branches.actions.checkout"),
+                )
+              }
+            >
+              <Icon name="branch" size={11} />
+              <span>{t("branches.actions.checkout")}</span>
+            </button>
+          )}
+          {b.isRemote && b.remote && (
+            <button
+              type="button"
+              className="r-btn sm primary a-br-checkout"
+              disabled={busyKey === `${keyPrefix}:checkout-remote`}
+              data-testid="branch-checkout-remote"
+              onClick={() =>
+                void run(
+                  `${keyPrefix}:checkout-remote`,
+                  "git_checkout_remote",
+                  { repoId: repo.id, remote: b.remote, branch: b.name },
+                  t("branches.actions.checkout_remote"),
+                )
+              }
+            >
+              <Icon name="branch" size={11} />
+              <span>{t("branches.actions.checkout_remote")}</span>
+            </button>
+          )}
+        </div>
+        <div className="a-br-track">
+          {b.ahead > 0 && <span className="a-br-trk t-ahead">↑{b.ahead}</span>}
+          {b.behind > 0 && <span className="a-br-trk t-behind">↓{b.behind}</span>}
+          {b.ahead === 0 && b.behind === 0 && !b.isRemote && (
+            <span className="a-br-trk t-even">even</span>
+          )}
+        </div>
       </div>
     </div>
   );
 }
 
-function BChip({
+function BFilter({
   active,
+  label,
+  count,
   onClick,
-  children,
 }: {
   active: boolean;
+  label: string;
+  count: number;
   onClick: () => void;
-  children: React.ReactNode;
 }) {
   return (
-    <button type="button" className={`a-br-chip${active ? " active" : ""}`} onClick={onClick}>
-      {children}
+    <button
+      type="button"
+      role="tab"
+      aria-selected={active ? "true" : "false"}
+      className={`a-br-filter-pill${active ? " active" : ""}`}
+      onClick={onClick}
+    >
+      <span>{label}</span>
+      <span className="a-br-filter-count">{count}</span>
     </button>
   );
 }
diff --git a/app/src/pages/DashboardPage.tsx b/app/src/pages/DashboardPage.tsx
index be4d9f4..9390086 100644
--- a/app/src/pages/DashboardPage.tsx
+++ b/app/src/pages/DashboardPage.tsx
@@ -8,15 +8,19 @@ import { AppRoute, TauriCommand } from "@recrest/shared";
 
 import { CiDot, type CiState } from "@/components/atoms/CiDot";
 import { Icon } from "@/components/atoms/Icon";
+import { AuthorAvatar } from "@/components/molecules/AuthorAvatar";
+import { EmptyState } from "@/components/molecules/EmptyState";
 import { RepoAvatar } from "@/components/molecules/RepoAvatar";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/molecules/compounds/Tooltip";
 import { ActivityBarsSkeleton } from "@/components/molecules/skeletons/ActivityBarsSkeleton";
 import { CardBlockSkeleton } from "@/components/molecules/skeletons/CardBlockSkeleton";
 import { CommitListSkeleton } from "@/components/molecules/skeletons/CommitListSkeleton";
 import { KpiSkeleton } from "@/components/molecules/skeletons/KpiSkeleton";
+import { HeatmapCard } from "@/components/organisms/activity/cards/HeatmapCard";
+import { LanguageDonutCard } from "@/components/organisms/activity/cards/LanguageDonutCard";
 import { useEnrichedRepos } from "@/hooks/useEnrichedRepos";
 import { useRecentCommits } from "@/hooks/useRecentCommits";
-import { langMeta } from "@/lib/languages";
+import { computeHeatmap, computeLanguageMix } from "@/lib/activityAggregates";
 import type { EnrichedRepo } from "@/lib/repoEnrich";
 import { invoke, isTauri } from "@/lib/tauri";
 import { toast } from "@/lib/toast";
@@ -55,10 +59,12 @@ export function DashboardPage() {
   const totalCommits = agg.reduce((s, v) => s + v, 0);
   const maxDay = Math.max(...agg, 1);
 
-  // Real recent commits across all repos — Rust sorts newest-first, we take the top 6.
+  // Real recent commits across all repos — Rust sorts newest-first. The
+  // "Recent commits" card shows just the top 6, but the weekday×hour heatmap
+  // card below needs the full 14-day window to fill its 7×24 matrix — so
+  // leave the limit at the default (500) instead of clamping to 6.
   const { commits: recentCommits, loading: commitsLoading } = useRecentCommits({
     days: 14,
-    limit: 50,
   });
   const recent = useMemo(() => {
     const byRepo = new Map(repos.map((r) => [r.id, r] as const));
@@ -66,17 +72,30 @@ export function DashboardPage() {
   }, [recentCommits, repos]);
   const commitsInitialLoad = commitsLoading && recent.length === 0;
 
+  const heatmapToday = useMemo(() => new Date(), []);
+  const heatmap = useMemo(
+    () => computeHeatmap(recentCommits, heatmapToday),
+    [recentCommits, heatmapToday],
+  );
+
+  // Mirrors the Activity page: commit-weighted language mix using each repo's
+  // per-language share so the donut reflects actual contribution rather than
+  // a raw "primary language per repo" count.
+  const reposById = useMemo(() => {
+    const m = new Map<string, EnrichedRepo>();
+    for (const r of repos) m.set(r.id, r);
+    return m;
+  }, [repos]);
+  const languageMix = useMemo(
+    () => computeLanguageMix(recentCommits, reposById),
+    [recentCommits, reposById],
+  );
+
   // For the KPI grid: how many repos are fully in sync (no dirty tree, no
   // ahead/behind, no uncommitted). Complements `repositories_sub` which
   // counts dirty repos.
   const cleanReposCount = repos.filter((r) => r.clean).length;
 
-  const langs = useMemo(() => {
-    const c: Record<string, number> = {};
-    for (const r of repos) c[r.lang] = (c[r.lang] ?? 0) + 1;
-    return Object.entries(c).sort((a, b) => b[1] - a[1]);
-  }, [repos]);
-
   const goto = (repoId: string, path = "/repos") => {
     dispatch(setSelectedRepo(repoId));
     navigate(path);
@@ -117,7 +136,7 @@ export function DashboardPage() {
 
   if (reposLoading && repos.length === 0) {
     return (
-      <div className="a-dash" data-testid="dashboard-page" aria-busy>
+      <div className="a-dash p-dashboard" data-testid="dashboard-page" aria-busy>
         <div className="a-dash-kpis">
           <KpiSkeleton />
           <KpiSkeleton />
@@ -142,7 +161,7 @@ export function DashboardPage() {
   }
 
   return (
-    <div className="a-dash" data-testid="dashboard-page">
+    <div className="a-dash p-dashboard" data-testid="dashboard-page">
       <div className="a-dash-kpis">
         <KPI
           label={t("dash.kpi.repositories")}
@@ -239,7 +258,12 @@ export function DashboardPage() {
               <AttentionRow key={r.id + "-b"} repo={r} kind="behind" onClick={() => goto(r.id)} />
             ))}
             {dirtyRepos.length === 0 && behindRepos.length === 0 && (
-              <div className="a-dash-empty">{t("dash.attention.empty")}</div>
+              <EmptyState
+                mascot="celebrating"
+                mascotSize={72}
+                title={t("dash.attention.empty")}
+                className="px-2 py-2"
+              />
             )}
           </div>
         </section>
@@ -274,7 +298,14 @@ export function DashboardPage() {
                   <CiDot state={ciToDot(p.ciStatus)} />
                 </button>
               ))}
-              {openPRs.length === 0 && <div className="a-dash-empty">{t("dash.mrs.empty")}</div>}
+              {openPRs.length === 0 && (
+                <EmptyState
+                  mascot="snoozing"
+                  mascotSize={72}
+                  title={t("dash.mrs.empty")}
+                  className="px-2 py-2"
+                />
+              )}
             </div>
           </section>
         )}
@@ -305,7 +336,10 @@ export function DashboardPage() {
                   className="a-dash-commit"
                   onClick={() => goto(c.repoId)}
                 >
-                  {c.repo && <RepoAvatar repo={c.repo} size={24} radius={5} />}
+                  {/* Author avatar is the primary signifier (matches the
+                      activity timeline), repo is still identifiable through
+                      the inline repo name in the meta row below. */}
+                  <AuthorAvatar name={c.author} email={c.authorEmail} size={24} />
                   <div className="a-dash-commit-body">
                     <div className="a-dash-commit-msg">{c.summary || "—"}</div>
                     <div className="a-dash-commit-meta">
@@ -322,34 +356,10 @@ export function DashboardPage() {
           </div>
         </section>
 
-        <section className="a-dash-card a-dash-langs-card">
-          <div className="a-dash-card-h">
-            <h3>{t("dash.langs.title")}</h3>
-            <span className="a-dash-card-m">{repos.length} repos</span>
-          </div>
-          <div className="a-dash-langs-bar">
-            {langs.map(([l, n]) => (
-              <div
-                key={l}
-                className="a-dash-lang-seg"
-                style={{ flex: n, background: langMeta(l).color }}
-                title={`${langMeta(l).label}: ${n}`}
-              />
-            ))}
-          </div>
-          <div className="a-dash-langs-list">
-            {langs.map(([l, n]) => {
-              const meta = langMeta(l);
-              return (
-                <div key={l} className="a-dash-lang-item">
-                  <span className="lang-dot" style={{ background: meta.color }} />
-                  <span className="a-dash-lang-lbl">{meta.label}</span>
-                  <span className="a-dash-lang-n">{n}</span>
-                </div>
-              );
-            })}
-          </div>
-        </section>
+        {/* Reuse the Activity-page donut so the dashboard's language view
+            matches exactly — commit-weighted shares, tail collapsed into
+            "Other", same colours. Renders its own `a-act-card` shell. */}
+        <LanguageDonutCard mix={languageMix} loading={commitsInitialLoad} />
 
         <section className="a-dash-card a-dash-quick-card">
           <div className="a-dash-card-h">
@@ -365,30 +375,48 @@ export function DashboardPage() {
               <Icon name="refresh" size={14} />
               <span>{fetching ? "…" : t("dash.quick.fetch_all")}</span>
             </button>
-            <button
-              type="button"
-              className="a-dash-qbtn"
-              onClick={onOpenImport}
-              title="Clone from a URL or import from GitHub / GitLab / Bitbucket"
-            >
-              <Icon name="plus" size={14} />
-              <span>{t("dash.quick.clone")}</span>
-            </button>
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <button
+                  type="button"
+                  className="a-dash-qbtn"
+                  onClick={onOpenImport}
+                  aria-label={t("dash.quick.clone_tooltip")}
+                  data-testid="dash-qa-clone"
+                >
+                  <Icon name="plus" size={14} />
+                  <span>{t("dash.quick.clone")}</span>
+                </button>
+              </TooltipTrigger>
+              <TooltipContent>{t("dash.quick.clone_tooltip")}</TooltipContent>
+            </Tooltip>
             <button type="button" className="a-dash-qbtn" onClick={onFindAcrossRepos}>
               <Icon name="search" size={14} />
               <span>{t("dash.quick.find")}</span>
             </button>
-            <button
-              type="button"
-              className="a-dash-qbtn"
-              onClick={() => void onOpenWorkspace()}
-              title="Open a multi-root IDE workspace with all scanned repos"
-            >
-              <Icon name="terminal" size={14} />
-              <span>{t("dash.quick.workspace")}</span>
-            </button>
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <button
+                  type="button"
+                  className="a-dash-qbtn"
+                  onClick={() => void onOpenWorkspace()}
+                  aria-label={t("dash.quick.workspace_tooltip")}
+                  data-testid="dash-qa-workspace"
+                >
+                  <Icon name="terminal" size={14} />
+                  <span>{t("dash.quick.workspace")}</span>
+                </button>
+              </TooltipTrigger>
+              <TooltipContent>{t("dash.quick.workspace_tooltip")}</TooltipContent>
+            </Tooltip>
           </div>
         </section>
+
+        {/* HeatmapCard renders its own <div class="a-act-card"> shell —
+            wrapping it in another `.a-dash-card` would double the border.
+            The className slots it into the dashboard grid and marks it so
+            page-level styles can reach it. */}
+        <HeatmapCard matrix={heatmap} loading={commitsInitialLoad} />
       </div>
     </div>
   );
diff --git a/app/src/pages/MergeRequestsPage.tsx b/app/src/pages/MergeRequestsPage.tsx
index e7c81e0..086fd2f 100644
--- a/app/src/pages/MergeRequestsPage.tsx
+++ b/app/src/pages/MergeRequestsPage.tsx
@@ -11,6 +11,8 @@ import { Checkbox } from "@/components/atoms/Checkbox";
 import { CiDot, type CiState } from "@/components/atoms/CiDot";
 import { Icon } from "@/components/atoms/Icon";
 import { Kbd } from "@/components/atoms/Kbd";
+import { AuthorAvatar } from "@/components/molecules/AuthorAvatar";
+import { EmptyState } from "@/components/molecules/EmptyState";
 import { IconButton, IconLink } from "@/components/molecules/IconButton";
 import {
   DropdownMenu,
@@ -20,11 +22,11 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "@/components/molecules/compounds/DropdownMenu";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/molecules/compounds/Tooltip";
 import { FileChangesSkeleton } from "@/components/molecules/skeletons/FileChangesSkeleton";
 import { MrListSkeleton } from "@/components/molecules/skeletons/MrListSkeleton";
 import { ReviewerChipsSkeleton } from "@/components/molecules/skeletons/ReviewerChipsSkeleton";
 import { TimelineEventsSkeleton } from "@/components/molecules/skeletons/TimelineEventsSkeleton";
-import { usePrPolling } from "@/hooks/useProviders";
 import { invoke } from "@/lib/tauri";
 import { toast } from "@/lib/toast";
 import { useAppDispatch, useAppSelector } from "@/store/hooks";
@@ -42,7 +44,6 @@ interface Row {
 
 export function MergeRequestsPage() {
   const { t } = useTranslation();
-  usePrPolling();
 
   const prsItems = useAppSelector((s) => s.prs.items);
   const repos = useAppSelector((s) => s.repos.items);
@@ -96,7 +97,7 @@ export function MergeRequestsPage() {
   const current = filtered.find((r) => r.pr.id === selectedId) ?? filtered[0] ?? null;
 
   return (
-    <div className={`a-mr${current ? " with-drawer" : ""}`} data-testid="merge-requests-page">
+    <div className={`a-mr p-mrs${current ? " with-drawer" : ""}`} data-testid="merge-requests-page">
       <div className="a-mr-list">
         <div className="a-mr-filter-bar">
           <Chip active={tab === "open"} onClick={() => setTab("open")}>
@@ -118,11 +119,12 @@ export function MergeRequestsPage() {
           <MrListSkeleton rows={6} />
         ) : (
           <div className="a-mr-rows scroll">
-            {filtered.map(({ pr, repoName }) => (
+            {filtered.map(({ pr, repoName }, i) => (
               <button
                 type="button"
                 key={pr.id}
                 className={`a-mr-row${pr.id === current?.pr.id ? " selected" : ""}`}
+                style={{ "--i": Math.min(i, 10) } as React.CSSProperties}
                 data-testid="mr-row"
                 data-mr-id={pr.id}
                 data-mr-number={pr.number}
@@ -142,7 +144,10 @@ export function MergeRequestsPage() {
                     <span className="a-mr-sep">·</span>
                     <span>#{pr.number}</span>
                     <span className="a-mr-sep">·</span>
-                    <span>{pr.author}</span>
+                    <span className="a-mr-author">
+                      <AuthorAvatar name={pr.author} src={pr.authorAvatarUrl} size={16} />
+                      <span>{pr.author}</span>
+                    </span>
                     {pr.additions != null && pr.deletions != null && (
                       <>
                         <span className="a-mr-sep">·</span>
@@ -159,14 +164,11 @@ export function MergeRequestsPage() {
               </button>
             ))}
             {filtered.length === 0 && (
-              <div
-                style={{ padding: 24, textAlign: "center", color: "var(--ink-3)", fontSize: 12 }}
-              >
-                {t("states.empty")}
-                <div style={{ marginTop: 6 }}>
-                  <Kbd>⌘K</Kbd>
-                </div>
-              </div>
+              <EmptyState
+                mascot={rows.length === 0 ? "snoozing" : "searching"}
+                title={t("states.empty")}
+                description={<Kbd>⌘K</Kbd>}
+              />
             )}
           </div>
         )}
@@ -403,16 +405,21 @@ function MRDrawer({ row, onClose }: MRDrawerProps) {
         >
           <Icon name="code" size={13} /> {busy === "checkout" ? "…" : t("mrs.actions.checkout")}
         </button>
-        <button
-          type="button"
-          className="r-btn"
-          aria-label="Open terminal at repository"
-          title="Open terminal at repository"
-          onClick={() => void onOpenTerminal()}
-          disabled={busy !== null}
-        >
-          <Icon name="terminal" size={13} />
-        </button>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <button
+              type="button"
+              className="r-btn"
+              aria-label={t("actions.open_terminal_tooltip", { ns: "repos" })}
+              data-testid="mr-row-open-terminal"
+              onClick={() => void onOpenTerminal()}
+              disabled={busy !== null}
+            >
+              <Icon name="terminal" size={13} />
+            </button>
+          </TooltipTrigger>
+          <TooltipContent>{t("actions.open_terminal_tooltip", { ns: "repos" })}</TooltipContent>
+        </Tooltip>
       </div>
 
       <div className="a-mr-strip">
diff --git a/app/src/pages/PullRequestsPage.tsx b/app/src/pages/PullRequestsPage.tsx
index 9235dc5..4fb22f0 100644
--- a/app/src/pages/PullRequestsPage.tsx
+++ b/app/src/pages/PullRequestsPage.tsx
@@ -2,12 +2,10 @@ import { useTranslation } from "react-i18next";
 
 import { Spinner } from "@/components/atoms/Spinner";
 import { PrList } from "@/components/organisms/prs/PrList";
-import { usePrPolling } from "@/hooks/useProviders";
 import { useAppSelector } from "@/store/hooks";
 
 export function PullRequestsPage() {
   const { t } = useTranslation("prs");
-  usePrPolling();
 
   const error = useAppSelector((s) => s.prs.error);
   const loading = useAppSelector((s) => s.prs.loading);
diff --git a/app/src/pages/RepoDetailPage.tsx b/app/src/pages/RepoDetailPage.tsx
index e46d5f1..327aaac 100644
--- a/app/src/pages/RepoDetailPage.tsx
+++ b/app/src/pages/RepoDetailPage.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 
 import { useNavigate, useParams } from "react-router-dom";
 
@@ -16,9 +16,11 @@ import { Skeleton } from "@/components/atoms/Skeleton";
 // Sparkline import removed — the activity card no longer renders a redundant
 // mini-sparkline under the bar chart.
 import { AuthorAvatar } from "@/components/molecules/AuthorAvatar";
+import { EmptyState } from "@/components/molecules/EmptyState";
 import { IconButton } from "@/components/molecules/IconButton";
 import { OpenInIdeButton } from "@/components/molecules/OpenInIdeButton";
 import { RepoAvatar } from "@/components/molecules/RepoAvatar";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/molecules/compounds/Tooltip";
 import { CommitListSkeleton } from "@/components/molecules/skeletons/CommitListSkeleton";
 import { FileChangesSkeleton } from "@/components/molecules/skeletons/FileChangesSkeleton";
 import { KpiSkeleton } from "@/components/molecules/skeletons/KpiSkeleton";
@@ -74,6 +76,22 @@ export function RepoDetailPage() {
     if (repo) document.title = `${repo.name} — Recrest`;
   }, [repo]);
 
+  const goBackToList = useCallback(() => {
+    if (repoId) navigate(`/repos/${repoId}`);
+    else navigate(AppRoute.REPOS);
+  }, [navigate, repoId]);
+
+  useEffect(() => {
+    const onKey = (e: KeyboardEvent) => {
+      if (e.key !== "Escape") return;
+      const tgt = e.target as HTMLElement | null;
+      if (tgt?.closest("input, textarea, [contenteditable='true'], [role='dialog']")) return;
+      goBackToList();
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [goBackToList]);
+
   // Distinguish "repos haven't loaded yet" (show skeleton) from "we have
   // repos but this id doesn't match" (show not-found).
   if (!repo && (reposLoading || reposCount === 0)) {
@@ -149,6 +167,17 @@ export function RepoDetailPage() {
     <div className="flex flex-col gap-4 pb-10">
       <CreateBranchDialog open={branchOpen} repoId={repo.id} onClose={() => setBranchOpen(false)} />
 
+      <button
+        type="button"
+        className="a-page-back"
+        onClick={goBackToList}
+        data-testid="repo-detail-back"
+        aria-label={t("repo_detail.back_aria", { defaultValue: "Back to repositories" })}
+      >
+        <Icon name="chevLeft" size={12} />
+        <span>{t("repo_detail.back_to_list", { defaultValue: "Back to repositories" })}</span>
+      </button>
+
       {/* Header */}
       <header className="flex items-start gap-4 rounded-lg border border-border bg-card p-5">
         <RepoAvatar repo={repo} size={64} radius={12} />
@@ -246,13 +275,6 @@ export function RepoDetailPage() {
             <Icon name="plus" size={13} />
             Branch
           </button>
-          <IconButton
-            tooltip="Shrink to sidebar"
-            className="r-btn"
-            onClick={() => navigate(`/repos/${repo.id}`)}
-          >
-            <Icon name="collapse" size={13} />
-          </IconButton>
         </div>
       </header>
 
@@ -309,26 +331,33 @@ export function RepoDetailPage() {
             </span>
           }
         >
-          {/* Direkte flex-children mit inline `height` — kein wrappender
-              flex-col, dessen eigene Höhe sich sonst dem %-Wert entzieht. */}
-          <div className="flex h-32 w-full items-end gap-1.5">
-            {repo.activity.map((v, i) => (
-              <div
-                key={i}
-                className="flex-1 rounded-sm"
-                style={{
-                  minWidth: 6,
-                  height: v > 0 ? `${Math.max(6, (v / maxBucket) * 100)}%` : "4px",
-                  background:
-                    v === 0
-                      ? "rgba(127,127,127,0.18)"
-                      : v >= maxBucket * 0.66
-                        ? "var(--accent, #4f8cff)"
-                        : "rgba(79,140,255,0.55)",
-                }}
-                title={`${v} commit${v === 1 ? "" : "s"} · ${13 - i} day${13 - i === 1 ? "" : "s"} ago`}
-              />
-            ))}
+          <div className="mt-auto flex h-32 w-full items-end gap-1.5">
+            {repo.activity.map((v, i) => {
+              const label = `${v} commit${v === 1 ? "" : "s"} · ${13 - i} day${13 - i === 1 ? "" : "s"} ago`;
+              return (
+                <Tooltip key={i}>
+                  <TooltipTrigger asChild>
+                    <div
+                      className="flex-1 rounded-sm"
+                      style={{
+                        minWidth: 6,
+                        height: v > 0 ? `${Math.max(6, (v / maxBucket) * 100)}%` : "4px",
+                        background:
+                          v === 0
+                            ? "rgba(127,127,127,0.18)"
+                            : v >= maxBucket * 0.66
+                              ? "var(--accent, #4f8cff)"
+                              : "rgba(79,140,255,0.55)",
+                      }}
+                      aria-label={label}
+                      data-testid="repo-detail-spark-cell"
+                      data-index={i}
+                    />
+                  </TooltipTrigger>
+                  <TooltipContent>{label}</TooltipContent>
+                </Tooltip>
+              );
+            })}
           </div>
           <div className="mt-2 flex justify-between text-[10px] text-muted-foreground">
             <span>14d ago</span>
@@ -356,20 +385,29 @@ export function RepoDetailPage() {
         >
           {repo.status.dirty ? (
             <div className="max-h-64 space-y-1 overflow-y-auto font-mono text-xs">
-              {repo.status.changedFiles.map((f) => (
-                <div
-                  key={f.path}
-                  className="flex items-center justify-between gap-2 border-b border-border/40 py-1 last:border-b-0"
-                >
-                  <span className="truncate">{f.path}</span>
-                  <span
-                    className={`shrink-0 rounded px-1.5 py-0.5 text-[10px] capitalize ${fileKindClasses(f.kind)}`}
-                    title={`${f.kind} · ${f.status}`}
+              {repo.status.changedFiles.map((f) => {
+                const statusLabel = `${f.kind} · ${f.status}`;
+                return (
+                  <div
+                    key={f.path}
+                    className="flex items-center justify-between gap-2 border-b border-border/40 py-1 last:border-b-0"
                   >
-                    {f.kind}
-                  </span>
-                </div>
-              ))}
+                    <span className="truncate">{f.path}</span>
+                    <Tooltip>
+                      <TooltipTrigger asChild>
+                        <span
+                          className={`shrink-0 rounded px-1.5 py-0.5 text-[10px] capitalize ${fileKindClasses(f.kind)}`}
+                          aria-label={statusLabel}
+                          data-testid="repo-detail-file-status"
+                        >
+                          {f.kind}
+                        </span>
+                      </TooltipTrigger>
+                      <TooltipContent>{statusLabel}</TooltipContent>
+                    </Tooltip>
+                  </div>
+                );
+              })}
               {repo.status.changedFilesTruncated && (
                 <div className="pt-2 text-center text-[11px] text-muted-foreground">
                   …more files truncated
@@ -377,9 +415,12 @@ export function RepoDetailPage() {
               )}
             </div>
           ) : (
-            <div className="py-8 text-center text-xs text-muted-foreground">
-              {t("repo_detail.all_clean", { defaultValue: "Nothing to commit." })}
-            </div>
+            <EmptyState
+              mascot="celebrating"
+              mascotSize={88}
+              title={t("repo_detail.all_clean", { defaultValue: "Nothing to commit." })}
+              className="py-4"
+            />
           )}
         </Card>
       </section>
@@ -407,9 +448,12 @@ export function RepoDetailPage() {
                 ))}
               </div>
             ) : prs.length === 0 ? (
-              <div className="py-8 text-center text-xs text-muted-foreground">
-                {t("repo_detail.no_prs", { defaultValue: "No merge requests fetched." })}
-              </div>
+              <EmptyState
+                mascot="snoozing"
+                mascotSize={88}
+                title={t("repo_detail.no_prs", { defaultValue: "No merge requests fetched." })}
+                className="py-4"
+              />
             ) : (
               <div className="max-h-80 space-y-1 overflow-y-auto">
                 {prs.map((pr) => (
@@ -505,12 +549,12 @@ function Card({
   children: React.ReactNode;
 }) {
   return (
-    <div className="rounded-lg border border-border bg-card">
+    <div className="flex h-full flex-col rounded-lg border border-border bg-card">
       <div className="flex items-center justify-between gap-2 border-b border-border px-4 py-2.5">
         <h3 className="text-sm font-medium">{title}</h3>
         {meta && <div className="text-xs text-muted-foreground">{meta}</div>}
       </div>
-      <div className="p-4">{children}</div>
+      <div className="flex flex-1 flex-col p-4">{children}</div>
     </div>
   );
 }
diff --git a/app/src/pages/ReposPage.tsx b/app/src/pages/ReposPage.tsx
index d6105e8..21be739 100644
--- a/app/src/pages/ReposPage.tsx
+++ b/app/src/pages/ReposPage.tsx
@@ -27,16 +27,18 @@ export function ReposPage({ dirtyOnly = false }: ReposPageProps) {
 
   const pageTestId = dirtyOnly ? "changes-page" : "repos-page";
 
+  const pageClass = dirtyOnly ? "p-repos p-repos-dirty" : "p-repos";
+
   if (loading && repos.length === 0) {
     return (
-      <div data-testid={pageTestId}>
+      <div className={pageClass} data-testid={pageTestId}>
         <RepoListSkeleton rows={8} />
       </div>
     );
   }
 
   return (
-    <div data-testid={pageTestId}>
+    <div className={pageClass} data-testid={pageTestId}>
       {error && (
         <div
           role="alert"
diff --git a/app/src/store/index.ts b/app/src/store/index.ts
index b458369..ba7ac76 100644
--- a/app/src/store/index.ts
+++ b/app/src/store/index.ts
@@ -14,6 +14,7 @@ import { remoteImportReducer } from "@/store/slices/remoteImportSlice";
 import { reposReducer } from "@/store/slices/reposSlice";
 import type { SettingsState } from "@/store/slices/settingsSlice";
 import { settingsReducer } from "@/store/slices/settingsSlice";
+import { uiDevFlagsReducer } from "@/store/slices/uiDevFlagsSlice";
 import { uiReducer } from "@/store/slices/uiSlice";
 
 const persisted = loadPersisted();
@@ -26,6 +27,11 @@ export const store = configureStore({
     remoteImport: remoteImportReducer,
     settings: settingsReducer,
     ui: uiReducer,
+    // Developer-only flags slice — conditionally registered behind
+    // `import.meta.env.DEV` so production bundles don't ship the reducer.
+    // `useDevFlag` returns the default inline when not in dev, so attempts
+    // to access `state.uiDevFlags` in prod are never reached.
+    ...(import.meta.env.DEV ? { uiDevFlags: uiDevFlagsReducer } : {}),
   },
   preloadedState: persisted
     ? {
@@ -39,6 +45,7 @@ export const store = configureStore({
           importDialogOpen: false,
           findDialogOpen: false,
           updaterBanner: null,
+          updaterProgress: null,
         },
         settings: {
           pollingIntervalMs: POLLING_INTERVAL_DEFAULT_MS,
diff --git a/app/src/store/slices/uiDevFlagsSlice.ts b/app/src/store/slices/uiDevFlagsSlice.ts
new file mode 100644
index 0000000..06546ad
--- /dev/null
+++ b/app/src/store/slices/uiDevFlagsSlice.ts
@@ -0,0 +1,58 @@
+import { type PayloadAction, createSlice } from "@reduxjs/toolkit";
+
+/**
+ * Session-only developer flags. Registered conditionally in `store/index.ts`
+ * behind `import.meta.env.DEV` so production bundles don't carry the reducer.
+ *
+ * These deliberately bypass `persistenceMiddleware` — toggling "force updater
+ * fallback" or "ipc trace" should not survive a reload, which keeps the app
+ * predictable after a forced refresh in the middle of a debugging session.
+ */
+export interface DevFlagsState {
+  flags: Record<string, boolean | string>;
+  ipcTrace: boolean;
+  highlightMissingI18n: boolean;
+  forceUpdaterFallback: boolean;
+}
+
+const initialState: DevFlagsState = {
+  flags: {},
+  ipcTrace: false,
+  highlightMissingI18n: false,
+  forceUpdaterFallback: false,
+};
+
+const slice = createSlice({
+  name: "uiDevFlags",
+  initialState,
+  reducers: {
+    setDevFlag(state, action: PayloadAction<{ name: string; value: boolean | string }>) {
+      state.flags[action.payload.name] = action.payload.value;
+    },
+    clearDevFlag(state, action: PayloadAction<string>) {
+      delete state.flags[action.payload];
+    },
+    resetDevFlags(state) {
+      state.flags = {};
+    },
+    setIpcTrace(state, action: PayloadAction<boolean>) {
+      state.ipcTrace = action.payload;
+    },
+    setHighlightMissingI18n(state, action: PayloadAction<boolean>) {
+      state.highlightMissingI18n = action.payload;
+    },
+    setForceUpdaterFallback(state, action: PayloadAction<boolean>) {
+      state.forceUpdaterFallback = action.payload;
+    },
+  },
+});
+
+export const {
+  setDevFlag,
+  clearDevFlag,
+  resetDevFlags,
+  setIpcTrace,
+  setHighlightMissingI18n,
+  setForceUpdaterFallback,
+} = slice.actions;
+export const uiDevFlagsReducer = slice.reducer;
diff --git a/app/src/store/slices/uiSlice.ts b/app/src/store/slices/uiSlice.ts
index 53f5374..caf0d67 100644
--- a/app/src/store/slices/uiSlice.ts
+++ b/app/src/store/slices/uiSlice.ts
@@ -9,6 +9,19 @@ export type ActiveView =
   | "activity"
   | "settings";
 
+export interface UpdaterBannerState {
+  version: string;
+  currentVersion?: string;
+  body: string | null;
+  canAutoInstall: boolean;
+  downloadUrl: string | null;
+}
+
+export interface UpdaterProgressState {
+  chunk: number;
+  total: number | null;
+}
+
 export interface UiState {
   sidebarCollapsed: boolean;
   searchOpen: boolean;
@@ -21,7 +34,8 @@ export interface UiState {
   refreshNonce: number;
   importDialogOpen: boolean;
   findDialogOpen: boolean;
-  updaterBanner: { version: string; body: string | null } | null;
+  updaterBanner: UpdaterBannerState | null;
+  updaterProgress: UpdaterProgressState | null;
 }
 
 const initialState: UiState = {
@@ -34,6 +48,7 @@ const initialState: UiState = {
   importDialogOpen: false,
   findDialogOpen: false,
   updaterBanner: null,
+  updaterProgress: null,
 };
 
 const uiSlice = createSlice({
@@ -69,12 +84,12 @@ const uiSlice = createSlice({
     setFindDialogOpen(state, action: PayloadAction<boolean>) {
       state.findDialogOpen = action.payload;
     },
-    setUpdaterBanner(
-      state,
-      action: PayloadAction<{ version: string; body: string | null } | null>,
-    ) {
+    setUpdaterBanner(state, action: PayloadAction<UpdaterBannerState | null>) {
       state.updaterBanner = action.payload;
     },
+    setUpdaterProgress(state, action: PayloadAction<UpdaterProgressState | null>) {
+      state.updaterProgress = action.payload;
+    },
   },
 });
 
@@ -89,5 +104,6 @@ export const {
   setImportDialogOpen,
   setFindDialogOpen,
   setUpdaterBanner,
+  setUpdaterProgress,
 } = uiSlice.actions;
 export const uiReducer = uiSlice.reducer;
diff --git a/app/src/styles/globals.css b/app/src/styles/globals.css
index 91746e0..63ee1a1 100644
--- a/app/src/styles/globals.css
+++ b/app/src/styles/globals.css
@@ -1,57 +1,66 @@
 @import "tailwindcss";
 @import "tw-animate-css";
-@import "./tokens.css";
-@import "./layout.css";
-@import "./views.css";
+/* SCSS partials (tokens, layout, views, page-anim) are imported from
+ * `src/main.tsx`, not here. `@tailwindcss/vite` hijacks the CSS pipeline and
+ * would pass Sass through unprocessed, so they need to go through Vite's own
+ * preprocessor via a JS import. */
 
 @custom-variant dark (&:where(.dark, .dark *));
 
 @theme {
-  /* ───────────────────────── Light palette ───────────────────────── */
-  --color-background: oklch(1 0 0);
-  --color-foreground: oklch(0.145 0 0);
+  /* ───────────────────────── Palette ─────────────────────────
+     Shadcn-style Tailwind tokens are now thin aliases over the Recrest
+     design system defined in `tokens.css`. Those Recrest variables already
+     flip on `[data-theme="dark"]`/`.dark`, so a separate `.dark` block for
+     colours is no longer needed — the indirection does the theming.
+     Before: `bg-accent` was near-white grey in light, near-black grey in
+     dark. After: `bg-accent` is the brand accent-weak tone (warm-peach in
+     light, warm-orange-tinted in dark), consistent with the rest of the UI.
+  */
+  --color-background: var(--app-bg);
+  --color-foreground: var(--ink-1);
 
-  --color-muted: oklch(0.97 0 0);
-  --color-muted-foreground: oklch(0.556 0 0);
+  --color-muted: var(--surface-2);
+  --color-muted-foreground: var(--ink-3);
 
-  --color-card: oklch(1 0 0);
-  --color-card-foreground: oklch(0.145 0 0);
+  --color-card: var(--surface);
+  --color-card-foreground: var(--ink-1);
 
-  --color-popover: oklch(1 0 0);
-  --color-popover-foreground: oklch(0.145 0 0);
+  --color-popover: var(--canvas);
+  --color-popover-foreground: var(--ink-1);
 
-  --color-border: oklch(0.922 0 0);
-  --color-input: oklch(0.922 0 0);
-  --color-ring: oklch(0.556 0 0);
+  --color-border: var(--border);
+  --color-input: var(--border);
+  --color-ring: var(--accent);
 
-  --color-primary: oklch(0.205 0 0);
-  --color-primary-foreground: oklch(0.985 0 0);
+  --color-primary: var(--ink-0);
+  --color-primary-foreground: var(--canvas);
 
-  --color-secondary: oklch(0.97 0 0);
-  --color-secondary-foreground: oklch(0.205 0 0);
+  --color-secondary: var(--surface-2);
+  --color-secondary-foreground: var(--ink-1);
 
-  --color-accent: oklch(0.94 0 0);
-  --color-accent-foreground: oklch(0.205 0 0);
+  --color-accent: var(--accent-weak);
+  --color-accent-foreground: var(--accent-ink);
 
-  --color-destructive: oklch(0.577 0.245 27.325);
-  --color-destructive-foreground: oklch(0.985 0 0);
+  --color-destructive: var(--red);
+  --color-destructive-foreground: var(--canvas);
 
-  --color-success: oklch(0.723 0.219 149.579);
-  --color-success-foreground: oklch(0.985 0 0);
+  --color-success: var(--green);
+  --color-success-foreground: var(--canvas);
 
-  --color-warning: oklch(0.828 0.189 84.429);
-  --color-warning-foreground: oklch(0.145 0 0);
+  --color-warning: var(--amber);
+  --color-warning-foreground: var(--canvas);
 
-  --color-info: oklch(0.7 0.15 230);
-  --color-info-foreground: oklch(0.985 0 0);
+  --color-info: var(--blue);
+  --color-info-foreground: var(--canvas);
 
-  /* Status dots / badges — slightly more saturated than the *-foreground
-     swatches above, for list-items where the color itself carries meaning. */
-  --color-status-success: oklch(0.7 0.19 149);
-  --color-status-warning: oklch(0.78 0.18 84);
-  --color-status-error: oklch(0.6 0.22 27);
-  --color-status-info: oklch(0.7 0.15 230);
-  --color-status-neutral: oklch(0.65 0 0);
+  /* Status dots / badges — reuse the Recrest semantic colours, same tokens
+     the non-Tailwind `.r-badge.*` and `.status-dot.*` classes pull from. */
+  --color-status-success: var(--green);
+  --color-status-warning: var(--amber);
+  --color-status-error: var(--red);
+  --color-status-info: var(--blue);
+  --color-status-neutral: var(--ink-3);
 
   /* ───────────────────────── Radius scale ───────────────────────── */
   --radius: 0.5rem;
@@ -83,52 +92,9 @@
 }
 
 .dark {
-  --color-background: oklch(0.145 0 0);
-  --color-foreground: oklch(0.985 0 0);
-
-  --color-muted: oklch(0.23 0 0);
-  --color-muted-foreground: oklch(0.708 0 0);
-
-  --color-card: oklch(0.17 0 0);
-  --color-card-foreground: oklch(0.985 0 0);
-
-  --color-popover: oklch(0.19 0 0);
-  --color-popover-foreground: oklch(0.985 0 0);
-
-  --color-border: oklch(0.269 0 0);
-  --color-input: oklch(0.269 0 0);
-  --color-ring: oklch(0.55 0 0);
-
-  --color-primary: oklch(0.985 0 0);
-  --color-primary-foreground: oklch(0.205 0 0);
-
-  /* Previously both `secondary` and `accent` were oklch(0.205 0 0) — visually
-     identical to `muted`. Now: secondary = neutral surface, accent = slightly
-     brighter hover surface. */
-  --color-secondary: oklch(0.23 0 0);
-  --color-secondary-foreground: oklch(0.985 0 0);
-
-  --color-accent: oklch(0.3 0 0);
-  --color-accent-foreground: oklch(0.985 0 0);
-
-  --color-destructive: oklch(0.704 0.191 22.216);
-  --color-destructive-foreground: oklch(0.985 0 0);
-
-  --color-success: oklch(0.696 0.17 162.48);
-  --color-success-foreground: oklch(0.145 0 0);
-
-  --color-warning: oklch(0.769 0.188 70.08);
-  --color-warning-foreground: oklch(0.145 0 0);
-
-  --color-info: oklch(0.72 0.16 230);
-  --color-info-foreground: oklch(0.145 0 0);
-
-  --color-status-success: oklch(0.72 0.17 162);
-  --color-status-warning: oklch(0.77 0.19 70);
-  --color-status-error: oklch(0.7 0.19 22);
-  --color-status-info: oklch(0.72 0.16 230);
-  --color-status-neutral: oklch(0.55 0 0);
-
+  /* Color tokens are aliased to Recrest variables in `@theme` above — those
+     already switch automatically via `tokens.css`. Only shadows need an
+     explicit dark override (heavier alpha under dark chrome). */
   --shadow-sm: 0 1px 2px 0 oklch(0 0 0 / 0.4);
   --shadow-md: 0 2px 8px -1px oklch(0 0 0 / 0.5), 0 1px 3px -1px oklch(0 0 0 / 0.4);
   --shadow-lg: 0 8px 24px -4px oklch(0 0 0 / 0.55), 0 4px 8px -2px oklch(0 0 0 / 0.4);
diff --git a/app/src/styles/layout.css b/app/src/styles/layout.scss
similarity index 67%
rename from app/src/styles/layout.css
rename to app/src/styles/layout.scss
index be4fa4e..7c4ed14 100644
--- a/app/src/styles/layout.css
+++ b/app/src/styles/layout.scss
@@ -11,41 +11,44 @@
   min-height: 0;
   background: var(--app-bg);
   color: var(--ink-1);
-}
-.a-app > .a-sidebar {
-  grid-column: 1;
-  grid-row: 1 / span 2;
-  min-height: 0;
-  /* Allow the fold button to straddle the right border; internal overflow
-     is controlled on `.a-side-nav` instead. */
-  overflow: visible;
-}
-.a-app > .a-top {
-  grid-column: 2 / -1;
-  grid-row: 1;
-}
-.a-app > .a-main {
-  grid-column: 2;
-  grid-row: 2;
-  min-height: 0;
-  min-width: 0;
-}
-.a-app > .a-detail {
-  grid-column: 3;
-  grid-row: 2;
-  min-height: 0;
-}
-.a-app.pane-bottom {
-  grid-template-columns: auto 1fr;
-  grid-template-rows: auto 1fr auto;
-}
-.a-app.pane-bottom > .a-detail {
-  grid-column: 2;
-  grid-row: 3;
-}
-.a-app.pane-off,
-.a-app.no-detail {
-  grid-template-columns: auto 1fr;
+
+  > .a-sidebar {
+    grid-column: 1;
+    grid-row: 1 / span 2;
+    min-height: 0;
+    /* Allow the fold button to straddle the right border; internal overflow
+       is controlled on `.a-side-nav` instead. */
+    overflow: visible;
+  }
+  > .a-top {
+    grid-column: 2 / -1;
+    grid-row: 1;
+  }
+  > .a-main {
+    grid-column: 2;
+    grid-row: 2;
+    min-height: 0;
+    min-width: 0;
+  }
+  > .a-detail {
+    grid-column: 3;
+    grid-row: 2;
+    min-height: 0;
+  }
+
+  &.pane-bottom {
+    grid-template-columns: auto 1fr;
+    grid-template-rows: auto 1fr auto;
+
+    > .a-detail {
+      grid-column: 2;
+      grid-row: 3;
+    }
+  }
+  &.pane-off,
+  &.no-detail {
+    grid-template-columns: auto 1fr;
+  }
 }
 
 /* ─── Stand-alone detail window (popout) ─── */
@@ -55,12 +58,13 @@
   background: var(--app-bg);
   color: var(--ink-1);
   display: flex;
-}
-.a-standalone-detail > .a-detail {
-  flex: 1;
-  min-height: 0;
-  width: 100%;
-  border-left: 0;
+
+  > .a-detail {
+    flex: 1;
+    min-height: 0;
+    width: 100%;
+    border-left: 0;
+  }
 }
 .a-standalone-empty {
   flex: 1;
@@ -111,9 +115,10 @@
   color: var(--ink-0);
   font-size: 13.5px;
   font-family: inherit;
-}
-.a-search-input::placeholder {
-  color: var(--ink-3);
+
+  &::placeholder {
+    color: var(--ink-3);
+  }
 }
 .a-search-kbds {
   display: inline-flex;
@@ -156,10 +161,24 @@
   font-family: inherit;
   font-size: 13px;
   text-align: left;
-}
-.a-search-row[data-active="true"] {
-  background: var(--accent-weak);
-  color: var(--accent-ink);
+
+  &[data-active="true"] {
+    background: var(--accent-weak);
+    color: var(--accent-ink);
+
+    .a-search-row-icon,
+    .a-search-row-hint {
+      color: var(--accent-ink);
+    }
+    .a-search-row-hint {
+      opacity: 0.7;
+    }
+    .a-search-row-mini-icon {
+      background: var(--accent-weak);
+      border-color: var(--accent);
+      color: var(--accent-ink);
+    }
+  }
 }
 .a-search-row-icon {
   width: 22px;
@@ -170,9 +189,6 @@
   color: var(--ink-3);
   flex-shrink: 0;
 }
-.a-search-row[data-active="true"] .a-search-row-icon {
-  color: var(--accent-ink);
-}
 .a-search-row-mini {
   position: relative;
   width: 22px;
@@ -193,11 +209,6 @@
   border-radius: 50%;
   color: var(--ink-2);
 }
-.a-search-row[data-active="true"] .a-search-row-mini-icon {
-  background: var(--accent-weak);
-  border-color: var(--accent);
-  color: var(--accent-ink);
-}
 .a-search-row-label {
   flex: 1;
   min-width: 0;
@@ -215,10 +226,6 @@
   max-width: 52%;
   font-family: var(--font-mono);
 }
-.a-search-row[data-active="true"] .a-search-row-hint {
-  color: var(--accent-ink);
-  opacity: 0.7;
-}
 .a-search-empty {
   padding: 28px 12px;
   text-align: center;
@@ -238,10 +245,29 @@
   min-height: 0;
   transition: width 0.18s cubic-bezier(0.4, 0, 0.2, 1);
   position: relative;
-}
-.a-sidebar.collapsed {
-  width: 48px;
-  padding: 8px 4px;
+
+  &.collapsed {
+    width: 48px;
+    padding: 8px 4px;
+
+    .a-brand-mark {
+      width: 32px;
+      height: 32px;
+    }
+    .a-side-nav {
+      align-items: center;
+    }
+    .a-side-item {
+      width: 38px;
+      height: 38px;
+      padding: 0;
+      justify-content: center;
+    }
+    .a-side-foot {
+      margin: auto -4px 0;
+      padding: 8px 4px 0;
+    }
+  }
 }
 
 .a-side-brand {
@@ -259,10 +285,6 @@
   height: 40px;
   flex-shrink: 0;
 }
-.a-sidebar.collapsed .a-brand-mark {
-  width: 32px;
-  height: 32px;
-}
 .a-brand-name {
   font-family: "Space Grotesk", var(--font-sans, system-ui);
   font-size: 17px;
@@ -281,9 +303,6 @@
   flex: 1;
   min-height: 0;
 }
-.a-sidebar.collapsed .a-side-nav {
-  align-items: center;
-}
 
 .a-side-item {
   display: flex;
@@ -302,36 +321,33 @@
   width: 100%;
   position: relative;
   font-family: inherit;
-}
-.a-sidebar.collapsed .a-side-item {
-  width: 38px;
-  height: 38px;
-  padding: 0;
-  justify-content: center;
-}
-.a-side-item:hover {
-  background: color-mix(in srgb, var(--accent) 10%, var(--sidebar-bg));
-  color: var(--ink-0);
-}
-.a-side-item:hover .a-side-count {
-  color: var(--ink-1);
-}
-.a-side-item[data-active="true"] {
-  background: var(--canvas);
-  color: var(--ink-0);
-  font-weight: 600;
-  box-shadow:
-    0 1px 0 rgba(17, 17, 22, 0.04),
-    0 0 0 1px var(--border);
+
+  &:hover {
+    background: color-mix(in srgb, var(--accent) 10%, var(--sidebar-bg));
+    color: var(--ink-0);
+
+    .a-side-count {
+      color: var(--ink-1);
+    }
+  }
+  &[data-active="true"] {
+    background: var(--canvas);
+    color: var(--ink-0);
+    font-weight: 600;
+    box-shadow:
+      0 1px 0 rgba(17, 17, 22, 0.04),
+      0 0 0 1px var(--border);
+  }
+  &[data-dim="true"] {
+    color: var(--ink-3);
+  }
 }
 [data-theme="dark"] .a-side-item[data-active="true"],
 .dark .a-side-item[data-active="true"] {
   background: var(--surface-hover);
   box-shadow: none;
 }
-.a-side-item[data-dim="true"] {
-  color: var(--ink-3);
-}
+
 .a-side-label {
   flex: 1;
 }
@@ -373,19 +389,16 @@
   border-top: 1px solid var(--border);
   position: relative;
   display: block;
-}
-.a-sidebar.collapsed .a-side-foot {
-  margin: auto -4px 0;
-  padding: 8px 4px 0;
-}
-.a-side-foot > a,
-.a-side-foot > .a-side-item {
-  display: block;
-  width: 100%;
-  min-width: 0;
-}
-.a-side-foot > a .a-side-item {
-  width: 100%;
+
+  > a,
+  > .a-side-item {
+    display: block;
+    width: 100%;
+    min-width: 0;
+  }
+  > a .a-side-item {
+    width: 100%;
+  }
 }
 
 /* Fold button — sits on the intersection of the sidebar's vertical right
@@ -409,11 +422,12 @@
   font-family: inherit;
   box-shadow: 0 1px 2px rgba(17, 17, 22, 0.06);
   z-index: 3;
-}
-.a-side-fold:hover {
-  background: var(--surface-hover);
-  color: var(--ink-0);
-  border-color: var(--border-strong);
+
+  &:hover {
+    background: var(--surface-hover);
+    color: var(--ink-0);
+    border-color: var(--border-strong);
+  }
 }
 
 /* ─── Main column ─── */
@@ -460,7 +474,6 @@
   color: var(--ink-3);
   font-variant-numeric: tabular-nums;
 }
-
 .a-top-center {
   display: flex;
   justify-content: center;
@@ -473,6 +486,7 @@
   justify-content: flex-end;
   gap: 6px;
 }
+
 .a-search {
   display: flex;
   align-items: center;
@@ -487,38 +501,39 @@
   color: var(--ink-2);
   cursor: pointer;
   font-family: inherit;
+
+  &:hover {
+    border-color: var(--border-strong);
+  }
+  svg {
+    color: var(--ink-3);
+  }
+  input,
+  .a-search-placeholder {
+    border: 0;
+    background: transparent;
+    outline: none;
+    flex: 1;
+    font-size: 12.5px;
+    color: var(--ink-3);
+    font-family: inherit;
+    text-align: left;
+  }
+  input::placeholder {
+    color: var(--ink-3);
+  }
 }
-.icon-btn[data-spinning="true"] svg {
-  animation: spin 0.8s linear infinite;
-}
+
 .icon-btn[data-spinning="true"] {
   opacity: 0.85;
   cursor: progress;
-}
-@keyframes spin {
-  to {
-    transform: rotate(360deg);
+
+  svg {
+    animation: spin 0.8s linear infinite;
   }
 }
-.a-search:hover {
-  border-color: var(--border-strong);
-}
-.a-search svg {
-  color: var(--ink-3);
-}
-.a-search input,
-.a-search .a-search-placeholder {
-  border: 0;
-  background: transparent;
-  outline: none;
-  flex: 1;
-  font-size: 12.5px;
-  color: var(--ink-3);
-  font-family: inherit;
-  text-align: left;
-}
-.a-search input::placeholder {
-  color: var(--ink-3);
+@keyframes spin {
+  to { transform: rotate(360deg); }
 }
 
 /* Content scroll */
@@ -554,9 +569,10 @@
   -webkit-user-select: none;
   user-select: none;
   cursor: pointer;
-}
-.a-th.r {
-  text-align: right;
+
+  &.r {
+    text-align: right;
+  }
 }
 
 /* Row */
@@ -577,27 +593,49 @@
   border-left: 0;
   border-right: 0;
   border-top: 0;
+
+  &:last-child {
+    border-bottom: 0;
+  }
+  &.d-compact { min-height: 42px; }
+  &.d-comfy { min-height: 56px; }
+  &.d-spacious { min-height: 72px; }
+
+  &:hover {
+    background: var(--surface-2);
+  }
+  &.selected {
+    background: var(--accent-weak);
+
+    .a-name {
+      color: var(--accent-ink);
+    }
+  }
 }
-.a-row:last-child {
-  border-bottom: 0;
-}
-.a-row.d-compact {
-  min-height: 42px;
-}
-.a-row.d-comfy {
-  min-height: 56px;
-}
-.a-row.d-spacious {
-  min-height: 72px;
-}
-.a-row:hover {
-  background: var(--surface-2);
-}
-.a-row.selected {
-  background: var(--accent-weak);
-}
-.a-row.selected .a-name {
-  color: var(--accent-ink);
+
+/* Transparent button that absorbs clicks across the row without forcing the
+ * row itself to carry role=button (which would nest-interact with the action
+ * icons). The button is positioned absolute → stacks above non-positioned
+ * siblings (the text cells) by the default stacking rules. The actions
+ * column opts into z-index:1 below so its real <button> children stay on
+ * top of the overlay and remain clickable. Don't raise other cells — that
+ * would block the overlay from receiving row-level clicks. */
+.a-row-select {
+  position: absolute;
+  inset: 0;
+  border: 0;
+  padding: 0;
+  margin: 0;
+  background: transparent;
+  cursor: pointer;
+  color: inherit;
+  font: inherit;
+
+  &:focus-visible {
+    outline: 2px solid var(--accent);
+    outline-offset: -2px;
+    border-radius: 4px;
+  }
 }
 
 /* Row cells */
@@ -659,22 +697,23 @@
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
-}
-.a-branch-chip.big {
-  height: 26px;
-  padding: 0 10px;
-  font-size: 12.5px;
-  max-width: none;
-}
-.a-branch-chip.sm {
-  font-size: 10.5px;
-  padding: 2px 6px;
-  gap: 4px;
-  height: auto;
-}
-.a-branch-chip svg {
-  color: var(--ink-3);
-  flex-shrink: 0;
+
+  &.big {
+    height: 26px;
+    padding: 0 10px;
+    font-size: 12.5px;
+    max-width: none;
+  }
+  &.sm {
+    font-size: 10.5px;
+    padding: 2px 6px;
+    gap: 4px;
+    height: auto;
+  }
+  svg {
+    color: var(--ink-3);
+    flex-shrink: 0;
+  }
 }
 
 .a-c-status {
@@ -728,6 +767,10 @@
   display: flex;
   gap: 2px;
   justify-content: flex-end;
+  /* Raise above the .a-row-select overlay so the real action buttons inside
+   * stay clickable. */
+  position: relative;
+  z-index: 1;
 }
 
 /* Group header */
@@ -742,6 +785,13 @@
   width: 100%;
   font-family: inherit;
   color: inherit;
+
+  svg {
+    color: var(--ink-3);
+  }
+  &:hover svg {
+    color: var(--ink-0);
+  }
 }
 .a-group-label {
   font-size: 11px;
@@ -765,12 +815,6 @@
   background: var(--border);
   margin-left: 4px;
 }
-.a-group svg {
-  color: var(--ink-3);
-}
-.a-group:hover svg {
-  color: var(--ink-0);
-}
 
 /* ─── Detail pane ─── */
 .a-detail {
@@ -780,15 +824,26 @@
   border-left: 1px solid var(--border);
   display: flex;
   flex-direction: column;
-  overflow-y: auto;
+  overflow: hidden;
   animation: slideIn 0.22s ease-out;
+
+  &.bottom {
+    width: auto;
+    max-height: 360px;
+    border-left: 0;
+    border-top: 1px solid var(--border);
+  }
 }
 @media (max-width: 1180px) {
   .a-detail {
     width: 320px;
   }
 }
-@media (max-width: 1060px) {
+/* Below ~1280px (MacBook 13"), the repo-row grid needs ≥724px to stay legible.
+ * With sidebar (208) + detail (320–360) in the grid, main would drop under 700px
+ * and action buttons would clip. Float the detail pane as an overlay instead so
+ * main keeps the full width available to the sidebar. */
+@media (max-width: 1280px) {
   .a-app:not(.pane-bottom):not(.pane-off) .a-detail {
     position: absolute;
     right: 0;
@@ -798,21 +853,9 @@
     box-shadow: var(--shadow-pop);
   }
 }
-.a-detail.bottom {
-  width: auto;
-  max-height: 360px;
-  border-left: 0;
-  border-top: 1px solid var(--border);
-}
 @keyframes slideIn {
-  from {
-    transform: translateX(16px);
-    opacity: 0;
-  }
-  to {
-    transform: translateX(0);
-    opacity: 1;
-  }
+  from { transform: translateX(16px); opacity: 0; }
+  to   { transform: translateX(0); opacity: 1; }
 }
 
 .a-dp-hdr {
@@ -828,10 +871,11 @@
   gap: 10px;
   min-width: 0;
   flex: 1;
-}
-.a-dp-title .status-dot {
-  margin-top: 7px;
-  flex-shrink: 0;
+
+  .status-dot {
+    margin-top: 7px;
+    flex-shrink: 0;
+  }
 }
 .a-dp-name {
   font-size: 17px;
@@ -866,6 +910,10 @@
   position: relative;
   cursor: pointer;
   display: inline-flex;
+
+  &:hover .a-dp-avatar-edit {
+    opacity: 1;
+  }
 }
 .a-dp-avatar-edit {
   position: absolute;
@@ -883,8 +931,34 @@
   opacity: 0;
   transition: opacity 0.12s;
 }
-.a-dp-avatar-wrap:hover .a-dp-avatar-edit {
-  opacity: 1;
+
+/* Middle content wrapper: holds the collapsible sections and absorbs all
+ * remaining vertical space. The drawer itself no longer scrolls as a
+ * whole — each open section manages its own internal scroll (see
+ * `.a-dp-sec-body` overrides below). This keeps the header, the branch
+ * card, and the footer CTA anchored regardless of commit-history length. */
+.a-dp-body {
+  flex: 1 1 auto;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+/* Footer row that anchors the Open-full-view CTA at the bottom of the
+ * drawer. The CTA uses `.r-btn.primary` so it matches the black-in-light
+ * / inverted-in-dark treatment of other primary CTAs in the app. */
+.a-dp-footer {
+  flex: 0 0 auto;
+  padding: 12px 16px 16px;
+  border-top: 1px solid var(--border);
+  background: var(--canvas);
+}
+.a-dp-open-full {
+  width: 100%;
+  height: 36px;
+  justify-content: center;
+  font-size: 13px;
 }
 
 /* Primary actions */
@@ -892,9 +966,10 @@
   display: flex;
   gap: 5px;
   padding: 0 16px 14px;
-}
-.a-dp-actions .r-btn.primary {
-  flex: 1;
+
+  .r-btn.primary {
+    flex: 1;
+  }
 }
 
 /* Branch summary card */
@@ -904,6 +979,15 @@
   background: var(--surface-2);
   border: 1px solid var(--border);
   border-radius: 8px;
+
+  /* In dark mode the drawer canvas already sits on a muted panel, so
+   * `--surface-2` (lighter than canvas) made the branch card float too
+   * brightly. Drop to `--app-bg`, which is darker than the drawer — the
+   * card now recedes and the Pull/Fetch/Branch CTAs pop properly. */
+  [data-theme="dark"] &,
+  .dark & {
+    background: var(--app-bg);
+  }
 }
 .a-dp-branch-top {
   display: flex;
@@ -927,12 +1011,40 @@
 /* Collapsible sections */
 .a-dp-section {
   border-top: 1px solid var(--border);
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+
+  /* Closed sections collapse to just the header row, taking no share of
+   * the remaining flex space. */
+  &.closed {
+    flex: 0 0 auto;
+  }
+  /* Open sections share whatever space is left in `.a-dp-body`. When only
+   * one is open it takes everything; when several are open they share
+   * proportionally. The body inside each then scrolls internally. */
+  &.open {
+    flex: 1 1 0;
+  }
+}
+/* Section header row: collapse button + optional meta as siblings so meta
+ * can hold interactive elements (e.g. the Log → link) without nesting
+ * them inside the collapse button. */
+.a-dp-sec-hdr-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 0 16px;
+
+  &:hover {
+    background: var(--surface-2);
+  }
 }
 .a-dp-sec-hdr {
   display: flex;
   align-items: center;
   gap: 8px;
-  padding: 12px 16px;
+  padding: 12px 0;
   cursor: pointer;
   -webkit-user-select: none;
   user-select: none;
@@ -941,14 +1053,12 @@
   color: var(--ink-1);
   text-transform: uppercase;
   letter-spacing: 0.06em;
-  width: 100%;
+  flex: 1;
+  min-width: 0;
   background: transparent;
   border: 0;
   font-family: inherit;
 }
-.a-dp-sec-hdr:hover {
-  background: var(--surface-2);
-}
 .a-dp-sec-chev {
   color: var(--ink-3);
   display: inline-flex;
@@ -969,6 +1079,9 @@
 }
 .a-dp-sec-body {
   padding: 0 16px 14px;
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow-y: auto;
 }
 .a-dp-link {
   color: var(--accent);
@@ -997,9 +1110,10 @@
   border-radius: 5px;
   font-size: 12px;
   cursor: pointer;
-}
-.a-dp-file:hover {
-  background: var(--surface-2);
+
+  &:hover {
+    background: var(--surface-2);
+  }
 }
 .a-dp-file-path {
   flex: 1;
@@ -1028,21 +1142,19 @@
   justify-content: center;
   font-family: var(--font-mono);
 }
-.a-dp-st-M {
-  background: var(--amber-weak);
-  color: var(--amber);
-}
-.a-dp-st-A {
-  background: var(--green-weak);
-  color: var(--green);
-}
-.a-dp-st-D {
-  background: var(--red-weak);
-  color: var(--red);
-}
-.a-dp-st-R {
-  background: var(--blue-weak);
-  color: var(--blue);
+/* File-status tone variants — three buckets:
+ *  A = added (green), M = modified/renamed/typechange (amber),
+ *  D = deleted (red). */
+$file-status-tones: (
+  "M": "amber",
+  "A": "green",
+  "D": "red",
+);
+@each $status, $tone in $file-status-tones {
+  .a-dp-st-#{$status} {
+    background: var(--#{$tone}-weak);
+    color: var(--#{$tone});
+  }
 }
 
 /* Commits */
@@ -1093,10 +1205,11 @@
   background: var(--surface-2);
   border: 1px solid var(--border);
   border-radius: 6px;
-}
-.a-dp-pr svg {
-  margin-top: 2px;
-  flex-shrink: 0;
+
+  svg {
+    margin-top: 2px;
+    flex-shrink: 0;
+  }
 }
 .a-dp-pr-body {
   flex: 1;
@@ -1130,3 +1243,38 @@
   align-items: center;
   justify-content: center;
 }
+
+/* Minimal "← Back to repositories" ghost link above the repo detail
+ * header card. Kept as a muted inline affordance instead of a sticky bar
+ * — the page's own header card already dominates the top of the page,
+ * and a second banner competed with it. ESC also navigates back, but
+ * the shortcut hint is dropped to keep the chrome out of the way. */
+.a-page-back {
+  align-self: flex-start;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  margin: -4px 0 -4px -6px;
+  padding: 4px 8px;
+  background: transparent;
+  border: 0;
+  border-radius: 6px;
+  color: var(--ink-3);
+  font-family: inherit;
+  font-size: 12px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: color 0.12s ease, background 0.12s ease;
+
+  &:hover,
+  &:focus-visible {
+    color: var(--ink-0);
+    background: var(--surface-2);
+  }
+  svg {
+    transition: transform 0.12s ease;
+  }
+  &:hover svg {
+    transform: translateX(-2px);
+  }
+}
diff --git a/app/src/styles/page-anim.scss b/app/src/styles/page-anim.scss
new file mode 100644
index 0000000..1a9233d
--- /dev/null
+++ b/app/src/styles/page-anim.scss
@@ -0,0 +1,175 @@
+/**
+ * Shared mount-animation primitives used by every top-level page.
+ *
+ * Each page only needs to add one container class (`p-dashboard`, `p-repos`,
+ * `p-mrs`, `p-branches`, `p-settings`). The rules below reach into the page's
+ * existing BEM-ish classes so we don't have to wrap every section in a new
+ * div. Stagger is driven by an inline `--i` custom property on list items;
+ * a helper `.pg-stagger` can also be used on ad-hoc lists.
+ *
+ * `prefers-reduced-motion` disables every `pg-*` keyframe in one shot.
+ */
+
+:root {
+  --page-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
+  --page-dur-sm: 320ms;
+  --page-dur-md: 440ms;
+  --page-dur-lg: 620ms;
+  --page-stagger: 60ms;
+}
+
+/* ─── Page-mount keyframes ─── */
+@keyframes pgRise {
+  from { opacity: 0; transform: translateY(14px); }
+  to   { opacity: 1; transform: none; }
+}
+@keyframes pgFall {
+  from { opacity: 0; transform: translateY(-14px); }
+  to   { opacity: 1; transform: none; }
+}
+@keyframes pgSlideL {
+  from { opacity: 0; transform: translateX(-18px); }
+  to   { opacity: 1; transform: none; }
+}
+@keyframes pgSlideR {
+  from { opacity: 0; transform: translateX(18px); }
+  to   { opacity: 1; transform: none; }
+}
+@keyframes pgZoom {
+  from { opacity: 0; transform: scale(0.94); }
+  to   { opacity: 1; transform: none; }
+}
+@keyframes pgStripe {
+  from { opacity: 0; transform: scaleY(0); transform-origin: top; }
+  to   { opacity: 1; transform: scaleY(1); }
+}
+
+.pg-stagger > * {
+  animation-fill-mode: both;
+  animation-delay: calc(var(--i, 0) * var(--page-stagger));
+}
+
+/* ──────────────── Dashboard ──────────────── headline rising */
+.p-dashboard {
+  .a-dash-kpis > * {
+    animation: pgZoom var(--page-dur-md) var(--page-ease) both;
+
+    @for $i from 1 through 4 {
+      &:nth-child(#{$i}) {
+        animation-delay: #{($i - 1) * 50}ms;
+      }
+    }
+  }
+  .a-dash-grid > * {
+    animation: pgRise var(--page-dur-md) var(--page-ease) both;
+    animation-delay: 220ms;
+
+    @for $i from 2 through 6 {
+      &:nth-child(#{$i}) {
+        animation-delay: #{220 + ($i - 1) * 60}ms;
+      }
+    }
+    &:nth-child(n + 7) { animation-delay: 580ms; }
+  }
+}
+
+/* ──────────────── Repos / Changes ──────────────── list materialising */
+.p-repos {
+  .a-content > h1,
+  .a-content > .a-filters,
+  .a-content > [class*="toolbar"] {
+    animation: pgFall var(--page-dur-sm) var(--page-ease) both;
+  }
+  .a-group {
+    animation: pgRise var(--page-dur-sm) var(--page-ease) both;
+    animation-delay: calc(80ms + var(--gi, 0) * 40ms);
+  }
+  .a-row {
+    animation: pgSlideL var(--page-dur-sm) var(--page-ease) both;
+    animation-delay: calc(var(--i, 0) * 40ms);
+  }
+
+  /* Dirty view: same rows peel from the top instead of sliding from the left
+     so the two views of the same component stay visually distinct. */
+  &.p-repos-dirty .a-row {
+    animation-name: pgStripe;
+  }
+}
+
+/* ──────────────── Merge requests ──────────────── quiet rise */
+/* SlideR turned out too dramatic — especially with an empty MR list where
+   a single "no results" row flying in from off-screen feels wrong. Swap to
+   a quieter pgRise with a tight stagger; the page still gets a distinct
+   entry thanks to the toolbar's pgFall + the drawer's slide. */
+.p-mrs {
+  .a-mr-toolbar,
+  [class*="toolbar"] {
+    animation: pgFall var(--page-dur-sm) var(--page-ease) both;
+  }
+  .a-mr-row {
+    animation: pgRise var(--page-dur-sm) var(--page-ease) both;
+    animation-delay: calc(var(--i, 0) * 30ms);
+  }
+}
+
+/* ──────────────── Branches ──────────────── groups unfurling, rows inside */
+.p-branches {
+  .a-br-toolbar {
+    animation: pgFall var(--page-dur-sm) var(--page-ease) both;
+  }
+  .a-br-group {
+    animation: pgZoom var(--page-dur-md) var(--page-ease) both;
+    animation-delay: calc(var(--gi, 0) * 80ms);
+  }
+  .a-br-row {
+    animation: pgRise var(--page-dur-sm) var(--page-ease) both;
+    animation-delay: calc(var(--group-base, 0ms) + var(--i, 0) * 40ms);
+  }
+}
+
+/* ──────────────── Detail pane inner stagger ──────────────── */
+.a-detail .pg-stagger > * {
+  animation: pgRise var(--page-dur-sm) var(--page-ease) both;
+  animation-delay: calc(120ms + var(--i, 0) * var(--page-stagger));
+}
+
+/* ──────────────── Settings ──────────────── quietest page */
+.p-settings {
+  --page-stagger: 40ms;
+
+  /* Tab strip slides in from the left once. */
+  .a-settings-nav {
+    animation: pgSlideL var(--page-dur-sm) var(--page-ease) both;
+  }
+  /* Header block (h2 + intro paragraph) drops down. */
+  .a-set-head {
+    animation: pgFall var(--page-dur-sm) var(--page-ease) both;
+    animation-delay: 40ms;
+  }
+  /* Each section in the active tab body rises in with a small stagger.
+   * `nth-of-type` drives the delay so we don't have to touch every tab to
+   * add an `--i` prop — the markup is already predictable. */
+  .a-set-page > .a-set-section {
+    animation: pgRise var(--page-dur-sm) var(--page-ease) both;
+    animation-delay: 120ms;
+
+    @for $n from 2 through 5 {
+      &:nth-of-type(#{$n}) {
+        animation-delay: calc(120ms + var(--page-stagger) * #{$n - 1});
+      }
+    }
+    &:nth-of-type(n + 6) {
+      animation-delay: calc(120ms + var(--page-stagger) * 5);
+    }
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  [class^="p-"],
+  [class*=" p-"],
+  [class^="p-"] *,
+  [class*=" p-"] *,
+  .pg-stagger > * {
+    animation: none !important;
+  }
+}
diff --git a/app/src/styles/tokens.css b/app/src/styles/tokens.scss
similarity index 58%
rename from app/src/styles/tokens.css
rename to app/src/styles/tokens.scss
index cd9b898..925a8f7 100644
--- a/app/src/styles/tokens.css
+++ b/app/src/styles/tokens.scss
@@ -1,3 +1,5 @@
+@use "sass:list";
+
 /* ─── Recrest — global tokens ─────────────────── */
 
 :root {
@@ -59,6 +61,8 @@
   --row-h-compact: 44px;
   --row-h-comfy: 60px;
   --row-h-spacious: 80px;
+
+  --font-scale: 1;
 }
 
 [data-theme="dark"],
@@ -106,79 +110,48 @@
   --shadow-row-hover: 0 1px 0 rgba(255, 255, 255, 0.03), 0 6px 18px rgba(0, 0, 0, 0.4);
 }
 
-/* Accent switch — vivid, saturated palette */
-[data-accent="blue"] {
-  --accent: #3d7bff;
-  --accent-weak: #e2ecff;
-  --accent-ink: #1a42b8;
-}
-[data-accent="green"] {
-  --accent: #10b981;
-  --accent-weak: #d9f7ed;
-  --accent-ink: #0a7a56;
-}
-[data-accent="purple"] {
-  --accent: #8b5cf6;
-  --accent-weak: #ece3ff;
-  --accent-ink: #5b21b6;
-}
-[data-accent="pink"] {
-  --accent: #ec4899;
-  --accent-weak: #fde0ef;
-  --accent-ink: #a3185e;
-}
-[data-accent="amber"] {
-  --accent: #f59e0b;
-  --accent-weak: #fdecc9;
-  --accent-ink: #9a5c04;
-}
-
-[data-theme="dark"][data-accent="blue"],
-.dark[data-accent="blue"] {
-  --accent: #7ba7ff;
-  --accent-weak: rgba(123, 167, 255, 0.2);
-  --accent-ink: #a8c5ff;
-}
-[data-theme="dark"][data-accent="green"],
-.dark[data-accent="green"] {
-  --accent: #4ae38a;
-  --accent-weak: rgba(74, 227, 138, 0.2);
-  --accent-ink: #86f2ad;
-}
-[data-theme="dark"][data-accent="purple"],
-.dark[data-accent="purple"] {
-  --accent: #c4a8ff;
-  --accent-weak: rgba(196, 168, 255, 0.2);
-  --accent-ink: #d8c4ff;
-}
-[data-theme="dark"][data-accent="pink"],
-.dark[data-accent="pink"] {
-  --accent: #ff78b9;
-  --accent-weak: rgba(255, 120, 185, 0.2);
-  --accent-ink: #ffa4d0;
-}
-[data-theme="dark"][data-accent="amber"],
-.dark[data-accent="amber"] {
-  --accent: #ffb347;
-  --accent-weak: rgba(255, 179, 71, 0.2);
-  --accent-ink: #ffc97a;
+/* ─── Accent switch — vivid, saturated palette ─── */
+$accents-light: (
+  "blue": (#3d7bff, #e2ecff, #1a42b8),
+  "green": (#10b981, #d9f7ed, #0a7a56),
+  "purple": (#8b5cf6, #ece3ff, #5b21b6),
+  "pink": (#ec4899, #fde0ef, #a3185e),
+  "amber": (#f59e0b, #fdecc9, #9a5c04),
+);
+$accents-dark: (
+  "blue": (#7ba7ff, rgba(123, 167, 255, 0.2), #a8c5ff),
+  "green": (#4ae38a, rgba(74, 227, 138, 0.2), #86f2ad),
+  "purple": (#c4a8ff, rgba(196, 168, 255, 0.2), #d8c4ff),
+  "pink": (#ff78b9, rgba(255, 120, 185, 0.2), #ffa4d0),
+  "amber": (#ffb347, rgba(255, 179, 71, 0.2), #ffc97a),
+);
+@each $name, $c in $accents-light {
+  [data-accent="#{$name}"] {
+    --accent: #{list.nth($c, 1)};
+    --accent-weak: #{list.nth($c, 2)};
+    --accent-ink: #{list.nth($c, 3)};
+  }
+}
+@each $name, $c in $accents-dark {
+  [data-theme="dark"][data-accent="#{$name}"],
+  .dark[data-accent="#{$name}"] {
+    --accent: #{list.nth($c, 1)};
+    --accent-weak: #{list.nth($c, 2)};
+    --accent-ink: #{list.nth($c, 3)};
+  }
 }
 
 /* ─── Font family switch ─── */
-:root {
-  --font-scale: 1;
-}
-html[data-font="manrope"] {
-  --font-sans: "Manrope", -apple-system, "Segoe UI", system-ui, sans-serif;
-}
-html[data-font="plex"] {
-  --font-sans: "IBM Plex Sans", -apple-system, "Segoe UI", system-ui, sans-serif;
-}
-html[data-font="system"] {
-  --font-sans: -apple-system, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
-}
-html[data-font="opendyslexic"] {
-  --font-sans: "OpenDyslexic", -apple-system, "Segoe UI", system-ui, sans-serif;
+$font-families: (
+  "manrope": ("Manrope", -apple-system, "Segoe UI", system-ui, sans-serif),
+  "plex": ("IBM Plex Sans", -apple-system, "Segoe UI", system-ui, sans-serif),
+  "system": (-apple-system, "SF Pro Text", "Segoe UI", system-ui, sans-serif),
+  "opendyslexic": ("OpenDyslexic", -apple-system, "Segoe UI", system-ui, sans-serif),
+);
+@each $name, $stack in $font-families {
+  html[data-font="#{$name}"] {
+    --font-sans: #{$stack};
+  }
 }
 
 /* ─── Font-size / interface scale ─── */
@@ -189,17 +162,11 @@ html[data-font="opendyslexic"] {
  * visual position and popovers don't drift to the wrong coords when the user
  * changes the size. `zoom` has the opposite behaviour (scales everything
  * including portals) and breaks Radix. */
-html[data-font-size="sm"] {
-  --ui-scale: 0.9;
-}
-html[data-font-size="md"] {
-  --ui-scale: 1;
-}
-html[data-font-size="lg"] {
-  --ui-scale: 1.12;
-}
-html[data-font-size="xl"] {
-  --ui-scale: 1.25;
+$ui-scales: ("sm": 0.9, "md": 1, "lg": 1.12, "xl": 1.25);
+@each $name, $value in $ui-scales {
+  html[data-font-size="#{$name}"] {
+    --ui-scale: #{$value};
+  }
 }
 #root {
   transform: scale(var(--ui-scale, 1));
@@ -210,13 +177,15 @@ html[data-font-size="xl"] {
 }
 
 /* ─── Accessibility ─── */
-html[data-reduced-motion="true"] *,
-html[data-reduced-motion="true"] *::before,
-html[data-reduced-motion="true"] *::after {
-  animation-duration: 0.001ms !important;
-  animation-iteration-count: 1 !important;
-  transition-duration: 0.001ms !important;
-  scroll-behavior: auto !important;
+html[data-reduced-motion="true"] {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.001ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.001ms !important;
+    scroll-behavior: auto !important;
+  }
 }
 html[data-high-contrast="true"] {
   --border: var(--ink-3);
@@ -225,14 +194,15 @@ html[data-high-contrast="true"] {
   --ink-3: var(--ink-1);
   --ink-4: var(--ink-2);
 }
-html[data-underline-links="true"] a,
-html[data-underline-links="true"] .a-link {
-  text-decoration: underline;
-  text-underline-offset: 2px;
+html[data-underline-links="true"] {
+  a,
+  .a-link {
+    text-decoration: underline;
+    text-underline-offset: 2px;
+  }
 }
 
 /* ─── Shared primitives (body/app shell) ─── */
-
 html,
 body {
   margin: 0;
@@ -253,7 +223,6 @@ body {
   height: 100vh;
 }
 
-/* App shell */
 .app {
   display: flex;
   flex-direction: column;
@@ -280,34 +249,36 @@ body {
   user-select: none;
   position: relative;
   z-index: 200;
-}
-.chrome .t-title {
-  font-size: 12px;
-  display: flex;
-  align-items: center;
-  gap: 7px;
-}
-.chrome .t-title .t-name {
-  color: var(--ink-0);
-  font-weight: 500;
-  font-size: 12.5px;
-}
-.chrome .t-title .t-version {
-  color: var(--ink-3);
-  font-weight: 500;
-  font-size: 11px;
-  font-variant-numeric: tabular-nums;
-}
-.chrome .t-title .t-mark {
-  width: 18px;
-  height: 18px;
-  border-radius: 4px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  background: #0f1115;
-  border: 1px solid #0f1115;
-  color: #ffffff;
+
+  .t-title {
+    font-size: 12px;
+    display: flex;
+    align-items: center;
+    gap: 7px;
+
+    .t-name {
+      color: var(--ink-0);
+      font-weight: 500;
+      font-size: 12.5px;
+    }
+    .t-version {
+      color: var(--ink-3);
+      font-weight: 500;
+      font-size: 11px;
+      font-variant-numeric: tabular-nums;
+    }
+    .t-mark {
+      width: 18px;
+      height: 18px;
+      border-radius: 4px;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      background: #0f1115;
+      border: 1px solid #0f1115;
+      color: #ffffff;
+    }
+  }
 }
 
 /* macOS overlay: traffic lights are drawn by the OS at trafficLightPosition,
@@ -324,30 +295,32 @@ body {
   height: 32px;
   flex: 0 0 32px;
   padding: 0 0 0 12px;
-}
-.chrome-win11 .t-ctrls {
-  display: flex;
-  gap: 0;
-  -webkit-app-region: no-drag;
-}
-.chrome-win11 .t-btn {
-  width: 46px;
-  height: 32px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border: 0;
-  background: transparent;
-  color: var(--ink-2);
-  cursor: pointer;
-}
-.chrome-win11 .t-btn:hover {
-  background: var(--surface-hover);
-  color: var(--ink-0);
-}
-.chrome-win11 .t-btn.close:hover {
-  background: #c42b1c;
-  color: #fff;
+
+  .t-ctrls {
+    display: flex;
+    gap: 0;
+    -webkit-app-region: no-drag;
+  }
+  .t-btn {
+    width: 46px;
+    height: 32px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border: 0;
+    background: transparent;
+    color: var(--ink-2);
+    cursor: pointer;
+
+    &:hover {
+      background: var(--surface-hover);
+      color: var(--ink-0);
+    }
+    &.close:hover {
+      background: #c42b1c;
+      color: #fff;
+    }
+  }
 }
 
 /* GNOME/libadwaita: taller bar, single round close pill on the right. */
@@ -355,23 +328,25 @@ body {
   height: 42px;
   flex: 0 0 42px;
   padding: 0 12px;
-}
-.chrome-gnome .t-close-pill {
-  width: 24px;
-  height: 24px;
-  border-radius: 999px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border: 0;
-  background: var(--surface-hover);
-  color: var(--ink-2);
-  cursor: pointer;
-  -webkit-app-region: no-drag;
-}
-.chrome-gnome .t-close-pill:hover {
-  background: #e01b24;
-  color: #fff;
+
+  .t-close-pill {
+    width: 24px;
+    height: 24px;
+    border-radius: 999px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border: 0;
+    background: var(--surface-hover);
+    color: var(--ink-2);
+    cursor: pointer;
+    -webkit-app-region: no-drag;
+
+    &:hover {
+      background: #e01b24;
+      color: #fff;
+    }
+  }
 }
 
 /* Rounded window corners on OSes where the compositor doesn't round a
@@ -420,37 +395,32 @@ html,
 }
 
 /* WebKit / Blink — applies to every scrollable surface in the app. */
-html::-webkit-scrollbar,
-body::-webkit-scrollbar,
-*::-webkit-scrollbar {
-  width: 4px;
-  height: 4px;
-  background: transparent;
-}
-html::-webkit-scrollbar-track,
-body::-webkit-scrollbar-track,
-*::-webkit-scrollbar-track {
-  background: transparent;
-  border-radius: 4px;
-}
-html::-webkit-scrollbar-thumb,
-body::-webkit-scrollbar-thumb,
-*::-webkit-scrollbar-thumb {
-  background: var(--ink-4);
-  border-radius: 4px;
-  min-height: 24px;
-  transition: background 0.15s ease;
-}
-html::-webkit-scrollbar-thumb:hover,
-body::-webkit-scrollbar-thumb:hover,
-*::-webkit-scrollbar-thumb:hover {
-  background: var(--ink-3);
-}
-html::-webkit-scrollbar-thumb:active,
-body::-webkit-scrollbar-thumb:active,
-*::-webkit-scrollbar-thumb:active {
-  background: var(--ink-2);
+html,
+body,
+* {
+  &::-webkit-scrollbar {
+    width: 4px;
+    height: 4px;
+    background: transparent;
+  }
+  &::-webkit-scrollbar-track {
+    background: transparent;
+    border-radius: 4px;
+  }
+  &::-webkit-scrollbar-thumb {
+    background: var(--ink-4);
+    border-radius: 4px;
+    min-height: 24px;
+    transition: background 0.15s ease;
+
+    &:hover { background: var(--ink-3); }
+    &:active { background: var(--ink-2); }
+  }
+  &::-webkit-scrollbar-corner {
+    background: transparent;
+  }
 }
+
 /* Kill the tiny arrow buttons on top/bottom (and corner) that WebView2 still
  * renders by default under Windows. Target every variant explicitly — some
  * Chromium builds ignore the generic selector and only respect the directional
@@ -471,11 +441,6 @@ body::-webkit-scrollbar-thumb:active,
   -webkit-appearance: none !important;
   appearance: none !important;
 }
-html::-webkit-scrollbar-corner,
-body::-webkit-scrollbar-corner,
-*::-webkit-scrollbar-corner {
-  background: transparent;
-}
 
 /* LangDot */
 .lang-dot {
@@ -495,15 +460,10 @@ body::-webkit-scrollbar-corner,
   font-weight: 600;
   color: var(--ink-2);
   font-variant-numeric: tabular-nums;
-}
-.ab-chip .ab-up {
-  color: var(--green);
-}
-.ab-chip .ab-down {
-  color: var(--amber);
-}
-.ab-chip .ab-zero {
-  color: var(--ink-4);
+
+  .ab-up { color: var(--green); }
+  .ab-down { color: var(--amber); }
+  .ab-zero { color: var(--ink-4); }
 }
 
 /* Status dot */
@@ -513,15 +473,10 @@ body::-webkit-scrollbar-corner,
   border-radius: 50%;
   display: inline-block;
   box-shadow: 0 0 0 2px var(--canvas);
-}
-.status-dot.clean {
-  background: var(--green);
-}
-.status-dot.dirty {
-  background: var(--amber);
-}
-.status-dot.behind {
-  background: var(--blue);
+
+  &.clean { background: var(--green); }
+  &.dirty { background: var(--amber); }
+  &.behind { background: var(--blue); }
 }
 
 /* Avatar (author initials) */
@@ -538,16 +493,9 @@ body::-webkit-scrollbar-corner,
   font-weight: 700;
   letter-spacing: 0.02em;
   flex-shrink: 0;
-}
-.avatar.sm {
-  width: 16px;
-  height: 16px;
-  font-size: 8px;
-}
-.avatar.lg {
-  width: 28px;
-  height: 28px;
-  font-size: 11px;
+
+  &.sm { width: 16px; height: 16px; font-size: 8px; }
+  &.lg { width: 28px; height: 28px; font-size: 11px; }
 }
 
 /* Badge */
@@ -566,46 +514,30 @@ body::-webkit-scrollbar-corner,
   color: var(--ink-2);
   border: 1px solid var(--border);
   font-variant-numeric: tabular-nums;
-}
-.r-badge.plain {
-  text-transform: none;
-  letter-spacing: 0;
-  font-weight: 500;
-}
-.r-badge.solid {
-  background: var(--ink-0);
-  color: var(--canvas);
-  border-color: transparent;
-}
-.r-badge.blue {
-  background: var(--blue-weak);
-  color: var(--blue);
-  border-color: transparent;
-}
-.r-badge.green {
-  background: var(--green-weak);
-  color: var(--green);
-  border-color: transparent;
-}
-.r-badge.amber {
-  background: var(--amber-weak);
-  color: var(--amber);
-  border-color: transparent;
-}
-.r-badge.red {
-  background: var(--red-weak);
-  color: var(--red);
-  border-color: transparent;
-}
-.r-badge.purple {
-  background: var(--purple-weak);
-  color: var(--purple);
-  border-color: transparent;
-}
-.r-badge.accent {
-  background: var(--accent-weak);
-  color: var(--accent-ink);
-  border-color: transparent;
+
+  &.plain {
+    text-transform: none;
+    letter-spacing: 0;
+    font-weight: 500;
+  }
+  &.solid {
+    background: var(--ink-0);
+    color: var(--canvas);
+    border-color: transparent;
+  }
+
+  @each $tone in ("blue", "green", "amber", "red", "purple") {
+    &.#{$tone} {
+      background: var(--#{$tone}-weak);
+      color: var(--#{$tone});
+      border-color: transparent;
+    }
+  }
+  &.accent {
+    background: var(--accent-weak);
+    color: var(--accent-ink);
+    border-color: transparent;
+  }
 }
 
 /* Icon button */
@@ -620,11 +552,12 @@ body::-webkit-scrollbar-corner,
   border-radius: 5px;
   cursor: pointer;
   color: var(--ink-2);
-}
-.icon-btn:hover {
-  background: var(--surface-hover);
-  color: var(--ink-0);
-  border-color: var(--border);
+
+  &:hover {
+    background: var(--surface-hover);
+    color: var(--ink-0);
+    border-color: var(--border);
+  }
 }
 
 /* Primary button */
@@ -643,33 +576,53 @@ body::-webkit-scrollbar-corner,
   cursor: pointer;
   white-space: nowrap;
   font-family: inherit;
+
+  &:hover {
+    background: var(--surface-hover);
+    border-color: var(--border-strong);
+  }
+
+  &.primary {
+    background: var(--ink-0);
+    color: var(--canvas);
+    border-color: var(--ink-0);
+    transition: background 0.15s ease;
+
+    &:hover {
+      background: var(--ink-1);
+    }
+  }
+
+  &.ghost {
+    background: transparent;
+    border-color: transparent;
+    color: var(--ink-2);
+
+    &:hover {
+      background: var(--surface-hover);
+      color: var(--ink-0);
+    }
+  }
+  &.sm {
+    height: 24px;
+    padding: 0 8px;
+    font-size: 11px;
+    border-radius: 5px;
+  }
 }
-.r-btn:hover {
-  background: var(--surface-hover);
-  border-color: var(--border-strong);
-}
-.r-btn.primary {
-  background: var(--ink-0);
-  color: var(--canvas);
-  border-color: var(--ink-0);
-}
-.r-btn.primary:hover {
-  opacity: 0.9;
-}
-.r-btn.ghost {
-  background: transparent;
-  border-color: transparent;
-  color: var(--ink-2);
-}
-.r-btn.ghost:hover {
-  background: var(--surface-hover);
-  color: var(--ink-0);
-}
-.r-btn.sm {
-  height: 24px;
-  padding: 0 8px;
-  font-size: 11px;
-  border-radius: 5px;
+
+/* In dark mode, `--ink-0` inverts to white — a light primary button feels out
+   of place next to neutral chrome. Pin to a fixed dark surface so the CTA
+   stays visually anchored (GitHub-style). */
+[data-theme="dark"] .r-btn.primary,
+.dark .r-btn.primary {
+  background: #0f1115;
+  color: #ffffff;
+  border-color: #0f1115;
+
+  &:hover {
+    background: #1a1d24;
+  }
 }
 
 /* Sparkline */
@@ -678,28 +631,26 @@ body::-webkit-scrollbar-corner,
   align-items: flex-end;
   gap: 2px;
   height: 18px;
-}
-.spark span {
-  width: 3px;
-  border-radius: 1px;
-  background: var(--ink-4);
-  min-height: 2px;
-  flex-shrink: 0;
-}
-.spark.active span {
-  background: var(--accent);
-}
-.spark span.zero {
-  background: var(--border-strong);
-  height: 2px !important;
-}
 
-@keyframes pulseDot {
-  0%,
-  100% {
-    opacity: 1;
+  span {
+    width: 3px;
+    border-radius: 1px;
+    background: var(--ink-4);
+    min-height: 2px;
+    flex-shrink: 0;
+
+    &.zero {
+      background: var(--border-strong);
+      height: 2px !important;
+    }
   }
-  50% {
-    opacity: 0.4;
+
+  &.active span {
+    background: var(--accent);
   }
 }
+
+@keyframes pulseDot {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.4; }
+}
diff --git a/app/src/styles/views.css b/app/src/styles/views.scss
similarity index 93%
rename from app/src/styles/views.css
rename to app/src/styles/views.scss
index 2ddf073..b2b88a8 100644
--- a/app/src/styles/views.css
+++ b/app/src/styles/views.scss
@@ -122,6 +122,11 @@
   gap: 6px;
   flex-wrap: wrap;
 }
+.a-mr-author {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+}
 .a-mr-sep {
   color: var(--ink-4);
 }
@@ -334,7 +339,21 @@
 .a-set-section h3 {
   font-size: 11px;
   color: var(--ink-3);
-  margin: 0 0 8px;
+  margin: 0 0 10px;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  font-weight: 600;
+}
+/* Secondary heading inside a section (e.g. the "Paths" sub-table in the
+ * Developer → Build section). Slightly more padding on top so it clearly
+ * separates from the previous card instead of hugging it. */
+.a-set-subhead {
+  margin: 18px 0 10px;
+}
+.a-set-subhead h3 {
+  font-size: 11px;
+  color: var(--ink-3);
+  margin: 0;
   text-transform: uppercase;
   letter-spacing: 0.04em;
   font-weight: 600;
@@ -1147,43 +1166,66 @@
   gap: 20px;
   padding-bottom: 60px;
 }
-.a-br-filters {
+/* Filter strip mirrors the Activity timeline's segmented pill control so
+   the two main lists in the app share the same affordance for "choose a
+   slice of what you're looking at". The right-aligned Fetch-all button
+   sits next to the strip so the whole toolbar stays a single horizontal
+   row. */
+.a-br-toolbar {
   display: flex;
-  gap: 6px;
+  align-items: center;
+  gap: 12px;
   padding: 4px 0;
 }
-.a-br-chip {
+.a-br-filters {
+  display: inline-flex;
+  gap: 4px;
+  flex-wrap: wrap;
+  background: var(--surface-2);
+  padding: 3px;
+  border-radius: 100px;
+}
+.a-br-filter-pill {
   display: inline-flex;
   align-items: center;
-  gap: 7px;
-  height: 28px;
-  padding: 0 12px;
-  background: var(--surface-1);
-  border: 1px solid var(--border);
+  gap: 6px;
+  padding: 4px 10px;
+  border: none;
+  background: transparent;
+  color: var(--ink-2);
   border-radius: 100px;
   font-family: inherit;
-  font-size: 12px;
+  font-size: 11.5px;
   font-weight: 500;
-  color: var(--ink-1);
   cursor: pointer;
+  transition:
+    background 0.12s ease,
+    color 0.12s ease;
 }
-.a-br-chip:hover {
-  background: var(--surface-hover);
-  border-color: var(--border-strong);
+.a-br-filter-pill:hover {
+  color: var(--ink-0);
 }
-.a-br-chip.active {
-  background: var(--accent-weak);
-  border-color: transparent;
-  color: var(--accent-ink);
+.a-br-filter-pill.active {
+  background: var(--surface-1);
+  color: var(--ink-0);
+  box-shadow: 0 0 0 1px var(--border);
 }
-.a-br-chip span {
-  font-variant-numeric: tabular-nums;
+.a-br-filter-count {
+  font-size: 10.5px;
   color: var(--ink-3);
-  font-weight: 600;
-  font-size: 11px;
+  font-variant-numeric: tabular-nums;
 }
-.a-br-chip.active span {
-  color: var(--accent-ink);
+.a-br-filter-pill.active .a-br-filter-count {
+  color: var(--accent-ink, var(--ink-2));
+}
+.a-br-fetch-all {
+  margin-left: auto;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+.a-br-fetch-all svg {
+  color: inherit;
 }
 
 .a-br-groups {
@@ -1222,19 +1264,50 @@
   color: var(--ink-3);
   font-variant-numeric: tabular-nums;
 }
+.a-br-grouph-fetch {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  margin-left: 4px;
+}
+.a-br-grouph-fetch svg {
+  color: inherit;
+}
+
+/* Checkout buttons sit in every branch row and are the most frequent action
+   on this page — promote from ghost to a primary-tinted style so they read
+   as the call-to-action instead of blending with secondary metadata. */
+.a-br-checkout {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+}
+.a-br-checkout svg {
+  color: inherit;
+}
 
 .a-br-list {
   display: flex;
   flex-direction: column;
 }
+/* Each row is its own grid, but the tail slot reserves a fixed min-width
+   (buttons + chips) so the auto-sized column resolves to the *same* width
+   across rows regardless of how many action buttons a given row has. This
+   keeps `tracks …` / `by …` in the meta column on one vertical axis. */
 .a-br-row {
   display: grid;
-  grid-template-columns: 8px minmax(0, 1fr) minmax(0, 1.2fr) auto auto;
+  grid-template-columns: 8px minmax(0, 1fr) minmax(0, 1.2fr) 280px;
   align-items: center;
-  gap: 12px;
+  column-gap: 12px;
   padding: 10px 16px;
   border-bottom: 1px solid var(--border);
 }
+.a-br-tail {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  justify-content: flex-end;
+}
 .a-br-empty {
   padding: 24px;
   text-align: center;
@@ -1318,11 +1391,16 @@
   color: var(--ink-3);
   min-width: 0;
 }
+/* Both spans render on every row (even when empty) so the two-line meta
+   block keeps a constant height — otherwise a row with no upstream or no
+   last-commit shifts the neighbouring rows' `by …` line up, breaking the
+   vertical alignment across the list. */
 .a-br-upstream,
 .a-br-lastcommit {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  min-height: 14px;
 }
 
 .a-br-track {
@@ -1344,14 +1422,17 @@
   color: var(--ink-3);
 }
 
+/* Buttons always take their slot so the row layout stays pixel-stable —
+   meta text ("tracks …", "by …") and the track indicator don't reflow
+   when the user hovers. Only visibility flips; the occupied width stays
+   the same whether or not the pointer is over the row. */
 .a-br-acts {
   display: flex;
   gap: 4px;
-  opacity: 0;
-  transition: opacity 0.1s ease;
+  visibility: hidden;
 }
 .a-br-row:hover .a-br-acts {
-  opacity: 1;
+  visibility: visible;
 }
 
 /* ─── Activity view ─── */
@@ -2095,6 +2176,18 @@
   gap: 14px;
   align-items: start;
 }
+/* On the Dashboard the donut card lives in the narrow right column, so
+   stack the legend (with its percentages) on top and put the cake diagram
+   underneath it. Activity-page layout stays side-by-side. */
+.p-dashboard .a-act-donut-wrap {
+  display: flex;
+  flex-direction: column-reverse;
+  align-items: center;
+  gap: 12px;
+}
+.p-dashboard .a-act-donut-legend {
+  width: 100%;
+}
 .a-act-donut-svg {
   width: 120px;
   height: 120px;
@@ -2573,16 +2666,32 @@
 .a-act-rq-item {
   display: grid;
   grid-template-columns: 1fr auto;
+  align-items: center;
   gap: 10px;
   padding: 8px 10px;
   border-radius: 7px;
   background: var(--surface-2);
   cursor: pointer;
   transition: background 0.12s ease;
+  /* Button reset — the element is a real <button> for a11y, but visually it
+   * needs to behave like the previous div-based row. */
+  border: 0;
+  color: inherit;
+  font: inherit;
+  text-align: left;
+  width: 100%;
 }
 .a-act-rq-item:hover {
   background: var(--surface-3);
 }
+.a-act-rq-item:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: 1px;
+}
+.a-act-rq-body {
+  display: block;
+  min-width: 0;
+}
 .a-act-rq-title {
   font-size: 12px;
   color: var(--ink-0);
diff --git a/docs/plans/page-mount-animations.md b/docs/plans/page-mount-animations.md
new file mode 100644
index 0000000..fa919ee
--- /dev/null
+++ b/docs/plans/page-mount-animations.md
@@ -0,0 +1,219 @@
+# Page Mount Animations
+
+**Status:** proposal
+**Owner:** (assign before implementation)
+
+## Why
+
+`ActivityPage` has a distinctive entry animation: the hero tiles, grid cards, and timeline rows fade+slide in staggered, and each chart plays its own data-arrival animation (bars grow, lines draw, arcs fill). Every other route lands statically. The result is that Activity feels alive and the other tabs feel inert by comparison.
+
+Goal: every page gets its **own** signature mount animation — so navigating feels like entering a different room, not swapping divs.
+
+Out of scope:
+
+- Route-transition cross-fades between old and new page. Nice-to-have, but adds framer-motion-style machinery and fights Tauri's CSP. We stick with per-page mount animations (what Activity already does).
+- Re-playing the animation on in-route data refreshes. Animation runs once per mount.
+
+## Audit of the current state
+
+| Page                     | File                                                       | Has mount animation?                                  |
+| ------------------------ | ---------------------------------------------------------- | ----------------------------------------------------- |
+| Dashboard                | `pages/DashboardPage.tsx`                                  | No                                                    |
+| Repos (also `/changes`)  | `pages/ReposPage.tsx`                                      | No                                                    |
+| RepoDetail (inline pane) | `pages/RepoDetailPage.tsx` + `organisms/layout/DetailPane` | Pane has `slideIn` only                               |
+| Merge requests           | `pages/MergeRequestsPage.tsx`                              | No                                                    |
+| Branches                 | `pages/BranchesPage.tsx`                                   | No                                                    |
+| Activity                 | `pages/ActivityPage.tsx`                                   | **Yes** — `aActEnter` + chart-specific anims          |
+| Settings                 | `pages/SettingsPage.tsx`                                   | No                                                    |
+| Pull requests (legacy)   | `pages/PullRequestsPage.tsx`                               | No — but this route is scheduled for retirement, skip |
+
+Existing infrastructure we can reuse:
+
+- `@keyframes aActEnter` in `styles/views.css:2927` — translateY(12px)+fade+scale(0.985) for 420ms at `cubic-bezier(0.2, 0.8, 0.2, 1)`
+- `@keyframes slideIn` in `styles/layout.css:811` — used by detail pane
+- `@media (prefers-reduced-motion: reduce)` blocks — already wired for activity
+
+## Shared primitives (new)
+
+Before touching any page, add a small animation primitives file so the 8 pages don't each reinvent timing:
+
+**`styles/page-anim.css`** (new) — imported from `styles/index.css`:
+
+```css
+/* Tokens */
+:root {
+  --page-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
+  --page-dur-sm: 320ms;
+  --page-dur-md: 440ms;
+  --page-dur-lg: 620ms;
+  --page-stagger: 60ms; /* base step for per-child delays */
+}
+
+/* Shared keyframes reused across pages */
+@keyframes pgRise {
+  from {
+    opacity: 0;
+    transform: translateY(14px);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+@keyframes pgFall {
+  from {
+    opacity: 0;
+    transform: translateY(-14px);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+@keyframes pgSlideL {
+  from {
+    opacity: 0;
+    transform: translateX(-18px);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+@keyframes pgSlideR {
+  from {
+    opacity: 0;
+    transform: translateX(18px);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+@keyframes pgZoom {
+  from {
+    opacity: 0;
+    transform: scale(0.94);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+@keyframes pgStripe {
+  from {
+    opacity: 0;
+    transform: scaleY(0);
+    transform-origin: top;
+  }
+  to {
+    opacity: 1;
+    transform: scaleY(1);
+  }
+}
+
+/* Stagger helper: `.pg-stagger > *:nth-child(n)` picks its delay from a
+   data-index attribute or from --i custom property set inline. This keeps
+   per-page CSS free of 20-line nth-child cascades. */
+.pg-stagger > * {
+  animation-fill-mode: both;
+  animation-delay: calc(var(--i, 0) * var(--page-stagger));
+}
+
+@media (prefers-reduced-motion: reduce) {
+  [class^="pg-"],
+  [class*=" pg-"] {
+    animation: none !important;
+  }
+}
+```
+
+Components that render lists (rows, cards, repos) opt in by adding `style={{ "--i": index }}` to each child.
+
+## Per-page proposal
+
+Each page owns one **hero motion** + one **content motion**. Keep the vocabulary narrow (rise / fall / slideL / slideR / zoom / stripe) so the app as a whole feels coherent; pages differ by combination and timing, not by visual idiom.
+
+### Dashboard — "headline rising"
+
+- Header/KPI card: `pgRise` (fast)
+- Bento tiles: `pgZoom` staggered, 50ms step
+- Bottom widgets: `pgRise` after bento finishes (+300ms)
+- **Vibe:** numbers and aggregates pop into place.
+
+### Repos — "list materialising from the left"
+
+- Filter/search bar: `pgFall` (from top)
+- Group headers: `pgRise`
+- Repo rows: `pgSlideL` with 40ms stagger capped at 12 rows (then the rest just fades via shorter `pgRise` to keep total under ~1s)
+- **Vibe:** a directory assembling itself on the shelf.
+
+### Changes (same component as Repos, `dirtyOnly`) — "pulsing in"
+
+- Same structure as Repos, but swap `pgSlideL` for `pgStripe` (top-down peel) to visually differentiate dirty-view from clean list.
+- Can be controlled by a boolean prop that toggles a modifier class on the page container (`.p-repos`, `.p-repos.dirty`).
+
+### RepoDetail (detail pane) — keep `slideIn` but add inner stagger
+
+- Pane slide (existing).
+- Inside: `.a-dp-hdr`, `.a-dp-section` children opt into `.pg-stagger` with `pgRise`, 60ms step.
+- **Vibe:** drawer opens, contents unpack sequentially.
+
+### Merge requests — "inbox sliding in from the right"
+
+- Toolbar/filters: `pgFall`
+- MR rows: `pgSlideR`, 50ms stagger capped at 10 rows
+- Drawer (when a row is selected): reuse detail-pane slideIn, no change.
+- **Vibe:** contrasts with repos' slideL — left vs right gives the two list pages distinct identities.
+
+### Branches — "branches unfurling"
+
+- Toolbar (filter pills + Fetch-all): `pgFall`
+- Repo group (`.a-br-group`): `pgZoom` with 80ms stagger per repo
+- Rows within a group: `pgRise` with `--i` per row, inherits delay offset from the group
+- **Vibe:** matches the hierarchical shape of the page — groups then rows.
+
+### Activity — keep as-is
+
+- Already has `aActEnter` + chart animations. Only change: rename the staggered delay blocks to use `.pg-stagger` / `--i` so we don't maintain two indexing patterns. Pure refactor, no visual change.
+
+### Settings — "tabs folding in"
+
+- Header: `pgFall`
+- Tab panel: `pgRise` on mount and on tab change (animation keyed by active tab id)
+- Individual setting rows within the panel: staggered `pgRise` at a fast 30ms step so the block settles quickly.
+- **Vibe:** quieter than the other pages — settings don't need flair.
+
+## Implementation plan
+
+1. **Primitives**
+   - Add `app/src/styles/page-anim.css`
+   - Import it from `app/src/styles/index.css` (or wherever global styles are aggregated)
+   - Tokens land in `styles/tokens.css` only if they'd be reused outside anim (otherwise keep them in page-anim.css)
+2. **Refactor Activity**
+   - Replace the ad-hoc `nth-child(1..n)` delay cascade with `--i`-based stagger
+   - Zero behaviour change; confirm via Storybook / a Playwright screenshot diff
+3. **Dashboard** — smallest risk, do it first to validate the primitives end to end
+4. **Repos + Changes** — share component, same commit
+5. **Branches** — straightforward; rows/groups already have clear hooks
+6. **Merge requests** — mirror of Repos with slideR
+7. **Settings** — last, because tab-change re-animation needs a key on the panel
+8. **RepoDetail inner stagger** — tiny extension of the existing slideIn
+9. **Cleanup**: drop any leftover one-off animations that now overlap with the shared set
+
+Each step is a separate commit so the user can review per-page.
+
+## Testing strategy
+
+- **Visual**: Playwright spec per page taking 3 screenshots (`0ms`, `200ms`, `settled`) with `page.waitForTimeout`. Land under `.screenshots/page-anim/<page>/`. Not run in CI — for local review only.
+- **Reduced motion**: one Playwright spec with `{ contextOptions: { reducedMotion: 'reduce' } }` confirming no animation keyframes fire (check `getComputedStyle(...).animationName === 'none'` on a sample container from each page).
+- **No regression** on existing Activity charts — `ActivityPage` visual snapshot test stays pinned.
+
+## Open decisions (need user input before code)
+
+1. **Animation length feel.** The Activity entry currently lands in ~1.2s total. Should other pages feel **faster** (snappier, ~600ms end-to-end) or **match** Activity's cadence? The draft above assumes "slightly faster" for lists and "match" for charts.
+2. **Stagger cap.** When a Repos view has 40 rows, staggering all 40 is slow (>2s). Draft caps at 12 rows — acceptable? Or cap lower (8)?
+3. **Re-animation on navigation back.** Route → route → route back. Today mount animations replay every time because React unmounts/remounts. Keep that behaviour? It's an "arrival" feeling each time. Alternative: store a "seen" flag in a React context so the same page this session animates once. Extra complexity, probably not worth it.
+4. **Settings tab-change.** I proposed re-animating the panel on tab change. Could also be quiet (no anim on tab switch). Preference?
+
+Once 1-4 are answered, the plan is ready to execute.
diff --git a/landingpage/package.json b/landingpage/package.json
index 1ee00e6..1a8e508 100644
--- a/landingpage/package.json
+++ b/landingpage/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@recrest/landingpage",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "private": true,
   "type": "module",
   "description": "Recrest — marketing landingpage, deployed to GitHub Pages.",
@@ -38,8 +38,9 @@
     "eslint": "^9.12.0",
     "eslint-plugin-react": "^7.37.1",
     "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-react-refresh": "^0.4.12",
+    "eslint-plugin-react-refresh": "^0.5.2",
     "jsdom": "^25.0.1",
+    "sass": "^1.83.0",
     "typescript": "^5.6.3",
     "typescript-eslint": "^8.8.0",
     "vite": "^5.4.8",
diff --git a/landingpage/src/main.tsx b/landingpage/src/main.tsx
index 75c0ab7..1cae043 100644
--- a/landingpage/src/main.tsx
+++ b/landingpage/src/main.tsx
@@ -4,8 +4,10 @@ import { createRoot } from "react-dom/client";
 
 import { App } from "./App";
 import "./i18n";
-import "./styles/globals.css";
-import "./styles/tokens.css";
+import "./styles/globals.scss";
+// Tokens first so custom properties are defined before any component CSS
+// references them (same ordering principle as in the app workspace).
+import "./styles/tokens.scss";
 
 const container = document.getElementById("root");
 if (!container) throw new Error("#root missing from index.html");
diff --git a/landingpage/src/styles/globals.css b/landingpage/src/styles/globals.scss
similarity index 100%
rename from landingpage/src/styles/globals.css
rename to landingpage/src/styles/globals.scss
diff --git a/landingpage/src/styles/tokens.css b/landingpage/src/styles/tokens.scss
similarity index 100%
rename from landingpage/src/styles/tokens.css
rename to landingpage/src/styles/tokens.scss
diff --git a/lint-staged.config.mjs b/lint-staged.config.mjs
new file mode 100644
index 0000000..71a4842
--- /dev/null
+++ b/lint-staged.config.mjs
@@ -0,0 +1,17 @@
+// ESLint 9 flat config resolves `eslint.config.js` from CWD. Our configs live
+// per workspace (`app/`, `shared/`, `tests/`, `landingpage/`), so lint-staged
+// dispatches each staged file to a helper that runs ESLint with CWD set to the
+// owning workspace.
+const lintWorkspace = (workspace) => (files) =>
+  `node scripts/lint-staged-eslint.mjs ${workspace} ${files
+    .map((f) => JSON.stringify(f))
+    .join(" ")}`;
+
+export default {
+  "*.{ts,tsx,js,jsx,cjs,mjs,json,css,html,md,svg,yml,yaml}": "prettier --write",
+  "app/src/**/*.{ts,tsx}": lintWorkspace("app"),
+  "shared/src/**/*.ts": lintWorkspace("shared"),
+  "tests/src/**/*.ts": lintWorkspace("tests"),
+  "landingpage/src/**/*.{ts,tsx}": lintWorkspace("landingpage"),
+  "app/src-tauri/**/*.rs": "rustfmt --edition 2021",
+};
diff --git a/package.json b/package.json
index 120a93d..86745e3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "recrest",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "private": true,
   "description": "Recrest — A lightweight developer dashboard built with Tauri.",
   "license": "MIT",
@@ -37,14 +37,6 @@
     "prettier": "^3.3.3",
     "typescript": "^5.6.3"
   },
-  "lint-staged": {
-    "*.{ts,tsx,js,jsx,cjs,mjs,json,css,html,md,svg,yml,yaml}": "prettier --write",
-    "app/src/**/*.{ts,tsx}": "eslint --fix --max-warnings=0",
-    "shared/src/**/*.ts": "eslint --fix --max-warnings=0",
-    "tests/src/**/*.ts": "eslint --fix --max-warnings=0",
-    "landingpage/src/**/*.{ts,tsx}": "eslint --fix --max-warnings=0",
-    "app/src-tauri/**/*.rs": "rustfmt --edition 2021"
-  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/SoftVentures/Recrest.git"
diff --git a/scripts/lint-staged-eslint.mjs b/scripts/lint-staged-eslint.mjs
new file mode 100644
index 0000000..64808ce
--- /dev/null
+++ b/scripts/lint-staged-eslint.mjs
@@ -0,0 +1,23 @@
+import { spawnSync } from "node:child_process";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const here = path.dirname(fileURLToPath(import.meta.url));
+const repoRoot = path.resolve(here, "..");
+const eslintBin = path.join(repoRoot, "node_modules", "eslint", "bin", "eslint.js");
+
+const [, , workspace, ...files] = process.argv;
+
+if (!workspace || files.length === 0) {
+  process.exit(0);
+}
+
+const cwd = path.resolve(workspace);
+const rel = files.map((f) => path.relative(cwd, f).split(path.sep).join("/"));
+
+const result = spawnSync(process.execPath, [eslintBin, "--fix", "--max-warnings=0", ...rel], {
+  cwd,
+  stdio: "inherit",
+});
+
+process.exit(result.status ?? 0);
diff --git a/shared/package.json b/shared/package.json
index 93a83ca..358be61 100644
--- a/shared/package.json
+++ b/shared/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@recrest/shared",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "private": true,
   "type": "module",
   "main": "dist/index.js",
@@ -27,13 +27,13 @@
     "typecheck": "tsc --noEmit"
   },
   "devDependencies": {
-    "@types/node": "^22.7.4",
-    "@typescript-eslint/eslint-plugin": "^8.8.0",
-    "@typescript-eslint/parser": "^8.8.0",
+    "@types/node": "^25.6.0",
+    "@typescript-eslint/eslint-plugin": "^8.59.0",
+    "@typescript-eslint/parser": "^8.59.0",
     "eslint": "^9.12.0",
     "rimraf": "^6.0.1",
     "typescript": "^5.6.3",
-    "typescript-eslint": "^8.8.0",
+    "typescript-eslint": "^8.59.0",
     "vitest": "^2.1.2"
   },
   "dependencies": {
diff --git a/shared/src/constants/app.ts b/shared/src/constants/app.ts
index 1461776..303c591 100644
--- a/shared/src/constants/app.ts
+++ b/shared/src/constants/app.ts
@@ -1,7 +1,7 @@
 export const APP_NAME = "Recrest";
 export const APP_IDENTIFIER = "eu.softventures.recrest";
 // x-release-please-version
-export const APP_VERSION = "0.6.0";
+export const APP_VERSION = "0.7.0";
 
 export const URLS = {
   homepage: "https://github.com/softventures/recrest",
diff --git a/shared/src/constants/commands.ts b/shared/src/constants/commands.ts
index a09a304..b756300 100644
--- a/shared/src/constants/commands.ts
+++ b/shared/src/constants/commands.ts
@@ -72,6 +72,16 @@ export const TauriCommand = {
   GET_PLATFORM_INFO: "get_platform_info",
   CHECK_GIT: "check_git",
   UPDATE_TRAY_BADGE: "update_tray_badge",
+
+  // updater
+  CHECK_FOR_UPDATE: "check_for_update",
+  INSTALL_UPDATE: "install_update",
+
+  // dev (debug builds only — guarded on the Rust side and only invoked from
+  // the Developer settings tab which is stripped from production builds)
+  GET_DEV_PATHS: "get_dev_paths",
+  GET_BUILD_TRIPLE: "get_build_triple",
+  DEV_PANIC: "dev_panic",
 } as const;
 
 export type TauriCommandName = (typeof TauriCommand)[keyof typeof TauriCommand];
diff --git a/shared/src/constants/events.ts b/shared/src/constants/events.ts
index ca75129..361dcc0 100644
--- a/shared/src/constants/events.ts
+++ b/shared/src/constants/events.ts
@@ -11,6 +11,10 @@ import { REPO_STATUS_EVENT } from "./git.js";
 /** Emitted once at startup when the updater plugin finds a newer release. */
 export const UPDATER_AVAILABLE_EVENT = "updater://available";
 
+/** Emitted periodically while the signed plugin path downloads the installer.
+ *  Payload: `{ chunk: number, total: number | null }`. */
+export const UPDATER_PROGRESS_EVENT = "updater://progress";
+
 /** Re-emitted from the Tauri deep-link listener when the OS hands us an
  *  `recrest://oauth/callback?...` URL. The renderer parses the URL and
  *  completes the exchange via `complete_oauth`. */
@@ -23,6 +27,7 @@ export const CLONE_PROGRESS_EVENT = "clone://progress";
 export const EventChannel = {
   REPO_STATUS: REPO_STATUS_EVENT,
   UPDATER_AVAILABLE: UPDATER_AVAILABLE_EVENT,
+  UPDATER_PROGRESS: UPDATER_PROGRESS_EVENT,
   OAUTH_CALLBACK: OAUTH_CALLBACK_EVENT,
   CLONE_PROGRESS: CLONE_PROGRESS_EVENT,
 } as const;
diff --git a/shared/src/constants/storage-keys.ts b/shared/src/constants/storage-keys.ts
index 4203e38..9bd9e46 100644
--- a/shared/src/constants/storage-keys.ts
+++ b/shared/src/constants/storage-keys.ts
@@ -11,6 +11,9 @@ export const StorageKey = {
   UI_STATE: `${STORAGE_PREFIX}ui`,
   /** Boolean flag set once the onboarding wizard is dismissed. */
   ONBOARDING_DISMISSED: `${STORAGE_PREFIX}onboarding-dismissed`,
+  /** App version as last recorded on mount. Used by the developer "Reset
+   *  last-seen version" affordance and (future) "What's new" dialog. */
+  LAST_SEEN_VERSION: `${STORAGE_PREFIX}lastSeenVersion`,
 } as const;
 
 /** Prefix for per-confirmation skip flags. Full key:
diff --git a/shared/src/index.ts b/shared/src/index.ts
index b3a5e3d..c3ddd0d 100644
--- a/shared/src/index.ts
+++ b/shared/src/index.ts
@@ -17,12 +17,14 @@ export * from "./types/errors.js";
 export * from "./types/git.js";
 export * from "./types/ide.js";
 export * from "./types/legal.js";
+export * from "./types/notifications.js";
 export * from "./types/pr.js";
 export * from "./types/provider.js";
 export * from "./types/remote.js";
 export * from "./types/repo.js";
 export * from "./types/settings.js";
 export * from "./types/tauri.js";
+export * from "./types/updater.js";
 
 export * from "./utils/formatting.js";
 export * from "./utils/languages.js";
diff --git a/shared/src/types/notifications.ts b/shared/src/types/notifications.ts
new file mode 100644
index 0000000..3fa0de3
--- /dev/null
+++ b/shared/src/types/notifications.ts
@@ -0,0 +1,15 @@
+/** Kinds of events that trigger desktop notifications. Mirrors the
+ *  `NotificationKind` enum on the Rust side (see `commands/notifications.rs`).
+ *  `generic` covers one-off user-driven events (clone finished, update
+ *  available) that are only gated by the master toggle. */
+export type NotificationKind = "new_pr" | "ci_failed" | "merge_ready" | "generic";
+
+/** Payload passed to the `notify` Tauri command. Titles and bodies are
+ *  pre-translated on the TS side so Rust stays locale-agnostic. `url` is
+ *  carried through for future click-to-open wiring (see Rust notify cmd). */
+export interface NotifyPayload {
+  kind: NotificationKind;
+  title: string;
+  body: string;
+  url?: string | null;
+}
diff --git a/shared/src/types/pr.ts b/shared/src/types/pr.ts
index 1a5b30a..8823954 100644
--- a/shared/src/types/pr.ts
+++ b/shared/src/types/pr.ts
@@ -7,6 +7,12 @@ export interface PullRequest {
   title: string;
   url: string;
   author: string;
+  /** Author avatar URL as reported by the provider. `null`/omitted for bots
+   *  or users where the provider didn't return one; consumers fall back to
+   *  the initials chip via `<AuthorAvatar name=… src=…/>`. Optional so
+   *  existing test seeds and older snapshots stay valid without manual
+   *  migration. */
+  authorAvatarUrl?: string | null;
   state: PrState;
   draft: boolean;
   sourceBranch: string;
diff --git a/shared/src/types/tauri.ts b/shared/src/types/tauri.ts
index 2e799f7..f3e2593 100644
--- a/shared/src/types/tauri.ts
+++ b/shared/src/types/tauri.ts
@@ -3,6 +3,7 @@ export interface PlatformInfo {
   arch: string;
   version: string;
   family: string;
+  debugAssertions: boolean;
 }
 
 export interface WindowState {
diff --git a/shared/src/types/updater.ts b/shared/src/types/updater.ts
new file mode 100644
index 0000000..fa8b2e9
--- /dev/null
+++ b/shared/src/types/updater.ts
@@ -0,0 +1,37 @@
+/**
+ * Updater DTOs shared between the Rust backend and the React frontend.
+ *
+ * The backend emits `updater://available` (payload = `UpdaterAvailableEvent`)
+ * and `updater://progress` (payload = `UpdaterProgressEvent`) events.
+ * `AutoUpdateMode` lives in `./settings.js` — re-exported here so callers
+ * that only care about the updater don't need to pull in the full settings
+ * type surface.
+ */
+
+export type { AutoUpdateMode } from "./settings.js";
+
+export interface UpdaterAvailableEvent {
+  /** The version the backend considers "latest". */
+  version: string;
+  /** The currently installed app version at the time of the check. */
+  currentVersion: string;
+  /** Release notes. `null` when the backend had nothing to share. */
+  body: string | null;
+  /**
+   * `true` when the signed Tauri updater plugin path can install the update
+   * in-place. `false` means fallback — the UI should surface `downloadUrl`.
+   */
+  canAutoInstall: boolean;
+  /**
+   * Direct platform-asset URL for the GitHub Releases fallback. `null` on
+   * the plugin path (the installer is downloaded by the plugin itself).
+   */
+  downloadUrl: string | null;
+}
+
+export interface UpdaterProgressEvent {
+  /** Bytes received since the last progress event. */
+  chunk: number;
+  /** Total bytes expected. `null` when the server didn't send a length. */
+  total: number | null;
+}
diff --git a/shared/src/utils/formatting.ts b/shared/src/utils/formatting.ts
index 50764cf..1d157b3 100644
--- a/shared/src/utils/formatting.ts
+++ b/shared/src/utils/formatting.ts
@@ -40,3 +40,20 @@ export function formatBranchName(branch: string | null | undefined, fallback = "
 export function pluralize(count: number, singular: string, plural?: string): string {
   return count === 1 ? singular : (plural ?? `${singular}s`);
 }
+
+/**
+ * Format a raw byte count as a human-readable string using binary units
+ * (KiB/MiB/GiB). Negative values are treated as zero.
+ */
+export function formatBytes(bytes: number, fractionDigits = 1): string {
+  if (!Number.isFinite(bytes) || bytes <= 0) return "0 B";
+  const units = ["B", "KiB", "MiB", "GiB", "TiB"];
+  let value = bytes;
+  let unitIdx = 0;
+  while (value >= 1024 && unitIdx < units.length - 1) {
+    value /= 1024;
+    unitIdx += 1;
+  }
+  const digits = unitIdx === 0 ? 0 : fractionDigits;
+  return `${value.toFixed(digits)} ${units[unitIdx]}`;
+}
diff --git a/tests/CLAUDE.md b/tests/CLAUDE.md
index 8f915c5..908c0ea 100644
--- a/tests/CLAUDE.md
+++ b/tests/CLAUDE.md
@@ -23,14 +23,21 @@ The config launches both dev servers (`yarn dev:web` on `:3000` for the app, `ya
 
 ## Project layout
 
-| Project | Viewport | Base URL | Specs |
-|---|---|---|---|
-| `landing-desktop` | 1440×900 | `$LANDING_URL` (`:4321`) | `src/e2e/landing/**` |
-| `landing-mobile`  | iPhone 14 preset | `$LANDING_URL` | `src/e2e/landing/**` |
-| `app-desktop`     | 1440×900 | `$APP_URL` (`:3000`) | `src/e2e/app/**` |
-| `app-mobile`      | Pixel 7 preset | `$APP_URL` | `src/e2e/app/**` |
-
-`testMatch` uses a path regex so cross-project leakage is impossible.
+| Project           | Engine          | Viewport | Base URL                 | Specs                                                   |
+| ----------------- | --------------- | -------- | ------------------------ | ------------------------------------------------------- |
+| `infra`           | Chromium        | —        | `$APP_URL`               | `src/e2e/infra/**`                                      |
+| `landing-desktop` | Desktop Chrome  | 1440×900 | `$LANDING_URL` (`:4321`) | `src/e2e/landing/**`                                    |
+| `landing-firefox` | Desktop Firefox | 1440×900 | `$LANDING_URL`           | `src/e2e/landing/**` (skips `10-responsive`, `11-a11y`) |
+| `landing-webkit`  | Desktop Safari  | 1440×900 | `$LANDING_URL`           | `src/e2e/landing/**` (skips `10-responsive`, `11-a11y`) |
+| `landing-mobile`  | iPhone 14       | preset   | `$LANDING_URL`           | `src/e2e/landing/**`                                    |
+| `app-desktop`     | Desktop Chrome  | 1440×900 | `$APP_URL` (`:3000`)     | `src/e2e/app/**`                                        |
+| `app-firefox`     | Desktop Firefox | 1440×900 | `$APP_URL`               | `src/e2e/app/**` (skips `13-a11y`)                      |
+| `app-webkit`      | Desktop Safari  | 1440×900 | `$APP_URL`               | `src/e2e/app/**` (skips `13-a11y`)                      |
+| `app-mobile`      | Pixel 7         | preset   | `$APP_URL`               | `src/e2e/app/**`                                        |
+
+`testMatch` uses a path regex so cross-project leakage is impossible. The WebKit + Firefox variants exist to catch browser-engine regressions (CSS, event models, JIT quirks); visual-regression and a11y specs stay Chromium-only because their baselines are pinned to that engine.
+
+The Playwright job runs on `ubuntu-24.04` — WebKit's system-lib bundle (GTK 4, libavif 13, libmanette, libhyphen) is no longer packaged on `ubuntu-22.04`, so `playwright install --with-deps` there leaves `browserType.launch` dead on arrival.
 
 ## Tauri IPC stub (app tests only)
 
@@ -43,7 +50,7 @@ Outside the Tauri runtime `invoke()` throws `tauri-ipc-unavailable`. In `dev:web
 ## Writing specs
 
 - Put specs under `src/e2e/landing/` or `src/e2e/app/`. One file per feature area, prefixed with a two-digit index so execution order (and the README's mental model) stays predictable.
-- **App specs (`src/e2e/app/**`) address every element via `data-testid`** (`page.getByTestId('nav-repos')` or `page.locator('[data-testid="repo-row"][data-repo-id="…"]')`). No `getByRole`, `getByText`, `getByLabel`, `getByTitle`, or CSS-class locators for interaction/assertion. The only exceptions are stable platform attributes (`html[data-theme]`) and masks in the visual spec. Add a testid to the component instead of loosening the test. Landing specs may still use role/text where the copy is part of the contract.
+- **App specs (`src/e2e/app/**`) address every element via `data-testid`** (`page.getByTestId('nav-repos')`or`page.locator('[data-testid="repo-row"][data-repo-id="…"]')`). No `getByRole`, `getByText`, `getByLabel`, `getByTitle`, or CSS-class locators for interaction/assertion. The only exceptions are stable platform attributes (`html[data-theme]`) and masks in the visual spec. Add a testid to the component instead of loosening the test. Landing specs may still use role/text where the copy is part of the contract.
 - **Locale**: Default is EN. Force a different locale via the fixture option (`test.use({ locale: "de" })`). The fixture writes both `i18nextLng` (app) and `recrest-landing-locale` (landing) to localStorage before navigation.
 - **Theme**: Same pattern — `test.use({ theme: "dark" })`.
 - **Mobile-specific assertions** should be guarded with `test.skip(project.name !== "landing-mobile", ...)` or similar.
diff --git a/tests/package.json b/tests/package.json
index adf6635..9e6bd2b 100644
--- a/tests/package.json
+++ b/tests/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@recrest/tests",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "private": true,
   "type": "module",
   "scripts": {
@@ -22,12 +22,12 @@
   "devDependencies": {
     "@axe-core/playwright": "^4.10.0",
     "@playwright/test": "^1.48.0",
-    "@types/node": "^22.7.4",
-    "@typescript-eslint/eslint-plugin": "^8.8.0",
-    "@typescript-eslint/parser": "^8.8.0",
+    "@types/node": "^25.6.0",
+    "@typescript-eslint/eslint-plugin": "^8.59.0",
+    "@typescript-eslint/parser": "^8.59.0",
     "eslint": "^9.12.0",
     "playwright": "^1.48.0",
     "typescript": "^5.6.3",
-    "typescript-eslint": "^8.8.0"
+    "typescript-eslint": "^8.59.0"
   }
 }
diff --git a/tests/src/e2e/app/01-shell.spec.ts b/tests/src/e2e/app/01-shell.spec.ts
index 9eb91c2..c351162 100644
--- a/tests/src/e2e/app/01-shell.spec.ts
+++ b/tests/src/e2e/app/01-shell.spec.ts
@@ -37,7 +37,10 @@ test.describe("app / shell", () => {
 
     const mrCount = page.getByTestId("nav-merge-requests-count");
     if (await mrCount.count()) {
-      await expect(mrCount).toHaveText(String(SEED_PR_COUNTS.open));
+      // Sidebar only counts PRs from repos whose provider is connected —
+      // gitlab + bitbucket are disconnected in the default seed, so the
+      // visible count is 5, not the raw 8 open PRs in the seed.
+      await expect(mrCount).toHaveText(String(SEED_PR_COUNTS.openVisible));
     }
   });
 });
diff --git a/tests/src/e2e/app/04-repo-detail.spec.ts b/tests/src/e2e/app/04-repo-detail.spec.ts
index 09c863d..bb0c248 100644
--- a/tests/src/e2e/app/04-repo-detail.spec.ts
+++ b/tests/src/e2e/app/04-repo-detail.spec.ts
@@ -8,11 +8,7 @@ test.describe("app / repo detail pane", () => {
     const target = SEED_REPOS[3]!;
     await page.goto(AppRoute.REPOS);
 
-    await page
-      .locator(
-        `[data-testid="repo-row"][data-repo-id="${target.id}"] [data-testid="repo-row-select"]`,
-      )
-      .click();
+    await page.locator(`[data-testid="repo-row"][data-repo-id="${target.id}"]`).click();
 
     const detail = page.getByTestId("detail-pane");
     await expect(detail).toBeVisible({ timeout: 10_000 });
diff --git a/tests/src/e2e/app/12-notifications.spec.ts b/tests/src/e2e/app/12-notifications.spec.ts
new file mode 100644
index 0000000..e824be3
--- /dev/null
+++ b/tests/src/e2e/app/12-notifications.spec.ts
@@ -0,0 +1,51 @@
+import { AppRoute } from "@recrest/shared";
+
+import { expect, test } from "../../fixtures/app.fixture.js";
+
+/**
+ * The notifications settings section embeds a developer preview block that is
+ * only rendered when Vite's `import.meta.env.DEV` is true. Running under
+ * `yarn dev:web` satisfies that, so these buttons must be reachable from the
+ * browser-only E2E runner.
+ */
+test.describe("app / developer notification preview", () => {
+  test("dev preview buttons are visible in dev mode", async ({ page }) => {
+    await page.goto(AppRoute.SETTINGS);
+    await page.getByTestId("settings-tab-general").click();
+
+    // The preview is wrapped in a <details> element to keep the section tidy.
+    // Expand it before asserting the controls inside.
+    const preview = page.getByTestId("dev-notification-preview");
+    await expect(preview).toBeVisible();
+    await preview.locator("summary").click();
+
+    await expect(page.getByTestId("dev-notif-send-new-pr")).toBeVisible();
+    await expect(page.getByTestId("dev-notif-send-ci-failed")).toBeVisible();
+    await expect(page.getByTestId("dev-notif-send-merge-ready")).toBeVisible();
+    await expect(page.getByTestId("dev-notif-send-generic")).toBeVisible();
+    await expect(page.getByTestId("dev-notif-send-burst")).toBeVisible();
+    await expect(page.getByTestId("dev-notif-clear-baseline")).toBeVisible();
+  });
+
+  test("clicking a send button does not throw", async ({ page }) => {
+    // The tauri-stub fixture handles the `notify` command. Stub-internal
+    // `unregisterListener` chatter is pre-existing environment noise that
+    // isn't caused by DevNotificationPreview; filter it out and assert that
+    // no *other* uncaught page errors leak from the click handler.
+    const errors: string[] = [];
+    page.on("pageerror", (e) => {
+      if (e.message.includes("unregisterListener")) return;
+      errors.push(e.message);
+    });
+
+    await page.goto(AppRoute.SETTINGS);
+    await page.getByTestId("settings-tab-general").click();
+
+    const preview = page.getByTestId("dev-notification-preview");
+    await preview.locator("summary").click();
+    await page.getByTestId("dev-notif-send-new-pr").click();
+
+    await page.waitForTimeout(250);
+    expect(errors).toEqual([]);
+  });
+});
diff --git a/tests/src/e2e/app/13-a11y.spec.ts b/tests/src/e2e/app/13-a11y.spec.ts
index 6dab362..178924b 100644
--- a/tests/src/e2e/app/13-a11y.spec.ts
+++ b/tests/src/e2e/app/13-a11y.spec.ts
@@ -3,20 +3,28 @@ import { AppRoute } from "@recrest/shared";
 import { scanA11y } from "../../fixtures/a11y.fixture.js";
 import { expect, test } from "../../fixtures/app.fixture.js";
 
-const ROUTES = [
+interface RouteSpec {
+  path: string;
+  label: string;
+  /**
+   * Rules to disable for this route only. Prefer a narrow, per-route exclusion
+   * over a global one so a genuine new violation elsewhere still fails the build.
+   */
+  disabledRules?: string[];
+}
+
+const ROUTES: readonly RouteSpec[] = [
   { path: AppRoute.DASHBOARD, label: "dashboard" },
   { path: AppRoute.REPOS, label: "repos" },
   { path: AppRoute.SETTINGS, label: "settings" },
   { path: AppRoute.MERGE_REQUESTS, label: "merge-requests" },
-] as const;
-
-const DISABLED_RULES: string[] = [];
+];
 
 test.describe("app / a11y", () => {
   for (const r of ROUTES) {
     test(`axe-core: no critical/serious violations on ${r.label}`, async ({ page }) => {
       await page.goto(r.path);
-      const result = await scanA11y(page, undefined, DISABLED_RULES);
+      const result = await scanA11y(page, undefined, r.disabledRules ?? []);
       if (result.blocking > 0) {
         console.log(
           `[a11y ${r.label}] blocking=${result.blocking}`,
diff --git a/tests/src/e2e/app/15-updater-banner.spec.ts b/tests/src/e2e/app/15-updater-banner.spec.ts
new file mode 100644
index 0000000..a40a6ba
--- /dev/null
+++ b/tests/src/e2e/app/15-updater-banner.spec.ts
@@ -0,0 +1,44 @@
+import { AppRoute } from "@recrest/shared";
+
+import { expect, test } from "../../fixtures/app.fixture.js";
+
+/**
+ * The DeveloperTab's "Simulate updater event" button dispatches a
+ * `setUpdaterBanner` Redux action with a deterministic payload. Because the
+ * banner is mounted in `AppShell` unconditionally, this lets us exercise both
+ * render variants (install vs. download) from a plain browser session — no
+ * real Tauri updater call is made.
+ */
+test.describe("app / updater banner variants", () => {
+  test("canAutoInstall=true renders install button", async ({ page }) => {
+    await page.goto(AppRoute.SETTINGS);
+    await page.getByTestId("settings-tab-developer").click();
+
+    const canAuto = page.getByTestId("dev-updater-sim-can-auto-install");
+    await expect(canAuto).toBeVisible();
+    if ((await canAuto.getAttribute("aria-checked")) !== "true") {
+      await canAuto.click();
+    }
+    await page.getByTestId("dev-updater-emit").click();
+
+    await expect(page.getByTestId("updater-banner")).toBeVisible();
+    await expect(page.getByTestId("updater-banner-install")).toBeVisible();
+    await expect(page.getByTestId("updater-banner-download")).toHaveCount(0);
+  });
+
+  test("canAutoInstall=false renders download button", async ({ page }) => {
+    await page.goto(AppRoute.SETTINGS);
+    await page.getByTestId("settings-tab-developer").click();
+
+    const canAuto = page.getByTestId("dev-updater-sim-can-auto-install");
+    await expect(canAuto).toBeVisible();
+    if ((await canAuto.getAttribute("aria-checked")) === "true") {
+      await canAuto.click();
+    }
+    await page.getByTestId("dev-updater-emit").click();
+
+    await expect(page.getByTestId("updater-banner")).toBeVisible();
+    await expect(page.getByTestId("updater-banner-download")).toBeVisible();
+    await expect(page.getByTestId("updater-banner-install")).toHaveCount(0);
+  });
+});
diff --git a/tests/src/e2e/app/16-developer-tab.spec.ts b/tests/src/e2e/app/16-developer-tab.spec.ts
new file mode 100644
index 0000000..6f41e1e
--- /dev/null
+++ b/tests/src/e2e/app/16-developer-tab.spec.ts
@@ -0,0 +1,29 @@
+// NOTE: The "Developer tab absent in PROD" assertion is not covered here.
+// Playwright runs against `yarn dev:web`, where `import.meta.env.DEV` is
+// always true, so the tab is always present. Absence is verified against a
+// production bundle by running
+//   yarn workspace @recrest/app build && yarn workspace @recrest/app preview
+// and grepping for the dev-only testids — see the §3.5 verification section
+// of the implementation plan.
+import { AppRoute } from "@recrest/shared";
+
+import { expect, test } from "../../fixtures/app.fixture.js";
+
+test.describe("app / developer tab gating", () => {
+  test("is reachable in dev mode", async ({ page }) => {
+    await page.goto(AppRoute.SETTINGS);
+    await expect(page.getByTestId("settings-tab-developer")).toBeVisible();
+  });
+
+  test("contains all six section testids", async ({ page }) => {
+    await page.goto(AppRoute.SETTINGS);
+    await page.getByTestId("settings-tab-developer").click();
+
+    await expect(page.getByTestId("dev-section-build")).toBeVisible();
+    await expect(page.getByTestId("dev-section-updater")).toBeVisible();
+    await expect(page.getByTestId("dev-section-storage")).toBeVisible();
+    await expect(page.getByTestId("dev-section-ipc")).toBeVisible();
+    await expect(page.getByTestId("dev-section-i18n")).toBeVisible();
+    await expect(page.getByTestId("dev-section-flags")).toBeVisible();
+  });
+});
diff --git a/tests/src/e2e/landing/01-hero.spec.ts b/tests/src/e2e/landing/01-hero.spec.ts
index 38c313b..ce43f69 100644
--- a/tests/src/e2e/landing/01-hero.spec.ts
+++ b/tests/src/e2e/landing/01-hero.spec.ts
@@ -3,6 +3,11 @@ import { EXPECTED_APP_VERSION, RELEASES_LATEST_URL, REPO_URL } from "../../helpe
 import { LANDING_COPY } from "../../helpers/selectors.js";
 
 test.describe("landing / hero", () => {
+  // Pin the UA so the primary CTA stays on the fallback release URL across
+  // every landing project (desktop Chrome → Linux, mobile → Mac, etc.). The
+  // OS-specific asset-URL branches are exercised in 05-download-button.
+  test.use({ fakeUserAgent: "Mozilla/5.0 (PlayStation 5) AppleWebKit/605" });
+
   test("renders EN title, version + both primary CTAs", async ({ page }) => {
     await page.goto("/");
 
diff --git a/tests/src/e2e/landing/05-download-button.spec.ts b/tests/src/e2e/landing/05-download-button.spec.ts
index 51508d7..680087e 100644
--- a/tests/src/e2e/landing/05-download-button.spec.ts
+++ b/tests/src/e2e/landing/05-download-button.spec.ts
@@ -1,24 +1,28 @@
 import { expect, test } from "../../fixtures/landing.fixture.js";
-import { RELEASES_LATEST_URL } from "../../helpers/constants.js";
+import { expectedDownloadUrl } from "../../helpers/constants.js";
 
 const CASES = [
   {
     name: "macOS",
+    os: "macos",
     ua: "Mozilla/5.0 (Macintosh; Intel Mac OS X 13_5) AppleWebKit/605 Safari/605",
     labelPattern: /Download for macOS/i,
   },
   {
     name: "Windows",
+    os: "windows",
     ua: "Mozilla/5.0 (Windows NT 10.0; Win64; x64) Chrome/120 Safari/537",
     labelPattern: /Download for Windows/i,
   },
   {
     name: "Linux",
+    os: "linux",
     ua: "Mozilla/5.0 (X11; Linux x86_64) Chrome/120 Safari/537",
     labelPattern: /Download for Linux/i,
   },
   {
     name: "unknown",
+    os: "unknown",
     ua: "Mozilla/5.0 (PlayStation 5) AppleWebKit/605",
     labelPattern: /Download latest release/i,
   },
@@ -32,7 +36,7 @@ for (const os of CASES) {
       const cta = page.locator(".hero-cta a.btn.btn-primary").first();
       await expect(cta).toBeVisible();
       await expect(cta).toHaveText(os.labelPattern);
-      await expect(cta).toHaveAttribute("href", RELEASES_LATEST_URL);
+      await expect(cta).toHaveAttribute("href", expectedDownloadUrl(os.os));
       await expect(cta).toHaveAttribute("target", "_blank");
       await expect(cta).toHaveAttribute("rel", /noreferrer/);
     });
diff --git a/tests/src/helpers/constants.ts b/tests/src/helpers/constants.ts
index 214a92f..aac6759 100644
--- a/tests/src/helpers/constants.ts
+++ b/tests/src/helpers/constants.ts
@@ -13,7 +13,16 @@ export const RELEASES_LATEST_URL = `${REPO_URL}/releases/latest`;
  *  (`__APP_VERSION__`). We hard-code the expected value so a bump must update
  *  both sides consciously — drift between `package.json` and the rendered text
  *  becomes a failing test. */
-export const EXPECTED_APP_VERSION = "0.6.0";
+export const EXPECTED_APP_VERSION = "0.7.0";
+
+/** Mirrors `landingpage/src/components/DownloadButton.tsx::directDownloadUrl`.
+ *  For a known OS the button links directly to the asset zip; only the
+ *  `unknown`-UA case falls back to `RELEASES_LATEST_URL`. Kept here so specs
+ *  assert against the real production contract instead of a stale alias. */
+export function expectedDownloadUrl(os: "macos" | "windows" | "linux" | "unknown"): string {
+  if (os === "unknown") return RELEASES_LATEST_URL;
+  return `${RELEASES_LATEST_URL}/download/recrest-v${EXPECTED_APP_VERSION}-${os}.zip`;
+}
 
 export const LANDING_LOCALE_STORAGE_KEY = "recrest-landing-locale";
 export const LANDING_THEME_STORAGE_KEY = "recrest-landing-theme";
diff --git a/tests/src/helpers/seed/prs.ts b/tests/src/helpers/seed/prs.ts
index 64a2d37..6bee9c8 100644
--- a/tests/src/helpers/seed/prs.ts
+++ b/tests/src/helpers/seed/prs.ts
@@ -164,9 +164,20 @@ export const SEED_PRS: Record<RepositoryId, PullRequest[]> = {
   ],
 };
 
-/** Count of PRs per state across the seed — handy for sidebar-count assertions. */
+/**
+ * Count of PRs per state across the seed — handy for sidebar-count assertions.
+ *
+ * `open` is the total number of open PRs across every seeded repo (8 = any
+ * state === "open", including the 2 drafts). `openVisible` is the subset
+ * that the Sidebar / MergeRequests list actually surfaces in the default
+ * seed — only repos whose provider is connected are polled, so pulse-ios
+ * (gitlab, disconnected) and signal-lab (bitbucket, disconnected) drop out,
+ * leaving 5. Use `openVisible` for live UI-count assertions and `open`
+ * when you need the raw seed total (e.g. provider-level integration tests).
+ */
 export const SEED_PR_COUNTS = {
   open: 8,
+  openVisible: 5,
   draft: 2,
   merged: 1,
   total: 9,
diff --git a/tests/src/helpers/tauri-stub.ts b/tests/src/helpers/tauri-stub.ts
index 0044e6f..9dc754d 100644
--- a/tests/src/helpers/tauri-stub.ts
+++ b/tests/src/helpers/tauri-stub.ts
@@ -297,6 +297,23 @@ export function buildTauriStub(seed: Required<AppSeed>): string {
       case "update_tray_badge":
         return undefined;
 
+      // --- updater hybrid (Part 2)
+      case "check_for_update":
+        return undefined;
+      case "install_update":
+        return undefined;
+
+      // --- dev commands (Part 3, debug builds only — but the handler list
+      // in lib.rs registers them under #[cfg(debug_assertions)], and the
+      // drift spec greps the whole generate_handler! block including the
+      // debug arm, so the stub must carry them too).
+      case "get_dev_paths":
+        return { configDir: null, dataDir: null, cacheDir: null, logDir: null };
+      case "get_build_triple":
+        return "windows-x86_64";
+      case "dev_panic":
+        return undefined;
+
       // --- Tauri plugin: event
       case "plugin:event|listen":
         return nextId++;
diff --git a/yarn.lock b/yarn.lock
index 6db85b7..1a60440 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1156,6 +1156,95 @@
   dependencies:
     "@tybys/wasm-util" "^0.10.1"
 
+"@parcel/watcher-android-arm64@2.5.6":
+  version "2.5.6"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.6.tgz#5f32e0dba356f4ac9a11068d2a5c134ca3ba6564"
+  integrity sha512-YQxSS34tPF/6ZG7r/Ih9xy+kP/WwediEUsqmtf0cuCV5TPPKw/PQHRhueUo6JdeFJaqV3pyjm0GdYjZotbRt/A==
+
+"@parcel/watcher-darwin-arm64@2.5.6":
+  version "2.5.6"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.6.tgz#88d3e720b59b1eceffce98dac46d7c40e8be5e8e"
+  integrity sha512-Z2ZdrnwyXvvvdtRHLmM4knydIdU9adO3D4n/0cVipF3rRiwP+3/sfzpAwA/qKFL6i1ModaabkU7IbpeMBgiVEA==
+
+"@parcel/watcher-darwin-x64@2.5.6":
+  version "2.5.6"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.6.tgz#bf05d76a78bc15974f15ec3671848698b0838063"
+  integrity sha512-HgvOf3W9dhithcwOWX9uDZyn1lW9R+7tPZ4sug+NGrGIo4Rk1hAXLEbcH1TQSqxts0NYXXlOWqVpvS1SFS4fRg==
+
+"@parcel/watcher-freebsd-x64@2.5.6":
+  version "2.5.6"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.6.tgz#8bc26e9848e7303ac82922a5ae1b1ef1bdb48a53"
+  integrity sha512-vJVi8yd/qzJxEKHkeemh7w3YAn6RJCtYlE4HPMoVnCpIXEzSrxErBW5SJBgKLbXU3WdIpkjBTeUNtyBVn8TRng==
+
+"@parcel/watcher-linux-arm-glibc@2.5.6":
+  version "2.5.6"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.6.tgz#1328fee1deb0c2d7865079ef53a2ba4cc2f8b40a"
+  integrity sha512-9JiYfB6h6BgV50CCfasfLf/uvOcJskMSwcdH1PHH9rvS1IrNy8zad6IUVPVUfmXr+u+Km9IxcfMLzgdOudz9EQ==
+
+"@parcel/watcher-linux-arm-musl@2.5.6":
+  version "2.5.6"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.6.tgz#bad0f45cb3e2157746db8b9d22db6a125711f152"
+  integrity sha512-Ve3gUCG57nuUUSyjBq/MAM0CzArtuIOxsBdQ+ftz6ho8n7s1i9E1Nmk/xmP323r2YL0SONs1EuwqBp2u1k5fxg==
+
+"@parcel/watcher-linux-arm64-glibc@2.5.6":
+  version "2.5.6"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.6.tgz#b75913fbd501d9523c5f35d420957bf7d0204809"
+  integrity sha512-f2g/DT3NhGPdBmMWYoxixqYr3v/UXcmLOYy16Bx0TM20Tchduwr4EaCbmxh1321TABqPGDpS8D/ggOTaljijOA==
+
+"@parcel/watcher-linux-arm64-musl@2.5.6":
+  version "2.5.6"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.6.tgz#da5621a6a576070c8c0de60dea8b46dc9c3827d4"
+  integrity sha512-qb6naMDGlbCwdhLj6hgoVKJl2odL34z2sqkC7Z6kzir8b5W65WYDpLB6R06KabvZdgoHI/zxke4b3zR0wAbDTA==
+
+"@parcel/watcher-linux-x64-glibc@2.5.6":
+  version "2.5.6"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.6.tgz#ce437accdc4b30f93a090b4a221fd95cd9b89639"
+  integrity sha512-kbT5wvNQlx7NaGjzPFu8nVIW1rWqV780O7ZtkjuWaPUgpv2NMFpjYERVi0UYj1msZNyCzGlaCWEtzc+exjMGbQ==
+
+"@parcel/watcher-linux-x64-musl@2.5.6":
+  version "2.5.6"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.6.tgz#02400c54b4a67efcc7e2327b249711920ac969e2"
+  integrity sha512-1JRFeC+h7RdXwldHzTsmdtYR/Ku8SylLgTU/reMuqdVD7CtLwf0VR1FqeprZ0eHQkO0vqsbvFLXUmYm/uNKJBg==
+
+"@parcel/watcher-win32-arm64@2.5.6":
+  version "2.5.6"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.6.tgz#caae3d3c7583ca0a7171e6bd142c34d20ea1691e"
+  integrity sha512-3ukyebjc6eGlw9yRt678DxVF7rjXatWiHvTXqphZLvo7aC5NdEgFufVwjFfY51ijYEWpXbqF5jtrK275z52D4Q==
+
+"@parcel/watcher-win32-ia32@2.5.6":
+  version "2.5.6"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.6.tgz#9ac922550896dfe47bfc5ae3be4f1bcaf8155d6d"
+  integrity sha512-k35yLp1ZMwwee3Ez/pxBi5cf4AoBKYXj00CZ80jUz5h8prpiaQsiRPKQMxoLstNuqe2vR4RNPEAEcjEFzhEz/g==
+
+"@parcel/watcher-win32-x64@2.5.6":
+  version "2.5.6"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.6.tgz#73fdafba2e21c448f0e456bbe13178d8fe11739d"
+  integrity sha512-hbQlYcCq5dlAX9Qx+kFb0FHue6vbjlf0FrNzSKdYK2APUf7tGfGxQCk2ihEREmbR6ZMc0MVAD5RIX/41gpUzTw==
+
+"@parcel/watcher@^2.4.1":
+  version "2.5.6"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher/-/watcher-2.5.6.tgz#3f932828c894f06d0ad9cfefade1756ecc6ef1f1"
+  integrity sha512-tmmZ3lQxAe/k/+rNnXQRawJ4NjxO2hqiOLTHvWchtGZULp4RyFeh6aU4XdOYBFe2KE1oShQTv4AblOs2iOrNnQ==
+  dependencies:
+    detect-libc "^2.0.3"
+    is-glob "^4.0.3"
+    node-addon-api "^7.0.0"
+    picomatch "^4.0.3"
+  optionalDependencies:
+    "@parcel/watcher-android-arm64" "2.5.6"
+    "@parcel/watcher-darwin-arm64" "2.5.6"
+    "@parcel/watcher-darwin-x64" "2.5.6"
+    "@parcel/watcher-freebsd-x64" "2.5.6"
+    "@parcel/watcher-linux-arm-glibc" "2.5.6"
+    "@parcel/watcher-linux-arm-musl" "2.5.6"
+    "@parcel/watcher-linux-arm64-glibc" "2.5.6"
+    "@parcel/watcher-linux-arm64-musl" "2.5.6"
+    "@parcel/watcher-linux-x64-glibc" "2.5.6"
+    "@parcel/watcher-linux-x64-musl" "2.5.6"
+    "@parcel/watcher-win32-arm64" "2.5.6"
+    "@parcel/watcher-win32-ia32" "2.5.6"
+    "@parcel/watcher-win32-x64" "2.5.6"
+
 "@playwright/test@^1.48.0":
   version "1.59.1"
   resolved "https://registry.yarnpkg.com/@playwright/test/-/test-1.59.1.tgz#5c4d38eac84a61527af466602ae20277685a02d6"
@@ -2032,10 +2121,10 @@
   dependencies:
     "@swc/counter" "^0.1.3"
 
-"@tailwindcss/node@4.2.2":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@tailwindcss/node/-/node-4.2.2.tgz#840e904226dc1b379609de8a72323fc211568993"
-  integrity sha512-pXS+wJ2gZpVXqFaUEjojq7jzMpTGf8rU6ipJz5ovJV6PUGmlJ+jvIwGrzdHdQ80Sg+wmQxUFuoW1UAAwHNEdFA==
+"@tailwindcss/node@4.2.3":
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/node/-/node-4.2.3.tgz#6b07383fa3e253389b24f06239762e9174487023"
+  integrity sha512-dhXFXkW2dGvX4r/fi24gyXM0t1mFMrpykQjqrdA4SuavaMagm4SY1u5G2SCJwu1/0x/5RlZJ2VPjP3mKYQfCkA==
   dependencies:
     "@jridgewell/remapping" "^2.3.5"
     enhanced-resolve "^5.19.0"
@@ -2043,57 +2132,57 @@
     lightningcss "1.32.0"
     magic-string "^0.30.21"
     source-map-js "^1.2.1"
-    tailwindcss "4.2.2"
-
-"@tailwindcss/oxide-android-arm64@4.2.2":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.2.2.tgz#61d9ec5c18394fe7a972e99e19e6065e833da77c"
-  integrity sha512-dXGR1n+P3B6748jZO/SvHZq7qBOqqzQ+yFrXpoOWWALWndF9MoSKAT3Q0fYgAzYzGhxNYOoysRvYlpixRBBoDg==
-
-"@tailwindcss/oxide-darwin-arm64@4.2.2":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.2.2.tgz#9ad7b141789dae235c85d2f7874592bf869f636e"
-  integrity sha512-iq9Qjr6knfMpZHj55/37ouZeykwbDqF21gPFtfnhCCKGDcPI/21FKC9XdMO/XyBM7qKORx6UIhGgg6jLl7BZlg==
-
-"@tailwindcss/oxide-darwin-x64@4.2.2":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.2.2.tgz#a5899f1fbe55c4eddcbc871b835d5183ba34658c"
-  integrity sha512-BlR+2c3nzc8f2G639LpL89YY4bdcIdUmiOOkv2GQv4/4M0vJlpXEa0JXNHhCHU7VWOKWT/CjqHdTP8aUuDJkuw==
-
-"@tailwindcss/oxide-freebsd-x64@4.2.2":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.2.2.tgz#76185bb1bea9af915a5b9f465323861646587e21"
-  integrity sha512-YUqUgrGMSu2CDO82hzlQ5qSb5xmx3RUrke/QgnoEx7KvmRJHQuZHZmZTLSuuHwFf0DJPybFMXMYf+WJdxHy/nQ==
-
-"@tailwindcss/oxide-linux-arm-gnueabihf@4.2.2":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.2.2.tgz#74c17c69b2015f7600d566ab0990aaac8701128e"
-  integrity sha512-FPdhvsW6g06T9BWT0qTwiVZYE2WIFo2dY5aCSpjG/S/u1tby+wXoslXS0kl3/KXnULlLr1E3NPRRw0g7t2kgaQ==
-
-"@tailwindcss/oxide-linux-arm64-gnu@4.2.2":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.2.2.tgz#38a846d9d5795bc3b57951172044d8dbb3c79aa6"
-  integrity sha512-4og1V+ftEPXGttOO7eCmW7VICmzzJWgMx+QXAJRAhjrSjumCwWqMfkDrNu1LXEQzNAwz28NCUpucgQPrR4S2yw==
-
-"@tailwindcss/oxide-linux-arm64-musl@4.2.2":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.2.2.tgz#f4cc4129c17d3f2bcb01efef4d7a2f381e5e3f53"
-  integrity sha512-oCfG/mS+/+XRlwNjnsNLVwnMWYH7tn/kYPsNPh+JSOMlnt93mYNCKHYzylRhI51X+TbR+ufNhhKKzm6QkqX8ag==
-
-"@tailwindcss/oxide-linux-x64-gnu@4.2.2":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.2.2.tgz#7c4a00b0829e12736bd72ec74e1c08205448cc2e"
-  integrity sha512-rTAGAkDgqbXHNp/xW0iugLVmX62wOp2PoE39BTCGKjv3Iocf6AFbRP/wZT/kuCxC9QBh9Pu8XPkv/zCZB2mcMg==
-
-"@tailwindcss/oxide-linux-x64-musl@4.2.2":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.2.2.tgz#711756d7bbe97e221fc041b63a4f385b85ba4321"
-  integrity sha512-XW3t3qwbIwiSyRCggeO2zxe3KWaEbM0/kW9e8+0XpBgyKU4ATYzcVSMKteZJ1iukJ3HgHBjbg9P5YPRCVUxlnQ==
-
-"@tailwindcss/oxide-wasm32-wasi@4.2.2":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.2.2.tgz#ed6d28567b7abb8505f824457c236d2cd07ee18e"
-  integrity sha512-eKSztKsmEsn1O5lJ4ZAfyn41NfG7vzCg496YiGtMDV86jz1q/irhms5O0VrY6ZwTUkFy/EKG3RfWgxSI3VbZ8Q==
+    tailwindcss "4.2.3"
+
+"@tailwindcss/oxide-android-arm64@4.2.3":
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.2.3.tgz#e1e1a2297e72140f7e3e290fba66019bc1d7bb74"
+  integrity sha512-0Jmt1U/zPqeKp1+fvgI3qMqrV5b/EcFIbE5Dl5KdPl5Ri6e+95nlYNjfB3w8hJBeASI4IQSnIMz0tdVP1AVO4g==
+
+"@tailwindcss/oxide-darwin-arm64@4.2.3":
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.2.3.tgz#acb04c20f4d7daeca871ea90feec834212703507"
+  integrity sha512-c+/Etn/nghKBhd9fh2diG+3SEV1VTTPLlqH209yleofi28H87Cy6g1vsd3W3kf6r/dR5g4G4TEwHxo2Ydn6yFw==
+
+"@tailwindcss/oxide-darwin-x64@4.2.3":
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.2.3.tgz#ac9caa73e2106b7f160db8ce3ad3e27a92234dd5"
+  integrity sha512-1DrKKsdJTLuLWVdpaLZ0j/g9YbCZyP9xnwSqEvl3gY4ZHdXmX7TwVAHkoWUljOq7JK5zvzIGhrYmfE/2DJ5qaA==
+
+"@tailwindcss/oxide-freebsd-x64@4.2.3":
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.2.3.tgz#ed3562aa658cf8dca29fd151cbfe7b68698beb4d"
+  integrity sha512-HE6HHZYF8k7m80eVQ0RBvRGBdvvLvCpHiT38IRH9JSnBlt1T7gDzWoslWjmpXQFuqlRpzkCpbdKJa3NxWMfgVA==
+
+"@tailwindcss/oxide-linux-arm-gnueabihf@4.2.3":
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.2.3.tgz#c594790fd79b8a0db969c562140553ad3ee9b032"
+  integrity sha512-Li2wVd2kkKlKkTdpo7ujHSv6kxD1UYMvulAraikyvVf6AKNZ/VHbm8XoSNimZ+dF7SOFaDD2VAT64SK7WKcbjQ==
+
+"@tailwindcss/oxide-linux-arm64-gnu@4.2.3":
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.2.3.tgz#c3e0c067951be506b10c6ae777d8cb5e5cd65fd0"
+  integrity sha512-otIiImZaHj9MiDK02ItoWxIVcMTZVAX2F1c32bg9y7ecV0AnN5JHDZqIO8LxWsTuig1d+Bjg0cBWn4A9sGJO9Q==
+
+"@tailwindcss/oxide-linux-arm64-musl@4.2.3":
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.2.3.tgz#cb066c3aa547267bac9b789cfe1a5959ba4a4a8b"
+  integrity sha512-MmIA32rNEOrjh6wnevlR3OjjlCuwgZ4JMJo7Vrhk4Fk56Vxi7EeF7cekSKwvlrnfcn/ERC1LdcG3sFneU8WdoA==
+
+"@tailwindcss/oxide-linux-x64-gnu@4.2.3":
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.2.3.tgz#c488da6fc11062113e007131044fc9c8c8f4fd00"
+  integrity sha512-BiCy1YV0IKO+xbD7gyZnENU4jdwDygeGQjncJoeIE5Kp4UqWHFsKUSJ3pp7vYURrqVzwJX2xD5gQeGnoXp4xPQ==
+
+"@tailwindcss/oxide-linux-x64-musl@4.2.3":
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.2.3.tgz#f4e7667088e04d557159349c0bd9f89d41b91cc6"
+  integrity sha512-venvyAu0AMKdr0c1Oz23IJJdZ72zSwKyHrLvqQV1cn49vPAJk3AuVtDkJ1ayk1sYI4M4j8Jv6ZGflpaP0QVSXQ==
+
+"@tailwindcss/oxide-wasm32-wasi@4.2.3":
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.2.3.tgz#da22bed4480f2ab07ef3aa82dd989f2bce83eb76"
+  integrity sha512-e3kColrZZCdtbwIOc07cNQ2zNf1sTPXTYLjjPlsgsaf+ttzAg/hOlDyEgHoOlBGxM88nPxeVaOGe9ThqVzPncg==
   dependencies:
     "@emnapi/core" "^1.8.1"
     "@emnapi/runtime" "^1.8.1"
@@ -2102,42 +2191,42 @@
     "@tybys/wasm-util" "^0.10.1"
     tslib "^2.8.1"
 
-"@tailwindcss/oxide-win32-arm64-msvc@4.2.2":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.2.2.tgz#f2d0360e5bc06fe201537fb08193d3780e7dd24f"
-  integrity sha512-qPmaQM4iKu5mxpsrWZMOZRgZv1tOZpUm+zdhhQP0VhJfyGGO3aUKdbh3gDZc/dPLQwW4eSqWGrrcWNBZWUWaXQ==
+"@tailwindcss/oxide-win32-arm64-msvc@4.2.3":
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.2.3.tgz#ce8ce21c070b4d7e63929b6fc99550bc0d6c8b45"
+  integrity sha512-qpwoUPzfu71cppxOtcz4LXMR1brljS13yOcAAnVHKIL++NJvSQKZBKlP39pVowd+G6Mq34YAbf4CUUYdLWL9gQ==
 
-"@tailwindcss/oxide-win32-x64-msvc@4.2.2":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.2.2.tgz#10fc71b73883f9c3999b5b8c338fd96a45240dcb"
-  integrity sha512-1T/37VvI7WyH66b+vqHj/cLwnCxt7Qt3WFu5Q8hk65aOvlwAhs7rAp1VkulBJw/N4tMirXjVnylTR72uI0HGcA==
+"@tailwindcss/oxide-win32-x64-msvc@4.2.3":
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.2.3.tgz#d9a2630d77cf806d14ad78a6076962f849f20680"
+  integrity sha512-dTRIlLRC5lCRHqO5DLb+A18HCvS394axmzqfnRNLptKVw7WuckpUwo1Z87Yw74mesbeIhnQTA2SZbRcIfVlwxg==
 
-"@tailwindcss/oxide@4.2.2":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide/-/oxide-4.2.2.tgz#c6534cb4b22650df605a58258235523a6abd7de8"
-  integrity sha512-qEUA07+E5kehxYp9BVMpq9E8vnJuBHfJEC0vPC5e7iL/hw7HR61aDKoVoKzrG+QKp56vhNZe4qwkRmMC0zDLvg==
+"@tailwindcss/oxide@4.2.3":
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide/-/oxide-4.2.3.tgz#37bda06b226f0d8eaaa11989ee481bf3349b66cc"
+  integrity sha512-YyhwSBcxHLS3CU2Mk3dXDuVm8/Ia0+XvfpT8s9YQoICppkUeoobB3hgyGMYbyQ4vn6VgWH9bdv5UnzhTz2NPTQ==
   optionalDependencies:
-    "@tailwindcss/oxide-android-arm64" "4.2.2"
-    "@tailwindcss/oxide-darwin-arm64" "4.2.2"
-    "@tailwindcss/oxide-darwin-x64" "4.2.2"
-    "@tailwindcss/oxide-freebsd-x64" "4.2.2"
-    "@tailwindcss/oxide-linux-arm-gnueabihf" "4.2.2"
-    "@tailwindcss/oxide-linux-arm64-gnu" "4.2.2"
-    "@tailwindcss/oxide-linux-arm64-musl" "4.2.2"
-    "@tailwindcss/oxide-linux-x64-gnu" "4.2.2"
-    "@tailwindcss/oxide-linux-x64-musl" "4.2.2"
-    "@tailwindcss/oxide-wasm32-wasi" "4.2.2"
-    "@tailwindcss/oxide-win32-arm64-msvc" "4.2.2"
-    "@tailwindcss/oxide-win32-x64-msvc" "4.2.2"
+    "@tailwindcss/oxide-android-arm64" "4.2.3"
+    "@tailwindcss/oxide-darwin-arm64" "4.2.3"
+    "@tailwindcss/oxide-darwin-x64" "4.2.3"
+    "@tailwindcss/oxide-freebsd-x64" "4.2.3"
+    "@tailwindcss/oxide-linux-arm-gnueabihf" "4.2.3"
+    "@tailwindcss/oxide-linux-arm64-gnu" "4.2.3"
+    "@tailwindcss/oxide-linux-arm64-musl" "4.2.3"
+    "@tailwindcss/oxide-linux-x64-gnu" "4.2.3"
+    "@tailwindcss/oxide-linux-x64-musl" "4.2.3"
+    "@tailwindcss/oxide-wasm32-wasi" "4.2.3"
+    "@tailwindcss/oxide-win32-arm64-msvc" "4.2.3"
+    "@tailwindcss/oxide-win32-x64-msvc" "4.2.3"
 
 "@tailwindcss/vite@^4.0.0":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@tailwindcss/vite/-/vite-4.2.2.tgz#49240a41691c34b78ed4a80d07a39301f1a5129f"
-  integrity sha512-mEiF5HO1QqCLXoNEfXVA1Tzo+cYsrqV7w9Juj2wdUFyW07JRenqMG225MvPwr3ZD9N1bFQj46X7r33iHxLUW0w==
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/vite/-/vite-4.2.3.tgz#547a05c47d51797d50e0592e0779ad6caa574abd"
+  integrity sha512-pEvbC/NoOqxvqjy6IgelSakbzwin865CmOxJxmz3CSEbHJ2aF1B2183ALVasN0o6dOGhYfnVJOKKxVoyag+XeA==
   dependencies:
-    "@tailwindcss/node" "4.2.2"
-    "@tailwindcss/oxide" "4.2.2"
-    tailwindcss "4.2.2"
+    "@tailwindcss/node" "4.2.3"
+    "@tailwindcss/oxide" "4.2.3"
+    tailwindcss "4.2.3"
 
 "@tauri-apps/api@^2.1.1", "@tauri-apps/api@^2.10.1", "@tauri-apps/api@^2.8.0":
   version "2.10.1"
@@ -2461,7 +2550,7 @@
   resolved "https://registry.yarnpkg.com/@types/mdx/-/mdx-2.0.13.tgz#68f6877043d377092890ff5b298152b0a21671bd"
   integrity sha512-+OWZQfAYyio6YkJb3HLxDrvnx6SWWDbC0zVPfBRzUk0/nqoDyf6dNxQi3eArPe8rJ473nobTMQ/8Zk+LxJ+Yuw==
 
-"@types/node@*":
+"@types/node@*", "@types/node@^25.6.0":
   version "25.6.0"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-25.6.0.tgz#4e09bad9b469871f2d0f68140198cbd714f4edca"
   integrity sha512-+qIYRKdNYJwY3vRCZMdJbPLJAtGjQBudzZzdzwQYkEPQd+PJGixUL5QfvCLDaULoLv+RhT3LDkwEfKaAkgSmNQ==
@@ -2473,13 +2562,6 @@
   resolved "https://registry.yarnpkg.com/@types/node/-/node-16.9.1.tgz#0611b37db4246c937feef529ddcc018cf8e35708"
   integrity sha512-QpLcX9ZSsq3YYUUnD3nFDY8H7wctAhQj/TFKL8Ya8v5fMm3CFXxo8zStsLAl780ltoYoo1WvKUVGBQK+1ifr7g==
 
-"@types/node@^22.7.4":
-  version "22.19.17"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-22.19.17.tgz#09c71fb34ba2510f8ac865361b1fcb9552b8a581"
-  integrity sha512-wGdMcf+vPYM6jikpS/qhg6WiqSV/OhG+jeeHT/KlVqxYfD40iYJf9/AE1uQxVWFvU7MipKRkRv8NSHiCGgPr8Q==
-  dependencies:
-    undici-types "~6.21.0"
-
 "@types/react-dom@^19.0.0":
   version "19.2.3"
   resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-19.2.3.tgz#c1e305d15a52a3e508d54dca770d202cb63abf2c"
@@ -2502,100 +2584,100 @@
   resolved "https://registry.yarnpkg.com/@types/use-sync-external-store/-/use-sync-external-store-0.0.6.tgz#60be8d21baab8c305132eb9cb912ed497852aadc"
   integrity sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg==
 
-"@typescript-eslint/eslint-plugin@8.58.2", "@typescript-eslint/eslint-plugin@^8.8.0":
-  version "8.58.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.58.2.tgz#a6882a6a328e1259cff259fdb03184245ef06191"
-  integrity sha512-aC2qc5thQahutKjP+cl8cgN9DWe3ZUqVko30CMSZHnFEHyhOYoZSzkGtAI2mcwZ38xeImDucI4dnqsHiOYuuCw==
+"@typescript-eslint/eslint-plugin@8.59.0", "@typescript-eslint/eslint-plugin@^8.59.0", "@typescript-eslint/eslint-plugin@^8.8.0":
+  version "8.59.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.59.0.tgz#fcbe76b693ce2412410cf4d48aefd617d345f2d9"
+  integrity sha512-HyAZtpdkgZwpq8Sz3FSUvCR4c+ScbuWa9AksK2Jweub7w4M3yTz4O11AqVJzLYjy/B9ZWPyc81I+mOdJU/bDQw==
   dependencies:
     "@eslint-community/regexpp" "^4.12.2"
-    "@typescript-eslint/scope-manager" "8.58.2"
-    "@typescript-eslint/type-utils" "8.58.2"
-    "@typescript-eslint/utils" "8.58.2"
-    "@typescript-eslint/visitor-keys" "8.58.2"
+    "@typescript-eslint/scope-manager" "8.59.0"
+    "@typescript-eslint/type-utils" "8.59.0"
+    "@typescript-eslint/utils" "8.59.0"
+    "@typescript-eslint/visitor-keys" "8.59.0"
     ignore "^7.0.5"
     natural-compare "^1.4.0"
     ts-api-utils "^2.5.0"
 
-"@typescript-eslint/parser@8.58.2", "@typescript-eslint/parser@^8.8.0":
-  version "8.58.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-8.58.2.tgz#b267545e4bd515d896fe1f3a5b6f334fa6aa0026"
-  integrity sha512-/Zb/xaIDfxeJnvishjGdcR4jmr7S+bda8PKNhRGdljDM+elXhlvN0FyPSsMnLmJUrVG9aPO6dof80wjMawsASg==
+"@typescript-eslint/parser@8.59.0", "@typescript-eslint/parser@^8.59.0", "@typescript-eslint/parser@^8.8.0":
+  version "8.59.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-8.59.0.tgz#57a138280b3ceaf07904fbd62c433d5cc1ee1573"
+  integrity sha512-TI1XGwKbDpo9tRW8UDIXCOeLk55qe9ZFGs8MTKU6/M08HWTw52DD/IYhfQtOEhEdPhLMT26Ka/x7p70nd3dzDg==
   dependencies:
-    "@typescript-eslint/scope-manager" "8.58.2"
-    "@typescript-eslint/types" "8.58.2"
-    "@typescript-eslint/typescript-estree" "8.58.2"
-    "@typescript-eslint/visitor-keys" "8.58.2"
+    "@typescript-eslint/scope-manager" "8.59.0"
+    "@typescript-eslint/types" "8.59.0"
+    "@typescript-eslint/typescript-estree" "8.59.0"
+    "@typescript-eslint/visitor-keys" "8.59.0"
     debug "^4.4.3"
 
-"@typescript-eslint/project-service@8.58.2":
-  version "8.58.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/project-service/-/project-service-8.58.2.tgz#8c980249100e21b87baba0ca10880fdf893e0a8e"
-  integrity sha512-Cq6UfpZZk15+r87BkIh5rDpi38W4b+Sjnb8wQCPPDDweS/LRCFjCyViEbzHk5Ck3f2QDfgmlxqSa7S7clDtlfg==
+"@typescript-eslint/project-service@8.59.0":
+  version "8.59.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/project-service/-/project-service-8.59.0.tgz#914bf62069d870faa0389ffd725774a200f511bf"
+  integrity sha512-Lw5ITrR5s5TbC19YSvlr63ZfLaJoU6vtKTHyB0GQOpX0W7d5/Ir6vUahWi/8Sps/nOukZQ0IB3SmlxZnjaKVnw==
   dependencies:
-    "@typescript-eslint/tsconfig-utils" "^8.58.2"
-    "@typescript-eslint/types" "^8.58.2"
+    "@typescript-eslint/tsconfig-utils" "^8.59.0"
+    "@typescript-eslint/types" "^8.59.0"
     debug "^4.4.3"
 
-"@typescript-eslint/scope-manager@8.58.2":
-  version "8.58.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-8.58.2.tgz#aa73784d78f117940e83f71705af07ba695cd60c"
-  integrity sha512-SgmyvDPexWETQek+qzZnrG6844IaO02UVyOLhI4wpo82dpZJY9+6YZCKAMFzXb7qhx37mFK1QcPQ18tud+vo6Q==
+"@typescript-eslint/scope-manager@8.59.0":
+  version "8.59.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-8.59.0.tgz#f71be268bd31da1c160815c689e4dde7c9bc9e8e"
+  integrity sha512-UzR16Ut8IpA3Mc4DbgAShlPPkVm8xXMWafXxB0BocaVRHs8ZGakAxGRskF7FId3sdk9lgGD73GSFaWmWFDE4dg==
   dependencies:
-    "@typescript-eslint/types" "8.58.2"
-    "@typescript-eslint/visitor-keys" "8.58.2"
+    "@typescript-eslint/types" "8.59.0"
+    "@typescript-eslint/visitor-keys" "8.59.0"
 
-"@typescript-eslint/tsconfig-utils@8.58.2", "@typescript-eslint/tsconfig-utils@^8.58.2":
-  version "8.58.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.58.2.tgz#fa13f96432c9348bf87f6f44826def585fad7bca"
-  integrity sha512-3SR+RukipDvkkKp/d0jP0dyzuls3DbGmwDpVEc5wqk5f38KFThakqAAO0XMirWAE+kT00oTauTbzMFGPoAzB0A==
+"@typescript-eslint/tsconfig-utils@8.59.0", "@typescript-eslint/tsconfig-utils@^8.59.0":
+  version "8.59.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.59.0.tgz#1276077f5ad77e384446ea28a2474e8f8be1af41"
+  integrity sha512-91Sbl3s4Kb3SybliIY6muFBmHVv+pYXfybC4Oolp3dvk8BvIE3wOPc+403CWIT7mJNkfQRGtdqghzs2+Z91Tqg==
 
-"@typescript-eslint/type-utils@8.58.2":
-  version "8.58.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-8.58.2.tgz#024eb1dd597f8a34cb22d8d9ab32da857bc9a817"
-  integrity sha512-Z7EloNR/B389FvabdGeTo2XMs4W9TjtPiO9DAsmT0yom0bwlPyRjkJ1uCdW1DvrrrYP50AJZ9Xc3sByZA9+dcg==
+"@typescript-eslint/type-utils@8.59.0":
+  version "8.59.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-8.59.0.tgz#2834ea3b179cedfc9244dcd4f74105a27751a439"
+  integrity sha512-3TRiZaQSltGqGeNrJzzr1+8YcEobKH9rHnqIp/1psfKFmhRQDNMGP5hBufanYTGznwShzVLs3Mz+gDN7HkWfXg==
   dependencies:
-    "@typescript-eslint/types" "8.58.2"
-    "@typescript-eslint/typescript-estree" "8.58.2"
-    "@typescript-eslint/utils" "8.58.2"
+    "@typescript-eslint/types" "8.59.0"
+    "@typescript-eslint/typescript-estree" "8.59.0"
+    "@typescript-eslint/utils" "8.59.0"
     debug "^4.4.3"
     ts-api-utils "^2.5.0"
 
-"@typescript-eslint/types@8.58.2", "@typescript-eslint/types@^8.58.2":
-  version "8.58.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-8.58.2.tgz#3ab8051de0f19a46ddefb0749d0f7d82974bd57c"
-  integrity sha512-9TukXyATBQf/Jq9AMQXfvurk+G5R2MwfqQGDR2GzGz28HvY/lXNKGhkY+6IOubwcquikWk5cjlgPvD2uAA7htQ==
+"@typescript-eslint/types@8.59.0", "@typescript-eslint/types@^8.59.0":
+  version "8.59.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-8.59.0.tgz#cfcc643c6e879016479775850d86d84c14492738"
+  integrity sha512-nLzdsT1gdOgFxxxwrlNVUBzSNBEEHJ86bblmk4QAS6stfig7rcJzWKqCyxFy3YRRHXDWEkb2NralA1nOYkkm/A==
 
-"@typescript-eslint/typescript-estree@8.58.2", "@typescript-eslint/typescript-estree@^8.58.2":
-  version "8.58.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-8.58.2.tgz#b1beb1f959385b341cc76f0aebbf028e23dfdb8b"
-  integrity sha512-ELGuoofuhhoCvNbQjFFiobFcGgcDCEm0ThWdmO4Z0UzLqPXS3KFvnEZ+SHewwOYHjM09tkzOWXNTv9u6Gqtyuw==
+"@typescript-eslint/typescript-estree@8.59.0", "@typescript-eslint/typescript-estree@^8.58.2":
+  version "8.59.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-8.59.0.tgz#feba58a70ab6ea7ac53a2f3ae900db28ce3454c2"
+  integrity sha512-O9Re9P1BmBLFJyikRbQpLku/QA3/AueZNO9WePLBwQrvkixTmDe8u76B6CYUAITRl/rHawggEqUGn5QIkVRLMw==
   dependencies:
-    "@typescript-eslint/project-service" "8.58.2"
-    "@typescript-eslint/tsconfig-utils" "8.58.2"
-    "@typescript-eslint/types" "8.58.2"
-    "@typescript-eslint/visitor-keys" "8.58.2"
+    "@typescript-eslint/project-service" "8.59.0"
+    "@typescript-eslint/tsconfig-utils" "8.59.0"
+    "@typescript-eslint/types" "8.59.0"
+    "@typescript-eslint/visitor-keys" "8.59.0"
     debug "^4.4.3"
     minimatch "^10.2.2"
     semver "^7.7.3"
     tinyglobby "^0.2.15"
     ts-api-utils "^2.5.0"
 
-"@typescript-eslint/utils@8.58.2":
-  version "8.58.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-8.58.2.tgz#27165554a02d1ff57d98262fa92060498dabc8b3"
-  integrity sha512-QZfjHNEzPY8+l0+fIXMvuQ2sJlplB4zgDZvA+NmvZsZv3EQwOcc1DuIU1VJUTWZ/RKouBMhDyNaBMx4sWvrzRA==
+"@typescript-eslint/utils@8.59.0":
+  version "8.59.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-8.59.0.tgz#f50df9bd6967881ef64fba62230111153179ead5"
+  integrity sha512-I1R/K7V07XsMJ12Oaxg/O9GfrysGTmCRhvZJBv0RE0NcULMzjqVpR5kRRQjHsz3J/bElU7HwCO7zkqL+MSUz+g==
   dependencies:
     "@eslint-community/eslint-utils" "^4.9.1"
-    "@typescript-eslint/scope-manager" "8.58.2"
-    "@typescript-eslint/types" "8.58.2"
-    "@typescript-eslint/typescript-estree" "8.58.2"
+    "@typescript-eslint/scope-manager" "8.59.0"
+    "@typescript-eslint/types" "8.59.0"
+    "@typescript-eslint/typescript-estree" "8.59.0"
 
-"@typescript-eslint/visitor-keys@8.58.2":
-  version "8.58.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-8.58.2.tgz#9ed699eaa9b5720b6b6b6f9c16e6c7d4cd32b276"
-  integrity sha512-f1WO2Lx8a9t8DARmcWAUPJbu0G20bJlj8L4z72K00TMeJAoyLr/tHhI/pzYBLrR4dXWkcxO1cWYZEOX8DKHTqA==
+"@typescript-eslint/visitor-keys@8.59.0":
+  version "8.59.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-8.59.0.tgz#2e80de30e7e944ed4bd47d751e37dcb04db03795"
+  integrity sha512-/uejZt4dSere1bx12WLlPfv8GktzcaDtuJ7s42/HEZ5zGj9oxRaD4bj7qwSunXkf+pbAhFt2zjpHYUiT5lHf0Q==
   dependencies:
-    "@typescript-eslint/types" "8.58.2"
+    "@typescript-eslint/types" "8.59.0"
     eslint-visitor-keys "^5.0.0"
 
 "@vitejs/plugin-react-swc@^3.7.1":
@@ -3151,6 +3233,13 @@ check-error@^2.1.1:
   resolved "https://registry.yarnpkg.com/check-error/-/check-error-2.1.3.tgz#2427361117b70cca8dc89680ead32b157019caf5"
   integrity sha512-PAJdDJusoxnwm1VwW07VWwUN1sl7smmC3OKggvndJFadxxDRyFJBX/ggnu/KE4kQAB7a3Dp8f/YXC1FlUprWmA==
 
+chokidar@^4.0.0:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-4.0.3.tgz#7be37a4c03c9aee1ecfe862a4a23b2c70c205d30"
+  integrity sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==
+  dependencies:
+    readdirp "^4.0.1"
+
 class-variance-authority@^0.7.1:
   version "0.7.1"
   resolved "https://registry.yarnpkg.com/class-variance-authority/-/class-variance-authority-0.7.1.tgz#4008a798a0e4553a781a57ac5177c9fb5d043787"
@@ -3900,10 +3989,10 @@ eslint-plugin-react-hooks@^5.0.0:
   resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-5.2.0.tgz#1be0080901e6ac31ce7971beed3d3ec0a423d9e3"
   integrity sha512-+f15FfK64YQwZdJNELETdn5ibXEUQmW1DZL6KXhNnc2heoy/sg9VJJeT7n8TlMWouzWqSWavFkIhHyIbIAEapg==
 
-eslint-plugin-react-refresh@^0.4.12:
-  version "0.4.26"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.4.26.tgz#2bcdd109ea9fb4e0b56bb1b5146cf8841b21b626"
-  integrity sha512-1RETEylht2O6FM/MvgnyvT+8K21wLqDNg4qD51Zj3guhjt433XbnnkVttHMyaVyAFD03QSV4LPS5iE3VQmO7XQ==
+eslint-plugin-react-refresh@^0.5.2:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.5.2.tgz#39e11021be10e1cd9adab2bdeabc65b17222409f"
+  integrity sha512-hmgTH57GfzoTFjVN0yBwTggnsVUF2tcqi7RJZHqi9lIezSs4eFyAMktA68YD4r5kNw1mxyY4dmkyoFDb3FIqrA==
 
 eslint-plugin-react@^7.37.1:
   version "7.37.5"
@@ -4505,6 +4594,11 @@ immer@^11.0.0:
   resolved "https://registry.yarnpkg.com/immer/-/immer-11.1.4.tgz#37aee86890b134a8f1a2fadd44361fb86c6ae67e"
   integrity sha512-XREFCPo6ksxVzP4E0ekD5aMdf8WMwmdNaz6vuvxgI40UaEiu6q3p8X52aU6GdyvLY3XXX/8R7JOTXStz/nBbRw==
 
+immutable@^5.1.5:
+  version "5.1.5"
+  resolved "https://registry.yarnpkg.com/immutable/-/immutable-5.1.5.tgz#93ee4db5c2a9ab42a4a783069f3c5d8847d40165"
+  integrity sha512-t7xcm2siw+hlUM68I+UEOK+z84RzmN59as9DZ7P1l0994DKUWV7UXBMQZVxaoMSRQ+PBZbHCOoBt7a2wxOMt+A==
+
 import-fresh@^3.2.1, import-fresh@^3.3.0:
   version "3.3.1"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.1.tgz#9cecb56503c0ada1f2741dbbd6546e4b13b57ccf"
@@ -5402,6 +5496,11 @@ no-case@^3.0.4:
     lower-case "^2.0.2"
     tslib "^2.0.3"
 
+node-addon-api@^7.0.0:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-7.1.1.tgz#1aba6693b0f255258a049d621329329322aad558"
+  integrity sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==
+
 node-exports-info@^1.6.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/node-exports-info/-/node-exports-info-1.6.0.tgz#1aedafb01a966059c9a5e791a94a94d93f5c2a13"
@@ -5968,6 +6067,11 @@ readable-stream@^3.4.0:
     string_decoder "^1.1.1"
     util-deprecate "^1.0.1"
 
+readdirp@^4.0.1:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-4.1.2.tgz#eb85801435fbf2a7ee58f19e0921b068fc69948d"
+  integrity sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==
+
 recast@^0.23.5:
   version "0.23.11"
   resolved "https://registry.yarnpkg.com/recast/-/recast-0.23.11.tgz#8885570bb28cf773ba1dc600da7f502f7883f73f"
@@ -6212,6 +6316,17 @@ sass-lookup@^6.1.1:
     commander "^12.1.0"
     enhanced-resolve "^5.20.0"
 
+sass@^1.83.0:
+  version "1.99.0"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.99.0.tgz#ff9d1594da4886249dfaafabbeea2dea2dc74b26"
+  integrity sha512-kgW13M54DUB7IsIRM5LvJkNlpH+WhMpooUcaWGFARkF1Tc82v9mIWkCbCYf+MBvpIUBSeSOTilpZjEPr2VYE6Q==
+  dependencies:
+    chokidar "^4.0.0"
+    immutable "^5.1.5"
+    source-map-js ">=0.6.2 <2.0.0"
+  optionalDependencies:
+    "@parcel/watcher" "^2.4.1"
+
 sax@>=0.6.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/sax/-/sax-1.6.0.tgz#da59637629307b97e7c4cb28e080a7bc38560d5b"
@@ -6376,7 +6491,7 @@ sonner@^2.0.7:
   resolved "https://registry.yarnpkg.com/sonner/-/sonner-2.0.7.tgz#810c1487a67ec3370126e0f400dfb9edddc3e4f6"
   integrity sha512-W6ZN4p58k8aDKA4XPcx2hpIQXBRAgyiWVkYhT7CvK6D3iAu7xjvVyhQHg2/iaKJZ1XVJ4r7XuwGL+WGEK37i9w==
 
-source-map-js@^1.2.1:
+"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.1.tgz#1ce5650fddd87abc099eda37dcff024c2667ae46"
   integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==
@@ -6625,10 +6740,10 @@ tailwind-merge@^2.5.4:
   resolved "https://registry.yarnpkg.com/tailwind-merge/-/tailwind-merge-2.6.1.tgz#a9d58240f664d21c33c379a092d9a273f833443b"
   integrity sha512-Oo6tHdpZsGpkKG88HJ8RR1rg/RdnEkQEfMoEk2x1XRI3F1AxeU+ijRXpiVUF4UbLfcxxRGw6TbUINKYdWVsQTQ==
 
-tailwindcss@4.2.2, tailwindcss@^4.0.0:
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-4.2.2.tgz#688fb0751c8ca9044e890546510a2ee817308e87"
-  integrity sha512-KWBIxs1Xb6NoLdMVqhbhgwZf2PGBpPEiwOqgI4pFIYbNTfBXiKYyWoTsXgBQ9WFg/OlhnvHaY+AEpW7wSmFo2Q==
+tailwindcss@4.2.3, tailwindcss@^4.0.0:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-4.2.3.tgz#2827c09ec9bec39e7cdf0bae357e21689b99cc09"
+  integrity sha512-fA/NX5gMf0ooCLISgB0wScaWgaj6rjTN2SVAwleURjiya7ITNkV+VMmoHtKkldP6CIZoYCZyxb8zP/e2TWoEtQ==
 
 tapable@^2.3.0:
   version "2.3.2"
@@ -6846,15 +6961,15 @@ typed-array-length@^1.0.7:
     possible-typed-array-names "^1.0.0"
     reflect.getprototypeof "^1.0.6"
 
-typescript-eslint@^8.8.0:
-  version "8.58.2"
-  resolved "https://registry.yarnpkg.com/typescript-eslint/-/typescript-eslint-8.58.2.tgz#55f425fc668c2d5148f45587f2cd04532d715c6a"
-  integrity sha512-V8iSng9mRbdZjl54VJ9NKr6ZB+dW0J3TzRXRGcSbLIej9jV86ZRtlYeTKDR/QLxXykocJ5icNzbsl2+5TzIvcQ==
+typescript-eslint@^8.59.0, typescript-eslint@^8.8.0:
+  version "8.59.0"
+  resolved "https://registry.yarnpkg.com/typescript-eslint/-/typescript-eslint-8.59.0.tgz#d1cc7c63559ce7116aeb66d35ec9dbe0063379fd"
+  integrity sha512-BU3ONW9X+v90EcCH9ZS6LMackcVtxRLlI3XrYyqZIwVSHIk7Qf7bFw1z0M9Q0IUxhTMZCf8piY9hTYaNEIASrw==
   dependencies:
-    "@typescript-eslint/eslint-plugin" "8.58.2"
-    "@typescript-eslint/parser" "8.58.2"
-    "@typescript-eslint/typescript-estree" "8.58.2"
-    "@typescript-eslint/utils" "8.58.2"
+    "@typescript-eslint/eslint-plugin" "8.59.0"
+    "@typescript-eslint/parser" "8.59.0"
+    "@typescript-eslint/typescript-estree" "8.59.0"
+    "@typescript-eslint/utils" "8.59.0"
 
 typescript@^5.6.3, typescript@^5.9.3:
   version "5.9.3"
@@ -6876,11 +6991,6 @@ unbox-primitive@^1.1.0:
     has-symbols "^1.1.0"
     which-boxed-primitive "^1.1.1"
 
-undici-types@~6.21.0:
-  version "6.21.0"
-  resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-6.21.0.tgz#691d00af3909be93a7faa13be61b3a5b50ef12cb"
-  integrity sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==
-
 undici-types@~7.19.0:
   version "7.19.2"
   resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-7.19.2.tgz#1b67fc26d0f157a0cba3a58a5b5c1e2276b8ba2a"