feat: Introduce card size slider for unified scaling across grid and stack views, and add smart preview suppression.

docs/development/CENTRAL.md

@@ -55,3 +55,6 @@
 - [Entrance Animation Fix](./devlog/2025-12-17-021500_entrance_animation_fix.md): Completed. Implemented 'isMounted' state to ensuring scale-in animation triggers correctly on first render.
 - [Foil Bug Fix](./devlog/2025-12-17-022000_foil_bug_fix.md): Completed. Fixed regression where foil animations applied to non-foil cards on desktop.
 - [Universal Foil Application](./devlog/2025-12-17-022500_universal_foil_application.md): Completed. Applied foil animation to Grid View and Stack View card thumbnails.
+- [Smart Preview Suppression](./devlog/2025-12-17-023000_smart_preview_suppression.md): Completed. Disabled hover preview for card elements that are already rendered large enough on screen.
+- [Compact Card Layout](./devlog/2025-12-17-023500_compact_card_layout.md): Completed. Decreased card sizes in Grid and Stack views for a denser UI.
+- [View Scale Slider](./devlog/2025-12-17-024000_view_scale_slider.md): Completed. Added a slider to dynamically adjust card dimensions, synced across Grid and Stack views.

docs/development/devlog/2025-12-17-023000_smart_preview_suppression.md

@@ -0,0 +1,16 @@
+# Intelligent Preview Suppression
+
+## Objective
+Prevent the card preview popup from appearing when the user hovers over a card that is already displayed at a significantly large size on the screen (e.g., in a large grid view), reducing UI clutter.
+
+## Changes
+- Modified `CardHoverWrapper` in `src/client/src/components/CardPreview.tsx`:
+    - Updated `handleMouseEnter` to inspect the dimensions of the hovered element using `getBoundingClientRect`.
+    - Implemented a threshold check: `Width > 240px` AND `Height > 300px`.
+    - **Logic**:
+        - **Large Grid Items**: If a card in the grid is rendered wider than 240px and taller than 300px, the hover preview is suppressed.
+        - **List Items**: Even if a list row is wide (e.g., 800px), its height is small (e.g., 40px), so the preview **will still appear**.
+        - **Small Thumbnails**: Small grid items or stack views usually fall below this threshold, ensuring the preview appears when needed.
+
+## Result
+The system now intelligently hides the preview when it is redundant, creating a cleaner experience on large desktop screens while maintaining necessary functionality for smaller thumbnails and list views.

docs/development/devlog/2025-12-17-023500_compact_card_layout.md

@@ -0,0 +1,18 @@
+# Compact Card Layout
+
+## Objective
+Slightly resize the card visualizations in both Grid and Stack views to allow more cards to fit on the screen, creating a denser and more "compact" interface as requested.
+
+## Changes
+- **Pack Grid View** (`src/client/src/components/PackCard.tsx`):
+    - Increased the column density across all breakpoints:
+        - Base: `grid-cols-2` -> `grid-cols-3`
+        - Small: `grid-cols-3` -> `grid-cols-4`
+        - Medium: `grid-cols-4` -> `grid-cols-5`
+        - Large: `grid-cols-5` -> `grid-cols-6`
+    - This reduces the individual card width, making them visually smaller.
+- **Stack / Deck View** (`src/client/src/components/StackView.tsx`):
+    - Reduced the fixed width of each stack column from `w-44` (176px) to `w-36` (144px).
+
+## Result
+Cards appear slightly smaller ("a little more smaller"), providing a broader overview of the pool and deck without requiring as much scrolling. This works in tandem with the "Smart Preview Suppression" (which will likely now re-enable previews for these smaller cards, aiding readability).

docs/development/devlog/2025-12-17-024000_view_scale_slider.md

@@ -0,0 +1,19 @@
+# View Scale Slider
+
+## Objective
+Provide the user with granular control over card thumbnail sizes across the application, ensuring consistency between Grid and Stack views.
+
+## Changes
+- **CubeManager**:
+    - Added a new `cardWidth` state variable, persisted to `localStorage` (default `140px`).
+    - Introduced a **Range Slider** in the top-right control toolbar (visible on desktop) allowing adjustment from 100px to 300px.
+    - Passed `cardWidth` down to `PackCard`.
+- **PackCard (Grid View)**:
+    - Replaced the responsive `grid-cols-*` logic with a `flex flex-wrap` layout.
+    - Each card container now receives an explicit `style={{ width: cardWidth }}`.
+- **StackView (Stack View)**:
+    - Accepted `cardWidth` prop.
+    - Applied `style={{ width: cardWidth }}` to the column containers, dynamically ensuring that stacks resize in sync with the grid view setting.
+
+## Result
+Users can now drag a slider to instantly resize all card thumbnails on the screen. This allows for customized density—make cards huge to admire the art, or tiny to see the entire cube/pool at a glance—with perfect size synchronization between the different view modes.