popup.js

const DEFAULT_PROMPT = [
  "Baca soal pada gambar dan jawab hanya jawaban akhirnya saja.",
  "Jangan pakai pembuka, ucapan terima kasih, analisis, langkah-langkah, markdown, atau penjelasan.",
  "Kalau soal pilihan ganda, jawab format: A. isi jawaban.",
  "Kalau soal isian/hitungan, jawab hasil akhirnya saja."
].join(" ");

const LEGACY_DEFAULT_PROMPT = [
  "Kamu adalah study helper.",
  "Baca soal dari gambar ini, lalu jawab dalam Bahasa Indonesia.",
  "Berikan langkah pentingnya secara ringkas, lalu tulis jawaban akhir dengan jelas.",
  "Jika gambar tidak cukup jelas, sebutkan bagian yang perlu di-crop ulang."
].join(" ");

const elements = {
  apiKey: document.getElementById("apiKey"),
  model: document.getElementById("model"),
  prompt: document.getElementById("prompt"),
  save: document.getElementById("save"),
  capture: document.getElementById("capture"),
  analyzeVisible: document.getElementById("analyzeVisible"),
  status: document.getElementById("status"),
  latestAnswer: document.getElementById("latestAnswer"),
  copyAnswer: document.getElementById("copyAnswer"),
  toggleKey: document.getElementById("toggleKey")
};

init();

async function init() {
  const stored = await chrome.storage.local.get([
    "geminiApiKey",
    "geminiModel",
    "answerPrompt",
    "latestAnswer"
  ]);

  elements.apiKey.value = stored.geminiApiKey || "";
  elements.model.value = stored.geminiModel || "gemini-2.5-flash";
  elements.prompt.value = !stored.answerPrompt || stored.answerPrompt === LEGACY_DEFAULT_PROMPT
    ? DEFAULT_PROMPT
    : stored.answerPrompt;
  renderLatestAnswer(stored.latestAnswer);

  elements.save.addEventListener("click", saveSettings);
  elements.capture.addEventListener("click", captureScreen);
  elements.analyzeVisible.addEventListener("click", analyzeVisiblePage);
  elements.copyAnswer.addEventListener("click", copyLatestAnswer);
  elements.toggleKey.addEventListener("click", toggleKeyVisibility);
}

async function saveSettings() {
  await chrome.storage.local.set({
    geminiApiKey: elements.apiKey.value.trim(),
    geminiModel: elements.model.value.trim() || "gemini-2.5-flash",
    answerPrompt: elements.prompt.value.trim() || DEFAULT_PROMPT
  });
  setStatus("Settings saved.");
}

async function captureScreen() {
  setStatus("Saving settings and capturing tab...");
  elements.capture.disabled = true;
  elements.analyzeVisible.disabled = true;

  try {
    await saveSettings();
    const response = await chrome.runtime.sendMessage({ type: "capture-screen" });

    if (!response.ok) {
      throw new Error(response.error);
    }

    setStatus("Crop overlay opened.");
  } catch (error) {
    setStatus(error.message || String(error), true);
  } finally {
    elements.capture.disabled = false;
    elements.analyzeVisible.disabled = false;
  }
}

async function analyzeVisiblePage() {
  setStatus("Saving settings and analyzing visible page...");
  elements.capture.disabled = true;
  elements.analyzeVisible.disabled = true;

  try {
    await saveSettings();
    const response = await chrome.runtime.sendMessage({ type: "analyze-visible-page" });

    if (!response.ok) {
      throw new Error(response.error);
    }

    setStatus("Visible page analysis opened.");
  } catch (error) {
    setStatus(error.message || String(error), true);
  } finally {
    elements.capture.disabled = false;
    elements.analyzeVisible.disabled = false;
  }
}

async function copyLatestAnswer() {
  const text = elements.latestAnswer.textContent.trim();
  if (!text || text === "Belum ada jawaban.") {
    setStatus("No answer to copy.", true);
    return;
  }

  await navigator.clipboard.writeText(text);
  setStatus("Answer copied.");
}

function toggleKeyVisibility() {
  const showing = elements.apiKey.type === "text";
  elements.apiKey.type = showing ? "password" : "text";
  elements.toggleKey.textContent = showing ? "Show" : "Hide";
}

function renderLatestAnswer(latestAnswer) {
  elements.latestAnswer.textContent = latestAnswer && latestAnswer.answer
    ? latestAnswer.answer
    : "Belum ada jawaban.";
}

function setStatus(message, isError = false) {
  elements.status.textContent = message;
  elements.status.classList.toggle("error", isError);
}