* Done! I've implemented the conditional width expansion solution for both resize handles.
**Changes made to [TasksLayout.tsx](file:///private/var/folders/5q/5vgq75y92dz0k7n62z93299r0000gn/T/vibe-kanban/worktrees/827f-handle/frontend/src/components/layout/TasksLayout.tsx):**
1. Added state tracking for panel sizes in both components
2. Updated `onLayout` handlers to track current panel sizes
3. Applied conditional styling: when panel < 5%, handle expands from 4px (`w-1`) to 24px (`w-6`)
4. Added smooth transitions between states
This fixes the grabability issue in both scenarios:
- Kanban/attempt handle (when kanban is collapsed)
- Attempt/aux handle in preview/diffs view (when attempt is collapsed)
* Perfect! I've updated the code to use the `onCollapse` and `onExpand` callbacks instead of size comparisons. The implementation is now cleaner and more semantic.
**Changes made:**
- Replaced size tracking with boolean collapsed state
- Added `onCollapse` and `onExpand` callbacks to both Panel components
- Updated handle styling to use `isKanbanCollapsed` and `isAttemptCollapsed` states
- Removed the size tracking logic from `onLayout` handlers
This approach is better because it directly uses the library's built-in collapse/expand events rather than inferring state from size values.
* Much better! I refactored the className to use the `cn` utility with multiple arguments for better readability. This is more idiomatic for Tailwind-based projects using shadcn/ui.
bcb9b4f0b9