chore(release): 4.61.2 [skip ci]

## [4.61.2](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.61.1...v4.61.2) (2025-10-21)

### Bug Fixes

* **flashcards:** use explicit per-property configs to fix decay physics ([f32480a](f32480a0f9))

CHANGELOG.md

@@ -1,3 +1,60 @@
+## [4.61.2](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.61.1...v4.61.2) (2025-10-21)
+
+
+### Bug Fixes
+
+* **flashcards:** use explicit per-property configs to fix decay physics ([f32480a](https://github.com/antialias/soroban-abacus-flashcards/commit/f32480a0f9153285341e5a28078840abc0590873))
+
+## [4.61.1](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.61.0...v4.61.1) (2025-10-21)
+
+
+### Bug Fixes
+
+* **flashcards:** fix position snap-back by using api.set before decay ([30e16c8](https://github.com/antialias/soroban-abacus-flashcards/commit/30e16c8e5ac3bb25f2d54cf715dc6fb45adc4fcc))
+
+## [4.61.0](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.60.0...v4.61.0) (2025-10-21)
+
+
+### Features
+
+* **flashcards:** enable unbounded drag and position persistence ([ad1ad69](https://github.com/antialias/soroban-abacus-flashcards/commit/ad1ad690f014257b5a3c3f599e794205a11d286f))
+
+## [4.60.0](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.59.1...v4.60.0) (2025-10-21)
+
+
+### Features
+
+* **homepage:** significantly increase mobile hero abacus size ([424f41d](https://github.com/antialias/soroban-abacus-flashcards/commit/424f41d4bfc1ddea068f8c110b495ebd5c0bb455))
+
+## [4.59.1](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.59.0...v4.59.1) (2025-10-21)
+
+
+### Bug Fixes
+
+* **homepage:** adjust hero abacus scale for optimal sizing across devices ([86dee31](https://github.com/antialias/soroban-abacus-flashcards/commit/86dee31c9a51ca0712f1b4181a4899d25374d403))
+* **homepage:** reduce mobile abacus scale to prevent scroll hint overlap ([b8235be](https://github.com/antialias/soroban-abacus-flashcards/commit/b8235be612c3f1dbd0da2b6cd1a935001b7dac9b))
+
+## [4.59.0](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.58.2...v4.59.0) (2025-10-21)
+
+
+### Features
+
+* **homepage:** increase hero abacus size for better visibility ([7666b0a](https://github.com/antialias/soroban-abacus-flashcards/commit/7666b0aea949f2432a4d0f4648c1a366af3ea6d2))
+
+## [4.58.2](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.58.1...v4.58.2) (2025-10-21)
+
+
+### Code Refactoring
+
+* **navbar:** prevent subtitle wrap and remove abacus emoji ([a58f7b7](https://github.com/antialias/soroban-abacus-flashcards/commit/a58f7b78b0020c85da523c36fdf6d70ad069736a))
+
+## [4.58.1](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.58.0...v4.58.1) (2025-10-21)
+
+
+### Bug Fixes
+
+* **navbar:** apply glassmorphism to transparent mode, not scrolled mode ([8893675](https://github.com/antialias/soroban-abacus-flashcards/commit/8893675b36b1c1534c6fe7e57fa7e0cc55f198d6))
+
 ## [4.58.0](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.57.10...v4.58.0) (2025-10-21)
 
 

apps/web/src/components/AppNavBar.tsx

@@ -612,7 +612,7 @@ export function AppNavBar({ variant = 'full', navSlot }: AppNavBarProps) {
                     color: 'rgba(255, 255, 255, 0.95)',
                   })}
                 >
-                  🧮 Abaci One
+                  Abaci One
                 </span>
                 <Tooltip.Root>
                   <Tooltip.Trigger asChild>
@@ -623,6 +623,7 @@ export function AppNavBar({ variant = 'full', navSlot }: AppNavBarProps) {
                         color: 'rgba(196, 181, 253, 0.8)',
                         fontStyle: 'italic',
                         cursor: 'help',
+                        whiteSpace: 'nowrap',
                         _hover: { color: 'rgba(196, 181, 253, 1)' },
                       })}
                     >
@@ -719,7 +720,7 @@ function NavLink({
     <Link
       href={href}
       style={{
-        backdropFilter: isTransparent ? 'none' : 'blur(8px)',
+        backdropFilter: isTransparent ? 'blur(8px)' : 'none',
       }}
       className={css({
         px: { base: '4', md: '3' },
@@ -737,29 +738,29 @@ function NavLink({
             : 'rgba(209, 213, 219, 0.9)',
         bg: isTransparent
           ? isActive
-            ? 'rgba(255, 255, 255, 0.15)'
-            : 'transparent'
+            ? 'rgba(255, 255, 255, 0.2)'
+            : 'rgba(255, 255, 255, 0.08)'
           : isActive
-            ? 'rgba(139, 92, 246, 0.25)'
-            : 'rgba(255, 255, 255, 0.08)',
-        border: isTransparent ? 'none' : '1px solid',
+            ? 'rgba(139, 92, 246, 0.2)'
+            : 'transparent',
+        border: isTransparent ? '1px solid' : 'none',
         borderColor: isTransparent
-          ? 'transparent'
-          : isActive
-            ? 'rgba(139, 92, 246, 0.3)'
-            : 'rgba(255, 255, 255, 0.15)',
+          ? isActive
+            ? 'rgba(255, 255, 255, 0.3)'
+            : 'rgba(255, 255, 255, 0.15)'
+          : 'transparent',
         rounded: 'lg',
         transition: 'all',
         textDecoration: 'none',
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
-        boxShadow: isTransparent ? 'none' : '0 2px 8px rgba(0, 0, 0, 0.2)',
+        boxShadow: isTransparent ? '0 2px 8px rgba(0, 0, 0, 0.2)' : 'none',
         _hover: {
           color: isTransparent ? 'white' : 'rgba(196, 181, 253, 1)',
-          bg: isTransparent ? 'rgba(255, 255, 255, 0.2)' : 'rgba(139, 92, 246, 0.3)',
-          borderColor: isTransparent ? 'transparent' : 'rgba(139, 92, 246, 0.4)',
-          boxShadow: isTransparent ? 'none' : '0 4px 12px rgba(139, 92, 246, 0.2)',
+          bg: isTransparent ? 'rgba(255, 255, 255, 0.25)' : 'rgba(139, 92, 246, 0.25)',
+          borderColor: isTransparent ? 'rgba(255, 255, 255, 0.4)' : 'transparent',
+          boxShadow: isTransparent ? '0 4px 12px rgba(0, 0, 0, 0.3)' : 'none',
         },
       })}
     >

apps/web/src/components/HeroAbacus.tsx

@@ -131,7 +131,7 @@ export function HeroAbacus() {
       >
         <div
           className={css({
-            transform: { base: 'scale(2)', md: 'scale(3)', lg: 'scale(4)' },
+            transform: { base: 'scale(3.5)', md: 'scale(3.5)', lg: 'scale(4.25)' },
             transformOrigin: 'center center',
             transition: 'all 0.5s cubic-bezier(0.4, 0, 0.2, 1)',
           })}

apps/web/src/components/InteractiveFlashcards.tsx

@@ -77,7 +77,7 @@ export function InteractiveFlashcards() {
         maxW: '1200px',
         mx: 'auto',
         height: { base: '400px', md: '500px' },
-        overflow: 'hidden',
+        overflow: 'visible',
         bg: 'rgba(0, 0, 0, 0.3)',
         rounded: 'xl',
         border: '1px solid rgba(255, 255, 255, 0.1)',
@@ -196,6 +196,16 @@ function DraggableCard({ card }: DraggableCardProps) {
         // On release, reset transform origin to center
         setTransformOrigin('center center')
 
+        // Update current position to where the card was dropped
+        currentPositionRef.current.x = currentPositionRef.current.x + mx
+        currentPositionRef.current.y = currentPositionRef.current.y + my
+
+        // First, snap the spring to the dropped position immediately
+        api.set({
+          x: currentPositionRef.current.x,
+          y: currentPositionRef.current.y,
+        })
+
         // On release, apply momentum with decay physics
         const throwVelocityX = lastVelocityRef.current.vx * 1000
         const throwVelocityY = lastVelocityRef.current.vy * 1000
@@ -203,22 +213,26 @@ function DraggableCard({ card }: DraggableCardProps) {
         // Calculate final rotation based on throw direction
         const throwAngle = Math.atan2(throwVelocityY, throwVelocityX) * (180 / Math.PI)
 
+        // Start position decay and rotation/scale animations
         api.start({
           x: {
-            from: currentPositionRef.current.x + mx,
             velocity: throwVelocityX,
-            decay: true,
+            config: { decay: true },
           },
           y: {
-            from: currentPositionRef.current.y + my,
             velocity: throwVelocityY,
-            decay: true,
+            config: { decay: true },
+          },
+          scale: {
+            value: 1,
+            config: config.wobbly,
+          },
+          rotation: {
+            value: throwAngle + 90, // Card aligns with throw direction
+            config: config.wobbly,
           },
-          scale: 1,
-          rotation: throwAngle + 90, // Card aligns with throw direction
-          config: config.wobbly,
           onChange: (result) => {
-            // Update current position as card settles
+            // Continue updating position as card settles with momentum
             if (result.value.x !== undefined) {
               currentPositionRef.current.x = result.value.x
             }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "soroban-monorepo",
-  "version": "4.58.0",
+  "version": "4.61.2",
   "private": true,
   "description": "Beautiful Soroban Flashcard Generator - Monorepo",
   "workspaces": [