(function() {
  var c='null',n='チャット',clr='#40A9BF',g='',origin='',o=0,m=[],l=0;
  if(g)m.push({r:'assistant',c:g});
  var d=document.createElement('div');
  d.style.cssText='position:fixed;bottom:20px;right:20px;z-index:9999';
  d.id='cb-widget';
  document.body.appendChild(d);
  
  function r(){
    if(o===0){
      d.innerHTML='<button onclick="window.cbOpen()" style="width:60px;height:60px;border-radius:50%;background:'+clr+';border:0;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:transform 0.2s" onmouseover="this.style.transform=\'scale(1.05)\'" onmouseout="this.style.transform=\'scale(1)\'"><svg width="24" height="24" fill="white" viewBox="0 0 24 24"><path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/></svg></button>';
    }else{
      var h='<div style="width:380px;height:520px;background:#fff;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.12);display:flex;flex-direction:column"><div style="padding:16px;background:linear-gradient(135deg,'+clr+','+clr+'dd);color:#fff;display:flex;justify-content:space-between;align-items:center"><b>'+n+'</b><button onclick="window.cbClose()" style="background:rgba(255,255,255,.2);border:0;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;transition:background 0.2s" onmouseover="this.style.background=\'rgba(255,255,255,.3)\'" onmouseout="this.style.background=\'rgba(255,255,255,.2)\'">✕</button></div><div id="cb-msg" style="flex:1;overflow-y:auto;padding:16px;background:#f9fafb">';
      m.forEach(function(msg){
        h+='<div style="margin-bottom:12px;display:flex;justify-content:'+(msg.r==='user'?'flex-end':'flex-start')+'"><div style="max-width:80%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.5;background:'+(msg.r==='user'?clr:'#fff')+';color:'+(msg.r==='user'?'#fff':'#374151')+';border:'+(msg.r==='user'?'0':'1px solid #e5e7eb')+';border-bottom-'+(msg.r==='user'?'right':'left')+'-radius:4px">'+msg.c+'</div></div>';
      });
      if(l)h+='<div style="display:flex;gap:4px;padding:12px"><div style="width:8px;height:8px;border-radius:50%;background:#9ca3af;animation:cb-bounce 1.4s infinite"></div><div style="width:8px;height:8px;border-radius:50%;background:#9ca3af;animation:cb-bounce 1.4s .2s infinite"></div><div style="width:8px;height:8px;border-radius:50%;background:#9ca3af;animation:cb-bounce 1.4s .4s infinite"></div></div>';
      if(m.length===0)h+='<div style="text-center;padding:32px 0;color:#9ca3af"><svg width="48" height="48" fill="currentColor" viewBox="0 0 24 24" style="margin:0 auto 12px;opacity:0.5"><path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/></svg><p style="font-size:14px">メッセージを送信してください</p></div>';
      h+='</div><div style="padding:16px;border-top:1px solid #e5e7eb;display:flex;gap:8px;background:#fff"><input id="cb-inp" placeholder="メッセージを入力..." style="flex:1;padding:10px 14px;border:1px solid #e5e7eb;border-radius:24px;outline:0;font-size:14px" onkeypress="if(event.key===\'Enter\')window.cbSend()" onfocus="this.style.borderColor=\''+clr+'\'" onblur="this.style.borderColor=\'#e5e7eb\'"><button onclick="window.cbSend()" style="width:40px;height:40px;border-radius:50%;background:'+clr+';border:0;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity 0.2s" onmouseover="this.style.opacity=\'0.9\'" onmouseout="this.style.opacity=\'1\'"><svg width="16" height="16" fill="white" viewBox="0 0 24 24"><path d="M2 21l21-9L2 3v7l15 2-15 2z"/></svg></button></div></div>';
      d.innerHTML=h;
      setTimeout(function(){var e=document.getElementById('cb-msg');if(e)e.scrollTop=e.scrollHeight},0);
    }
  }
  
  var s=document.createElement('style');
  s.innerHTML='@keyframes cb-bounce{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-10px)}}';
  document.head.appendChild(s);
  
  window.cbOpen=function(){o=1;r()};
  window.cbClose=function(){o=0;r()};
  window.cbSend=async function(){
    var i=document.getElementById('cb-inp'),t=i.value.trim();
    if(!t||l)return;
    m.push({r:'user',c:t});
    i.value='';
    l=1;
    r();
    try{
      var res=await fetch(origin+'/api/functions/sendChatMessage',{
        method:'POST',
        headers:{'Content-Type':'application/json'},
        body:JSON.stringify({chatbot_id:c,message:t})
      });
      var data=await res.json();
      console.log('Response:',data);
      if(data.answer){
        m.push({r:'assistant',c:data.answer});
      }else if(data.error){
        m.push({r:'assistant',c:data.error});
      }else{
        m.push({r:'assistant',c:'エラーが発生しました'});
      }
    }catch(e){
      console.error('Error:',e);
      m.push({r:'assistant',c:'接続エラーが発生しました'});
    }
    l=0;
    r();
  };
  
  r();
})();