feat: refactor lobby UI with collapsible panels, add player event notifications, and update card art crop threshold to 130px

docs/development/CENTRAL.md

@@ -98,3 +98,5 @@
 - [Minimize Slider Defaults](./devlog/2025-12-18-013000_minimize_slider_defaults.md): Completed. Set default card size settings to their minimum values across Cube Manager, Draft View, and Deck Builder.
 - [Deck Builder Touch Interaction](./devlog/2025-12-18-014500_deck_builder_touch.md): Completed. Renamed "Deck" to "Library" and implemented tap-to-preview logic on touch devices, disabling tap-to-move.
 - [Stack View Sorting & Sliders](./devlog/2025-12-18-020000_stack_sorting_sliders.md): Completed. Refactored StackView to group by Color by default, added sorting controls to Deck Builder, and reduced slider scales globally to allow smaller sizes.
+- [Lobby UI & Notifications](./devlog/2025-12-18-023000_lobby_ui_update.md): Completed. Refactored Lobby/Chat into collapsible floating panels, implemented player event notifications (Join/Leave/Disconnect), and updated Deck Builder card size triggers.
+- [Card Preview Threshold](./devlog/2025-12-18-024000_preview_threshold.md): Completed. Updated card art crop threshold to 130px (new 50% mark) across the application components.

docs/development/devlog/2025-12-18-023000_lobby_ui_update.md

@@ -0,0 +1,28 @@
+# Work Plan - Lobby & Chat UI Overhaul and Notifications
+
+## Request
+1.  **Lobby/Chat Sidebar**: Refactor to be collapsible on the right edge.
+    - Add floating/modal panel for Lobby and Chat content.
+    - Remove fixed right column layout.
+2.  **Notifications**: Implement toast notifications for player events (Join, Leave, Disconnect).
+    - Add setting to Enable/Disable notifications (persisted).
+3.  **Deck Builder**: Update "Full Card" display trigger to new slider range (50% = 130px).
+
+## Changes
+- **DeckBuilderView.tsx**:
+    - Updated `useArtCrop` logic: `cardWidth < 130` (was 200).
+
+- **GameRoom.tsx**:
+    - Refactored layout: Added `activePanel` state.
+    - Created `useEffect` hook with `prevPlayersRef` to detect changes and trigger toasts.
+    - Added "Notifications On/Off" toggle in Lobby panel.
+    - Implemented floating side panel UI for desktop.
+    - Updated mobile view (kept separate mobile tab logic but ensured layout stability).
+
+- **Toast.tsx**:
+    - Added `'warning'` type support for amber-colored alerts (Player Left).
+
+## Verification
+- Verified `ref` based diffing logic for notifications.
+- Verified persistence of notification settings in `localStorage`.
+- checked `Toast` type definition update.

docs/development/devlog/2025-12-18-024000_preview_threshold.md

@@ -0,0 +1,12 @@
+# Work Plan - Card Preview Threshold Update
+
+## Request
+- **Card Preview**: Change the trigger to show the full card to the what now is the new 50% (130px) instead of 200px.
+
+## Changes
+- **PackCard.tsx**: Updated logic to `cardWidth < 130` for art crop usage and `cardWidth >= 130` for hover preview prevention.
+- **StackView.tsx**: Updated logic to `cardWidth < 130` and `cardWidth >= 130` respectively.
+
+## Verification
+- Verified code changes in `PackCard.tsx` and `StackView.tsx` via `replace_file_content` outputs.
+- `DeckBuilderView.tsx` was already updated in previous step.