From 0c5a23ad9b02010b3da2cdca33f20507f7b6398e Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Sun, 15 Feb 2026 20:58:01 +0200
Subject: [PATCH] feat: add AnimatePresence page transitions between views

---
 src/App.tsx | 30 +++++++++++++++++++++++++++++-
 1 file changed, 29 insertions(+), 1 deletion(-)

diff --git a/src/App.tsx b/src/App.tsx
index bf2a6a9..07314a1 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,5 +1,7 @@
 import { useState, useEffect, useCallback } from "react";
 import { getCurrentWindow } from "@tauri-apps/api/window";
+import { AnimatePresence, motion } from "framer-motion";
+import { springs, fadeSlideLeft, fadeSlideRight } from "@/lib/motion";
 import { useAppStore } from "@/stores/app-store";
 import { useBoardStore } from "@/stores/board-store";
 import { AppShell } from "@/components/layout/AppShell";
@@ -73,7 +75,33 @@ export default function App() {
   return (
     <>
       <AppShell>
-        {view.type === "board-list" ? <BoardList /> : <BoardView />}
+        <AnimatePresence mode="wait">
+          {view.type === "board-list" ? (
+            <motion.div
+              key="board-list"
+              className="h-full"
+              variants={fadeSlideRight}
+              initial="hidden"
+              animate="visible"
+              exit="exit"
+              transition={springs.gentle}
+            >
+              <BoardList />
+            </motion.div>
+          ) : (
+            <motion.div
+              key={`board-${view.boardId}`}
+              className="h-full"
+              variants={fadeSlideLeft}
+              initial="hidden"
+              animate="visible"
+              exit="exit"
+              transition={springs.gentle}
+            >
+              <BoardView />
+            </motion.div>
+          )}
+        </AnimatePresence>
       </AppShell>
       <CommandPalette onOpenSettings={handleOpenSettings} />
       <SettingsDialog open={settingsOpen} onOpenChange={setSettingsOpen} />