popup.js

(function () {
  'use strict';

  var bridgeBadge = document.getElementById('bridgeBadge');
  var sendBtn = document.getElementById('sendBtn');
  var statusEl = document.getElementById('status');
  var copyBridgeBtn = document.getElementById('copyBridgeBtn');

  var bridgeSetupBlock = document.getElementById('bridgeSetupBlock');
  var bridgeConnectedBlock = document.getElementById('bridgeConnectedBlock');
  var logBox = document.getElementById('logBox');
  var fetchTaskBtn = document.getElementById('fetchTaskBtn');

  function setBadge(connected) {
    if (connected) {
      bridgeBadge.textContent = 'on';
      bridgeBadge.className = 'badge bg-success';
      if (bridgeSetupBlock) bridgeSetupBlock.style.display = 'none';
      if (bridgeConnectedBlock) bridgeConnectedBlock.style.display = 'block';
    } else {
      bridgeBadge.textContent = 'off';
      bridgeBadge.className = 'badge bg-secondary';
      if (bridgeSetupBlock) bridgeSetupBlock.style.display = 'block';
      if (bridgeConnectedBlock) bridgeConnectedBlock.style.display = 'none';
    }
  }

  function refreshLogs() {
    chrome.runtime.sendMessage({ action: 'getLogs' }, function (res) {
      if (chrome.runtime.lastError || !res || !res.logs) return;
      logBox.textContent = res.logs.length ? res.logs.join('\n') : '—';
      logBox.scrollTop = logBox.scrollHeight;
    });
  }

  var bridgeWrongContextBlock = document.getElementById('bridgeWrongContextBlock');

  function updateBridgeStatus() {
    chrome.runtime.sendMessage({ action: 'getBridgeStatus' }, function (res) {
      if (chrome.runtime.lastError) return;
      var connected = res && res.connected;
      var wrongContext = res && res.wrongContext;
      setBadge(connected);
      chrome.action.setBadgeText({ text: connected ? 'on' : 'off' });
      chrome.action.setBadgeBackgroundColor({ color: connected ? '#198754' : '#6c757d' });
      if (bridgeWrongContextBlock) bridgeWrongContextBlock.style.display = wrongContext ? 'block' : 'none';
    });
  }

  function updateQueueList() {
    var el = document.getElementById('queueList');
    if (!el) return;
    chrome.runtime.sendMessage({ action: 'getCompletedQueue' }, function (res) {
      if (chrome.runtime.lastError || !res || !res.issues) return;
      el.textContent = res.issues.length ? res.issues.map(function (n) { return '#' + n; }).join(', ') : '—';
    });
  }

  function updateTaskButton() {
    chrome.runtime.sendMessage({ action: 'getTaskStatus' }, function (res) {
      if (chrome.runtime.lastError || !res) return;
      if (res.taskInProgress) {
        sendBtn.textContent = 'Stop';
        sendBtn.classList.remove('btn-primary');
        sendBtn.classList.add('btn-danger');
        sendBtn.disabled = false;
        if (fetchTaskBtn) fetchTaskBtn.disabled = true;
      } else {
        sendBtn.textContent = 'Send';
        sendBtn.classList.remove('btn-danger');
        sendBtn.classList.add('btn-primary');
        sendBtn.disabled = false;
        if (fetchTaskBtn) fetchTaskBtn.disabled = false;
      }
    });
  }

  sendBtn.addEventListener('click', function () {
    if (sendBtn.textContent === 'Stop') {
      chrome.runtime.sendMessage({ action: 'stopTask' }, function () {
        statusEl.textContent = 'Stopped.';
        statusEl.className = 'small text-muted';
        updateTaskButton();
        refreshLogs();
      });
      return;
    }
    var prompt = document.getElementById('testCommand').value.trim();
    if (!prompt) {
      statusEl.textContent = 'Enter a command.';
      statusEl.className = 'small text-danger';
      return;
    }
    sendBtn.disabled = true;
    statusEl.textContent = '';
    chrome.runtime.sendMessage({ action: 'sendTestPrompt', prompt: prompt }, function (response) {
      sendBtn.disabled = false;
      if (chrome.runtime.lastError) {
        statusEl.textContent = 'Error: ' + chrome.runtime.lastError.message;
        statusEl.className = 'small text-danger';
        return;
      }
      statusEl.textContent = response?.message || 'Sent.';
      statusEl.className = 'small text-success';
      updateBridgeStatus();
      updateTaskButton();
    });
  });

  function escapeForJsString(s) {
    return (s || '').replace(/\\/g, '\\\\').replace(/\n/g, '\\n').replace(/\r/g, '\\r').replace(/"/g, '\\"').replace(/\u2028/g, '\\u2028').replace(/\u2029/g, '\\u2029');
  }

  function buildBridgeScript(relayUrl) {
    var url = escapeForJsString(relayUrl);
    return [
      '(function(){',
      'var relayUrl="' + url + '";',
      'var taskAppliedAt=0,lastMessageText="",lastStableAt=0,pollIntervalId=0;',
      'function getLastMessage(){',
      'var m=document.querySelectorAll("[id^=\\"markdown-content-\\"]");if(m.length){var t=(m[m.length-1].innerText||m[m.length-1].textContent||"").trim();if(t)return t;}',
      'var p=document.querySelectorAll(".prose");if(p.length){var t=(p[p.length-1].innerText||p[p.length-1].textContent||"").trim();if(t)return t;}',
      'var b=document.querySelectorAll(".message-bubble,[data-testid*=\\"message\\"],[class*=\\"message\\"]");',
      'if(!b.length){var r=document.querySelectorAll("[class*=\\"assistant\\"],[data-role=\\"assistant\\"]");return r.length?(r[r.length-1].innerText||r[r.length-1].textContent):"";}',
      'var l=b[b.length-1];return l?(l.innerText||l.textContent||""):"";}',
      'function hasStopButton(){return !!document.querySelector("button[aria-label*=\\"Остановить\\"],button[aria-label*=\\"Stop\\"],button[aria-label*=\\"stop\\"]");}',
      'function checkDoneReply(source){',
      'if(!taskAppliedAt||Date.now()-taskAppliedAt<60000){if(source)source.postMessage({type:"browserclaw-still-working"},"*");return;}',
      'if(hasStopButton()){if(source)source.postMessage({type:"browserclaw-still-working"},"*");return;}',
      'var text=getLastMessage()||"";',
      'if(text!==lastMessageText){lastMessageText=text;lastStableAt=0;if(source)source.postMessage({type:"browserclaw-still-working"},"*");return;}',
      'if(text.length>10){if(!lastStableAt)lastStableAt=Date.now();if(Date.now()-lastStableAt>5000){var rt=getLastMessage()||"";taskAppliedAt=0;if(source)source.postMessage({type:"browserclaw-done",responseText:rt},"*");return;}}',
      'if(source)source.postMessage({type:"browserclaw-still-working"},"*");}',
      'function findInput(){',
      'var el=document.getElementById("ask-input")||document.querySelector("#ask-input")||document.querySelector("[data-lexical-editor=true]")||document.querySelector("[contenteditable=true]")||document.querySelector("[data-ask-input-container] [contenteditable]")||document.querySelector("div[contenteditable=true]");',
      'if(el)return el;',
      'var c=document.querySelector("[data-ask-input-container]");if(c){el=c.querySelector("[contenteditable],textarea,input");if(el)return el;}',
      'try{var iframes=document.querySelectorAll("iframe");for(var i=0;i<iframes.length;i++){var d=iframes[i].contentDocument;if(d){el=d.getElementById("ask-input")||d.querySelector("#ask-input")||d.querySelector("[contenteditable=true]");if(el)return el;}}}catch(e){}',
      'return null;}',
      'function tryNewChat(cb){',
      'var btn=document.querySelector("[data-testid=new-chat],[data-testid=new-conversation],a[href*=\\"new\\"],button[aria-label*=\\"ew\\"],button[aria-label*=\\"New\\"],[class*=\\"new-chat\\"]");',
      'if(btn){try{btn.click();}catch(e){} setTimeout(cb,600);} else setTimeout(cb,300);}',
      'function clearInput(el){',
      'el.focus();if(el.contentEditable==="true"||el.getAttribute("contenteditable")){try{var r=document.createRange();r.selectNodeContents(el);var s=window.getSelection();s.removeAllRanges();s.addRange(r);document.execCommand("delete",false,null);}catch(e){}el.innerText="";el.textContent="";}else el.value="";el.dispatchEvent(new Event("input",{bubbles:true}));}',
      'function applyPrompt(prompt){',
      'var el=findInput();',
      'if(!el){console.warn("BrowserClaw: no input found");return;}',
      'clearInput(el);',
      'el.focus();',
      'var hasNewlines=/\\n|\\r/.test(prompt);',
      'if(hasNewlines&&document.execCommand){document.execCommand("insertText",false,prompt);el.dispatchEvent(new Event("input",{bubbles:true}));}',
      'else{var ev=new InputEvent("beforeinput",{bubbles:true,cancelable:true,inputType:"insertText",data:prompt});el.dispatchEvent(ev);',
      'if(!(el.innerText||el.textContent||"").trim()){',
      'if(document.execCommand)document.execCommand("insertText",false,prompt);',
      'else{var s=document.createElement("span");s.setAttribute("data-lexical-text","true");s.textContent=prompt;var p2=document.createElement("p");p2.setAttribute("dir","auto");p2.appendChild(s);el.innerHTML="";el.appendChild(p2);}',
      'el.dispatchEvent(new Event("input",{bubbles:true}));}',
      '}',
      'setTimeout(function(){',
      'el.dispatchEvent(new KeyboardEvent("keydown",{key:"Enter",code:"Enter",keyCode:13,bubbles:true}));',
      'el.dispatchEvent(new KeyboardEvent("keyup",{key:"Enter",code:"Enter",keyCode:13,bubbles:true}));',
      '},100);',
      'taskAppliedAt=Date.now();lastMessageText="";lastStableAt=0;',
      'console.log("BrowserClaw: applied");}',
      'window.addEventListener("message",function(e){',
      'if(e.data&&e.data.type==="browserclaw-context-check"){var ok=!!findInput();if(!ok&&pollIntervalId){clearInterval(pollIntervalId);pollIntervalId=0;}if(e.source)e.source.postMessage({type:ok?"browserclaw-context-ok":"browserclaw-context-wrong"},"*");return;}',
      'if(e.data&&e.data.type==="browserclaw-check-done"){checkDoneReply(e.source);return;}',
      'if(e.data&&e.data.type!=="browserclaw-prompt")return;var p=e.data.prompt;if(e.data.newSession)tryNewChat(function(){applyPrompt(p);});else applyPrompt(p);});',
      'pollIntervalId=setInterval(function(){var f=document.createElement("iframe");f.src=relayUrl+"?t="+Date.now();f.style.display="none";(document.body||document.documentElement).appendChild(f);setTimeout(function(){f.remove();},1500);},2000);',
      'console.log("BrowserClaw bridge running");})();'
    ].join('');
  }

  function doCopyBridge() {
    var relayUrl = chrome.runtime.getURL('relay.html');
    var script = buildBridgeScript(relayUrl);
    navigator.clipboard.writeText(script).then(function () {
      statusEl.textContent = 'Bridge script copied. Paste in the assistant panel Console (right-click assistant → Inspect → Console).';
      statusEl.className = 'small text-success';
    }).catch(function () {
      statusEl.textContent = 'Clipboard failed.';
      statusEl.className = 'small text-danger';
    });
  }

  copyBridgeBtn.addEventListener('click', doCopyBridge);
  var copyBridgeAgainBtn = document.getElementById('copyBridgeAgainBtn');
  if (copyBridgeAgainBtn) copyBridgeAgainBtn.addEventListener('click', doCopyBridge);

  var clearQueueBtn = document.getElementById('clearQueueBtn');
  if (clearQueueBtn) {
    clearQueueBtn.addEventListener('click', function () {
      chrome.runtime.sendMessage({ action: 'clearCompletedQueue' }, function () {
        updateQueueList();
        refreshLogs();
      });
    });
  }

  if (fetchTaskBtn) {
    fetchTaskBtn.addEventListener('click', function () {
      if (fetchTaskBtn.disabled) return;
      fetchTaskBtn.disabled = true;
      statusEl.textContent = 'Checking...';
      statusEl.className = 'small text-muted';
      chrome.runtime.sendMessage({ action: 'triggerPoll' }, function (response) {
        fetchTaskBtn.disabled = false;
        if (chrome.runtime.lastError) {
          statusEl.textContent = 'Error: ' + chrome.runtime.lastError.message;
          statusEl.className = 'small text-danger';
          return;
        }
        statusEl.textContent = response && response.message ? response.message : 'Done.';
        statusEl.className = 'small text-success';
        updateTaskButton();
        refreshLogs();
      });
    });
  }

  function loadSettings() {
    chrome.storage.sync.get({ repo: 'MinglesAI/mingles_ai_strategy', labels: 'agent-ready', pollInterval: 5, ghPat: '', ghAgentUseApi: false }, function (c) {
      document.getElementById('ghPat').value = c.ghPat || '';
      document.getElementById('repo').value = c.repo || '';
      document.getElementById('labels').value = c.labels || '';
      document.getElementById('pollInterval').value = c.pollInterval || 5;
      document.getElementById('ghAgentUseApi').checked = !!c.ghAgentUseApi;
    });
  }

  var settingsPanel = document.getElementById('settingsPanel');
  var settingsToggle = document.getElementById('settingsToggle');
  var settingsStatus = document.getElementById('settingsStatus');
  settingsToggle.addEventListener('click', function () {
    settingsPanel.style.display = settingsPanel.style.display === 'block' ? 'none' : 'block';
    if (settingsPanel.style.display === 'block') loadSettings();
  });

  document.getElementById('saveSettingsBtn').addEventListener('click', function () {
    var ghPat = document.getElementById('ghPat').value.trim();
    var repo = document.getElementById('repo').value.trim();
    var labels = document.getElementById('labels').value.trim();
    var pollInterval = Math.max(1, parseInt(document.getElementById('pollInterval').value, 10) || 5);
    var ghAgentUseApi = document.getElementById('ghAgentUseApi').checked;
    chrome.storage.sync.set({ ghPat: ghPat, repo: repo || 'MinglesAI/mingles_ai_strategy', labels: labels || 'agent-ready', pollInterval: pollInterval, ghAgentUseApi: ghAgentUseApi }, function () {
      settingsStatus.textContent = 'Saved.';
      chrome.runtime.sendMessage({ action: 'schedulePoll' }).catch(function () {});
    });
  });

  loadSettings();
  updateBridgeStatus();
  updateTaskButton();
  updateQueueList();
  refreshLogs();
  setInterval(updateBridgeStatus, 3000);
  setInterval(updateTaskButton, 2000);
  setInterval(updateQueueList, 3000);
  setInterval(refreshLogs, 2000);
})();