diff --git a/docs/index.html b/docs/index.html index 59da95f..0714848 100644 --- a/docs/index.html +++ b/docs/index.html @@ -114,7 +114,8 @@ const state={messages:[],busy:false,controller:null,currentThreadId:null} const getModelShort=()=>{const m=store.model||'';return m.includes('/')?m.split('/').pop():m} function reflectActiveAssistant(){const a=getActive();el.settingsBtnTop.title=`Settings — ${a.name}`;if(window.lucide)lucide.createIcons()} function renderSidebar(){const activeId=as.getActiveId();el.assistantList.innerHTML=assistants.map(a=>``).join('')} -function enhanceCodeBlocks(root){root.querySelectorAll('pre>code').forEach(code=>{if(code.textContent.length>200000)return;const pre=code.parentElement;pre.classList.add('relative','rounded-xl','border','border-gray-200');if(!pre.querySelector('.copy-btn')){const btn=document.createElement('button');btn.className='copy-btn';btn.textContent='Copy';btn.addEventListener('click',async e=>{e.stopPropagation();try{await navigator.clipboard.writeText(code.innerText);btn.textContent='Copied';setTimeout(()=>btn.textContent='Copy',1200)}catch{}});pre.appendChild(btn)}if(window.hljs&&code.textContent.length<100000)hljs.highlightElement(code)})} +const HL_CHAR_MAX=8000,HL_LINE_MAX=300,HL_ABS_MAX=300000 +function enhanceCodeBlocks(root){root.querySelectorAll('pre>code').forEach(code=>{const t=code.textContent||'';if(t.length>HL_ABS_MAX){return}const pre=code.parentElement;const lines=(t.match(/\n/g)||[]).length+1;const tooBig=t.length>HL_CHAR_MAX||lines>HL_LINE_MAX;if(tooBig){code.dataset.noHl='1'}if(!pre.classList.contains('relative')){pre.classList.add('relative','rounded-xl','border','border-gray-200')}if(!pre.querySelector('.copy-btn')){const btn=document.createElement('button');btn.className='copy-btn';btn.textContent='Copy';btn.addEventListener('click',async e=>{e.stopPropagation();try{await navigator.clipboard.writeText(code.innerText);btn.textContent='Copied';setTimeout(()=>btn.textContent='Copy',1200)}catch{}});pre.appendChild(btn)}if(window.hljs&&!code.dataset.noHl&&!code.dataset.hl){hljs.highlightElement(code);code.dataset.hl='1'}})} const md=window.markdownit({html:false,linkify:true,typographer:true,breaks:true}) function renderMarkdown(node,text){node.innerHTML=md.render(text);enhanceCodeBlocks(node)} function msgRow(role){const row=document.createElement('div');row.className='flex flex-col gap-2';const head=document.createElement('div');head.className='flex items-center gap-2 px-4';const avatar=document.createElement('div');avatar.className=(role==='user'?'bg-gray-900 text-white':'bg-gray-200 text-gray-900')+' msg-avatar shrink-0 h-7 w-7 rounded-full flex items-center justify-center';avatar.textContent=role==='user'?'🧑':'🤖';const name=document.createElement('div');name.className='text-xs font-medium text-gray-500';name.textContent=role==='user'?'You':getModelShort();head.appendChild(avatar);head.appendChild(name);const bubble=document.createElement('div');bubble.className=(role==='user'?'bg-gray-50 border border-gray-200':'bg-gray-100')+' msg-bubble markdown-body rounded-none px-4 py-3 w-full';row.appendChild(head);row.appendChild(bubble);el.messages.appendChild(row);queueMicrotask(()=>el.chat.scrollTo({top:el.chat.scrollHeight,behavior:'smooth'}));return bubble}