mirror of
https://github.com/purrgrammer/grimoire.git
synced 2026-04-10 23:47:12 +02:00
a78b5226ce7534847b59620c2624feb11116f487
Add per-workspace layout configuration UI with visual controls: **Core Changes:** - Add updateWorkspaceLayoutConfig() function to logic.ts for updating workspace layout settings - Expose updateWorkspaceLayoutConfig in useGrimoire hook **UI Components:** - Create WorkspaceSettings dialog with three sections: * Insertion Mode selector (Balanced/Horizontal/Vertical) with icons * Split Percentage slider (10-90%) with real-time preview * Insertion Position toggle (Left-Top/Right-Bottom) - Add settings icon (SlidersHorizontal) to workspace tabs that appears on hover - Settings button opens configuration dialog for that workspace **UX Details:** - Settings icon only visible on hover to reduce visual clutter - Clear visual feedback for selected options with primary color highlights - Preview section shows current configuration in plain language - Reset to Defaults button restores smart mode defaults - Prevents workspace switch when clicking settings icon **Icons Used:** - Sparkles: Balanced (smart auto-balancing) - SplitSquareHorizontal: Horizontal splits - SplitSquareVertical: Vertical splits - SlidersHorizontal: Settings access Each workspace can now have independent layout behavior configured through an intuitive UI.
Languages
TypeScript
98.9%
CSS
0.8%
JavaScript
0.3%