OnIt-Prepare Integration

┌─────────────────────────────────────────────────┐
│  Shared Base Architecture                       │
├─────────────────────────────────────────────────┤
│                                                 │
│  WikiBaseViewer (580 lines)                     │
│    ↓ extends          ↓ extends                │
│  WikiOnitViewer    WikiPrepareViewer            │
│  (350 lines)       (789 lines)                  │
│                                                 │
│  Shared:                                        │
│  - Accordion system                             │
│  - Toggle buttons                               │
│  - Document loading                             │
│  - Settings management                          │
│                                                 │
└─────────────────────────────────────────────────┘

// Common pattern
async init(container, projectSlug, category) {
  // Step 1: Base initialization
  this.initBase(container, projectSlug);

  // Step 2: Set category
  this.category = category;

  // Step 3: Load data
  await this.loadData();  // Viewer-specific

  // Step 4: Render UI
  this.render();
}

async refresh() {
  await this.loadData();  // Reload from filesystem
  this.render();          // Replace entire DOM
}

interface OnitSession extends WikiDocument {
  date: string;        // "2025-12-28"
  time: string;        // "14:30:45"
  sessionName: string;
  pattern: 1 | 2 | 3 | 4 | 5 | 6;
  sortKey: string;
  status: 'active' | 'completed' | 'archived';
}

interface PrepareProject {  // NOT extending WikiDocument
  name: string;
  displayName: string;
  status: 'ready' | 'in-progress' | 'blocked' | 'completed';
  files: WikiDocument[];
  progress: { total, completed, percentage };
  modifiedAt: number;
}

interface PrepareDocument extends WikiDocument {
  date: string;        // "2025-12-28"
  time: string;        // "14:30"
  featureName: string;
  analysisType: 'code' | 'design' | 'dependency' | 'general';
  implementationReady: boolean;
}

/^(\d{4}-\d{2}-\d{2})-(\d{2}-\d{2})-(.+)\.md$/

Header
  ↓
Session List
  ↓
Session Items (accordion)

Header
  ↓
Project Cards
  ↓
Project Files (accordion)

Header
  ↓
Type Groups
  ↓
Document Items (accordion)

wip/onit/2025-12-28-14-30-feature-exploration.md

Content:
- Exploration notes
- Quick discoveries
- TODO items
- Questions

wip/prepare/feature-implementation/
  README.md         ← Status, checkboxes
  analysis.md       ← References OnIt notes
  dependencies.md
  implementation.md

wiki/prepare/feature-implementation/

// From WikiBaseViewer
protected getBasePath(): string {
  const base = "~/Library/Application Support/monolex/protocols/niia/work";
  const folder = this.isWip ? "wip" : "wiki";
  return `${base}/${this.projectSlug}/${folder}/${this.category}`;
}

// OnIt
window.WikiOnitViewer = WikiOnitViewer;

// Prepare
window.WikiPrepareViewer = WikiPrepareViewer;

// Tab controller creates viewers dynamically
const viewer = category === 'onit'
  ? new window.WikiOnitViewer()
  : new window.WikiPrepareViewer();

await viewer.init(container, projectSlug, category);