llmd 0.6.0 → 0.7.0

package/dist/client.js

@@ -1,4 +1,16 @@
-var N=()=>{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 L=C.classList.toggle("collapsed");localStorage.setItem("llmd-admin-collapsed",L.toString())})};var G=(C)=>{return C.getAttribute("data-dir-path")||null},v=()=>{let C=[],q=document.querySelectorAll(".dir-group.collapsed");for(let M of Array.from(q)){let L=G(M);if(L)C.push(L)}localStorage.setItem("llmd-nav-collapsed",JSON.stringify(C))},w=()=>{try{let C=localStorage.getItem("llmd-nav-collapsed");if(!C)return;let q=JSON.parse(C),M=document.querySelectorAll(".dir-group");for(let L of Array.from(M)){let j=G(L);if(j&&q.includes(j))L.classList.add("collapsed")}}catch(C){console.error("[collapsible] Failed to restore state:",C)}},x=()=>{let C=document.querySelectorAll(".dir-group-header");for(let q of Array.from(C)){let M=q;M.addEventListener("click",(L)=>{L.preventDefault();let j=M.closest(".dir-group");if(j)j.classList.toggle("collapsed"),v()})}w()},m=()=>{let C=document.querySelector(".toc");if(!C)return;let q=C.querySelector("h3");if(!q)return;let M=document.createElement("span");M.className="toc-chevron",M.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(M,q.firstChild),q.addEventListener("click",()=>{C.classList.toggle("collapsed")})},W=()=>{x(),m()};var B=()=>{for(let C of Array.from(document.querySelectorAll("pre code"))){let q=C.parentElement;if(!q)continue;if(q.querySelector(".copy-button"))continue;let M=document.createElement("button");M.className="copy-button",M.textContent="Copy",M.setAttribute("aria-label","Copy code to clipboard"),M.addEventListener("click",async()=>{try{await navigator.clipboard.writeText(C.textContent||""),M.textContent="Copied!",M.classList.add("copied"),setTimeout(()=>{M.textContent="Copy",M.classList.remove("copied")},2000)}catch(L){console.error("Failed to copy:",L),M.textContent="Failed",setTimeout(()=>{M.textContent="Copy"},2000)}}),q.appendChild(M)}};if(document.readyState==="loading")document.addEventListener("DOMContentLoaded",B);else B();var F=(C,q,M)=>{fetch("/api/events",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({type:C,path:q,resourceType:M})}).catch(()=>{})},S=(C)=>{F("open",C,"dir")},b=(C)=>{F("view",C,"file")};var P=(C)=>{let M=`${window.location.protocol==="https:"?"wss:":"ws:"}//${window.location.host}/_ws`,L=null,j=null,$=0,J=!1,Q=()=>{L=new WebSocket(M),L.addEventListener("open",()=>{$=0,console.log("[llmd] Connected to file watcher"),L?.send(JSON.stringify({type:"watch",file:C}))}),L.addEventListener("message",(V)=>{try{let K=JSON.parse(V.data);if(K.type==="reload"&&K.file===C)console.log(`[llmd] File changed: ${C}, reloading...`),window.location.reload()}catch(K){console.error("[llmd] Failed to parse message:",K)}}),L.addEventListener("close",()=>{if(J)return;let V=Math.min(30000,1000*2**$);$+=1,j=window.setTimeout(Q,V)}),L.addEventListener("error",()=>{console.error("[llmd] WebSocket error")})};Q(),window.addEventListener("beforeunload",()=>{if(J=!0,j)clearTimeout(j);L?.close()})},f=()=>{let C=document.body?.dataset.watchFile;if(C)P(C)};var A=(C,q="smooth")=>{let M=document.querySelectorAll(`mark.llmd-highlight[data-highlight-id="${C}"]`),L=M[0];if(!L)return!1;L.scrollIntoView({behavior:q,block:"center"});for(let j of Array.from(M))j.classList.add("highlight-flash"),setTimeout(()=>{j.classList.remove("highlight-flash")},1000);return!0};var R=[],Y=null,U=null,D=new Map,E=(C)=>{let q=D.get(C);if(!q)return;q.el.remove(),document.removeEventListener("click",q.onOutsideClick),D.delete(C)},T=()=>{if(!document.querySelector(".content"))return;d(),document.addEventListener("mouseup",k),document.addEventListener("touchend",k),u()},u=()=>{let C=window.location.hash;if(!C.startsWith("#highlight-"))return;let q=C.slice(11);if(!q)return;setTimeout(()=>{if(!A(q,"smooth"))console.warn(`[highlights] Could not find highlight with ID: ${q}`)},100)},d=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||[],g()}catch(C){console.error("[highlights] Failed to fetch highlights:",C)}},g=()=>{let C=document.querySelector(".content");if(!C)return;let q=C.querySelectorAll("mark.llmd-highlight");for(let M of Array.from(q)){let L=M.getAttribute("data-highlight-id");if(!L)continue;let j=R.find(($)=>$.id===L);if(!j)continue;M.addEventListener("click",($)=>{$.stopPropagation(),s(j,$)})}},k=(C)=>{let q=C.target;if(Y?.contains(q))return;let M=window.getSelection();if(!M||M.isCollapsed){O();return}let L=M.toString().trim();if(!L){O();return}let j=document.querySelector(".content");if(!j)return;let $=M.getRangeAt(0),J=(_)=>{let Z=_.nodeType===Node.TEXT_NODE?_.parentElement:_;while(Z&&Z!==j){let y=Z.tagName?.toLowerCase();if(y&&["p","h1","h2","h3","h4","h5","h6","li","blockquote","pre"].includes(y))return Z;Z=Z.parentElement}return null},Q=J($.startContainer),V=J($.endContainer);if(Q!==V){O();return}let K=$.commonAncestorContainer,X=K.nodeType===Node.TEXT_NODE?K.parentElement:K;if(!(X&&j.contains(X))){O();return}U={text:L,range:$.cloneRange()},c(C)},c=(C)=>{if(!Y)Y=p(),document.body.appendChild(Y);let{pageX:q,pageY:M}=C;Y.style.left=`${q}px`,Y.style.top=`${M-50}px`,Y.style.display="block"},O=()=>{if(Y)Y.style.display="none";U=null},s=(C,q)=>{if(D.has(C.id)){E(C.id);return}let M=document.createElement("div");M.className="highlight-notes-popup",M.style.cssText=`
+var y=()=>{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 K=C.classList.toggle("collapsed");localStorage.setItem("llmd-admin-collapsed",K.toString())})};var E=(C)=>{return C.getAttribute("data-dir-path")||null},c=()=>{let C=[],q=document.querySelectorAll(".dir-group.collapsed");for(let J of Array.from(q)){let K=E(J);if(K)C.push(K)}localStorage.setItem("llmd-nav-collapsed",JSON.stringify(C))},d=()=>{try{let C=localStorage.getItem("llmd-nav-collapsed");if(!C)return;let q=JSON.parse(C),J=document.querySelectorAll(".dir-group");for(let K of Array.from(J)){let Q=E(K);if(Q&&q.includes(Q))K.classList.add("collapsed")}}catch(C){console.error("[collapsible] Failed to restore state:",C)}},p=()=>{let C=document.querySelectorAll(".dir-group-header");for(let q of Array.from(C)){let J=q;J.addEventListener("click",(K)=>{K.preventDefault();let Q=J.closest(".dir-group");if(Q)Q.classList.toggle("collapsed"),c()})}d()},g=()=>{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")})},z=()=>{p(),g()};var I=()=>{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(K){console.error("Failed to copy:",K),J.textContent="Failed",setTimeout(()=>{J.textContent="Copy"},2000)}}),q.appendChild(J)}};if(document.readyState==="loading")document.addEventListener("DOMContentLoaded",I);else I();var T=(C,q,J)=>{fetch("/api/events",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({type:C,path:q,resourceType:J})}).catch(()=>{})},H=(C)=>{T("open",C,"dir")},R=(C)=>{T("view",C,"file")};var l=(C)=>{let J=`${window.location.protocol==="https:"?"wss:":"ws:"}//${window.location.host}/_ws`,K=null,Q=null,Y=0,j=!1,$=()=>{K=new WebSocket(J),K.addEventListener("open",()=>{Y=0,console.log("[llmd] Connected to file watcher"),K?.send(JSON.stringify({type:"watch",file:C}))}),K.addEventListener("message",(Z)=>{try{let V=JSON.parse(Z.data);if(V.type==="reload"&&V.file===C)console.log(`[llmd] File changed: ${C}, reloading...`),window.location.reload()}catch(V){console.error("[llmd] Failed to parse message:",V)}}),K.addEventListener("close",()=>{if(j)return;let Z=Math.min(30000,1000*2**Y);Y+=1,Q=window.setTimeout($,Z)}),K.addEventListener("error",()=>{console.error("[llmd] WebSocket error")})};$(),window.addEventListener("beforeunload",()=>{if(j=!0,Q)clearTimeout(Q);K?.close()})},S=()=>{let C=document.body?.dataset.watchFile;if(C)l(C)};var s=(C,q)=>{let J=Math.min(C.length,q.length),K=0;while(K<J&&C.at(-1-K)===q.at(-1-K))K+=1;return K},h=(C,q)=>{let J=Math.min(C.length,q.length),K=0;while(K<J&&C[K]===q[K])K+=1;return K},w=(C,q,J)=>({exact:C.slice(q,J),prefix:C.slice(Math.max(0,q-32),q),suffix:C.slice(J,J+32)}),n=(C,q)=>{let J=[],K=C.indexOf(q);while(K!==-1)J.push(K),K=C.indexOf(q,K+1);return J},P=(C,q)=>{let{exact:J,prefix:K,suffix:Q}=q;if(!J)return null;let Y=n(C,J);if(Y.length===0)return null;if(Y.length===1){let Z=Y[0];return{start:Z,end:Z+J.length}}let j=Y[0],$=-1;for(let Z of Y){let V=C.slice(Math.max(0,Z-K.length),Z),B=C.slice(Z+J.length,Z+J.length+Q.length),_=s(V,K)+h(B,Q);if(_>$)$=_,j=Z}return{start:j,end:j+J.length}};var a=".markdown-body",r=1000,L=()=>document.querySelector(a),W=(C)=>{let q=document.createTreeWalker(C,NodeFilter.SHOW_TEXT),J=[],K="",Q=q.nextNode();while(Q){let Y=Q.textContent??"";J.push({node:Q,start:K.length,end:K.length+Y.length}),K+=Y,Q=q.nextNode()}return{text:K,spans:J}},k=(C)=>W(C).text,A=(C,q,J)=>{let K=document.createRange();return K.selectNodeContents(C),K.setEnd(q,J),K.toString().length},o=(C)=>{let q=C.querySelectorAll("mark.llmd-highlight");for(let J of Array.from(q)){let K=J.parentNode;if(K)K.replaceChild(document.createTextNode(J.textContent??""),J)}C.normalize()},i=(C,q,J,K)=>{let Q=C.node.textContent??"",Y=Q.slice(q,J),j=C.node.parentNode;if(!(j&&Y))return;let $=Q.slice(0,q),Z=Q.slice(J),V=document.createElement("mark");V.className="llmd-highlight",V.dataset.highlightId=K,V.style.cursor="pointer",V.textContent=Y;let B=document.createDocumentFragment();if($)B.appendChild(document.createTextNode($));if(B.appendChild(V),Z)B.appendChild(document.createTextNode(Z));j.replaceChild(B,C.node)},t=(C,q,J,K)=>{let Q=C.filter((Y)=>Y.start<J&&Y.end>q);for(let Y=Q.length-1;Y>=0;Y-=1){let j=Q[Y],$=Math.max(0,q-j.start),Z=Math.min((j.node.textContent??"").length,J-j.start);i(j,$,Z,K)}},e=(C)=>{let q=[...C].sort((Q,Y)=>Q.start-Y.start),J=[],K=-1;for(let Q of q)if(Q.start>=K)J.push(Q),K=Q.end;return J},v=(C,q)=>{o(C);let J=W(C).text,K=new Set,Q=new Set,Y=[];for(let $ of q){let Z=P(J,$);if(Z)Y.push({id:$.id,start:Z.start,end:Z.end}),K.add($.id);else Q.add($.id)}let j=e(Y).sort(($,Z)=>Z.start-$.start);for(let $ of j){let{spans:Z}=W(C);t(Z,$.start,$.end,$.id)}return{paintedIds:K,staleIds:Q}},M=(C,q="smooth")=>{let J=document.querySelectorAll(`mark.llmd-highlight[data-highlight-id="${C}"]`),K=J[0];if(!K)return!1;K.scrollIntoView({behavior:q,block:"center"});for(let Q of Array.from(J))Q.classList.add("highlight-flash"),setTimeout(()=>Q.classList.remove("highlight-flash"),r);return!0};var b=(C)=>{return new Date(C).toLocaleString("en-US",{month:"short",day:"numeric",hour:"numeric",minute:"2-digit"})},x=(C,q)=>C.length>q?`${C.slice(0,q)}...`:C,CC=(C)=>{let q=document.createElement("li");q.className="highlight-summary-item",q.dataset.highlightId=C.id,q.style.cssText="margin: 8px 0; padding: 8px; background: var(--bg); border-radius: 4px; border-left: 3px solid var(--accent); cursor: pointer; transition: background 0.2s;",q.addEventListener("mouseover",()=>{q.style.background="var(--hover)"}),q.addEventListener("mouseout",()=>{q.style.background="var(--bg)"}),q.addEventListener("click",()=>M(C.id));let J=document.createElement("div");if(C.isStale)J.style.cssText="text-decoration: line-through; opacity: 0.5;";if(J.textContent=x(C.exact,80),q.appendChild(J),C.notes){let Q=document.createElement("div");Q.style.cssText="margin-top: 4px; padding: 6px; background: var(--sidebar-bg); border-radius: 3px; font-size: 11px; opacity: 0.8;",Q.textContent=`Note: ${x(C.notes,60)}`,q.appendChild(Q)}let K=document.createElement("div");return K.style.cssText="opacity: 0.5; font-size: 12px; margin-top: 4px;",K.textContent=C.isStale?`${b(C.createdAt)} (stale)`:b(C.createdAt),q.appendChild(K),q},f=(C)=>{let q=L();if(!q)return;if(q.parentElement?.querySelector(".highlights-summary")?.remove(),C.length===0)return;let J=document.createElement("div");J.className="highlights-summary";let K=document.createElement("div");K.style.cssText="background: var(--code-bg); border: 1px solid var(--border); border-radius: 8px; padding: 16px 20px; margin: 24px 0;";let Q=document.createElement("h3");Q.style.cssText="font-size: 0.875rem; margin: 0 0 12px 0; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 700; opacity: 0.8;",Q.textContent=`Highlights (${C.length})`,K.appendChild(Q);let Y=document.createElement("ul");Y.style.cssText="list-style: none; padding: 0; margin: 0; font-size: 14px;";for(let Z of C)Y.appendChild(CC(Z));K.appendChild(Y);let j=document.createElement("div");j.style.cssText="margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--border);";let $=document.createElement("a");$.href="/highlights",$.style.cssText="color: var(--accent); text-decoration: none; font-size: 13px; font-weight: 500;",$.textContent="View all highlights",j.appendChild($),K.appendChild(j),J.appendChild(K),q.parentElement?.insertBefore(J,q)};var D=[],X=null,U=null,G=new Map,m=()=>window.location.pathname.replace("/view/",""),u=()=>{if(!L())return;qC(),document.addEventListener("mouseup",QC),KC()},qC=async()=>{let C=L();if(!C)return;try{let q=await fetch(`/api/highlights/resource?path=${encodeURIComponent(m())}`);if(!q.ok)return;D=(await q.json()).highlights||[];let{staleIds:K}=v(C,D);JC(C),f(D.map((Q)=>({id:Q.id,exact:Q.exact,notes:Q.notes,createdAt:Q.createdAt,isStale:K.has(Q.id)})))}catch(q){console.error("[highlights] Failed to fetch highlights:",q)}},JC=(C)=>{let q=C.querySelectorAll("mark.llmd-highlight");for(let J of Array.from(q)){let K=J.getAttribute("data-highlight-id"),Q=D.find((Y)=>Y.id===K);if(!Q)continue;J.addEventListener("click",(Y)=>{Y.stopPropagation(),jC(Q,Y)})}},KC=()=>{let C=window.location.hash;if(!C.startsWith("#highlight-"))return;let q=C.slice(11);if(q)M(q,"smooth")},QC=(C)=>{let q=C.target;if(X?.contains(q))return;let J=L(),K=window.getSelection();if(!(J&&K)||K.isCollapsed){O();return}let Q=K.getRangeAt(0);if(!(J.contains(Q.startContainer)&&J.contains(Q.endContainer)&&K.toString().trim())){O();return}let j=A(J,Q.startContainer,Q.startOffset),$=A(J,Q.endContainer,Q.endOffset);U={start:Math.min(j,$),end:Math.max(j,$)},YC(C)},YC=(C)=>{if(!X)X=ZC(),document.body.appendChild(X);X.style.left=`${C.pageX}px`,X.style.top=`${C.pageY-50}px`,X.style.display="block"},O=()=>{if(X)X.style.display="none";U=null},ZC=()=>{let C=document.createElement("div");return 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>
+    </div>
+    <textarea
+      class="highlight-notes-input"
+      placeholder="Add a note (optional)"
+      rows="2"
+      style="width: 100%; padding: 8px; border: 1px solid var(--border); border-radius: 4px; background: var(--bg); color: var(--fg); font-size: 13px; resize: vertical; margin-bottom: 8px; font-family: inherit;"
+    ></textarea>
+    <button class="highlight-create-btn" type="button">Create Highlight</button>
+  `,C.querySelector(".highlight-create-btn")?.addEventListener("click",(q)=>{q.stopPropagation(),$C()}),C.querySelector(".highlight-close-btn")?.addEventListener("click",(q)=>{q.stopPropagation(),O()}),C},$C=async()=>{let C=L();if(!(C&&U))return;let q=k(C),J=w(q,U.start,U.end),Q=X?.querySelector(".highlight-notes-input")?.value.trim()||void 0;try{let Y=await fetch("/api/highlights",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({resourcePath:m(),...J,notes:Q})});if(!Y.ok){let j=await Y.json().catch(()=>({}));console.error("[highlights] Server error:",j.error??"Failed to create highlight");return}window.location.reload()}catch(Y){console.error("[highlights] Failed to create highlight:",Y)}},F=(C)=>{let q=G.get(C);if(!q)return;q.el.remove(),document.removeEventListener("click",q.onOutsideClick),G.delete(C)},jC=(C,q)=>{if(G.has(C.id)){F(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,18 +21,4 @@ var N=()=>{let C=document.querySelector(".admin-section"),q=document.querySelect
     z-index: 10000;
     font-size: 13px;
     line-height: 1.5;
-  `;let L=document.createElement("div");L.style.cssText="display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;";let j=document.createElement("span");j.textContent="Highlight Notes",j.style.cssText="font-weight: 600; color: var(--fg);";let $=document.createElement("button");$.textContent="×",$.style.cssText="background: none; border: none; color: var(--fg); cursor: pointer; padding: 0; font-size: 18px; line-height: 1; opacity: 0.7;",$.addEventListener("click",(V)=>{V.stopPropagation(),E(C.id)}),L.appendChild(j),L.appendChild($);let J=document.createElement("div");J.style.cssText="color: var(--fg); white-space: pre-wrap; word-wrap: break-word;",J.textContent=C.notes||"(No notes)",M.appendChild(L),M.appendChild(J),M.addEventListener("click",(V)=>{V.stopPropagation()}),M.style.left=`${q.pageX}px`,M.style.top=`${q.pageY+10}px`,document.body.appendChild(M);let Q=(V)=>{if(!M.contains(V.target))E(C.id)};D.set(C.id,{el:M,onOutsideClick:Q}),setTimeout(()=>{document.addEventListener("click",Q)},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>
-    </div>
-    <textarea 
-      class="highlight-notes-input" 
-      placeholder="Add a note (optional)"
-      rows="2"
-      style="width: 100%; padding: 8px; border: 1px solid var(--border); border-radius: 4px; background: var(--bg); color: var(--fg); font-size: 13px; resize: vertical; margin-bottom: 8px; font-family: inherit;"
-    ></textarea>
-    <button class="highlight-create-btn" type="button">
-      Create Highlight
-    </button>
-  `;let q=C.querySelector(".highlight-create-btn");if(q)q.addEventListener("click",async(L)=>{L.stopPropagation(),await o()});let M=C.querySelector(".highlight-close-btn");if(M)M.addEventListener("click",(L)=>{L.stopPropagation(),O()});return C},l=(C,q)=>{let M=document.querySelector(".content");if(!M)return 0;let L=document.createRange();L.selectNodeContents(M),L.setEnd(q.startContainer,q.startOffset);let j=L.toString(),$=0,J=0;while(!0){let Q=j.indexOf(C,J);if(Q===-1)break;$+=1,J=Q+1}return $},o=async()=>{if(!U)return;try{let{text:C,range:q}=U,M=l(C,q),j=Y?.querySelector(".highlight-notes-input")?.value.trim()||void 0,$=window.location.pathname.replace("/view/",""),J=await fetch("/api/highlights",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({resourcePath:$,highlightedText:C,occurrenceIndex:M,notes:j})});if(!J.ok){let Q=await J.json();console.error("[highlights] Server error:",Q.error||"Failed to create highlight");return}window.location.reload()}catch(C){console.error("[highlights] Failed to create highlight:",C)}};var I=(C)=>{return new Date(C).toLocaleString("en-US",{month:"short",day:"numeric",hour:"numeric",minute:"2-digit"})},z=(C,q)=>C.length>q?`${C.slice(0,q)}...`:C,a=(C)=>{let q=document.createElement("li");q.className="highlight-summary-item",q.dataset.highlightId=C.id,q.style.cssText="margin: 8px 0; padding: 8px; background: var(--bg); border-radius: 4px; border-left: 3px solid var(--accent); cursor: pointer; transition: background 0.2s;",q.addEventListener("mouseover",()=>{q.style.background="var(--hover)"}),q.addEventListener("mouseout",()=>{q.style.background="var(--bg)"}),q.addEventListener("click",()=>A(C.id));let M=document.createElement("div");if(C.isStale)M.style.cssText="text-decoration: line-through; opacity: 0.5;";if(M.textContent=z(C.highlightedText,80),q.appendChild(M),C.notes){let j=document.createElement("div");j.style.cssText="margin-top: 4px; padding: 6px; background: var(--sidebar-bg); border-radius: 3px; font-size: 11px; opacity: 0.8;",j.textContent=`Note: ${z(C.notes,60)}`,q.appendChild(j)}let L=document.createElement("div");return L.style.cssText="opacity: 0.5; font-size: 12px; margin-top: 4px;",L.textContent=C.isStale?`${I(C.createdAt)} (stale)`:I(C.createdAt),q.appendChild(L),q},r=(C)=>{let q=document.createElement("div");q.className="highlights-summary";let M=document.createElement("div");M.style.cssText="background: var(--code-bg); border: 1px solid var(--border); border-radius: 8px; padding: 16px 20px; margin: 24px 0;";let L=document.createElement("h3");L.style.cssText="font-size: 0.875rem; margin: 0 0 12px 0; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 700; opacity: 0.8;",L.textContent=`Highlights (${C.length})`,M.appendChild(L);let j=document.createElement("ul");j.style.cssText="list-style: none; padding: 0; margin: 0; font-size: 14px;";for(let Q of C)j.appendChild(a(Q));M.appendChild(j);let $=document.createElement("div");$.style.cssText="margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--border);";let J=document.createElement("a");return J.href="/highlights",J.style.cssText="color: var(--accent); text-decoration: none; font-size: 13px; font-weight: 500;",J.textContent="View all highlights",$.appendChild(J),M.appendChild($),q.appendChild(M),q},H=()=>{let C=document.querySelector(".content");if(!C)return;let q=window.location.pathname;if(!q.startsWith("/view/"))return;let M=q.slice(6);fetch(`/api/highlights/resource?path=${encodeURIComponent(M)}`).then((L)=>L.json()).then((L)=>{let j=L.highlights||[];if(j.length===0)return;let $=r(j),J=C.querySelector("h1, h2");if(J)J.parentNode?.insertBefore($,J);else C.insertBefore($,C.firstChild)}).catch((L)=>{console.error("Failed to load highlights summary:",L)})};var n=()=>{let C=document.querySelector(".sidebar");if(!C)return;let q=document.createElement("div");q.className="sidebar-resize-handle",C.appendChild(q);let M=!1,L=0,j=0,$=(K)=>{M=!0,L=K.clientX,j=C.offsetWidth,document.body.style.cursor="ew-resize",document.body.style.userSelect="none",K.preventDefault()},J=(K)=>{if(!M)return;let X=K.clientX-L,_=j+X,Z=Math.max(200,Math.min(600,_));C.style.width=`${Z}px`,localStorage.setItem("llmd-sidebar-width",Z.toString())},Q=()=>{if(!M)return;M=!1,document.body.style.cursor="",document.body.style.userSelect=""};q.addEventListener("mousedown",$),document.addEventListener("mousemove",J),document.addEventListener("mouseup",Q);let V=localStorage.getItem("llmd-sidebar-width");if(V){let K=Number.parseInt(V,10);if(K>=200&&K<=600)C.style.width=`${K}px`}};if(typeof window<"u")window.addEventListener("DOMContentLoaded",()=>{n()});window.trackDirectoryOpen=S;window.trackFileView=b;N();W();f();if(document.querySelector(".content"))T(),H();console.log("[llmd] Client initialized");
+  `;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 Y=document.createElement("button");Y.textContent="×",Y.style.cssText="background: none; border: none; color: var(--fg); cursor: pointer; padding: 0; font-size: 18px; line-height: 1; opacity: 0.7;",Y.addEventListener("click",(Z)=>{Z.stopPropagation(),F(C.id)}),K.appendChild(Q),K.appendChild(Y);let j=document.createElement("div");j.style.cssText="color: var(--fg); white-space: pre-wrap; word-wrap: break-word;",j.textContent=C.notes||"(No notes)",J.appendChild(K),J.appendChild(j),J.addEventListener("click",(Z)=>Z.stopPropagation()),J.style.left=`${q.pageX}px`,J.style.top=`${q.pageY+10}px`,document.body.appendChild(J);let $=(Z)=>{if(!J.contains(Z.target))F(C.id)};G.set(C.id,{el:J,onOutsideClick:$}),setTimeout(()=>document.addEventListener("click",$),0)};var VC=()=>{let C=document.querySelector(".sidebar");if(!C)return;let q=document.createElement("div");q.className="sidebar-resize-handle",C.appendChild(q);let J=!1,K=0,Q=0,Y=(V)=>{J=!0,K=V.clientX,Q=C.offsetWidth,document.body.style.cursor="ew-resize",document.body.style.userSelect="none",V.preventDefault()},j=(V)=>{if(!J)return;let B=V.clientX-K,_=Q+B,N=Math.max(200,Math.min(600,_));C.style.width=`${N}px`,localStorage.setItem("llmd-sidebar-width",N.toString())},$=()=>{if(!J)return;J=!1,document.body.style.cursor="",document.body.style.userSelect=""};q.addEventListener("mousedown",Y),document.addEventListener("mousemove",j),document.addEventListener("mouseup",$);let Z=localStorage.getItem("llmd-sidebar-width");if(Z){let V=Number.parseInt(Z,10);if(V>=200&&V<=600)C.style.width=`${V}px`}};if(typeof window<"u")window.addEventListener("DOMContentLoaded",()=>{VC()});window.trackDirectoryOpen=H;window.trackFileView=R;y();z();S();if(document.querySelector(".markdown-body"))u();console.log("[llmd] Client initialized");