// Translate — right-click a selection, get a translation in the sidebar.
//
// One sidebar panel; the panel HTML does the actual translation (LibreTranslate
// or Google unofficial free endpoint, user's pick). When the user picks
// "Translate selection" from a page's right-click menu we stash the selection
// under storage.__pending and reveal our sidebar; the panel reads __pending on
// load / on visibility change and translates immediately.

module.exports = {
  activate(api) {
    api.registerSidebarPanel({
      id: "main",
      title: "Translate",
      icon: "🌐",
      page: "panel.html",
    });

    api.onMessage("context-menu", async (payload) => {
      const text = String(payload && payload.selectionText || "").trim();
      if (!text) { api.log("context-menu fired with no selection"); return; }
      // Cap what we stash to keep storage tiny; the address bar and menu already
      // truncate visually, but the raw selection can be huge.
      const clip = text.length > 12_000 ? text.slice(0, 12_000) : text;
      api.storage.set("__pending", { text: clip, host: payload.host || "", at: Date.now() });
      api.revealSidebar("main");
      api.log(`context-menu → translate ${clip.length} chars from ${payload.host || "?"}`);
      return { ok: true };
    });

    api.log("registered translate panel + context-menu item");
  },
};