npm - @zsoltcsaszti/lens - Versions diffs - 0.2.0 - Mend

@zsoltcsaszti/lens 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/README.md ADDED Viewed

@@ -0,0 +1,180 @@
+# Lens SDK
+[![npm](https://img.shields.io/npm/v/@zsolt/lens)](https://www.npmjs.com/package/@zsolt/lens)
+[![license](https://img.shields.io/badge/license-MIT-blue)](LICENSE)
+Reader intelligence for publishers. One script tag. Zero tracking cookies.
+---
+## Install
+**Via CDN (recommended for most publishers):**
+```html
+<script
+  src="https://unpkg.com/@zsolt/lens/dist/lens.umd.js"
+  data-site-id="YOUR_SITE_ID"
+  data-api="https://your-lens-server.com"
+  data-mode="emphasis">
+</script>
+```
+Paste before `</body>` on every page. That's it — no API keys for readers, no accounts, no configuration files.
+**Via npm (for bundler-based setups):**
+```bash
+npm install @zsolt/lens
+```
+```js
+import '@zsolt/lens' // side-effect import — auto-initialises from data-* attributes
+```
+**WordPress:** copy [`wordpress/lens-analytics/`](wordpress/lens-analytics/) into `wp-content/plugins/`, activate, and configure under **Settings → Lens Analytics**.
+---
+## What it does
+Lens silently observes how each visitor reads — which sections they dwell on, re-read, copy — and builds an anonymous interest profile in their browser. After a couple of visits, it subtly adapts section emphasis so each reader sees what matters most to them first.
+**What Lens never does:**
+- Never rewrites a word of your content
+- Never sends browsing history or personal data anywhere
+- Never requires readers to sign up or install anything
+The visitor profile lives entirely in `localStorage`. Only anonymised engagement metrics (section dwell times, scroll depth) are sent to the analytics server.
+---
+## Live demos
+Run `npm start` then open:
+| URL | What you see |
+|-----|-------------|
+| `http://localhost:3000/` | Demo landing page |
+| `http://localhost:3000/demo/article-tech.html` | Tech deep-dive article |
+| `http://localhost:3000/demo/article-breaking-news.html` | Breaking news style |
+| `http://localhost:3000/demo/article-magazine.html` | Long-form magazine essay |
+| `http://localhost:3000/demo/article-tutorial.html` | Step-by-step tutorial |
+| `http://localhost:3000/dashboard?site=demo` | Publisher analytics dashboard |
+| `http://localhost:3000/public/index.html` | Privacy positioning page |
+---
+## Run the analytics server
+```bash
+cd lens-sdk
+npm install
+npm start         # production
+npm run dev       # auto-restart on file change
+```
+Server starts at `http://localhost:3000`. Set the `PORT` env variable to change it.
+---
+## Script tag options
+| Attribute | Values | Default | Description |
+|-----------|--------|---------|-------------|
+| `data-site-id` | any string | `demo` | Your unique publisher identifier |
+| `data-api` | URL | — | Your Lens server endpoint for analytics |
+| `data-mode` | `emphasis` · `collapse` · `both` · `off` | `emphasis` | How to adapt presentation |
+| `data-debug` | `true` · `false` | `false` | Show relevance scores on each section |
+**Modes:**
+- `emphasis` — subtle left accent on highly relevant sections
+- `collapse` — folds low-relevance sections to 2 lines with "Show more"
+- `both` — emphasis on high, collapse on low
+- `off` — analytics only, no visual changes
+---
+## Dashboard
+The dashboard shows what your readers actually engage with — not just pageviews.
+```
+http://localhost:3000/dashboard?site=YOUR_SITE_ID
+```
+**What's included:**
+- Section engagement ranked by average dwell time
+- **Section interest heatmap** — sections in article order, coloured cold→hot by attention
+- The gap between word count and actual attention (the insight that drives editorial decisions)
+- Scroll depth distribution
+- Top pages by traffic
+---
+## How the interest profile builds
+The profile is entirely local — it never leaves the visitor's browser.
+| Signal | Weight | Why |
+|--------|--------|-----|
+| Re-read (scrolled back) | 1.0 | Strongest signal — deliberate |
+| Clipboard copy | 1.0 | User found it worth saving |
+| Dwell > 5s | 0.5 | Moderate — attention held |
+| Slow scroll velocity | 0.2 | Weak — ambiguous |
+Keywords from engaged sections are weighted using an exponential moving average (EWMA). The top 120 keywords form the profile. No topic categories are pre-defined — the profile emerges from what each person reads.
+Adaptation doesn't start until visit 2. The first visit is silent — building the profile — so there's no false adaptation before the system has signal.
+---
+## Privacy model
+| Data | Where it lives | Sent to server? |
+|------|----------------|-----------------|
+| Visitor interest profile | `localStorage` only | Never |
+| Section dwell times | Analytics server (aggregate) | Yes — anonymous, no user identity |
+| Scroll depth | Analytics server | Yes — anonymous |
+| Page path | Server stores path only | Yes — no query string, no user linkage |
+| IP address | Not recorded by Lens | Arrives as normal HTTP traffic |
+| Device fingerprint | Never collected | — |
+| Cross-site tracking | Impossible — `localStorage` is same-origin | — |
+GDPR-compatible for analytics use without a consent banner (no personal data collected). If you enable visual adaptation, check your jurisdiction's requirements for disclosures about personalised content.
+---
+## Build the npm package
+```bash
+npm run build        # produces dist/lens.umd.js + dist/lens.esm.js
+npm publish --dry-run  # verify what's included
+npm publish --access public
+```
+---
+## Deploy to production
+Standard Node.js/Express. Deploy to Railway, Render, Fly.io, or any VPS:
+```bash
+PORT=3000 node server/index.js
+```
+Then point `data-api` in your script tag to your deployed URL.
+---
+## Roadmap
+- [x] Section interest heatmap in dashboard
+- [x] WordPress plugin
+- [x] Multi-format demo (tech, news, magazine, tutorial)
+- [x] npm package (`@zsolt/lens`)
+- [ ] Multi-page interest graph (track topics across your whole publication)
+- [ ] A/B mode — adapted vs. non-adapted to 50/50 of visitors, measure engagement delta
+- [ ] Weekly publisher digest — "what your readers actually cared about this week"
+- [ ] Ghost / Webflow plugins
+- [ ] Optional AI-generated per-reader summary (publisher provides API key)

package/dist/lens.esm.js ADDED Viewed

@@ -0,0 +1 @@

package/dist/lens.umd.js ADDED Viewed

@@ -0,0 +1 @@

+ var Lens=(()=>{(function(f,s){"use strict";var x=s.currentScript,k=x.getAttribute("data-site-id")||"demo",T=(x.getAttribute("data-api")||"http://localhost:3001").replace(/\/$/,""),D=x.getAttribute("data-api-key")||null,_=x.getAttribute("data-mode")||"emphasis",v=x.getAttribute("data-debug")==="true",K=x.getAttribute("data-onboard")==="true",J=x.getAttribute("data-ab")==="true",C="lens_ab_v1";function W(){if(!J)return null;try{var e=JSON.parse(localStorage.getItem(C))||{};return e[k]||(e[k]=Math.random()<.5?"adapted":"control",localStorage.setItem(C,JSON.stringify(e))),e[k]}catch{return"adapted"}}var I=W(),N="lens_profile_v1";function A(){try{return JSON.parse(localStorage.getItem(N))||P()}catch{return P()}}function P(){return{topics:{},visits:0,lastSeen:null,style:{prefersDetail:.5,prefersTechnical:.5}}}function E(e){e.style||(e.style={prefersDetail:.5,prefersTechnical:.5}),e.style.prefersDetail==null&&(e.style.prefersDetail=.5),e.style.prefersTechnical==null&&(e.style.prefersTechnical=.5)}function j(e){try{localStorage.setItem(N,JSON.stringify(e))}catch{}}var R=["article",'[role="main"]',"main",".article-content",".post-content",".entry-content",".article-body","#content","#main-content","#article"];function G(){for(var e=0;e<R.length;e++)try{var n=s.querySelector(R[e]);if(n&&(n.innerText||"").length>400)return n}catch{}var r=null,i=0;return s.querySelectorAll("div, section").forEach(function(t){var l=Array.from(t.querySelectorAll("a")).reduce(function(u,g){return u+(g.innerText||"").length},0),a=(t.innerText||"").length-l*2;a>i&&a>300&&(i=a,r=t)}),r||s.body}function U(){var e=G(),n=e.querySelectorAll("p, h1, h2, h3, h4, h5, h6, li, blockquote"),r=[],i=0;return n.forEach(function(t){var l=(t.textContent||"").trim();if(!(l.length<25)){for(var a=t.parentElement;a;){var u=(a.tagName||"").toLowerCase();if(u==="nav"||u==="footer"||u==="header")return;a=a.parentElement}var g="lens-"+i++,y=l.substring(0,60).replace(/\s+/g," ");t.setAttribute("data-lens-id",g),t.setAttribute("data-lens-tag",t.tagName.toLowerCase()),t.setAttribute("data-lens-preview",y),r.push({id:g,el:t,text:l.substring(0,500),preview:y,score:.5})}}),r}var F=new Set(["about","after","again","also","another","because","been","before","being","between","both","came","come","could","does","doing","during","each","either","every","found","from","going","have","having","here","itself","just","like","make","many","might","more","most","much","must","never","next","none","nothing","often","only","other","over","same","should","since","some","such","than","that","their","them","then","there","these","they","this","those","through","time","under","until","very","well","were","what","when","where","which","while","will","with","within","would","your","into","upon","even","still","where","however","though","already","always","around","whether","without","simply","really","quite","rather","several","something","anything","everything","nothing","someone","anyone","everyone","first","second","third","last","next","previous","large","small","high","long","short","new","old","good","great","little","right","left","early","late","general","specific","different","similar","important","significant","particular","certain","possible","available","according","including","following","required","used","using","based","given","known","called","named","made","said","well","also","very"]);function L(e){return e.toLowerCase().replace(/[^a-z0-9\s]/g," ").split(/\s+/).filter(function(n){return n.length>4&&!F.has(n)})}function Q(e,n){var r=n.topics||{},i=Object.keys(r);if(i.length<3)return .5;var t=e.toLowerCase(),l=new Set(L(t)),a=0,u=0,g=0;if(i.forEach(function(o){var d=r[o];u+=d,l.has(o)&&(g+=d,a+=1)}),u===0)return .5;var y=g/Math.max(u*.15,.01);return Math.min(1,Math.max(0,y))}function z(){if(!s.getElementById("__lens_sdk_styles__")){var e=s.createElement("style");e.id="__lens_sdk_styles__",e.textContent='[data-lens-id]{transition:opacity .3s ease,border-left .3s ease}[data-lens-high]{border-left:3px solid rgba(99,102,241,.5)!important;padding-left:14px!important}[data-lens-low]{opacity:.45}.lens-collapsed{position:relative;max-height:3.8em;overflow:hidden}.lens-collapsed::after{content:"";position:absolute;bottom:0;left:0;right:0;height:36px;background:linear-gradient(transparent,rgba(255,255,255,.97));pointer-events:none}.lens-expand{display:inline-block;margin:3px 0 10px;font-size:12px;color:#6366f1;background:none;border:none;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.lens-expand:hover{color:#4f46e5}[data-lens-debug]::before{content:"Lens " attr(data-lens-debug);display:inline-block;font-size:9px;background:rgba(99,102,241,.12);color:#6366f1;border-radius:3px;padding:1px 6px;margin-right:6px;font-family:monospace;vertical-align:middle}.lens-rewrite-badge{display:inline-block;font-size:9px;background:rgba(16,185,129,.15);color:#059669;border-radius:3px;padding:1px 6px;margin-right:6px;font-family:monospace;vertical-align:middle}',s.head.appendChild(e)}}function S(e,n,r){if(_!=="off"&&!(Object.keys(n.topics).length<3)){E(n);var i=n.style.prefersDetail;z(),e.forEach(function(t){v&&t.el.setAttribute("data-lens-debug",Math.round(t.score*100)+"%"),t.score>=.55?t.el.setAttribute("data-lens-high",""):t.score<.25&&i>.65?t.el.setAttribute("data-lens-low",""):t.score<.25&&(_==="collapse"||_==="both")||t.score<.4&&i<.35&&_==="emphasis"?q(t.el,r):t.score<.25&&_==="emphasis"&&t.el.setAttribute("data-lens-low","")})}}function q(e,n){if(!((e.innerText||"").length<80)){e.classList.add("lens-collapsed");var r=s.createElement("button");r.className="lens-expand",r.textContent="Show more \u2193",r.addEventListener("click",function(){e.classList.remove("lens-collapsed"),r.remove(),n&&n.push({type:"expand",sectionId:e.getAttribute("data-lens-id"),words:(e.textContent||"").split(/\s+/).length})}),e.parentNode.insertBefore(r,e.nextSibling)}}function M(e,n){var r={},i={},t=new Set,l=n,a=[],u=f.scrollY,g=Date.now(),y=null,o=new IntersectionObserver(function(p){p.forEach(function(m){var c=m.target.getAttribute("data-lens-id");if(c){if(m.isIntersecting)r[c]=Date.now(),t.has(c)?l.push({type:"reread",sectionId:c,weight:1}):t.add(c);else if(r[c]){var b=(Date.now()-r[c])/1e3;i[c]=(i[c]||0)+b,delete r[c],b>2.5&&l.push({type:"dwell",sectionId:c,value:b,weight:.5})}}})},{threshold:.5});e.forEach(function(p){o.observe(p.el)}),f.addEventListener("scroll",function(){var p=Date.now(),m=Math.abs(f.scrollY-u),c=p-g;c>0&&m>0&&m/c<.35&&(clearTimeout(y),y=setTimeout(function(){for(var b=0;b<e.length;b++){var w=e[b].el.getBoundingClientRect();if(w.top>=0&&w.top<f.innerHeight*.5){l.push({type:"slowscroll",sectionId:e[b].id,weight:.2});break}}},500)),a.push({y:f.scrollY,t:p}),a.length>40&&a.shift(),u=f.scrollY,g=p},{passive:!0}),s.addEventListener("copy",function(){var p=f.getSelection();if(!(!p||!p.toString())){var m=p.toString().substring(0,30);e.forEach(function(c){c.el.textContent.indexOf(m)!==-1&&l.push({type:"copy",sectionId:c.id,weight:1})})}}),f.addEventListener("beforeunload",function(){Y(l,i,a,e)});var d;function h(){clearTimeout(d),d=setTimeout(function(){Y(l.splice(0),i,a,e)},9e4)}s.addEventListener("scroll",h,{passive:!0}),s.addEventListener("click",h,{passive:!0}),h()}var V=new Set(["api","sdk","latency","bandwidth","architecture","protocol","database","server","algorithm","runtime","cache","deploy","endpoint","throughput","inference","parameter","vector","embedding","quantization","transformer","kernel","compiler","binary","packet","token","benchmark","framework","library","repository","pipeline","cluster","container","kubernetes","docker"]);function Y(e,n,r,i){var t=A();E(t);var l=r.reduce(function(o,d){return Math.max(o,d.y)},0),a=Math.max(1,s.body.scrollHeight-f.innerHeight),u=Math.min(1,l/a);e.forEach(function(o){if(o.type==="expand"){t.style.prefersDetail=Math.min(1,t.style.prefersDetail+.15);return}if(!(o.weight<.5)){var d=i.find(function(h){return h.id===o.sectionId});d&&L(d.text).forEach(function(h){t.topics[h]=Math.min(1,(t.topics[h]||0)*.95+o.weight*.05)})}}),Object.keys(n).forEach(function(o){var d=n[o];if(!(d<4)){var h=i.find(function(w){return w.id===o});if(h){var p=Math.min(1,d/30)*.3;L(h.text).forEach(function(w){t.topics[w]=Math.min(1,(t.topics[w]||0)*.97+p*.03)});var m=h.text.split(/\s+/).length;m>120&&d>=10?t.style.prefersDetail=Math.min(1,t.style.prefersDetail+.04):m>120&&d<2&&(t.style.prefersDetail=Math.max(0,t.style.prefersDetail-.03));var c=L(h.text),b=c.filter(function(w){return V.has(w)}).length;b>=2&&d>=6&&(t.style.prefersTechnical=Math.min(1,t.style.prefersTechnical+.04))}}});var g=Object.entries(t.topics).sort(function(o,d){return d[1]-o[1]});t.topics=Object.fromEntries(g.slice(0,150)),t.visits+=1,t.lastSeen=Date.now(),j(t);var y=JSON.stringify({siteId:k,apiKey:D,path:f.location.pathname,scrollDepth:Math.round(u*100),sid:X(),abGroup:I,sections:i.map(function(o){return{id:o.id,tag:o.el.getAttribute("data-lens-tag"),preview:o.preview,dwell:Math.round(n[o.id]||0),score:Math.round(o.score*100),words:o.text.split(/\s+/).length}})});navigator.sendBeacon&&navigator.sendBeacon(T+"/events",y)}function X(){var e=sessionStorage.getItem("_lens_sid");return e||(e=Math.random().toString(36).substring(2,11),sessionStorage.setItem("_lens_sid",e)),e}function O(e){K&&(e.style._explicit||e.visits>1||setTimeout(function(){if(E(e),e.style._explicit)return;var n=s.createElement("div");n.id="__lens_toast__",n.style.cssText=["position:fixed;bottom:24px;left:50%;transform:translateX(-50%)","background:#1e293b;color:#e2e8f0;border-radius:10px","padding:14px 18px;font-family:system-ui,sans-serif;font-size:13px","box-shadow:0 8px 28px rgba(0,0,0,.35);z-index:999999","display:flex;align-items:center;gap:12px;max-width:340px"].join(";"),n.innerHTML=['<span style="flex:1;line-height:1.4">Prefer the quick summary or full detail?</span>','<button id="__lens_concise__" style="background:#6366f1;color:#fff;border:none;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap">Quick</button>','<button id="__lens_detail__" style="background:#334155;color:#e2e8f0;border:none;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap">Full detail</button>','<button id="__lens_dismiss__" style="background:none;border:none;color:#64748b;cursor:pointer;font-size:16px;line-height:1;padding:0 2px" title="Dismiss">\xD7</button>'].join(""),s.body.appendChild(n);function r(i){var t=A();E(t),t.style.prefersDetail=i,t.style._explicit=!0,j(t),n.remove()}s.getElementById("__lens_concise__").addEventListener("click",function(){r(.2)}),s.getElementById("__lens_detail__").addEventListener("click",function(){r(.8)}),s.getElementById("__lens_dismiss__").addEventListener("click",function(){n.remove()})},6e4))}function $(e){var n=e.contentPreferences||{};return{topics:e.topics||{},visits:e.visits||0,lastSeen:Date.now(),style:{prefersDetail:n.prefersDetail!=null?n.prefersDetail:.5,prefersTechnical:n.prefersTechnical!=null?n.prefersTechnical:.5,prefersNarrative:n.prefersNarrative!=null?n.prefersNarrative:.5,prefersBullets:n.prefersBullets!=null?n.prefersBullets:.5}}}function Z(e,n){for(var r={},i=0;i<n.length;i++)r[n[i].id]=n[i];e.forEach(function(t){var l=r[t.id];if(l){var a=t.el;t.score=l.relevanceScore,a.style.transition="opacity 150ms ease",a.style.opacity="0",setTimeout(function(){if(a.innerHTML=l.content,a.setAttribute("data-lens-rewritten","true"),v){var u=s.createElement("span");u.className="lens-rewrite-badge",u.textContent="AI "+Math.round(l.relevanceScore*100)+"%",a.insertBefore(u,a.firstChild)}a.style.opacity="1"},160)}})}function ee(e,n,r){if(Object.keys(e.topics).length<3){v&&console.log("[Lens] rewrite: fewer than 3 topics \u2014 falling back to both mode"),S(n,e,r);return}if(!T){v&&console.log("[Lens] rewrite: no API_URL configured \u2014 falling back to both mode"),S(n,e,r);return}z();var i=JSON.stringify({siteId:k,path:f.location.pathname,sections:n.map(function(t){return{id:t.id,text:t.text}}),profile:{topics:e.topics,contentPreferences:e.style}});fetch(T+"/adapt",{method:"POST",headers:Object.assign({"content-type":"application/json"},D?{Authorization:"Bearer "+D}:{}),body:i}).then(function(t){if(t.status===503)return v&&console.log("[Lens] rewrite: server has no AI provider \u2014 falling back to both mode"),S(n,e,r),null;if(!t.ok)throw new Error("HTTP "+t.status);return t.json()}).then(function(t){if(t){if(!t.sections||!t.sections.length){v&&console.log("[Lens] rewrite: empty response \u2014 falling back to both mode"),S(n,e,r);return}v&&console.log("[Lens] rewrite: applying "+t.sections.length+" rewritten sections"),Z(n,t.sections)}}).catch(function(t){v&&console.warn("[Lens] rewrite error ("+t.message+") \u2014 falling back to both mode"),S(n,e,r)})}function B(e){E(e);var n=U();if(!(n.length<3)){n.forEach(function(i){i.score=Q(i.text,e)});var r=[];if(I==="control"){v&&console.log("[Lens] A/B group: control \u2014 tracking only, no adaptation"),M(n,r),O(e);return}if(v&&I==="adapted"&&console.log("[Lens] A/B group: adapted"),_==="rewrite"){let i=function(){setTimeout(function(){ee(e,n,r),M(n,r),O(e)},300)};s.readyState==="loading"?s.addEventListener("DOMContentLoaded",i):i()}else S(n,e,r),M(n,r),O(e);v&&(console.log("[Lens] "+n.length+" sections. Topics: "+Object.keys(e.topics).length+". Visits: "+e.visits+". Mode: "+_),console.log("[Lens] Style \u2014 prefersDetail: "+e.style.prefersDetail.toFixed(2)+", prefersTechnical: "+e.style.prefersTechnical.toFixed(2)),console.table(n.slice(0,10).map(function(i){return{id:i.id,score:Math.round(i.score*100)+"%",preview:i.preview}})))}}function H(){if(f.__lens__&&f.__lens__.isBrowser){f.__lens__.getProfile().then(function(e){B($(e))}).catch(function(){B(A())});return}B(A())}s.readyState==="loading"?s.addEventListener("DOMContentLoaded",H):H()})(window,document);})();

package/package.json ADDED Viewed

@@ -0,0 +1,46 @@
+{
+  "name": "@zsoltcsaszti/lens",
+  "version": "0.2.0",
+  "description": "Reader intelligence for publishers. One script tag. Zero tracking cookies.",
+  "main": "dist/lens.umd.js",
+  "module": "dist/lens.esm.js",
+  "exports": {
+    ".": {
+      "import": "./dist/lens.esm.js",
+      "require": "./dist/lens.umd.js",
+      "default": "./dist/lens.umd.js"
+    }
+  },
+  "files": [
+    "dist/",
+    "sdk/lens.js",
+    "README.md"
+  ],
+  "sideEffects": true,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/zsoltcsaszti/lens-sdk"
+  },
+  "license": "MIT",
+  "keywords": [
+    "analytics",
+    "publisher",
+    "reading",
+    "engagement",
+    "privacy",
+    "reader-intelligence"
+  ],
+  "scripts": {
+    "build": "node build.js",
+    "start": "node server/index.js",
+    "dev": "node --watch server/index.js",
+    "prepublishOnly": "npm run build"
+  },
+  "devDependencies": {
+    "esbuild": "^0.21.5"
+  },
+  "dependencies": {
+    "cors": "^2.8.5",
+    "express": "^4.19.2"
+  }
+}

package/sdk/lens.js ADDED Viewed

@@ -0,0 +1,660 @@
+/**
+ * Lens SDK v0.2
+ * Drop-in reading intelligence for any publisher.
+ *
+ * <script src="lens.js"
+ *   data-site-id="your_site_id"
+ *   data-api="https://your-lens-server.com"
+ *   data-mode="emphasis"    <!-- emphasis | collapse | both | rewrite | off -->
+ *   data-ab="true">        <!-- enable A/B test: 50% adapted, 50% control -->
+ * </script>
+ */
+(function (w, d) {
+  'use strict';
+  // ── Config ─────────────────────────────────────────────────────────────
+  var script  = d.currentScript;
+  var SITE_ID  = script.getAttribute('data-site-id') || 'demo';
+  var API_URL  = (script.getAttribute('data-api') || 'http://localhost:3001').replace(/\/$/, '');
+  var API_KEY  = script.getAttribute('data-api-key') || null;
+  var MODE     = script.getAttribute('data-mode') || 'emphasis';
+  var DEBUG    = script.getAttribute('data-debug') === 'true';
+  var ONBOARD  = script.getAttribute('data-onboard') === 'true';
+  var AB       = script.getAttribute('data-ab') === 'true';
+  // ── A/B assignment ──────────────────────────────────────────────────────
+  var AB_STORE_KEY = 'lens_ab_v1';
+  function getAbGroup() {
+    if (!AB) return null;
+    try {
+      var store = JSON.parse(localStorage.getItem(AB_STORE_KEY)) || {};
+      if (!store[SITE_ID]) {
+        store[SITE_ID] = Math.random() < 0.5 ? 'adapted' : 'control';
+        localStorage.setItem(AB_STORE_KEY, JSON.stringify(store));
+      }
+      return store[SITE_ID];
+    } catch (_) { return 'adapted'; }
+  }
+  var AB_GROUP = getAbGroup(); // sticky for this page session
+  // ── Local profile ───────────────────────────────────────────────────────
+  var STORE_KEY = 'lens_profile_v1';
+  function loadProfile() {
+    try { return JSON.parse(localStorage.getItem(STORE_KEY)) || freshProfile(); }
+    catch (_) { return freshProfile(); }
+  }
+  function freshProfile() {
+    return { topics: {}, visits: 0, lastSeen: null, style: { prefersDetail: 0.5, prefersTechnical: 0.5 } };
+  }
+  function ensureStyle(p) {
+    if (!p.style) p.style = { prefersDetail: 0.5, prefersTechnical: 0.5 };
+    if (p.style.prefersDetail   == null) p.style.prefersDetail   = 0.5;
+    if (p.style.prefersTechnical == null) p.style.prefersTechnical = 0.5;
+  }
+  function saveProfile(p) {
+    try { localStorage.setItem(STORE_KEY, JSON.stringify(p)); } catch (_) {}
+  }
+  // ── Section detection ───────────────────────────────────────────────────
+  var AREA_SELECTORS = [
+    'article', '[role="main"]', 'main',
+    '.article-content', '.post-content', '.entry-content', '.article-body',
+    '#content', '#main-content', '#article'
+  ];
+  function findContentArea() {
+    for (var i = 0; i < AREA_SELECTORS.length; i++) {
+      try {
+        var el = d.querySelector(AREA_SELECTORS[i]);
+        if (el && (el.innerText || '').length > 400) return el;
+      } catch (_) {}
+    }
+    var best = null, bestScore = 0;
+    d.querySelectorAll('div, section').forEach(function (el) {
+      var linkLen = Array.from(el.querySelectorAll('a'))
+        .reduce(function (s, a) { return s + (a.innerText || '').length; }, 0);
+      var score = (el.innerText || '').length - linkLen * 2;
+      if (score > bestScore && score > 300) { bestScore = score; best = el; }
+    });
+    return best || d.body;
+  }
+  function detectSections() {
+    var area     = findContentArea();
+    var elements = area.querySelectorAll('p, h1, h2, h3, h4, h5, h6, li, blockquote');
+    var sections = [];
+    var idx      = 0;
+    elements.forEach(function (el) {
+      var text = (el.textContent || '').trim();
+      if (text.length < 25) return;
+      // Skip nav/header/footer parents
+      var p = el.parentElement;
+      while (p) {
+        var tag = (p.tagName || '').toLowerCase();
+        if (tag === 'nav' || tag === 'footer' || tag === 'header') return;
+        p = p.parentElement;
+      }
+      var id       = 'lens-' + idx++;
+      var preview  = text.substring(0, 60).replace(/\s+/g, ' ');  // human-readable label
+      el.setAttribute('data-lens-id', id);
+      el.setAttribute('data-lens-tag', el.tagName.toLowerCase());
+      el.setAttribute('data-lens-preview', preview);
+      sections.push({ id: id, el: el, text: text.substring(0, 500), preview: preview, score: 0.5 });
+    });
+    return sections;
+  }
+  // ── Stopwords ───────────────────────────────────────────────────────────
+  var STOPWORDS = new Set([
+    'about','after','again','also','another','because','been','before','being',
+    'between','both','came','come','could','does','doing','during','each',
+    'either','every','found','from','going','have','having','here','itself',
+    'just','like','make','many','might','more','most','much','must','never',
+    'next','none','nothing','often','only','other','over','same','should',
+    'since','some','such','than','that','their','them','then','there','these',
+    'they','this','those','through','time','under','until','very','well',
+    'were','what','when','where','which','while','will','with','within',
+    'would','your','into','upon','even','still','where','however','though',
+    'already','always','around','whether','without','simply','really','quite',
+    'rather','several','something','anything','everything','nothing','someone',
+    'anyone','everyone','first','second','third','last','next','previous',
+    'large','small','high','long','short','new','old','good','great','little',
+    'right','left','early','late','general','specific','different','similar',
+    'important','significant','particular','certain','possible','available',
+    'according','including','following','required','used','using','based',
+    'given','known','called','named','made','said','well','also','very'
+  ]);
+  function extractKeywords(text) {
+    return text
+      .toLowerCase()
+      .replace(/[^a-z0-9\s]/g, ' ')
+      .split(/\s+/)
+      .filter(function (w) { return w.length > 4 && !STOPWORDS.has(w); });
+  }
+  // ── Scoring ─────────────────────────────────────────────────────────────
+  // Lower the minimum topics threshold — adapt sooner, improve over time
+  function scoreSection(text, profile) {
+    var topics    = profile.topics || {};
+    var topicKeys = Object.keys(topics);
+    if (topicKeys.length < 3) return 0.5; // truly no data yet
+    var lower      = text.toLowerCase();
+    var sectionKws = new Set(extractKeywords(lower));
+    var matched    = 0;
+    var totalW     = 0;
+    var matchW     = 0;
+    topicKeys.forEach(function (kw) {
+      var w = topics[kw];
+      totalW += w;
+      if (sectionKws.has(kw)) {
+        matchW  += w;
+        matched += 1;
+      }
+    });
+    if (totalW === 0) return 0.5;
+    // Weighted overlap ratio — how much of the user's interest weight is present
+    var raw = matchW / Math.max(totalW * 0.15, 0.01);
+    return Math.min(1, Math.max(0, raw));
+  }
+  // ── CSS adaptation (never touches text) ────────────────────────────────
+  function injectStyles() {
+    if (d.getElementById('__lens_sdk_styles__')) return;
+    var s = d.createElement('style');
+    s.id  = '__lens_sdk_styles__';
+    s.textContent =
+      '[data-lens-id]{transition:opacity .3s ease,border-left .3s ease}' +
+      '[data-lens-high]{border-left:3px solid rgba(99,102,241,.5)!important;padding-left:14px!important}' +
+      '[data-lens-low]{opacity:.45}' +
+      '.lens-collapsed{position:relative;max-height:3.8em;overflow:hidden}' +
+      '.lens-collapsed::after{content:"";position:absolute;bottom:0;left:0;right:0;height:36px;' +
+        'background:linear-gradient(transparent,rgba(255,255,255,.97));pointer-events:none}' +
+      '.lens-expand{display:inline-block;margin:3px 0 10px;font-size:12px;color:#6366f1;' +
+        'background:none;border:none;cursor:pointer;padding:0;text-decoration:underline;' +
+        'text-underline-offset:2px}' +
+      '.lens-expand:hover{color:#4f46e5}' +
+      '[data-lens-debug]::before{content:"Lens " attr(data-lens-debug);display:inline-block;' +
+        'font-size:9px;background:rgba(99,102,241,.12);color:#6366f1;border-radius:3px;' +
+        'padding:1px 6px;margin-right:6px;font-family:monospace;vertical-align:middle}' +
+      '.lens-rewrite-badge{display:inline-block;font-size:9px;background:rgba(16,185,129,.15);' +
+        'color:#059669;border-radius:3px;padding:1px 6px;margin-right:6px;' +
+        'font-family:monospace;vertical-align:middle}';
+    d.head.appendChild(s);
+  }
+  function adapt(sections, profile, expandEvents) {
+    if (MODE === 'off') return;
+    if (Object.keys(profile.topics).length < 3) return;
+    ensureStyle(profile);
+    var detail = profile.style.prefersDetail;
+    injectStyles();
+    sections.forEach(function (s) {
+      if (DEBUG) s.el.setAttribute('data-lens-debug', Math.round(s.score * 100) + '%');
+      if (s.score >= 0.55) {
+        s.el.setAttribute('data-lens-high', '');
+      } else if (s.score < 0.25 && detail > 0.65) {
+        // Detail-preferring reader: de-emphasise rather than collapse
+        s.el.setAttribute('data-lens-low', '');
+      } else if (s.score < 0.25 && (MODE === 'collapse' || MODE === 'both')) {
+        collapseSection(s.el, expandEvents);
+      } else if (s.score < 0.4 && detail < 0.35 && MODE === 'emphasis') {
+        // Concise-preferring reader: collapse even in emphasis mode for low-relevance sections
+        collapseSection(s.el, expandEvents);
+      } else if (s.score < 0.25 && MODE === 'emphasis') {
+        s.el.setAttribute('data-lens-low', '');
+      }
+    });
+  }
+  function collapseSection(el, expandEvents) {
+    if ((el.innerText || '').length < 80) return;
+    el.classList.add('lens-collapsed');
+    var btn       = d.createElement('button');
+    btn.className = 'lens-expand';
+    btn.textContent = 'Show more ↓';
+    btn.addEventListener('click', function () {
+      el.classList.remove('lens-collapsed');
+      btn.remove();
+      if (expandEvents) {
+        expandEvents.push({ type: 'expand', sectionId: el.getAttribute('data-lens-id'), words: (el.textContent || '').split(/\s+/).length });
+      }
+    });
+    el.parentNode.insertBefore(btn, el.nextSibling);
+  }
+  // ── Behavior tracking ───────────────────────────────────────────────────
+  function startTracking(sections, expandEvents) {
+    var dwellStart  = {};
+    var dwellTotal  = {};
+    var seen        = new Set();
+    var events      = expandEvents; // shared array — expand clicks land here too
+    var scrollLog   = [];
+    var lastY       = w.scrollY;
+    var lastT       = Date.now();
+    var slowScrollTimer = null;   // debounce slow-scroll signal
+    // IntersectionObserver: dwell + re-reads
+    var io = new IntersectionObserver(function (entries) {
+      entries.forEach(function (e) {
+        var id = e.target.getAttribute('data-lens-id');
+        if (!id) return;
+        if (e.isIntersecting) {
+          dwellStart[id] = Date.now();
+          if (seen.has(id)) {
+            events.push({ type: 'reread', sectionId: id, weight: 1.0 });
+          } else {
+            seen.add(id);
+          }
+        } else if (dwellStart[id]) {
+          var dwell = (Date.now() - dwellStart[id]) / 1000;
+          dwellTotal[id] = (dwellTotal[id] || 0) + dwell;
+          delete dwellStart[id];
+          if (dwell > 2.5) {
+            events.push({ type: 'dwell', sectionId: id, value: dwell, weight: 0.5 });
+          }
+        }
+      });
+    }, { threshold: 0.5 });
+    sections.forEach(function (s) { io.observe(s.el); });
+    // Scroll velocity — debounced to fire at most once per 500ms
+    w.addEventListener('scroll', function () {
+      var now = Date.now();
+      var dy  = Math.abs(w.scrollY - lastY);
+      var dt  = now - lastT;
+      if (dt > 0 && dy > 0 && dy / dt < 0.35) {
+        clearTimeout(slowScrollTimer);
+        slowScrollTimer = setTimeout(function () {
+          // Find the topmost visible section at the moment of slow scroll
+          for (var i = 0; i < sections.length; i++) {
+            var r = sections[i].el.getBoundingClientRect();
+            if (r.top >= 0 && r.top < w.innerHeight * 0.5) {
+              events.push({ type: 'slowscroll', sectionId: sections[i].id, weight: 0.2 });
+              break; // only one signal per slow-scroll event
+            }
+          }
+        }, 500);
+      }
+      scrollLog.push({ y: w.scrollY, t: now });
+      if (scrollLog.length > 40) scrollLog.shift();
+      lastY = w.scrollY;
+      lastT = now;
+    }, { passive: true });
+    // Clipboard copy
+    d.addEventListener('copy', function () {
+      var sel = w.getSelection();
+      if (!sel || !sel.toString()) return;
+      var prefix = sel.toString().substring(0, 30);
+      sections.forEach(function (s) {
+        if (s.el.textContent.indexOf(prefix) !== -1) {
+          events.push({ type: 'copy', sectionId: s.id, weight: 1.0 });
+        }
+      });
+    });
+    // Page leave
+    w.addEventListener('beforeunload', function () {
+      flush(events, dwellTotal, scrollLog, sections);
+    });
+    // Flush after 90s idle
+    var idleTimer;
+    function resetIdle() {
+      clearTimeout(idleTimer);
+      idleTimer = setTimeout(function () {
+        flush(events.splice(0), dwellTotal, scrollLog, sections);
+      }, 90000);
+    }
+    d.addEventListener('scroll', resetIdle, { passive: true });
+    d.addEventListener('click',  resetIdle, { passive: true });
+    resetIdle();
+  }
+  var TECHNICAL_WORDS = new Set([
+    'api','sdk','latency','bandwidth','architecture','protocol','database','server',
+    'algorithm','runtime','cache','deploy','endpoint','throughput','inference',
+    'parameter','vector','embedding','quantization','transformer','kernel',
+    'compiler','binary','packet','token','benchmark','framework','library',
+    'repository','pipeline','cluster','container','kubernetes','docker'
+  ]);
+  // ── Flush: update profile + report to server ────────────────────────────
+  function flush(events, dwellTotal, scrollLog, sections) {
+    var profile     = loadProfile();
+    ensureStyle(profile);
+    var maxY        = scrollLog.reduce(function (m, p) { return Math.max(m, p.y); }, 0);
+    var docH        = Math.max(1, d.body.scrollHeight - w.innerHeight);
+    var scrollDepth = Math.min(1, maxY / docH);
+    // High-signal events → extract keywords from engaged sections
+    events.forEach(function (ev) {
+      if (ev.type === 'expand') {
+        // Reader explicitly expanded a collapsed section → strong detail signal
+        profile.style.prefersDetail = Math.min(1, profile.style.prefersDetail + 0.15);
+        return;
+      }
+      if (ev.weight < 0.5) return;
+      var section = sections.find(function (s) { return s.id === ev.sectionId; });
+      if (!section) return;
+      extractKeywords(section.text).forEach(function (kw) {
+        profile.topics[kw] = Math.min(1, (profile.topics[kw] || 0) * 0.95 + ev.weight * 0.05);
+      });
+    });
+    // Dwell time → keyword reinforcement + style inference
+    Object.keys(dwellTotal).forEach(function (sid) {
+      var dwell = dwellTotal[sid];
+      if (dwell < 4) return;
+      var section = sections.find(function (s) { return s.id === sid; });
+      if (!section) return;
+      var dw = Math.min(1, dwell / 30) * 0.3;
+      extractKeywords(section.text).forEach(function (kw) {
+        profile.topics[kw] = Math.min(1, (profile.topics[kw] || 0) * 0.97 + dw * 0.03);
+      });
+      // Style inference: long sections + high dwell → prefers detail
+      var wordCount = section.text.split(/\s+/).length;
+      if (wordCount > 120 && dwell >= 10) {
+        profile.style.prefersDetail = Math.min(1, profile.style.prefersDetail + 0.04);
+      } else if (wordCount > 120 && dwell < 2) {
+        // Skipped a long section → concise signal
+        profile.style.prefersDetail = Math.max(0, profile.style.prefersDetail - 0.03);
+      }
+      // Technical preference: dwell on sections with technical vocabulary
+      var kws = extractKeywords(section.text);
+      var techMatches = kws.filter(function(k) { return TECHNICAL_WORDS.has(k); }).length;
+      if (techMatches >= 2 && dwell >= 6) {
+        profile.style.prefersTechnical = Math.min(1, profile.style.prefersTechnical + 0.04);
+      }
+    });
+    // Prune to top 150 topics
+    var sorted = Object.entries(profile.topics).sort(function (a, b) { return b[1] - a[1]; });
+    profile.topics  = Object.fromEntries(sorted.slice(0, 150));
+    profile.visits += 1;
+    profile.lastSeen = Date.now();
+    saveProfile(profile);
+    // Send anonymised data to server
+    // Include section preview text so the dashboard can show readable labels
+    var payload = JSON.stringify({
+      siteId:      SITE_ID,
+      apiKey:      API_KEY,
+      path:        w.location.pathname,
+      scrollDepth: Math.round(scrollDepth * 100),
+      sid:         getSessionId(),
+      abGroup:     AB_GROUP,
+      sections:    sections.map(function (s) {
+        return {
+          id:      s.id,
+          tag:     s.el.getAttribute('data-lens-tag'),
+          preview: s.preview,           // first 60 chars — makes dashboard readable
+          dwell:   Math.round(dwellTotal[s.id] || 0),
+          score:   Math.round(s.score * 100),
+          words:   s.text.split(/\s+/).length
+        };
+      })
+    });
+    if (navigator.sendBeacon) {
+      navigator.sendBeacon(API_URL + '/events', payload);
+    }
+  }
+  function getSessionId() {
+    var id = sessionStorage.getItem('_lens_sid');
+    if (!id) { id = Math.random().toString(36).substring(2, 11); sessionStorage.setItem('_lens_sid', id); }
+    return id;
+  }
+  // ── Onboarding widget (publisher opt-in via data-onboard="true") ────────
+  function maybeShowOnboardWidget(profile) {
+    // Show once after 60s on first visit, only if no explicit preference set yet
+    if (!ONBOARD) return;
+    if (profile.style._explicit) return; // already answered
+    if (profile.visits > 1) return;      // only first visit
+    setTimeout(function () {
+      ensureStyle(profile);
+      if (profile.style._explicit) return; // answered while we waited
+      var toast = d.createElement('div');
+      toast.id  = '__lens_toast__';
+      toast.style.cssText = [
+        'position:fixed;bottom:24px;left:50%;transform:translateX(-50%)',
+        'background:#1e293b;color:#e2e8f0;border-radius:10px',
+        'padding:14px 18px;font-family:system-ui,sans-serif;font-size:13px',
+        'box-shadow:0 8px 28px rgba(0,0,0,.35);z-index:999999',
+        'display:flex;align-items:center;gap:12px;max-width:340px'
+      ].join(';');
+      toast.innerHTML = [
+        '<span style="flex:1;line-height:1.4">Prefer the quick summary or full detail?</span>',
+        '<button id="__lens_concise__" style="background:#6366f1;color:#fff;border:none;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap">Quick</button>',
+        '<button id="__lens_detail__"  style="background:#334155;color:#e2e8f0;border:none;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap">Full detail</button>',
+        '<button id="__lens_dismiss__" style="background:none;border:none;color:#64748b;cursor:pointer;font-size:16px;line-height:1;padding:0 2px" title="Dismiss">×</button>'
+      ].join('');
+      d.body.appendChild(toast);
+      function answer(val) {
+        var p = loadProfile();
+        ensureStyle(p);
+        p.style.prefersDetail  = val;
+        p.style._explicit      = true;
+        saveProfile(p);
+        toast.remove();
+      }
+      d.getElementById('__lens_concise__').addEventListener('click', function () { answer(0.2); });
+      d.getElementById('__lens_detail__').addEventListener('click',  function () { answer(0.8); });
+      d.getElementById('__lens_dismiss__').addEventListener('click', function () { toast.remove(); });
+    }, 60000);
+  }
+  // ── Browser bridge helpers ──────────────────────────────────────────────
+  function fromBrowserProfile(p) {
+    var cp = p.contentPreferences || {};
+    return {
+      topics:   p.topics   || {},
+      visits:   p.visits   || 0,
+      lastSeen: Date.now(),
+      style: {
+        prefersDetail:    cp.prefersDetail    != null ? cp.prefersDetail    : 0.5,
+        prefersTechnical: cp.prefersTechnical != null ? cp.prefersTechnical : 0.5,
+        prefersNarrative: cp.prefersNarrative != null ? cp.prefersNarrative : 0.5,
+        prefersBullets:   cp.prefersBullets   != null ? cp.prefersBullets   : 0.5
+      }
+    };
+  }
+  // ── Rewrite mode ────────────────────────────────────────────────────────
+  function applyRewrittenSections(sections, adapted) {
+    var resultMap = {};
+    for (var i = 0; i < adapted.length; i++) {
+      resultMap[adapted[i].id] = adapted[i];
+    }
+    sections.forEach(function (s) {
+      var result = resultMap[s.id];
+      if (!result) return;
+      var el = s.el;
+      // Update score so tracking and emphasis still work correctly
+      s.score = result.relevanceScore;
+      // Fade out → swap content → fade in
+      el.style.transition = 'opacity 150ms ease';
+      el.style.opacity    = '0';
+      setTimeout(function () {
+        el.innerHTML = result.content;
+        el.setAttribute('data-lens-rewritten', 'true');
+        if (DEBUG) {
+          var badge       = d.createElement('span');
+          badge.className = 'lens-rewrite-badge';
+          badge.textContent = 'AI ' + Math.round(result.relevanceScore * 100) + '%';
+          el.insertBefore(badge, el.firstChild);
+        }
+        el.style.opacity = '1';
+      }, 160);
+    });
+  }
+  function runRewrite(profile, sections, expandEvents) {
+    // Need at least 3 topics; fall back to both mode if not
+    if (Object.keys(profile.topics).length < 3) {
+      if (DEBUG) console.log('[Lens] rewrite: fewer than 3 topics — falling back to both mode');
+      adapt(sections, profile, expandEvents);
+      return;
+    }
+    // Require API_URL to be set
+    if (!API_URL) {
+      if (DEBUG) console.log('[Lens] rewrite: no API_URL configured — falling back to both mode');
+      adapt(sections, profile, expandEvents);
+      return;
+    }
+    injectStyles();
+    var payload = JSON.stringify({
+      siteId:   SITE_ID,
+      path:     w.location.pathname,
+      sections: sections.map(function (s) { return { id: s.id, text: s.text }; }),
+      profile: {
+        topics:             profile.topics,
+        contentPreferences: profile.style
+      }
+    });
+    fetch(API_URL + '/adapt', {
+      method:  'POST',
+      headers: Object.assign(
+        { 'content-type': 'application/json' },
+        API_KEY ? { 'Authorization': 'Bearer ' + API_KEY } : {}
+      ),
+      body:    payload
+    })
+    .then(function (res) {
+      if (res.status === 503) {
+        if (DEBUG) console.log('[Lens] rewrite: server has no AI provider — falling back to both mode');
+        adapt(sections, profile, expandEvents);
+        return null;
+      }
+      if (!res.ok) throw new Error('HTTP ' + res.status);
+      return res.json();
+    })
+    .then(function (data) {
+      if (!data) return; // already fell back
+      if (!data.sections || !data.sections.length) {
+        if (DEBUG) console.log('[Lens] rewrite: empty response — falling back to both mode');
+        adapt(sections, profile, expandEvents);
+        return;
+      }
+      if (DEBUG) console.log('[Lens] rewrite: applying ' + data.sections.length + ' rewritten sections');
+      applyRewrittenSections(sections, data.sections);
+    })
+    .catch(function (err) {
+      if (DEBUG) console.warn('[Lens] rewrite error (' + err.message + ') — falling back to both mode');
+      adapt(sections, profile, expandEvents);
+    });
+  }
+  function runInit(profile) {
+    ensureStyle(profile);
+    var sections = detectSections();
+    if (sections.length < 3) return;
+    sections.forEach(function (s) { s.score = scoreSection(s.text, profile); });
+    var expandEvents = []; // shared between adapt() and startTracking()
+    // A/B control group: track signals but skip all visual adaptation
+    if (AB_GROUP === 'control') {
+      if (DEBUG) console.log('[Lens] A/B group: control — tracking only, no adaptation');
+      startTracking(sections, expandEvents);
+      maybeShowOnboardWidget(profile);
+      return;
+    }
+    if (DEBUG && AB_GROUP === 'adapted') console.log('[Lens] A/B group: adapted');
+    if (MODE === 'rewrite') {
+      // Wait for DOMContentLoaded + 300ms to let page settle, then attempt rewrite
+      function doRewrite() {
+        setTimeout(function () {
+          runRewrite(profile, sections, expandEvents);
+          startTracking(sections, expandEvents);
+          maybeShowOnboardWidget(profile);
+        }, 300);
+      }
+      if (d.readyState === 'loading') {
+        d.addEventListener('DOMContentLoaded', doRewrite);
+      } else {
+        doRewrite();
+      }
+    } else {
+      adapt(sections, profile, expandEvents);
+      startTracking(sections, expandEvents);
+      maybeShowOnboardWidget(profile);
+    }
+    if (DEBUG) {
+      console.log('[Lens] ' + sections.length + ' sections. Topics: ' +
+        Object.keys(profile.topics).length + '. Visits: ' + profile.visits + '. Mode: ' + MODE);
+      console.log('[Lens] Style — prefersDetail: ' + profile.style.prefersDetail.toFixed(2) +
+        ', prefersTechnical: ' + profile.style.prefersTechnical.toFixed(2));
+      console.table(
+        sections.slice(0, 10).map(function(s) {
+          return { id: s.id, score: Math.round(s.score * 100) + '%', preview: s.preview };
+        })
+      );
+    }
+  }
+  // ── Init ────────────────────────────────────────────────────────────────
+  function init() {
+    // Inside Lens browser — use the cross-site profile instead of per-domain localStorage
+    if (w.__lens__ && w.__lens__.isBrowser) {
+      w.__lens__.getProfile()
+        .then(function (browserProfile) { runInit(fromBrowserProfile(browserProfile)); })
+        .catch(function ()              { runInit(loadProfile()); });
+      return;
+    }
+    runInit(loadProfile());
+  }
+  if (d.readyState === 'loading') { d.addEventListener('DOMContentLoaded', init); }
+  else { init(); }
+}(window, document));