# Integration Test Document

This document tests the JavaScript controls integration with the HTML output after the Guardrail Principle refactoring.

## Recent Changes

### Latest Commit (dbde13e)
- Enhanced control system with improved UI and debug functionality
- Added resize functionality to all controls with hover-only visibility
- Implemented small circle resize handles positioned in lower-right corner
- Added header-only toggle mode for space-efficient control management
- Created independent IndexedDB-based debug system with selection filtering

### Previous Commit (3839a67)
- Fixed control positioning and drag behavior
- Updated compass positioning to be top-aligned instead of center-aligned
- Fixed drag offset calculation to maintain cursor position at icon
- Ensured expanded controls appear top-aligned with anchor position

## Test Content

### Headers
This document contains various content types to test the status control functionality.

#### Subsection
Content in subsections should be properly counted.

### Lists
- Item 1: Testing list counting
- Item 2: Multiple items
- Item 3: Final item

### Tables
| Column A | Column B | Column C |
|----------|----------|----------|
| Row 1A   | Row 1B   | Row 1C   |
| Row 2A   | Row 2B   | Row 2C   |

### Code Block
```python
def test_function():
    return "This code block should be counted"
```

### Blockquote
> This is a blockquote that should be analyzed by the status control.

## Expected Behavior

The JavaScript controls should:
1. Initialize successfully with proper error handling
2. Display accurate document statistics
3. Provide interactive drag/resize functionality
4. Work with the debug system integration
5. Handle errors gracefully per the Guardrail Principle

This test will verify that our external JavaScript files work correctly with the HTML template system.