chore(release): 4.32.0 [skip ci]

## [4.32.0](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.31.1...v4.32.0) (2025-10-20) ### Features * **levels:** add dark mode styling and responsive scaling to abacus ([92e1e62](92e1e62132))
feat(levels): add dark mode styling and responsive scaling to abacus
2025-10-20 12:50:34 +00:00 · 2025-10-20 07:49:28 -05:00 · 2025-10-20 12:47:01 +00:00 · 2025-10-20 07:45:53 -05:00 · 2025-10-20 12:41:45 +00:00 · 2025-10-20 07:40:19 -05:00
4 changed files with 322 additions and 778 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,31 @@
+## [4.32.0](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.31.1...v4.32.0) (2025-10-20)
+
+
+### Features
+
+* **levels:** add dark mode styling and responsive scaling to abacus ([92e1e62](https://github.com/antialias/soroban-abacus-flashcards/commit/92e1e621321039206f65b3605f5797bbdc6beafc))
+
+## [4.31.1](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.31.0...v4.31.1) (2025-10-20)
+
+
+### Bug Fixes
+
+* **levels:** use correct AbacusReact API with direct props ([892b377](https://github.com/antialias/soroban-abacus-flashcards/commit/892b377eb3bbd555dd2566bf58e946e9faa7b9f6))
+
+## [4.31.0](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.30.0...v4.31.0) (2025-10-20)
+
+
+### Features
+
+* **levels:** implement interactive slider for exploring kyu & dan ranks ([eb3b100](https://github.com/antialias/soroban-abacus-flashcards/commit/eb3b1000563536d4143ba1f4ec04e59e8dd2e608))
+
+## [4.30.0](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.29.0...v4.30.0) (2025-10-20)
+
+
+### Features
+
+* **levels:** create true horizontal slider with abacus visualizations ([6d734f1](https://github.com/antialias/soroban-abacus-flashcards/commit/6d734f1d51f5ba1367f55923e58bd977413d754e))
+
 ## [4.29.0](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.28.0...v4.29.0) (2025-10-20)


--- a/apps/web/.claude/CLAUDE.md
+++ b/apps/web/.claude/CLAUDE.md
@@ -121,6 +121,31 @@ className="bg-blue-200 border-gray-300 text-brand-600"

 See `.claude/GAME_THEMES.md` for standardized color theme usage in arcade games.

+## Abacus Visualizations
+
+**CRITICAL: This project uses @soroban/abacus-react for all abacus visualizations.**
+
+- All abacus displays MUST use components from `@soroban/abacus-react`
+- Package location: `packages/abacus-react`
+- Main components: `AbacusReact`, `useAbacusConfig`, `useAbacusDisplay`
+- DO NOT create custom abacus visualizations
+- DO NOT manually draw abacus columns, beads, or bars
+
+**Common Mistakes to Avoid:**
+- ❌ Don't create custom abacus components or SVGs
+- ❌ Don't manually render abacus beads or columns
+- ✅ Always use `AbacusReact` from `@soroban/abacus-react`
+- ✅ Use `useAbacusConfig` for abacus configuration
+- ✅ Use `useAbacusDisplay` for reading abacus state
+
+**Example Usage:**
+```typescript
+import { AbacusReact, useAbacusConfig } from '@soroban/abacus-react'
+
+const config = useAbacusConfig({ columns: 5 })
+<AbacusReact config={config} initialNumber={123} />
+```
+
 ## Known Issues

 ### @soroban/abacus-react TypeScript Module Resolution
--- a/apps/web/src/app/levels/page.tsx
+++ b/apps/web/src/app/levels/page.tsx
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "soroban-monorepo",
-  "version": "4.29.0",
+  "version": "4.32.0",
  "private": true,
  "description": "Beautiful Soroban Flashcard Generator - Monorepo",
  "workspaces": [
Author	SHA1	Message	Date
semantic-release-bot	321d9aea10	chore(release): 4.32.0 [skip ci] ## [4.32.0](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.31.1...v4.32.0) (2025-10-20) ### Features * levels: add dark mode styling and responsive scaling to abacus ([`92e1e62`](`92e1e62132`))	2025-10-20 12:50:34 +00:00
Thomas Hallock	92e1e62132	feat(levels): add dark mode styling and responsive scaling to abacus Improvements to the levels page abacus display: - Added showNumbers={true} to show place value numbers - Styled for dark background with light gray columns and reckoning bar - Colored beads (blue heaven, green earth) for better visibility - Dynamic scaling: large (2.5x) for Kyu levels, smaller for Dan levels - Added horizontal overflow for very wide Dan level abacuses (30 columns) - Formula: scaleFactor = Math.min(2.5, 20 / digits) The abacus now fits gracefully at all levels and is clearly visible on the dark page background. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-20 07:49:28 -05:00
semantic-release-bot	84d980bb24	chore(release): 4.31.1 [skip ci] ## [4.31.1](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.31.0...v4.31.1) (2025-10-20) ### Bug Fixes * levels: use correct AbacusReact API with direct props ([`892b377`](`892b377eb3`))	2025-10-20 12:47:01 +00:00
Thomas Hallock	892b377eb3	fix(levels): use correct AbacusReact API with direct props Fixed abacus not rendering by using the correct API: - Removed non-existent useAbacusConfig import - Changed from config object to direct props (value, columns, scaleFactor) - Added scaleFactor=1.5 for better visibility The abacus now properly displays with the appropriate number of columns based on the selected kyu/dan level. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-20 07:45:53 -05:00
semantic-release-bot	bc21095fa1	chore(release): 4.31.0 [skip ci] ## [4.31.0](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.30.0...v4.31.0) (2025-10-20) ### Features * levels: implement interactive slider for exploring kyu & dan ranks ([`eb3b100`](`eb3b100056`))	2025-10-20 12:41:45 +00:00
Thomas Hallock	eb3b100056	feat(levels): implement interactive slider for exploring kyu & dan ranks Replace static grid layout with an interactive range slider that allows users to explore all 21 kyu and dan levels dynamically. The slider updates a single AbacusReact component showing the appropriate number of columns (2-30 digits) based on the selected rank. Features: - HTML range input slider from 10th Kyu to 10th Dan - Dynamic abacus visualization using @soroban/abacus-react - Real-time updates of level metadata (emoji, name, min score) - Color-coded borders matching progression levels - Reference markers for key ranks 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-20 07:40:19 -05:00
semantic-release-bot	276f6f0744	chore(release): 4.30.0 [skip ci] ## [4.30.0](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.29.0...v4.30.0) (2025-10-20) ### Features * levels: create true horizontal slider with abacus visualizations ([`6d734f1`](`6d734f1d51`))	2025-10-20 12:34:34 +00:00
Thomas Hallock	6d734f1d51	feat(levels): create true horizontal slider with abacus visualizations Replace carousel with actual horizontal slider showing all 21 ranks: - Continuous scrollable view of 10 Kyu levels + 11 Dan levels - Each level card displays: - Level name, emoji, and metadata - Visual abacus showing digit mastery (2-30 columns) - Color-coded by progression (green→blue→violet→amber) - Simplified abacus columns with proper visual structure - Visual transition marker between Kyu and Dan sections - Color legend for all four progression stages - Fully mobile-responsive horizontal scrolling Also add documentation note about using @soroban/abacus-react for all abacus visualizations in the codebase. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-20 07:33:36 -05:00