llmd 0.4.6 → 0.5.0

package/dist/client.js

@@ -1,4 +1,4 @@
-var D=()=>{let C=document.querySelector(".admin-section"),j=document.querySelector(".admin-header");if(!(C&&j))return;if(localStorage.getItem("llmd-admin-collapsed")==="true")C.classList.add("collapsed");j.addEventListener("click",()=>{let J=C.classList.toggle("collapsed");localStorage.setItem("llmd-admin-collapsed",J.toString())})};var b=/\/$/,O=(C)=>{let j=C.querySelector(":scope > .dir-label");if(!j)return null;let q=Array.from(j.querySelectorAll("span"));if(q.length===0)return null;let J=q[q.length-1];if(!J.textContent)return null;return J.textContent.replace(b,"")},W=(C)=>{let j=[],q=C;while(q){let J=O(q);if(J)j.unshift(J);let K=q.parentElement;q=K?K.closest(".dir-item"):null}return j.length>0?j.join("/"):null},v=()=>{let C=[],j=document.querySelectorAll(".dir-item.collapsed");for(let q of Array.from(j)){let J=W(q);if(J)C.push(J)}localStorage.setItem("llmd-nav-collapsed",JSON.stringify(C))},I=()=>{try{let C=localStorage.getItem("llmd-nav-collapsed");if(!C)return;let j=JSON.parse(C),q=document.querySelectorAll(".dir-item");for(let J of Array.from(q)){let K=W(J);if(K&&j.includes(K))J.classList.add("collapsed")}}catch(C){console.error("[collapsible] Failed to restore state:",C)}},P=()=>{let C=document.querySelectorAll(".dir-label");for(let j of Array.from(C)){let q=j,J=document.createElement("span");J.className="dir-chevron",J.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>',q.insertBefore(J,q.firstChild),q.style.cursor="pointer",q.addEventListener("click",(K)=>{K.preventDefault();let Q=q.closest(".dir-item");if(Q)Q.classList.toggle("collapsed"),v()})}I()},x=()=>{let C=document.querySelector(".toc");if(!C)return;let j=C.querySelector("h3");if(!j)return;let q=document.createElement("span");q.className="toc-chevron",q.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>',j.style.cursor="pointer",j.insertBefore(q,j.firstChild),j.addEventListener("click",()=>{C.classList.toggle("collapsed")})};if(typeof window<"u")window.addEventListener("DOMContentLoaded",()=>{P(),x()});var E=()=>{for(let C of Array.from(document.querySelectorAll("pre code"))){let j=C.parentElement;if(!j)continue;if(j.querySelector(".copy-button"))continue;let q=document.createElement("button");q.className="copy-button",q.textContent="Copy",q.setAttribute("aria-label","Copy code to clipboard"),q.addEventListener("click",async()=>{try{await navigator.clipboard.writeText(C.textContent||""),q.textContent="Copied!",q.classList.add("copied"),setTimeout(()=>{q.textContent="Copy",q.classList.remove("copied")},2000)}catch(J){console.error("Failed to copy:",J),q.textContent="Failed",setTimeout(()=>{q.textContent="Copy"},2000)}}),j.appendChild(q)}};if(document.readyState==="loading")document.addEventListener("DOMContentLoaded",E);else E();var k=(C)=>{let q=`${window.location.protocol==="https:"?"wss:":"ws:"}//${window.location.host}/_ws`,J=null,K=null,Q=()=>{J=new WebSocket(q),J.addEventListener("open",()=>{console.log("[llmd] Connected to file watcher"),J?.send(JSON.stringify({type:"watch",file:C}))}),J.addEventListener("message",(Z)=>{try{let $=JSON.parse(Z.data);if($.type==="reload"&&$.file===C)console.log(`[llmd] File changed: ${C}, reloading...`),window.location.reload()}catch($){console.error("[llmd] Failed to parse message:",$)}}),J.addEventListener("close",()=>{console.log("[llmd] Disconnected from file watcher"),K=window.setTimeout(()=>{console.log("[llmd] Reconnecting..."),Q()},2000)}),J.addEventListener("error",(Z)=>{console.error("[llmd] WebSocket error:",Z),J?.close()})};Q(),window.addEventListener("beforeunload",()=>{if(K)clearTimeout(K);J?.close()})};window.connectFileWatcher=k;var z=(C,j="smooth")=>{let q=document.querySelectorAll(`mark.llmd-highlight[data-highlight-id="${C}"]`);if(q.length===0)return!1;let J=q[0];if(!J)return!1;J.scrollIntoView({behavior:j,block:"center"});for(let K of Array.from(q))K.classList.add("highlight-flash"),setTimeout(()=>{K.classList.remove("highlight-flash")},1000);return!0};var N=[],_=null,B=null,L=new Map,R=()=>{if(!document.querySelector(".content"))return;f(),document.addEventListener("mouseup",A),document.addEventListener("touchend",A),u()},u=()=>{let C=window.location.hash;if(!C.startsWith("#highlight-"))return;let j=C.slice(11);if(!j)return;setTimeout(()=>{if(!z(j,"smooth"))console.warn(`[highlights] Could not find highlight with ID: ${j}`)},100)},f=async()=>{try{let C=window.location.pathname.replace("/view/",""),j=await fetch(`/api/highlights/resource?path=${encodeURIComponent(C)}`);if(!j.ok)return;N=(await j.json()).highlights||[],m()}catch(C){console.error("[highlights] Failed to fetch highlights:",C)}},m=()=>{let C=document.querySelector(".content");if(!C)return;let j=C.querySelectorAll("mark.llmd-highlight");for(let q of Array.from(j)){let J=q.getAttribute("data-highlight-id");if(!J)continue;let K=N.find((Q)=>Q.id===J);if(!K)continue;q.addEventListener("click",(Q)=>{Q.stopPropagation(),p(K,Q)})}},A=(C)=>{let j=C.target;if(_?.contains(j))return;let q=window.getSelection();if(!q||q.isCollapsed){y();return}let J=q.toString().trim();if(!J){y();return}let K=document.querySelector(".content");if(!K)return;let Q=q.getRangeAt(0),Z=(G)=>{let V=G.nodeType===Node.TEXT_NODE?G.parentElement:G;while(V&&V!==K){let F=V.tagName?.toLowerCase();if(F&&["p","h1","h2","h3","h4","h5","h6","li","blockquote","pre"].includes(F))return V;V=V.parentElement}return null},$=Z(Q.startContainer),U=Z(Q.endContainer);if($!==U){y();return}let Y=Q.commonAncestorContainer,X=Y.nodeType===Node.TEXT_NODE?Y.parentElement:Y;if(!(X&&K.contains(X))){y();return}B={text:J,range:Q.cloneRange()},c(C)},c=(C)=>{if(!_)_=d(),document.body.appendChild(_);let{pageX:j,pageY:q}=C;_.style.left=`${j}px`,_.style.top=`${q-50}px`,_.style.display="block"},y=()=>{if(_)_.style.display="none";B=null},p=(C,j)=>{let q=L.get(C.id);if(q){q.remove(),L.delete(C.id);return}let J=document.createElement("div");J.className="highlight-notes-popup",J.style.cssText=`
+var G=()=>{let C=document.querySelector(".admin-section"),q=document.querySelector(".admin-header");if(!(C&&q))return;if(localStorage.getItem("llmd-admin-collapsed")==="true")C.classList.add("collapsed");q.addEventListener("click",()=>{let J=C.classList.toggle("collapsed");localStorage.setItem("llmd-admin-collapsed",J.toString())})};var W=(C)=>{return C.getAttribute("data-dir-path")||null},H=()=>{let C=[],q=document.querySelectorAll(".dir-group.collapsed");for(let j of Array.from(q)){let J=W(j);if(J)C.push(J)}localStorage.setItem("llmd-nav-collapsed",JSON.stringify(C))},O=()=>{try{let C=localStorage.getItem("llmd-nav-collapsed");if(!C)return;let q=JSON.parse(C),j=document.querySelectorAll(".dir-group");for(let J of Array.from(j)){let K=W(J);if(K&&q.includes(K))J.classList.add("collapsed")}}catch(C){console.error("[collapsible] Failed to restore state:",C)}},v=()=>{let C=document.querySelectorAll(".dir-group-header");for(let q of Array.from(C)){let j=q;j.addEventListener("click",(J)=>{J.preventDefault();let K=j.closest(".dir-group");if(K)K.classList.toggle("collapsed"),H()})}O()},P=()=>{let C=document.querySelector(".toc");if(!C)return;let q=C.querySelector("h3");if(!q)return;let j=document.createElement("span");j.className="toc-chevron",j.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>',q.style.cursor="pointer",q.insertBefore(j,q.firstChild),q.addEventListener("click",()=>{C.classList.toggle("collapsed")})},E=()=>{v(),P()};var A=()=>{for(let C of Array.from(document.querySelectorAll("pre code"))){let q=C.parentElement;if(!q)continue;if(q.querySelector(".copy-button"))continue;let j=document.createElement("button");j.className="copy-button",j.textContent="Copy",j.setAttribute("aria-label","Copy code to clipboard"),j.addEventListener("click",async()=>{try{await navigator.clipboard.writeText(C.textContent||""),j.textContent="Copied!",j.classList.add("copied"),setTimeout(()=>{j.textContent="Copy",j.classList.remove("copied")},2000)}catch(J){console.error("Failed to copy:",J),j.textContent="Failed",setTimeout(()=>{j.textContent="Copy"},2000)}}),q.appendChild(j)}};if(document.readyState==="loading")document.addEventListener("DOMContentLoaded",A);else A();var x=(C)=>{let j=`${window.location.protocol==="https:"?"wss:":"ws:"}//${window.location.host}/_ws`,J=null,K=null,Q=()=>{J=new WebSocket(j),J.addEventListener("open",()=>{console.log("[llmd] Connected to file watcher"),J?.send(JSON.stringify({type:"watch",file:C}))}),J.addEventListener("message",(Z)=>{try{let _=JSON.parse(Z.data);if(_.type==="reload"&&_.file===C)console.log(`[llmd] File changed: ${C}, reloading...`),window.location.reload()}catch(_){console.error("[llmd] Failed to parse message:",_)}}),J.addEventListener("close",()=>{console.log("[llmd] Disconnected from file watcher"),K=window.setTimeout(()=>{console.log("[llmd] Reconnecting..."),Q()},2000)}),J.addEventListener("error",(Z)=>{console.error("[llmd] WebSocket error:",Z),J?.close()})};Q(),window.addEventListener("beforeunload",()=>{if(K)clearTimeout(K);J?.close()})};window.connectFileWatcher=x;var z=(C,q="smooth")=>{let j=document.querySelectorAll(`mark.llmd-highlight[data-highlight-id="${C}"]`);if(j.length===0)return!1;let J=j[0];if(!J)return!1;J.scrollIntoView({behavior:q,block:"center"});for(let K of Array.from(j))K.classList.add("highlight-flash"),setTimeout(()=>{K.classList.remove("highlight-flash")},1000);return!0};var R=[],V=null,D=null,y=new Map,S=()=>{if(!document.querySelector(".content"))return;f(),document.addEventListener("mouseup",N),document.addEventListener("touchend",N),k()},k=()=>{let C=window.location.hash;if(!C.startsWith("#highlight-"))return;let q=C.slice(11);if(!q)return;setTimeout(()=>{if(!z(q,"smooth"))console.warn(`[highlights] Could not find highlight with ID: ${q}`)},100)},f=async()=>{try{let C=window.location.pathname.replace("/view/",""),q=await fetch(`/api/highlights/resource?path=${encodeURIComponent(C)}`);if(!q.ok)return;R=(await q.json()).highlights||[],m()}catch(C){console.error("[highlights] Failed to fetch highlights:",C)}},m=()=>{let C=document.querySelector(".content");if(!C)return;let q=C.querySelectorAll("mark.llmd-highlight");for(let j of Array.from(q)){let J=j.getAttribute("data-highlight-id");if(!J)continue;let K=R.find((Q)=>Q.id===J);if(!K)continue;j.addEventListener("click",(Q)=>{Q.stopPropagation(),c(K,Q)})}},N=(C)=>{let q=C.target;if(V?.contains(q))return;let j=window.getSelection();if(!j||j.isCollapsed){B();return}let J=j.toString().trim();if(!J){B();return}let K=document.querySelector(".content");if(!K)return;let Q=j.getRangeAt(0),Z=(L)=>{let U=L.nodeType===Node.TEXT_NODE?L.parentElement:L;while(U&&U!==K){let F=U.tagName?.toLowerCase();if(F&&["p","h1","h2","h3","h4","h5","h6","li","blockquote","pre"].includes(F))return U;U=U.parentElement}return null},_=Z(Q.startContainer),$=Z(Q.endContainer);if(_!==$){B();return}let Y=Q.commonAncestorContainer,X=Y.nodeType===Node.TEXT_NODE?Y.parentElement:Y;if(!(X&&K.contains(X))){B();return}D={text:J,range:Q.cloneRange()},u(C)},u=(C)=>{if(!V)V=p(),document.body.appendChild(V);let{pageX:q,pageY:j}=C;V.style.left=`${q}px`,V.style.top=`${j-50}px`,V.style.display="block"},B=()=>{if(V)V.style.display="none";D=null},c=(C,q)=>{let j=y.get(C.id);if(j){j.remove(),y.delete(C.id);return}let J=document.createElement("div");J.className="highlight-notes-popup",J.style.cssText=`
     position: absolute;
     background: var(--bg);
     border: 1px solid var(--border);
@@ -9,7 +9,7 @@ var D=()=>{let C=document.querySelector(".admin-section"),j=document.querySelect
     z-index: 10000;
     font-size: 13px;
     line-height: 1.5;
-  `;let K=document.createElement("div");K.style.cssText="display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;";let Q=document.createElement("span");Q.textContent="Highlight Notes",Q.style.cssText="font-weight: 600; color: var(--fg);";let Z=document.createElement("button");Z.textContent="×",Z.style.cssText="background: none; border: none; color: var(--fg); cursor: pointer; padding: 0; font-size: 18px; line-height: 1; opacity: 0.7;",Z.addEventListener("click",(Y)=>{Y.stopPropagation(),J.remove(),L.delete(C.id)}),K.appendChild(Q),K.appendChild(Z);let $=document.createElement("div");$.style.cssText="color: var(--fg); white-space: pre-wrap; word-wrap: break-word;",$.textContent=C.notes||"(No notes)",J.appendChild(K),J.appendChild($),J.addEventListener("click",(Y)=>{Y.stopPropagation()}),J.style.left=`${j.pageX}px`,J.style.top=`${j.pageY+10}px`,document.body.appendChild(J),L.set(C.id,J);let U=(Y)=>{if(!J.contains(Y.target))J.remove(),L.delete(C.id),document.removeEventListener("click",U)};setTimeout(()=>{document.addEventListener("click",U)},0)},d=()=>{let C=document.createElement("div");C.className="highlight-popup",C.innerHTML=`
+  `;let K=document.createElement("div");K.style.cssText="display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;";let Q=document.createElement("span");Q.textContent="Highlight Notes",Q.style.cssText="font-weight: 600; color: var(--fg);";let Z=document.createElement("button");Z.textContent="×",Z.style.cssText="background: none; border: none; color: var(--fg); cursor: pointer; padding: 0; font-size: 18px; line-height: 1; opacity: 0.7;",Z.addEventListener("click",(Y)=>{Y.stopPropagation(),J.remove(),y.delete(C.id)}),K.appendChild(Q),K.appendChild(Z);let _=document.createElement("div");_.style.cssText="color: var(--fg); white-space: pre-wrap; word-wrap: break-word;",_.textContent=C.notes||"(No notes)",J.appendChild(K),J.appendChild(_),J.addEventListener("click",(Y)=>{Y.stopPropagation()}),J.style.left=`${q.pageX}px`,J.style.top=`${q.pageY+10}px`,document.body.appendChild(J),y.set(C.id,J);let $=(Y)=>{if(!J.contains(Y.target))J.remove(),y.delete(C.id),document.removeEventListener("click",$)};setTimeout(()=>{document.addEventListener("click",$)},0)},p=()=>{let C=document.createElement("div");C.className="highlight-popup",C.innerHTML=`
     <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;">
       <span style="font-size: 13px; font-weight: 500; color: var(--fg);">Add Highlight</span>
       <button class="highlight-close-btn" type="button" style="background: none; border: none; color: var(--fg); cursor: pointer; padding: 0; font-size: 18px; line-height: 1; opacity: 0.7;">&times;</button>
@@ -23,23 +23,23 @@ var D=()=>{let C=document.querySelector(".admin-section"),j=document.querySelect
     <button class="highlight-create-btn" type="button">
       Create Highlight
     </button>
-  `;let j=C.querySelector(".highlight-create-btn");if(j)j.addEventListener("click",async(J)=>{J.stopPropagation(),await l()});let q=C.querySelector(".highlight-close-btn");if(q)q.addEventListener("click",(J)=>{J.stopPropagation(),y()});return C},g=(C,j)=>{let q=document.querySelector(".content");if(!q)return 0;let J=document.createRange();J.selectNodeContents(q),J.setEnd(j.startContainer,j.startOffset);let K=J.toString(),Q=0,Z=0;while(!0){let $=K.indexOf(C,Z);if($===-1)break;Q+=1,Z=$+1}return Q},l=async()=>{if(!B)return;try{let{text:C,range:j}=B,q=g(C,j),K=_?.querySelector(".highlight-notes-input")?.value.trim()||void 0,Q=window.location.pathname.replace("/view/",""),Z=await fetch("/api/highlights",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({resourcePath:Q,highlightedText:C,occurrenceIndex:q,notes:K})});if(!Z.ok){let $=await Z.json();console.error("[highlights] Server error:",$.error||"Failed to create highlight");return}window.location.reload()}catch(C){console.error("[highlights] Failed to create highlight:",C)}};var h=(C)=>{return new Date(C).toLocaleString("en-US",{month:"short",day:"numeric",hour:"numeric",minute:"2-digit"})},s=(C)=>{let j=document.querySelector(`[data-highlight-id="${C}"]`);if(j)j.scrollIntoView({behavior:"smooth",block:"center"}),j.classList.add("highlight-flash"),setTimeout(()=>{j.classList.remove("highlight-flash")},1000)},o=(C,j)=>C.length>j?`${C.slice(0,j)}...`:C,S=()=>{let C=document.querySelector(".content");if(!C)return;let j=window.location.pathname;if(!j.startsWith("/view/"))return;let q=j.slice(6);fetch(`/api/highlights/resource?path=${encodeURIComponent(q)}`).then((J)=>J.json()).then((J)=>{let K=J.highlights||[];if(K.length===0)return;let Q=document.createElement("div");Q.className="highlights-summary",Q.innerHTML=`
+  `;let q=C.querySelector(".highlight-create-btn");if(q)q.addEventListener("click",async(J)=>{J.stopPropagation(),await l()});let j=C.querySelector(".highlight-close-btn");if(j)j.addEventListener("click",(J)=>{J.stopPropagation(),B()});return C},d=(C,q)=>{let j=document.querySelector(".content");if(!j)return 0;let J=document.createRange();J.selectNodeContents(j),J.setEnd(q.startContainer,q.startOffset);let K=J.toString(),Q=0,Z=0;while(!0){let _=K.indexOf(C,Z);if(_===-1)break;Q+=1,Z=_+1}return Q},l=async()=>{if(!D)return;try{let{text:C,range:q}=D,j=d(C,q),K=V?.querySelector(".highlight-notes-input")?.value.trim()||void 0,Q=window.location.pathname.replace("/view/",""),Z=await fetch("/api/highlights",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({resourcePath:Q,highlightedText:C,occurrenceIndex:j,notes:K})});if(!Z.ok){let _=await Z.json();console.error("[highlights] Server error:",_.error||"Failed to create highlight");return}window.location.reload()}catch(C){console.error("[highlights] Failed to create highlight:",C)}};var g=(C)=>{return new Date(C).toLocaleString("en-US",{month:"short",day:"numeric",hour:"numeric",minute:"2-digit"})},h=(C)=>{let q=document.querySelector(`[data-highlight-id="${C}"]`);if(q)q.scrollIntoView({behavior:"smooth",block:"center"}),q.classList.add("highlight-flash"),setTimeout(()=>{q.classList.remove("highlight-flash")},1000)},s=(C,q)=>C.length>q?`${C.slice(0,q)}...`:C,T=()=>{let C=document.querySelector(".content");if(!C)return;let q=window.location.pathname;if(!q.startsWith("/view/"))return;let j=q.slice(6);fetch(`/api/highlights/resource?path=${encodeURIComponent(j)}`).then((J)=>J.json()).then((J)=>{let K=J.highlights||[];if(K.length===0)return;let Q=document.createElement("div");Q.className="highlights-summary",Q.innerHTML=`
         <div style="background: var(--code-bg); border: 1px solid var(--border); border-radius: 8px; padding: 16px 20px; margin: 24px 0;">
           <h3 style="font-size: 0.875rem; margin: 0 0 12px 0; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 700; opacity: 0.8; display: flex; align-items: center; gap: 6px;">
             <span style="font-size: 16px;">✨</span>
             Highlights (${K.length})
           </h3>
           <ul style="list-style: none; padding: 0; margin: 0; font-size: 14px;">
-            ${K.map((U)=>{let Y=U.isStale?'<span style="color: #f44336; margin-left: 4px;" title="Stale - file has changed">⚠️</span>':"",X=U.isStale?' style="text-decoration: line-through; opacity: 0.5;"':"",G=U.highlightedText.length>80?`${U.highlightedText.slice(0,80)}...`:U.highlightedText,V=U.notes?o(U.notes,60):"",F=V?`<div style="margin-top: 4px; padding: 6px; background: var(--sidebar-bg); border-radius: 3px; font-size: 11px; opacity: 0.8;">\uD83D\uDCAD ${V}</div>`:"";return`
+            ${K.map(($)=>{let Y=$.isStale?'<span style="color: #f44336; margin-left: 4px;" title="Stale - file has changed">⚠️</span>':"",X=$.isStale?' style="text-decoration: line-through; opacity: 0.5;"':"",L=$.highlightedText.length>80?`${$.highlightedText.slice(0,80)}...`:$.highlightedText,U=$.notes?s($.notes,60):"",F=U?`<div style="margin-top: 4px; padding: 6px; background: var(--sidebar-bg); border-radius: 3px; font-size: 11px; opacity: 0.8;">\uD83D\uDCAD ${U}</div>`:"";return`
                     <li style="margin: 8px 0; padding: 8px; background: var(--bg); border-radius: 4px; border-left: 3px solid var(--accent); cursor: pointer; transition: background 0.2s;" 
-                        data-highlight-id="${U.id}"
+                        data-highlight-id="${$.id}"
                         class="highlight-summary-item"
                         onmouseover="this.style.background='var(--hover)'" 
                         onmouseout="this.style.background='var(--bg)'">
-                      <div${X}>${G}</div>
+                      <div${X}>${L}</div>
                       ${F}
                       <div style="opacity: 0.5; font-size: 12px; margin-top: 4px;">
-                        ${h(U.createdAt)}${Y}
+                        ${g($.createdAt)}${Y}
                       </div>
                     </li>
                   `}).join("")}
@@ -50,4 +50,4 @@ var D=()=>{let C=document.querySelector(".admin-section"),j=document.querySelect
             </a>
           </div>
         </div>
-      `;let Z=C.querySelector("h1, h2");if(Z)Z.parentNode?.insertBefore(Q,Z);else C.insertBefore(Q,C.firstChild);let $=Q.querySelectorAll(".highlight-summary-item");for(let U of Array.from($)){let Y=U.getAttribute("data-highlight-id");if(Y)U.addEventListener("click",()=>s(Y))}}).catch((J)=>{console.error("Failed to load highlights summary:",J)})};var n=()=>{let C=document.querySelector(".sidebar");if(!C)return;let j=document.createElement("div");j.className="sidebar-resize-handle",C.appendChild(j);let q=!1,J=0,K=0,Q=(Y)=>{q=!0,J=Y.clientX,K=C.offsetWidth,document.body.style.cursor="ew-resize",document.body.style.userSelect="none",Y.preventDefault()},Z=(Y)=>{if(!q)return;let X=Y.clientX-J,G=K+X,V=Math.max(200,Math.min(600,G));C.style.width=`${V}px`,localStorage.setItem("llmd-sidebar-width",V.toString())},$=()=>{if(!q)return;q=!1,document.body.style.cursor="",document.body.style.userSelect=""};j.addEventListener("mousedown",Q),document.addEventListener("mousemove",Z),document.addEventListener("mouseup",$);let U=localStorage.getItem("llmd-sidebar-width");if(U){let Y=Number.parseInt(U,10);if(Y>=200&&Y<=600)C.style.width=`${Y}px`}};if(typeof window<"u")window.addEventListener("DOMContentLoaded",()=>{n()});var T=(C,j,q)=>{fetch("/api/events",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({type:C,path:j,resourceType:q})}).catch(()=>{})},w=(C)=>{T("open",C,"dir")},H=(C)=>{T("view",C,"file")};var M=async()=>{try{let C=window.location.pathname.replace("/view/",""),j=C.includes("/")?C.substring(0,C.lastIndexOf("/")):"",q=await fetch(`/api/highlights/directory?path=${encodeURIComponent(j||".")}`);if(!q.ok)return;let K=(await q.json()).highlights||[],Q=new Set;for(let $ of K)Q.add($.resourcePath);let Z=document.querySelectorAll("a[data-file-path]");for(let $ of Array.from(Z)){let U=$.getAttribute("data-file-path");if(U&&Q.has(U)){let Y=$.querySelector(".file-icon svg");if(Y)Y.setAttribute("fill","var(--accent)"),Y.setAttribute("fill-opacity","0.3")}}}catch(C){console.error("[file-highlights] Failed to load highlight indicators:",C)}};if(typeof window<"u")window.addEventListener("DOMContentLoaded",()=>{M()});window.trackDirectoryOpen=w;window.trackFileView=H;D();M();if(document.querySelector(".content"))R(),S();console.log("[llmd] Client initialized");
+      `;let Z=C.querySelector("h1, h2");if(Z)Z.parentNode?.insertBefore(Q,Z);else C.insertBefore(Q,C.firstChild);let _=Q.querySelectorAll(".highlight-summary-item");for(let $ of Array.from(_)){let Y=$.getAttribute("data-highlight-id");if(Y)$.addEventListener("click",()=>h(Y))}}).catch((J)=>{console.error("Failed to load highlights summary:",J)})};var o=()=>{let C=document.querySelector(".sidebar");if(!C)return;let q=document.createElement("div");q.className="sidebar-resize-handle",C.appendChild(q);let j=!1,J=0,K=0,Q=(Y)=>{j=!0,J=Y.clientX,K=C.offsetWidth,document.body.style.cursor="ew-resize",document.body.style.userSelect="none",Y.preventDefault()},Z=(Y)=>{if(!j)return;let X=Y.clientX-J,L=K+X,U=Math.max(200,Math.min(600,L));C.style.width=`${U}px`,localStorage.setItem("llmd-sidebar-width",U.toString())},_=()=>{if(!j)return;j=!1,document.body.style.cursor="",document.body.style.userSelect=""};q.addEventListener("mousedown",Q),document.addEventListener("mousemove",Z),document.addEventListener("mouseup",_);let $=localStorage.getItem("llmd-sidebar-width");if($){let Y=Number.parseInt($,10);if(Y>=200&&Y<=600)C.style.width=`${Y}px`}};if(typeof window<"u")window.addEventListener("DOMContentLoaded",()=>{o()});var b=(C,q,j)=>{fetch("/api/events",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({type:C,path:q,resourceType:j})}).catch(()=>{})},I=(C)=>{b("open",C,"dir")},w=(C)=>{b("view",C,"file")};var M=async()=>{try{let C=window.location.pathname.replace("/view/",""),q=C.includes("/")?C.substring(0,C.lastIndexOf("/")):"",j=await fetch(`/api/highlights/directory?path=${encodeURIComponent(q||".")}`);if(!j.ok)return;let K=(await j.json()).highlights||[],Q=new Set;for(let _ of K)Q.add(_.resourcePath);let Z=document.querySelectorAll("a[data-file-path]");for(let _ of Array.from(Z)){let $=_.getAttribute("data-file-path");if($&&Q.has($)){let Y=_.querySelector(".file-icon svg");if(Y)Y.setAttribute("fill","var(--accent)"),Y.setAttribute("fill-opacity","0.3")}}}catch(C){console.error("[file-highlights] Failed to load highlight indicators:",C)}};if(typeof window<"u")window.addEventListener("DOMContentLoaded",()=>{M()});window.trackDirectoryOpen=I;window.trackFileView=w;G();E();M();if(document.querySelector(".content"))S(),T();console.log("[llmd] Client initialized");