# DataTable Migration & Optimization TODO

## Goal
Port advanced features from the v1.0.3 backup while leveraging the new **Keyed Each** framework optimization for extreme performance.

## Status: Framework Breakthrough
- **Engine Version**: @web/state v1.0.11 (Keyed Each & Node Recycling)
- **Measured Refresh Performance**: **16ms** (Target: < 20ms).
- **Architecture**: Zero manual DOM patching required. Standard reactive templates are now performant enough.

## Migration Steps

### Phase 1: Core Infrastructure
- [x] **Framework Optimization**. Implemented Keyed Each and node recycling in `dom.js`.
- [ ] **Step 1: Port Selection System**. Re-implement ID System and row selection without compromising the 16ms refresh.
- [ ] **Step 2: Column Metadata & Features**. Port `Resizer`, `pinned` support, and icons.
- [ ] **Step 3: Advanced Formatters**. Re-enable custom formatting logic.

### Phase 2: Interactivity
- [ ] **Step 4: Enhanced Selection (Multi-select, Keyboard Nav)**.
- [ ] **Step 5: Drag & Drop (Score-based sorting)**.
- [ ] **Step 6: Bulk Editing**.

## Performance Gate
**Continuous Monitoring:**
Every feature port must maintain the **< 20ms** `Assign` threshold in `refresh()`.

## Backup Reference
- File: `dataTable/src/index.js.bak` (Full v1.0.3 feature set)