feat: enhance ControlBase with advanced panel behavior patterns

Implement comprehensive control panel functionality based on reference patterns:

## New Features
- Icon-only collapsed state with compass positioning
- Expand/drag functionality for repositioning panels
- Bottom-left corner resize with minimum size constraints
- Collapse button returns to original position
- Header toggle for content visibility control

## Technical Improvements
- Enhanced DOM structure with expanded/collapsed states
- Robust event handling with automatic cleanup
- State management for drag, resize, expand operations
- Position restoration system for collapse behavior
- Comprehensive styling system with backdrop effects

## Components Added
- Enhanced ControlBase class with 5 core behaviors
- ContentsControl, StatusControl, EditControl, DebugControl panels
- Component discovery system with TDD implementation
- Legacy DocumentControlsLegacy for backward compatibility

## Testing & Documentation
- Interactive test page for behavior validation
- Comprehensive implementation notes
- TDD test suite with 84 passing tests
- Component listing automation

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

capabilities/testdrive-jsui/js/tests/test-full-integration.js

@@ -19,18 +19,18 @@ runner.describe('Full Component Integration Tests', () => {
             const sectionModule = require('../core/section-manager.js');
             const domModule = require('../components/dom-renderer.js');
             const debugModule = require('../components/debug-panel.js');
-            const controlsModule = require('../components/document-controls.js');
+            const controlsModule = require('../components/document-controls-legacy.js');
 
             runner.expect(sectionModule.SectionManager).toBeTruthy();
             runner.expect(domModule.DOMRenderer).toBeTruthy();
             runner.expect(debugModule.DebugPanel).toBeTruthy();
-            runner.expect(controlsModule.DocumentControls).toBeTruthy();
+            runner.expect(controlsModule.DocumentControlsLegacy).toBeTruthy();
 
             // Set globals for other tests
             global.ExtractedSectionManager = sectionModule.SectionManager;
             global.ExtractedDOMRenderer = domModule.DOMRenderer;
             global.ExtractedDebugPanel = debugModule.DebugPanel;
-            global.ExtractedDocumentControls = controlsModule.DocumentControls;
+            global.ExtractedDocumentControls = controlsModule.DocumentControlsLegacy;
 
         } catch (error) {
             throw new Error(`Failed to load extracted components: ${error.message}`);