AI Explanations Tab

// From background.js:251-305
async function callOpenAI(messages, language, maxTokens = 500) {
  const response = await fetch('https://api.openai.com/v1/chat/completions', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
      'Authorization': `Bearer ${apiKey}`
    },
    body: JSON.stringify({
      model: 'gpt-5-nano',
      messages: messages,
      max_completion_tokens: maxTokens,
      reasoning_effort: 'minimal'
    })
  });
  
  return data.choices[0].message.content;
}

// From content.js:1187-1248
async function handleExplainSimply() {
  const systemPrompt = buildSystemPrompt('explain');
  const userMessage = currentLanguage === 'ar'
    ? `اشرح "${cleanedTerm}" بلغة بسيطة وسهلة الفهم.`
    : `Explain "${cleanedTerm}" in simple, easy-to-understand language.`;

  const response = await chrome.runtime.sendMessage({
    action: 'callOpenAI',
    messages: [
      { role: 'system', content: systemPrompt },
      { role: 'user', content: userMessage }
    ],
    language: currentLanguage
  });
}

// From content.js:916
systemContent = `You are a helpful assistant that explains topics in simple, plain language. Respond in ${lang}. Keep your explanation to 2-3 short sentences that anyone can understand. Avoid jargon.`;

// From content.js:1251-1332
async function handleAIQuestion() {
  // Add user message to conversation
  aiConversation.push({ role: 'user', content: question });
  
  // Build messages for API
  const messages = [{ role: 'system', content: systemPrompt }];
  
  // Add conversation history
  for (const msg of aiConversation) {
    if (msg.role === 'user' || msg.role === 'assistant') {
      messages.push({ role: msg.role, content: msg.content });
    }
  }
  
  // Send to OpenAI
  const response = await chrome.runtime.sendMessage({
    action: 'callOpenAI',
    messages: messages,
    language: currentLanguage
  });
  
  aiConversation.push({ role: 'assistant', content: response.data });
  aiExchangeCount++;
}

// From content.js:918-919
systemContent = `You are a helpful assistant that answers questions about topics. Respond in ${lang}. Keep answers concise (2-4 sentences). Be accurate and helpful.`;

// From content.js:922-924
if (summaryText) {
  systemContent += `\n\nWikipedia summary for "${cleanedTerm}":\n${summaryText}`;
}

// From content.js:846-873
function capturePageContext() {
  const range = selection.getRangeAt(0);
  const container = range.commonAncestorContainer;
  const parentEl = container.nodeType === Node.TEXT_NODE 
    ? container.parentElement 
    : container;

  // Get text from the closest meaningful block
  const block = parentEl.closest('p, div, article, section, td, li') || parentEl;
  let text = (block.textContent || '').trim();

  // Limit to ~500 chars centered around the selection
  if (text.length > 500) {
    const selText = selection.toString().trim();
    const idx = text.indexOf(selText);
    if (idx !== -1) {
      const start = Math.max(0, idx - 200);
      const end = Math.min(text.length, idx + selText.length + 200);
      text = text.substring(start, end);
    }
  }
  
  return text;
}

// From content.js:926-928
if (pageContext) {
  systemContent += `\n\nContext from the page where the user found this term:\n${pageContext}`;
}

// From content.js:1175-1181
function createChatMessage(role, content) {
  const msg = document.createElement('div');
  msg.className = 'wiki-ai-message ' + 
    (role === 'user' ? 'user' : 
     role === 'system' ? 'system' : 
     'ai');
  msg.textContent = content;
  return msg;
}

// From content.js:875-903
function createTypingIndicator() {
  const typing = document.createElement('div');
  typing.className = 'wiki-ai-typing';
  for (let i = 0; i < 3; i++) {
    const dot = document.createElement('span');
    dot.className = 'wiki-ai-typing-dot';
    typing.appendChild(dot);
  }
  return typing;
}

// From content.js:989-994
const limitText = document.createElement('div');
limitText.textContent = currentLanguage === 'ar'
  ? `${MAX_AI_EXCHANGES - aiExchangeCount} أسئلة متبقية`
  : `${MAX_AI_EXCHANGES - aiExchangeCount} questions remaining`;

// From content.js:1001-1027
function renderAINoKey(contentArea) {
  const text = document.createElement('p');
  text.textContent = currentLanguage === 'ar'
    ? 'أضف مفتاح OpenAI API في إعدادات الإضافة لاستخدام ميزات الذكاء الاصطناعي.'
    : 'Add your OpenAI API key in the extension settings to use AI features.';

  const hint = document.createElement('div');
  hint.textContent = currentLanguage === 'ar'
    ? 'انقر على أيقونة الإضافة → أدخل مفتاح API'
    : 'Click the extension icon → Enter your API key';
}

// From background.js:6-12
chrome.runtime.onInstalled.addListener(async () => {
  // Migrate from sync to local storage for security
  const sync = await chrome.storage.sync.get(['openaiKey']);
  if (sync.openaiKey) {
    await chrome.storage.local.set({ openaiKey: sync.openaiKey });
    await chrome.storage.sync.remove('openaiKey');
  }
});

// From content.js:1334-1364
function handleAIError(errorMsg, chatArea) {
  if (errorMsg === 'NO_API_KEY') {
    displayMsg = 'No API key set. Add one in extension settings.';
  } else if (errorMsg === 'INVALID_API_KEY') {
    displayMsg = 'Invalid API key. Please check your key in settings.';
  } else if (errorMsg === 'RATE_LIMITED') {
    displayMsg = 'Too many requests. Please wait a moment.';
  } else if (errorMsg === 'INSUFFICIENT_QUOTA') {
    displayMsg = 'Insufficient OpenAI quota. Please check your account.';
  }
}

// From background.js:274-296
if (!response.ok) {
  const status = response.status;
  
  if (status === 401) {
    throw new Error('INVALID_API_KEY');
  } else if (status === 429) {
    throw new Error('RATE_LIMITED');
  } else if (status === 402) {
    throw new Error('INSUFFICIENT_QUOTA');
  } else if (status === 400) {
    throw new Error(`INVALID_REQUEST: ${errorDetail}`);
  }
}

// From content.js:907
const lang = currentLanguage === 'ar' ? 'Arabic' : 'English';

// From content.js:20-23
let aiConversation = [];
let aiExchangeCount = 0;
const MAX_AI_EXCHANGES = 5;