After the TypeScript migration, the Alpine.js app failed to initialize with errors like "chatterApp is not defined". This was caused by missing function imports in chatterApp.js.

Two functions were referenced in chatterApp.js but not exported from the new modular structure:

1. coreEnsureMessagePersisted - Legacy function that was replaced by persistMessageAtIndex
2. coreSendMessage - Legacy non-jobs message sending function

Before:

async ensureMessagePersisted(idx) { return coreEnsureMessagePersisted(this, idx); },

After:

async ensureMessagePersisted(idx) { return corePersistMessageAtIndex(this, idx); },

Before:

if (!this.useJobs) { await coreSendMessage(this); return; }

After:

if (!this.useJobs) { 
  // Legacy non-jobs send (inline implementation)
  const text = (this.chatInput || '').trim();
  if (!text) return;
  this.errorMessage = '';
  if (!this.hasServerKey && !this.userApiKey) { this.errorMessage = 'please add api key'; return; }
  if (!this.currentChatId) {
    try { await this.createNewChat(); } catch (_) { /* ignore */ }
  }
  const createdAt = Date.now();
  const userIndex = this.messages.push({ role: 'user', content: text, createdAt, chatId: this.currentChatId, model: null }) - 1;
  try {
    if (this.currentChatId && this.db && !this.db.sessions) {
      const newId = await this.db.messages.add({ chatId: this.currentChatId, createdAt, role: 'user', content: text, model: null });
      this.messages[userIndex].id = newId;
    }
  } catch (_) {}
  this.chatInput = '';
  try { const ta = document.querySelector('textarea'); if (ta) { ta.style.height = 'auto'; ta.rows = 1; } } catch (_) {}
  this.scrollToBottom && this.scrollToBottom();
  this.streamAssistant && this.streamAssistant();
  return;
}

✅ Fixed - The app should now load correctly and Alpine.js should initialize properly.

1. Refresh the browser
2. Check that Alpine errors are gone
3. Verify the chat app loads and initializes
4. Test basic functionality (create chat, send message)