chore(release): 4.33.7 [skip ci]

## [4.33.7](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.33.6...v4.33.7) (2025-10-20) ### Bug Fixes * **levels:** reduce scale factor variation to minimize margin differences ([abb647c](abb647ce40))
fix(levels): reduce scale factor variation to minimize margin differences
2025-10-20 14:08:00 +00:00 · 2025-10-20 09:06:46 -05:00 · 2025-10-20 14:04:50 +00:00 · 2025-10-20 09:03:41 -05:00 · 2025-10-20 14:03:23 +00:00 · 2025-10-20 09:02:19 -05:00
3 changed files with 44 additions and 7 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,31 @@
+## [4.33.7](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.33.6...v4.33.7) (2025-10-20)
+
+
+### Bug Fixes
+
+* **levels:** reduce scale factor variation to minimize margin differences ([abb647c](https://github.com/antialias/soroban-abacus-flashcards/commit/abb647ce40b8f9d0c8268ab18c139324ae3195c5))
+
+## [4.33.6](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.33.5...v4.33.6) (2025-10-20)
+
+
+### Bug Fixes
+
+* **levels:** increase container height to prevent abacus clipping ([cd5c15a](https://github.com/antialias/soroban-abacus-flashcards/commit/cd5c15aeb260c568fe7ad9b6a4f51c4d6498b2b8))
+
+## [4.33.5](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.33.4...v4.33.5) (2025-10-20)
+
+
+### Bug Fixes
+
+* **levels:** revert delayed column change, keep overflow hidden ([22f00f5](https://github.com/antialias/soroban-abacus-flashcards/commit/22f00f59f5facc36a846408dcd196ec54ea676b1))
+
+## [4.33.4](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.33.3...v4.33.4) (2025-10-20)
+
+
+### Bug Fixes
+
+* **levels:** stabilize slider position and prevent abacus clipping ([09004dc](https://github.com/antialias/soroban-abacus-flashcards/commit/09004dc2c055031ee2f71c964ceee6f7b1d42ecd))
+
 ## [4.33.3](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.33.2...v4.33.3) (2025-10-20)


--- a/apps/web/src/app/levels/page.tsx
+++ b/apps/web/src/app/levels/page.tsx
@@ -126,8 +126,9 @@ export default function LevelsPage() {
  const currentLevel = allLevels[currentIndex]

  // Calculate scale factor based on number of columns to fit the page
-  // Smaller scale for more columns (Dan levels with 30 columns)
-  const scaleFactor = Math.min(2.5, 20 / currentLevel.digits)
+  // Use constrained range to prevent huge size differences between levels
+  // Min 1.5 (for 30-column Dan levels) to Max 3.0 (for 2-column Kyu levels)
+  const scaleFactor = Math.max(1.5, Math.min(3.0, 20 / currentLevel.digits))

  // Animate scale factor with React Spring for smooth transitions
  const animatedProps = useSpring({
@@ -253,13 +254,22 @@ export default function LevelsPage() {
                        : 'amber.500',
                rounded: 'xl',
                p: { base: '6', md: '8' },
-                height: { base: 'auto', md: '700px' },
+                height: { base: 'auto', md: '900px' },
                display: 'flex',
                flexDirection: 'column',
              })}
            >
              {/* Level Info */}
-              <div className={css({ textAlign: 'center', mb: '6' })}>
+              <div
+                className={css({
+                  textAlign: 'center',
+                  mb: '4',
+                  height: '160px',
+                  display: 'flex',
+                  flexDirection: 'column',
+                  justifyContent: 'center',
+                })}
+              >
                <div className={css({ fontSize: '5xl', mb: '3' })}>{currentLevel.emoji}</div>
                <h2
                  className={css({
@@ -343,13 +353,12 @@ export default function LevelsPage() {
                  display: 'flex',
                  justifyContent: 'center',
                  alignItems: 'center',
-                  mb: '6',
                  p: '6',
                  bg: 'rgba(0, 0, 0, 0.3)',
                  rounded: 'lg',
                  border: '1px solid',
                  borderColor: 'gray.700',
-                  overflowX: 'auto',
+                  overflow: 'hidden',
                  flex: 1,
                })}
              >
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "soroban-monorepo",
-  "version": "4.33.3",
+  "version": "4.33.7",
  "private": true,
  "description": "Beautiful Soroban Flashcard Generator - Monorepo",
  "workspaces": [
Author	SHA1	Message	Date
semantic-release-bot	a12ae969be	chore(release): 4.33.7 [skip ci] ## [4.33.7](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.33.6...v4.33.7) (2025-10-20) ### Bug Fixes * levels: reduce scale factor variation to minimize margin differences ([`abb647c`](`abb647ce40`))	2025-10-20 14:08:00 +00:00
Thomas Hallock	abb647ce40	fix(levels): reduce scale factor variation to minimize margin differences Changed scale factor formula to use a constrained range (1.5 to 3.0) instead of the previous unbounded formula that allowed much wider variation. Previous formula: Math.min(2.5, 20 / digits) - 2 columns (10 Kyu): 2.5 - 30 columns (Dan): 0.67 - Ratio: ~3.7x difference New formula: Math.max(1.5, Math.min(3.0, 20 / digits)) - 2 columns (10 Kyu): 3.0 - 30 columns (Dan): 1.5 - Ratio: 2.0x difference This reduces the excessive margin around Dan level abacuses while still providing appropriate scaling for different column counts. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-20 09:06:46 -05:00
semantic-release-bot	d6c28f7ede	chore(release): 4.33.6 [skip ci] ## [4.33.6](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.33.5...v4.33.6) (2025-10-20) ### Bug Fixes * levels: increase container height to prevent abacus clipping ([`cd5c15a`](`cd5c15aeb2`))	2025-10-20 14:04:50 +00:00
Thomas Hallock	cd5c15aeb2	fix(levels): increase container height to prevent abacus clipping Increased the main level display container height from 700px to 900px to provide more vertical space for the abacus display. This prevents the top and bottom of the abacus from being clipped, especially for levels with larger column counts. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-20 09:03:41 -05:00
semantic-release-bot	ccaad3abc8	chore(release): 4.33.5 [skip ci] ## [4.33.5](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.33.4...v4.33.5) (2025-10-20) ### Bug Fixes * levels: revert delayed column change, keep overflow hidden ([`22f00f5`](`22f00f59f5`))	2025-10-20 14:03:23 +00:00
Thomas Hallock	22f00f59f5	fix(levels): revert delayed column change, keep overflow hidden Reverted the delayed column change approach (using displayedIndex state and onRest callback) which was causing bugs. Went back to the simpler direct approach where currentIndex immediately drives all changes. Changes: - Removed displayedIndex state and displayedLevel variable - Removed onRest callback from React Spring configuration - All UI elements now use currentLevel directly - Kept overflow: 'hidden' on abacus container The simpler approach provides better UX with immediate feedback while React Spring still provides smooth scale transitions. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-20 09:02:19 -05:00
semantic-release-bot	a85815fdf9	chore(release): 4.33.4 [skip ci] ## [4.33.4](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.33.3...v4.33.4) (2025-10-20) ### Bug Fixes * levels: stabilize slider position and prevent abacus clipping ([`09004dc`](`09004dc2c0`))	2025-10-20 13:58:06 +00:00
Thomas Hallock	09004dc2c0	fix(levels): stabilize slider position and prevent abacus clipping Fixed three layout issues with the levels page slider interaction: 1. Fixed height for level info section (160px with flexbox centering) - Prevents slider from shifting vertically when switching between Kyu and Dan levels (Dan levels have extra text for name + minScore) - Keeps slider position stable during hover interaction 2. Changed abacus container overflow from 'auto' to 'visible' - Prevents abacus from being clipped at container boundaries - Allows full abacus display without scrollbars 3. Reduced spacing between sections for better layout balance These changes ensure the slider stays perfectly under the mouse cursor during hover interaction while the abacus smoothly animates. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-20 08:56:57 -05:00