# TestDrive-JSUI Prototypes

This directory contains historical HTML prototypes from the development of the control system architecture.

## Files

- **AllControlsRudimentary.html** - Early prototype showing all control panels
- **ControlFooter.html** - Footer control prototype
- **DebugControlContent.html** - Reference implementation for enhanced ControlBase behavior
- **StatusPsychadelic.html** - Status control visual prototype

## Historical Context

These prototypes were created during the development of the enhanced ControlBase architecture (documented in `IMPLEMENTATION_NOTES.md`). They served as reference implementations for:

- Icon-only collapsed state
- Expand/drag functionality
- Bottom-left corner resize
- Collapse with position restoration
- Header toggle for content visibility

## Status

These files are **archived for historical reference only**. The implemented code is now in:
- `js/controls/control-base.js` - Base control class
- `js/controls/edit-control.js` - Edit panel
- `js/controls/debug-control.js` - Debug panel
- `js/controls/status-control.js` - Status indicator
- `js/controls/contents-control.js` - Table of contents

## Notes

The DebugControlContent.html prototype was specifically referenced in the IMPLEMENTATION_NOTES.md as the source for the advanced panel behavior patterns that were implemented in the ControlBase class.

---

*Archived: December 16, 2025*