From 6b1efab615041ed6d8eb4c82ff69db2e3ae857a6 Mon Sep 17 00:00:00 2001
From: dwindown <dwinx.ramz@gmail.com>
Date: Sat, 6 Sep 2025 23:58:42 +0700
Subject: [PATCH] published version in webstore

---
 .gitignore          |   1 +
 assets/icon-128.png | Bin 0 -> 10898 bytes
 assets/icon-16.png  | Bin 0 -> 798 bytes
 assets/icon-32.png  | Bin 0 -> 2113 bytes
 assets/icon-48.png  | Bin 0 -> 3649 bytes
 background.js       |   8 +-
 content.js          |  23 +-
 manifest.json       | 100 +++++---
 panel.html          |   6 +-
 panel.js            | 597 +++++++++++++++++++++++++++++++++++++-------
 styles.css          |  20 +-
 11 files changed, 619 insertions(+), 136 deletions(-)
 create mode 100644 .gitignore
 create mode 100644 assets/icon-128.png
 create mode 100644 assets/icon-16.png
 create mode 100644 assets/icon-32.png
 create mode 100644 assets/icon-48.png

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..496ee2c
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.DS_Store
\ No newline at end of file
diff --git a/assets/icon-128.png b/assets/icon-128.png
new file mode 100644
index 0000000000000000000000000000000000000000..8dc789d87d75b270117e0d7de7df29a02a6b93fc
GIT binary patch
literal 10898
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
O6i|>+m9CUD4gNo-QM(`j

literal 0
HcmV?d00001

diff --git a/assets/icon-16.png b/assets/icon-16.png
new file mode 100644
index 0000000000000000000000000000000000000000..696e6a2bd6ea48535824a7ffc855f8d25272387c
GIT binary patch
literal 798
zcmV+(1L6FMP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0008zNkl<Zc-n=N
zUucze7{@=)@AsbfJ!i9R?s(45=?^#%k1p&+Oy^F{ASrNdYw{XYH&G}A2@zhdm!gY;
zq99177hZT1M<}s5sPNBnCK*zK>n0hZks78`x1F8$-_wQJ93eed&-3u*dA`q|FZ_>b
zfLRnP0xAS*{tK@8R@Jv!^X&o{w6?Ako!qoVN7iP5yGejR&A+~a2<W0t0vy@67OUUl
zm<%!3X`bp`68zC<FNVu5f8kA<dtd?8BO6{%PE^0qvF<lGxFIW`sJ=zQ1ea$XOOZ*e
zcFx|QC06%*$2Q$%YC+8vQFL_U0FK#b8tLyC879XXt@)N%cJrsZU0yvmZJ(Ryo4!^#
z$1n0*5~i2ZlmO=*<<agvI@*2s?#x~8qUDI7-#xWekM;Z*kM{fkLTOuatixAz+K1w|
zQ9DJtdHC#nC4$r7{~GC7wSbk?s6K;6gAlJF>mqaU8C8|y3*;OJ9OK!KBuq!7fBdVt
zL;9H>udZh-eh5j+NYaWYkTyd-ZjgyxW9E;Fc)EVaoh~ula?+6N)@UDCa!z!Ow%j@z
z3gJ9t$}z1^rg(WJ=X%MVt983#_~R#D)92grwA63kIAm1WL)Jc08jRnOzSHm5FX;$b
zpkpOeUUVo{TnYs*lBPMEuMEh`I@{iK^V6^qktFPu)~&kK^*C!iI;D~9yz-^9S5FkT
zP~N>WamuSm8+DuIdmcUhp~!*h-ZyU^c9$%DwtnlcuO~iV)-M2sA?*>%QRCoAm>#$?
zW!~dwxv+2shoT?#ca^3;aGKjzhcmaQ)M->tep0w9_-Z*QNq#^#+YI|{6U!w8jgkv-
zYA+hWgXHm+Hru|u2#wj9QxeX+GCoqixbVvV6nS`1^N~$=3FalStS}i+g|q?I@Ka}D
zZhvO-%)asQr(*&&yesJf%lp-}Lo?+eT~*qyn+kqd?eMj8(PIUHd60O8UUeQM?cP8g
cP`N+%HxEER)_3`@eE<Le07*qoM6N<$f(6WmZ2$lO

literal 0
HcmV?d00001

diff --git a/assets/icon-32.png b/assets/icon-32.png
new file mode 100644
index 0000000000000000000000000000000000000000..9c85987e97fd38ed32d10937320697899b063f36
GIT binary patch
literal 2113
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

literal 0
HcmV?d00001

diff --git a/assets/icon-48.png b/assets/icon-48.png
new file mode 100644
index 0000000000000000000000000000000000000000..baf945b44c13483be6c74bccc26f5a1493ade482
GIT binary patch
literal 3649
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
TK-)EP00000NkvXXu0mjf<5>W@

literal 0
HcmV?d00001

diff --git a/background.js b/background.js
index 6c860f8..9b16f2f 100644
--- a/background.js
+++ b/background.js
@@ -1,6 +1,9 @@
 // Let Chrome open the panel when the toolbar icon is clicked
+// Guard: some Chromium variants may not expose sidePanel
+const hasSidePanel = !!chrome.sidePanel?.setOptions;
+
 chrome.runtime.onInstalled.addListener(() => {
-    chrome.sidePanel?.setPanelBehavior?.({ openPanelOnActionClick: true });
+    if (hasSidePanel) chrome.sidePanel.setPanelBehavior?.({ openPanelOnActionClick: true });
 });
 
 // If you still want to ensure the correct path on click, setOptions ONLY:
@@ -19,7 +22,8 @@ chrome.action.onClicked.addListener(async () => {
         try { await chrome.scripting.executeScript({ target: { tabId: tab.id }, files: ['content.js'] }); } catch {}
       }
   
-    await chrome.sidePanel.setOptions({ tabId: tab.id, path: "panel.html" }); // Chrome opens it
+    await chrome.sidePanel.setOptions({ tabId: tab.id, path: "panel.html" });
+    try { await chrome.sidePanel.open({ tabId: tab.id }); } catch {}
 });
   
 // Keyboard shortcut: we do open() here (this is a user gesture)
diff --git a/content.js b/content.js
index c42890b..c451314 100644
--- a/content.js
+++ b/content.js
@@ -6,6 +6,16 @@ if (window.__dewemoji_cs_installed) {
     window.__dewemoji_cs_installed = true;
     // (keep the rest of your file below as-is)
 
+    // Throttle to animation frame to avoid excessive work on rapid events
+    function rafThrottle(fn){
+      let scheduled = false;
+      return function(...args){
+        if (scheduled) return;
+        scheduled = true;
+        requestAnimationFrame(() => { scheduled = false; fn.apply(this,args); });
+      };
+    }
+
     let lastEditable = null;    // HTMLElement (input/textarea/contenteditable root)
     let lastRange = null;       // Range for contenteditable
     let lastStart = 0, lastEnd = 0;
@@ -59,10 +69,17 @@ if (window.__dewemoji_cs_installed) {
 
     captureCaret();
 
+    // Use a non-throttled handler for focusin so we snapshot *before* focus leaves to the side panel.
     document.addEventListener('focusin', captureCaret, true);
-    document.addEventListener('keyup', captureCaret, true);
-    document.addEventListener('mouseup', captureCaret, true);
-    document.addEventListener('selectionchange', captureCaret, true);
+
+    // Throttled handlers for noisy updates
+    const captureCaretThrottled = rafThrottle(captureCaret);
+    document.addEventListener('keyup', captureCaretThrottled, true);
+    document.addEventListener('mouseup', captureCaretThrottled, true);
+    document.addEventListener('selectionchange', captureCaretThrottled, true);
+
+    // Extra safety: when the page is about to hide (e.g., side panel opens), keep the last known caret
+    document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'hidden') captureCaret(); }, true);
 
     // Attempt to insert text at the last saved position
     function insertAtCaret(text) {
diff --git a/manifest.json b/manifest.json
index 6390921..9c6e1d1 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,41 +1,65 @@
 {
-    "name": "Dewemoji - Emojis Made Effortless",
-    "description": "Search emojis and insert into any text field.",
-    "version": "1.0.0",
-    "manifest_version": 3,
-  
-    "permissions": ["storage", "scripting", "activeTab", "sidePanel", "identity", "identity.email"],
-  
-    "side_panel": {
-      "default_path": "panel.html"
-    },
+  "name": "Dewemoji - Emojis Made Effortless",
+  "description": "Find and copy emojis instantly. Optional Pro license unlocks tone lock, insert mode, and more.",
+  "version": "1.0.0",
+  "offline_enabled": false,
+  "permissions": [
+    "storage",
+    "scripting",
+    "activeTab",
+    "sidePanel"
+  ],
+  "host_permissions": [
+    "<all_urls>",
+    "https://api.dewemoji.com/*"
+  ],
+  "web_accessible_resources": [
+    {
+      "resources": [
+        "assets/*.png",
+        "assets/*.svg",
+        "styles.css"
+      ],
+      "matches": ["<all_urls>"]
+    }
+  ],
+  "homepage_url": "https://dewemoji.com",
+  "manifest_version": 3,
 
-    "host_permissions": ["<all_urls>"],
-  
-    "action": {
-      "default_title": "Emoji Widget"
-    },
-  
-    "background": {
-      "service_worker": "background.js"
-    },
-  
-    "commands": {
-      "toggle-panel": {
-        "suggested_key": {
-          "default": "Ctrl+Shift+E",
-          "mac": "Command+Shift+E"
-        },
-        "description": "Toggle Emoji Side Panel"
-      }
-    },
+  "minimum_chrome_version": "114",
 
-    "content_scripts": [
-        {
-          "matches": ["<all_urls>"],
-          "js": ["content.js"],
-          "run_at": "document_idle",
-          "all_frames": false
-        }
-      ]
-  }
\ No newline at end of file
+  "side_panel": {
+    "default_path": "panel.html"
+  },
+
+  "action": {
+    "default_title": "Dewemoji",
+    "default_icon": {
+      "16": "assets/icon-16.png",
+      "32": "assets/icon-32.png",
+      "48": "assets/icon-48.png",
+      "128": "assets/icon-128.png"
+    }
+  },
+
+  "icons": {
+    "16": "assets/icon-16.png",
+    "32": "assets/icon-32.png",
+    "48": "assets/icon-48.png",
+    "128": "assets/icon-128.png"
+  },
+
+  "background": {
+    "service_worker": "background.js"
+  },
+
+  "commands": {
+    "toggle-panel": {
+      "suggested_key": {
+        "default": "Ctrl+Shift+E",
+        "mac": "Command+Shift+E"
+      },
+      "description": "Toggle Emoji Side Panel"
+    }
+  }
+}
\ No newline at end of file
diff --git a/panel.html b/panel.html
index b53fb81..7a8ecbf 100644
--- a/panel.html
+++ b/panel.html
@@ -11,7 +11,7 @@
         <header class="hdr">
             <h1 class="ttl">Find Your Emoji <span id="dewemoji-status" class="tag free">Free</span></h1>
             <div class="bar">
-                <input id="q" class="inp" type="text" placeholder="Search (e.g. love)" />
+                <input id="q" class="inp" type="text" placeholder="Search (e.g. love)" aria-label="Search emojis" />
                 <button id="clear" class="btn icon" title="Clear" aria-label="Clear">✕</button>
                 <button id="theme" class="btn icon" title="Toggle theme" aria-label="Toggle theme">🌙</button>
                 <button id="settings" class="btn icon" title="Settings" aria-label="Settings">⚙️</button>
@@ -37,7 +37,7 @@
 
         <!-- Settings sheet -->
         <div id="sheet-backdrop" class="backdrop" hidden></div>
-        <aside id="settings-sheet" class="sheet" hidden role="dialog" aria-modal="true" aria-labelledby="settings-title">
+        <aside id="settings-sheet" class="sheet" hidden role="dialog" aria-modal="true" aria-labelledby="settings-title" aria-describedby="license-status">
             <div class="sheet-head">
                 <h3 id="settings-title">Settings</h3>
                 <button id="sheet-close" class="btn icon" title="Close" aria-label="Close">✕</button>
@@ -79,7 +79,7 @@
                     <div class="field">
                         <label class="lbl">License</label>
                         <div class="row">
-                            <input id="license-key" class="inp" placeholder="Enter license key" type="password">
+                            <input id="license-key" class="inp" placeholder="Enter license key" type="password" autocomplete="off">
                             <button id="license-activate" class="btn">Activate</button>
                             <button id="license-deactivate" class="btn ghost">Deactivate</button>
                         </div>
diff --git a/panel.js b/panel.js
index 8163daa..7292669 100644
--- a/panel.js
+++ b/panel.js
@@ -4,6 +4,7 @@ let licenseValid = false; // <- default: Free
 
 // Persistent settings
 let actionMode = 'copy';  // 'copy' | 'insert' | 'auto'
+let licenseKeyCurrent = '';
 
 // Tone settings (persisted in sync storage)
 let toneLock = false;           // if true, always use preferred tone
@@ -22,17 +23,44 @@ const licenseDeactivateBtn = document.getElementById('license-deactivate');
 const licenseEditBtn = document.getElementById('license-edit');
 const licenseCancelEditBtn = document.getElementById('license-cancel-edit');
 
+// --- License busy helpers (UI feedback for activate/deactivate) ---
+let __licensePrev = { text: '', disabled: false };
+function setLicenseBusy(on, label){
+  const btn = licenseActivateBtn;
+  if (!btn) return;
+  if (on) {
+    __licensePrev.text = btn.textContent;
+    __licensePrev.disabled = btn.disabled;
+    btn.textContent = label || 'Verifying…';
+    btn.disabled = true;
+    licenseKeyEl && (licenseKeyEl.disabled = true);
+    licenseDeactivateBtn && (licenseDeactivateBtn.disabled = true);
+    licenseEditBtn && (licenseEditBtn.disabled = true);
+    licenseCancelEditBtn && (licenseCancelEditBtn.disabled = true);
+    licenseStatusEl && (licenseStatusEl.textContent = 'Checking license…');
+  } else {
+    btn.textContent = __licensePrev.text || 'Activate';
+    btn.disabled = __licensePrev.disabled || false;
+    // Restore enabled state based on current license view
+    applyLicenseUI();
+  }
+}
+
 const diagRunBtn = document.getElementById('diag-run');
 const diagSpin   = document.getElementById('diag-spin');
 const diagOut    = document.getElementById('diag-out');
 
 const API = {
-    base: "https://emoji.dewe.pw/api",
-    list: "/emojis",
-    limit: 20 // lighter for extensions; your API caps at 50, docs try-it at 10
+    base: "https://api.dewemoji.com/v1",
+    list: "/emojis"
 };
-
-API.cats = "/categories";   // endpoint for categories map
+API.cats = "/categories";
+let PAGE_LIMIT = 20; // Free default
+function refreshPageLimit(){
+  PAGE_LIMIT = licenseValid ? 50 : 20; // Pro gets bigger pages
+}
+refreshPageLimit();
+const FRONTEND_ID = 'ext-v1';
 
 let CAT_MAP = null;         // { "Category": ["sub1","sub2", ...], ... }
 
@@ -49,6 +77,13 @@ const PREFERRED_CATEGORY_ORDER = [
   "Flags"
 ];
 const CAT_INDEX = Object.fromEntries(PREFERRED_CATEGORY_ORDER.map((c, i) => [c, i]));
+// Minimal local subcategories to enable the sub-select even without API
+const LOCAL_SUBS = {
+  'Travel & Places': ['place-religious','place-geographic','transport-water'],
+  'People & Body': ['hand-fingers-open','hand-fingers-partial','person-gesture'],
+  'Animals & Nature': ['animal-mammal','animal-bird','animal-bug'],
+  'Activities': ['sport','game','event'],
+};
 function categoryComparator(a, b) {
   const ia = CAT_INDEX[a];
   const ib = CAT_INDEX[b];
@@ -59,14 +94,21 @@ function categoryComparator(a, b) {
 }
 
 async function loadCategories() {
-    try {
-        const res = await fetch(`${API.base}${API.cats}`);
-        if (!res.ok) throw new Error(`cats ${res.status}`);
-        CAT_MAP = await res.json();
-        populateCategorySelect();
-    } catch (e) {
-        console.warn("Failed to load categories", e);
+  // Try live endpoint; fall back silently to local list (no subs)
+  let ok = false;
+  try {
+    const res = await fetch(`${API.base}${API.cats}`);
+    if (res && res.ok) {
+      CAT_MAP = await res.json();
+      ok = true;
     }
+  } catch (_) {}
+
+  if (!ok) {
+    // Silent fallback with a minimal subcategory seed
+    CAT_MAP = Object.fromEntries(PREFERRED_CATEGORY_ORDER.map(c => [c, LOCAL_SUBS[c] || []]));
+  }
+  populateCategorySelect();
 }
 
 function populateCategorySelect() {
@@ -100,9 +142,12 @@ function populateSubcategorySelect(category) {
         subSel.appendChild(opt);
     });
     subSel.disabled = subs.length === 0;
+    subSel.classList.toggle('opacity-50', subs.length === 0);
+    subSel.classList.toggle('pointer-events-none', subs.length === 0);
 }
 
 let page = 1, total = 0, items = [];
+let lastServerTier = null; // 'pro' | null (free) | undefined (no response yet)
 const q = document.getElementById('q');
 const cat = document.getElementById('cat');
 const sub = document.getElementById('sub');
@@ -125,6 +170,50 @@ function setVersionBadge() {
 }
 setVersionBadge();
 
+// --- Alert helper for messages (warn/error, light/dark theme) ---
+function buildAlert(kind, title, desc){
+  const isDark = document.documentElement.classList.contains('theme-dark');
+  const tone = (kind === 'error')
+    ? (isDark
+        ? { bg:'#3b0f0f', border:'#7f1d1d', text:'#fecaca', icon:'‼' }
+        : { bg:'#fee2e2', border:'#fecaca', text:'#7f1d1d', icon:'‼' })
+    : (isDark
+        ? { bg:'#3b2f0f', border:'#a16207', text:'#fde68a', icon:'⚠️' }
+        : { bg:'#fef3c7', border:'#fde68a', text:'#92400e', icon:'⚠️' });
+
+  const wrap = document.createElement('div');
+  wrap.style.gridColumn = '1 / -1';
+  wrap.style.background = tone.bg;
+  wrap.style.border = `1px solid ${tone.border}`;
+  wrap.style.color = tone.text;
+  wrap.style.borderRadius = '10px';
+  wrap.style.padding = '10px 12px';
+  wrap.style.display = 'flex';
+  wrap.style.alignItems = 'flex-start';
+  wrap.style.gap = '10px';
+  wrap.className = 'dewemoji-alert';
+
+  const ico = document.createElement('span');
+  ico.textContent = tone.icon;
+  ico.style.fontSize = '18px';
+  ico.style.lineHeight = '20px';
+
+  const body = document.createElement('div');
+  const h = document.createElement('div');
+  h.textContent = title || '';
+  h.style.fontWeight = '600';
+  h.style.marginBottom = desc ? '2px' : '0';
+  const p = document.createElement('div');
+  p.textContent = desc || '';
+  p.style.opacity = '0.9';
+  p.style.fontSize = '12.5px';
+
+  body.appendChild(h);
+  if (desc) body.appendChild(p);
+  wrap.append(ico, body);
+  return wrap;
+}
+
 // --- Loading spinner (flip-flop with Load More) ---
 let spinnerEl = null;
 function showSpinner() {
@@ -223,57 +312,342 @@ async function setToneLock(val){
 let timer;
 function debounced(fn, delay=250){ clearTimeout(timer); timer = setTimeout(fn, delay); }
 
-async function fetchPage(reset=false) {
-    more.disabled = true;
-    if (reset) { page = 1; items = []; list.innerHTML = ""; }
-    try {
-      showSpinner();
-      const params = new URLSearchParams({
-        page: String(page),
-        limit: String(API.limit)
-      });
-      if (q.value.trim()) params.set('q', q.value.trim());
-      if (cat.value.trim()) params.set('category', cat.value.trim());
-      if (sub.value.trim()) params.set('subcategory', sub.value.trim());
-  
-      const url = `${API.base}${API.list}?${params.toString()}`;
-      const res = await fetch(url, { cache: 'no-store' });
-      if (!res.ok) throw new Error(`API ${res.status}`);
-      const data = await res.json();
-      total = data.total || 0;
-  
-      // append
-      for (const e of (data.items || [])) {
-        items.push(e);
-        renderCard(e);
-      }
-      updateFooter();
-    } catch (err) {
-      console.error('Fetch failed', err);
-      // Show a small notice
-      const msg = document.createElement('div');
-      msg.className = 'w-full text-center text-red-500 py-2';
-      msg.textContent = 'Failed to load. Please try again.';
-      list?.appendChild(msg);
-    } finally {
-      hideSpinner();
-    }
+// === P0: Usage & Cache ===
+const CLIENT_FREE_DAILY_LIMIT = 30;            // can be tuned; Pro => unlimited
+const CACHE_TTL_MS = 6 * 60 * 60 * 1000;      // 6 hours
+const QUERY_CACHE = new Map();                 // in-memory cache: key => {ts, data}
+const PREFETCHING = new Set();   // tracks in-flight prefetch keys (sig|page)
+
+function todayKeyUTC(){
+  const d = new Date();
+  const y = d.getUTCFullYear();
+  const m = String(d.getUTCMonth()+1).padStart(2,'0');
+  const day = String(d.getUTCDate()).padStart(2,'0');
+  return `usage_${y}${m}${day}`;
 }
 
-function updateFooter() {
-  count.textContent = `${items.length} / ${total}`;
-  const loading = !!spinnerEl;
-  if (items.length < total) {
-    more.textContent = 'Load more';
-    more.disabled = loading;
-    // Only show button when not loading
-    more.classList.toggle('hidden', loading);
-  } else {
-    more.textContent = 'All loaded';
-    more.disabled = true;
-    // If fully loaded, keep it visible but disabled, or hide if you prefer:
-    // more.classList.add('hidden');
+async function getDailyUsage(){
+  const key = todayKeyUTC();
+  const got = await chrome.storage.local.get([key]);
+  return got[key] || { used: 0, limit: CLIENT_FREE_DAILY_LIMIT };
+}
+async function setDailyUsage(obj){
+  const key = todayKeyUTC();
+  await chrome.storage.local.set({ [key]: obj });
+}
+
+function normalize(str){ return String(str||'').trim().toLowerCase(); }
+function slugifyLabel(s){
+  const x = normalize(s).replace(/&/g,'and').replace(/[^a-z0-9]+/g,'-').replace(/^-+|-+$/g,'');
+  return x || 'all';
+}
+function signatureFor(qVal, catVal, subVal){
+  const qn   = normalize(qVal);
+  const cats = slugifyLabel(catVal || 'all');
+  const subs = subVal ? slugifyLabel(subVal) : '';
+  return `${qn}|${cats}|${subs}`;
+}
+
+async function getPersistedCache(){
+  const got = await chrome.storage.local.get(['searchCache']);
+  return got.searchCache || {}; // { key: { ts, data } }
+}
+async function savePersistedCache(cacheObj){
+  await chrome.storage.local.set({ searchCache: cacheObj });
+}
+function isFresh(ts){ return (Date.now() - ts) < CACHE_TTL_MS; }
+
+function buildHeaders(){
+  const base = { 'X-Dewemoji-Frontend': FRONTEND_ID };
+  if (licenseValid && licenseKeyCurrent) {
+    try {
+      const acctPromise = accountId();
+      return acctPromise.then(acct => ({
+        ...base,
+        // New preferred auth
+        'Authorization': `Bearer ${licenseKeyCurrent}`,
+        // Legacy headers kept for backward compatibility
+        'X-License-Key': licenseKeyCurrent,
+        'X-Account-Id': acct.id
+      })).catch(()=>base);
+    } catch {
+      return Promise.resolve({ ...base, 'Authorization': `Bearer ${licenseKeyCurrent}`, 'X-License-Key': licenseKeyCurrent });
+    }
   }
+  return Promise.resolve(base);
+}
+
+async function prefetchNextIfNeeded(currentSig){
+  try {
+    // only prefetch when there are more results and we know the next page index
+    const nextPage = page + 1;
+    if (!(items.length < total && total > 0)) return;
+    const key = `${currentSig}|${nextPage}`;
+    if (QUERY_CACHE.has(key) || PREFETCHING.has(key)) return;
+
+    // check persisted cache
+    const persisted = await getPersistedCache();
+    const ent = persisted[key];
+    if (ent && isFresh(ent.ts)) {
+      QUERY_CACHE.set(key, ent); // lift to memory
+      return;
+    }
+
+    PREFETCHING.add(key);
+
+    // Build URL for next page
+    const params = new URLSearchParams({ page: String(nextPage), limit: String(PAGE_LIMIT) });
+    if (q.value.trim()) params.set('q', q.value.trim());
+    if (cat.value.trim()) params.set('category', cat.value.trim());
+    if (sub.value.trim()) params.set('subcategory', sub.value.trim());
+    const url = `${API.base}${API.list}?${params.toString()}`;
+
+    // headers (with optional license/account)
+    const headers = await buildHeaders();
+
+    // fetch quietly; avoid throwing UI errors — prefetch is best-effort
+    const res = await fetch(url, { cache: 'no-store', headers });
+    if (!res.ok) { PREFETCHING.delete(key); return; }
+    const data = await res.json().catch(()=>null);
+    if (!data || !Array.isArray(data.items)) { PREFETCHING.delete(key); return; }
+
+    const record = { ts: Date.now(), data };
+    QUERY_CACHE.set(key, record);
+    const persisted2 = await getPersistedCache();
+    persisted2[key] = record;
+    // prune stale
+    for (const k of Object.keys(persisted2)) { if (!persisted2[k] || !isFresh(persisted2[k].ts)) delete persisted2[k]; }
+    await savePersistedCache(persisted2);
+  } catch { /* silent */ }
+  finally { PREFETCHING.delete(`${currentSig}|${page+1}`); }
+}
+
+async function fetchPage(reset=false) {
+  more.disabled = true;
+  refreshPageLimit();
+  if (reset) { page = 1; items = []; list.innerHTML = ""; }
+  if (reset) { PREFETCHING.clear(); }
+  if (reset) { autoLoadBusy = false; }
+
+  // Build signature and check limits only for page 1
+  const sig = signatureFor(q.value, cat.value, sub.value);
+
+  // Gate on soft cap for Free (Pro unlimited)
+  if (!licenseValid && page === 1) {
+    const usage = await getDailyUsage();
+    const limit = usage.limit ?? CLIENT_FREE_DAILY_LIMIT;
+    // Check persisted cache first; a cached result does not consume usage
+    const persisted = await getPersistedCache();
+    const entry = persisted[sig];
+    const hasFreshPersist = entry && isFresh(entry.ts);
+    const hasFreshMem = QUERY_CACHE.has(`${sig}|1`) && isFresh(QUERY_CACHE.get(`${sig}|1`).ts);
+
+    if (usage.used >= limit && !hasFreshPersist && !hasFreshMem) {
+      // At cap and no cache — block network to be fair to server & UX
+      showToast('Daily limit reached — Upgrade to Pro');
+      updateFooter();
+      return;
+    }
+  }
+
+  try {
+    showSpinner();
+
+    // Cache key per page
+    const key = `${sig}|${page}`;
+
+    // 1) Try memory cache
+    const mem = QUERY_CACHE.get(key);
+    if (mem && isFresh(mem.ts)) {
+      const data = mem.data;
+      total = data.total || 0;
+      for (const e of (data.items || [])) { items.push(e); renderCard(e); }
+      // Kick off background prefetch for the next page (cached only)
+      const currentSig = signatureFor(q.value, cat.value, sub.value);
+      prefetchNextIfNeeded(currentSig).catch(()=>{});
+      try { ensureSentinel(); setupAutoLoadObserver(); } catch(_) {}
+      updateFooter();
+      return;
+    }
+
+    // 2) Try persisted cache
+    const persisted = await getPersistedCache();
+    const ent = persisted[key];
+    if (ent && isFresh(ent.ts)) {
+      total = ent.data.total || 0;
+      for (const e of (ent.data.items || [])) { items.push(e); renderCard(e); }
+      QUERY_CACHE.set(key, { ts: ent.ts, data: ent.data }); // promote to mem
+      // Kick off background prefetch for the next page (cached only)
+      const currentSig = signatureFor(q.value, cat.value, sub.value);
+      prefetchNextIfNeeded(currentSig).catch(()=>{});
+      try { ensureSentinel(); setupAutoLoadObserver(); } catch(_) {}
+      updateFooter();
+      return;
+    }
+
+    // 3) Network fetch
+    const params = new URLSearchParams({ page: String(page), limit: String(PAGE_LIMIT) });
+    if (q.value.trim()) params.set('q', q.value.trim());
+    if (cat.value.trim()) params.set('category', cat.value.trim());
+    if (sub.value.trim()) params.set('subcategory', sub.value.trim());
+    const url = `${API.base}${API.list}?${params.toString()}`;
+
+    // (usage increment moved to after successful fetch)
+
+    const headers = await buildHeaders();
+
+    // Optional nicety: offline guard (early exit if no network AND no fresh cache)
+    if (!navigator.onLine) {
+      const hasFreshMem = mem && isFresh(mem.ts);
+      const hasFreshPersist = ent && isFresh(ent.ts);
+      if (!hasFreshMem && !hasFreshPersist) {
+        throw new Error('offline');
+      }
+    }
+
+    const res = await fetch(url, { cache: 'no-store', headers });
+    
+    if (!res.ok) throw new Error(`API ${res.status}`);
+    lastServerTier = res.headers.get('X-Dewemoji-Tier'); // 'pro' for Pro; null for Free/whitelist
+    const data = await res.json();
+    total = data.total || 0;
+
+    if (page === 1 && (!Array.isArray(data.items) || data.items.length === 0)) {
+      list.innerHTML = '';
+      items = [];
+      list.appendChild(buildAlert('warn', 'No results', 'Try another keyword, category, or tone.'));
+      setLoadMore('Load more', { hidden: true, disabled: true });
+      updateFooter();
+      return;
+    }
+
+    // Count usage only on successful network responses for Free, page 1, and when not cached
+    if (!licenseValid && page === 1) {
+      const cacheHas = !!(mem && isFresh(mem.ts)) || !!(ent && isFresh(ent.ts));
+      if (!cacheHas) {
+        const usage = await getDailyUsage();
+        const limit = usage.limit ?? CLIENT_FREE_DAILY_LIMIT;
+        usage.used = Math.min(limit, (usage.used || 0) + 1);
+        await setDailyUsage(usage);
+      }
+    }
+
+    // Save to caches
+    const record = { ts: Date.now(), data };
+    QUERY_CACHE.set(key, record);
+    const persisted2 = await getPersistedCache();
+    persisted2[key] = record;
+    // prune old entries occasionally (simple heuristic)
+    const now = Date.now();
+    for (const k of Object.keys(persisted2)) {
+      if (!persisted2[k] || !isFresh(persisted2[k].ts)) delete persisted2[k];
+    }
+    await savePersistedCache(persisted2);
+
+    // Render
+    for (const e of (data.items || [])) { items.push(e); renderCard(e); }
+    // Kick off background prefetch for the next page (cached only)
+    const currentSig = signatureFor(q.value, cat.value, sub.value);
+    prefetchNextIfNeeded(currentSig).catch(()=>{});
+    try { ensureSentinel(); setupAutoLoadObserver(); } catch(_) {}
+    updateFooter();
+  } catch (err) {
+    console.error('Fetch failed', err);
+    if (reset || page === 1) {
+      list.innerHTML = '';
+      items = []; total = 0;
+    }
+    list?.appendChild(buildAlert('error', 'Failed to load', 'Check your internet connection and try again.'));
+    if (page > 1) {
+      expectRetry = true;
+      setLoadMore('Retry', { hidden: false, disabled: false });
+    } else {
+      setLoadMore('Load more', { hidden: true, disabled: true });
+    }
+  } finally {
+    hideSpinner();
+  }
+}
+
+let autoObserver = null;
+let autoLoadBusy = false;
+let autoSentinel = null; // thin element placed right after the grid list
+
+function ensureSentinel(){
+  if (autoSentinel && autoSentinel.isConnected) return autoSentinel;
+  autoSentinel = document.getElementById('autoload-sentinel');
+  if (!autoSentinel) {
+    autoSentinel = document.createElement('div');
+    autoSentinel.id = 'autoload-sentinel';
+    autoSentinel.style.cssText = 'width:100%;height:1px;';
+  }
+  try {
+    // Place immediately AFTER the grid list so intersecting means we reached the end
+    if (list && autoSentinel.parentElement !== list.parentElement) {
+      list.insertAdjacentElement('afterend', autoSentinel);
+    }
+  } catch(_) {}
+  return autoSentinel;
+}
+
+function setupAutoLoadObserver(){
+  const sentinel = ensureSentinel();
+  if (!sentinel) return;
+
+  if (autoObserver) {
+    try { autoObserver.unobserve(sentinel); } catch(_) {}
+  } else {
+    autoObserver = new IntersectionObserver((entries)=>{
+      const hit = entries.some(e => e.isIntersecting);
+      if (!hit) return;
+      if (autoLoadBusy) return;
+
+      const loading = !!spinnerEl;
+      const canLoad = items.length < total && total > 0;
+      if (loading || !canLoad) return;
+
+      autoLoadBusy = true;
+      setLoadMore('Loading…', { disabled: true });
+      page += 1;
+      fetchPage(false).finally(()=>{ autoLoadBusy = false; });
+    }, { root: null, rootMargin: '300px', threshold: 0 });
+  }
+
+  try { autoObserver.observe(sentinel); } catch(_) {}
+}
+
+// --- Load More helpers ---
+let expectRetry = false;
+function setLoadMore(label, opts = {}) {
+  if (!more) return;
+  if (label != null) more.textContent = label;
+  if (opts.hidden === true) more.classList.add('hidden');
+  if (opts.hidden === false) more.classList.remove('hidden');
+  if (typeof opts.disabled === 'boolean') more.disabled = opts.disabled;
+}
+
+async function updateFooter() {
+  // results text stays
+  count.textContent = `${items.length} / ${total}`;
+
+  // usage text append (right-aligned feel handled by CSS; here we append visually)
+  try {
+    const { used, limit } = await getDailyUsage();
+    const isServerPro = lastServerTier === 'pro';
+    const suffix = (licenseValid || isServerPro) ? '' : (limit != null ? ` · ${used} / ${limit} today` : '');
+    count.textContent = `${items.length} / ${total}${suffix}`;
+  } catch {}
+
+  const loading = !!spinnerEl;
+  const canLoadMore = items.length < total && total > 0;
+  if (canLoadMore) {
+    expectRetry = false;
+    setLoadMore('Load more', { hidden: loading, disabled: loading });
+  } else {
+    setLoadMore('Load more', { hidden: true, disabled: true });
+  }
+  // ensure auto-load observer is active when more is visible
+  try { setupAutoLoadObserver(); } catch(_) {}
 }
 
 async function ensureContentScript(tabId) {
@@ -344,6 +718,19 @@ async function insert(text, opts = {}) {
   }
 }
 
+async function migrateDailyLimit(){
+  try{
+    const usage = await getDailyUsage();
+    const target = CLIENT_FREE_DAILY_LIMIT; // 30
+    if (!licenseValid) {
+      if (typeof usage.limit !== 'number' || usage.limit > target) {
+        usage.limit = target;
+        await setDailyUsage(usage);
+      }
+    }
+  }catch{}
+}
+
 function updateClearButtonIcon() {
   if (!clearBtn) return;
   const hasText = q.value.trim().length > 0;
@@ -388,6 +775,13 @@ clearBtn.addEventListener('click', () => {
   } 
 });
 more.addEventListener('click', () => {
+  if (expectRetry) {
+    // retry same page without incrementing
+    expectRetry = false;
+    setLoadMore('Loading…', { disabled: true });
+    fetchPage(false);
+    return;
+  }
   more.disabled = true;
   page += 1;
   fetchPage(false);
@@ -444,13 +838,22 @@ function buildTonePopover(base, activeIdx, onPick){
 
 // initial
 loadCategories().catch(console.error);
-fetchPage(true).catch(console.error);
+(async () => {
+  try {
+    await loadSettings();
+    await migrateDailyLimit();
+  } catch(_) {}
+  await fetchPage(true).catch(console.error);
+  try { setupAutoLoadObserver(); } catch(_) {}
+})();
 
 async function loadSettings() {
     const data = await chrome.storage.local.get(['licenseValid', 'licenseKey', 'actionMode']);
     licenseValid = !!data.licenseValid;
+    refreshPageLimit();
     actionMode = data.actionMode || 'copy';
     if (data.licenseKey) licenseKeyEl && (licenseKeyEl.value = data.licenseKey);
+    licenseKeyCurrent = data.licenseKey || '';
     applyLicenseUI();
     applyModeUI();
     setStatusTag();
@@ -690,25 +1093,38 @@ modeGroup?.addEventListener('change', async (e) => {
 licenseActivateBtn?.addEventListener('click', async () => {
   const key = (licenseKeyEl?.value || '').trim();
   if (!key) { showToast('Enter a license key'); return; }
-  // TODO: replace with server activation; for now treat as success in dev
-  // Example:
-  // const acct = await accountId();
-  // const res = await fetch('https://YOUR-API/license/activate', {
-  //   method: 'POST', headers: { 'Content-Type': 'application/json' },
-  //   body: JSON.stringify({ key, account_id: acct.id, version: chrome.runtime.getManifest().version })
-  // });
-  // const data = await res.json(); if (!res.ok || !data.ok) throw new Error(data.message || 'Invalid license');
   try {
+    setLicenseBusy(true, 'Verifying…');
+    // Call your API /license/verify (works for Gumroad and Mayar)
+    const acct = await accountId();
+    const res = await fetch('https://api.dewemoji.com/v1/license/verify', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ key, account_id: acct.id, version: chrome.runtime.getManifest().version })
+    });
+    const data = await res.json().catch(() => ({}));
+    if (!res.ok || !data.ok) throw new Error(data?.error || `Verify ${res.status}`);
+
     licenseValid = true;
+    refreshPageLimit();
+    licenseKeyCurrent = key;
     await chrome.storage.local.set({ licenseValid: true, licenseKey: key, lastLicenseCheck: Date.now() });
+
     applyLicenseUI();
     setLicenseEditMode(false);
+    setStatusTag();
     showToast('License activated ✓');
+
+    // Refresh results so Pro headers/tier take effect immediately
+    fetchPage(true).catch(console.error);
+    setLicenseBusy(false);
   } catch (e) {
+    setLicenseBusy(false);
     licenseValid = false;
     await chrome.storage.local.set({ licenseValid: false });
     applyLicenseUI();
-    showToast('Activation failed');
+    setStatusTag();
+    showToast(`Activation failed${e?.message ? ': ' + e.message : ''}`);
   }
 });
 
@@ -726,6 +1142,7 @@ licenseDeactivateBtn?.addEventListener('click', async () => {
   if (!licenseValid) return;
   const ok = confirm('Deactivate Pro on this device?');
   if (!ok) return;
+  setLicenseBusy(true, 'Deactivating…');
   try {
     // (Optional) TODO: call your API /license/deactivate here, e.g.:
     // const acct = await accountId();
@@ -734,12 +1151,17 @@ licenseDeactivateBtn?.addEventListener('click', async () => {
     //   body: JSON.stringify({ key: (licenseKeyEl?.value || '').trim(), account_id: acct.id })
     // });
     licenseValid = false;
+    refreshPageLimit();
     await chrome.storage.local.set({ licenseValid: false, licenseKey: '' });
     if (licenseKeyEl) licenseKeyEl.value = '';
     applyLicenseUI();
+    licenseKeyCurrent = '';
     setLicenseEditMode(false);
     showToast('License deactivated');
+    fetchPage(true).catch(console.error);
+    setLicenseBusy(false);
   } catch (e) {
+    setLicenseBusy(false);
     showToast('Could not deactivate');
   }
 });
@@ -958,23 +1380,24 @@ if (window.twemoji) {
   console.log('Canonical from codepoints:', window.twemoji.convert.fromCodePoint(cp));
 }
 
-loadSettings().catch(() => {});
-// Example verify-on-boot (disabled in dev):
-// (async function verifyLicenseOnBoot(){
-//   const { licenseKey, lastLicenseCheck } = await chrome.storage.local.get(['licenseKey','lastLicenseCheck']);
-//   if (!licenseKey) return;
-//   const day = 24*60*60*1000; if (Date.now() - (lastLicenseCheck||0) < day) return;
-//   try {
-//     const acct = await accountId();
-//     const res = await fetch('https://YOUR-API/license/verify', {
-//       method: 'POST', headers: { 'Content-Type': 'application/json' },
-//       body: JSON.stringify({ key: licenseKey, account_id: acct.id })
-//     });
-//     const data = await res.json();
-//     const ok = !!data.ok; await chrome.storage.local.set({ licenseValid: ok, lastLicenseCheck: Date.now() });
-//     licenseValid = ok; applyLicenseUI();
-//   } catch {}
-// })();
+(async function verifyLicenseOnBoot(){
+  try {
+    const { licenseKey, lastLicenseCheck } = await chrome.storage.local.get(['licenseKey','lastLicenseCheck']);
+    if (!licenseKey) return;
+    licenseStatusEl && (licenseStatusEl.textContent = 'Checking license…');
+    const day = 24*60*60*1000; if (Date.now() - (lastLicenseCheck||0) < day) return;
+    const acct = await accountId();
+    const res = await fetch('https://api.dewemoji.com/v1/license/verify', {
+      method: 'POST', headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ key: licenseKey, account_id: acct.id, version: chrome.runtime.getManifest().version })
+    });
+    const data = await res.json().catch(() => ({}));
+    const ok = !!data.ok;
+    await chrome.storage.local.set({ licenseValid: ok, lastLicenseCheck: Date.now() });
+    licenseValid = ok; refreshPageLimit(); applyLicenseUI(); setStatusTag();
+    licenseStatusEl && (licenseStatusEl.textContent = licenseValid ? 'Pro active' : 'Free mode — Pro features locked.');
+  } catch {}
+})();
 
 // Re-render tone section when opening settings (in case lock/pref changed during session)
 const __openSheet = openSheet;
diff --git a/styles.css b/styles.css
index ab958d1..3b61e68 100644
--- a/styles.css
+++ b/styles.css
@@ -18,7 +18,7 @@
 html, body { margin:0; padding:0; background:var(--bg); color:var(--fg);
     font:14px/1.4 system-ui, -apple-system, Segoe UI, Roboto, Inter, sans-serif; }
 
-.hdr { position:sticky; top:0; background:var(--bg); padding:10px 10px 6px; border-bottom:1px solid var(--br); }
+.hdr { position:sticky; top:0; background:var(--bg); padding:10px 10px 6px; border-bottom:1px solid var(--br); z-index: 9;}
 .ttl { margin:0 0 8px; font-size:16px; font-weight:700; }
 .bar { display:flex; gap:6px; }
 .inp { flex:1; padding:8px 8px; border:1px solid var(--br); border-radius:8px; background:var(--bg); color:var(--fg); }
@@ -36,6 +36,7 @@ html, body { margin:0; padding:0; background:var(--bg); color:var(--fg);
 .card {
     display:flex; flex-direction:column; align-items:center; justify-content:center;
     gap:6px; padding:10px; border:1px solid var(--br); border-radius:12px; background:var(--bg);
+    cursor: pointer;
 }
 .card .emo { font-size:28px; line-height:1; }
 .card .nm  { font-size:12px; color:var(--mut); text-align:center; max-width:100%;
@@ -243,7 +244,7 @@ html, body { margin:0; padding:0; background:var(--bg); color:var(--fg);
 /* License subtext wraps neatly */
 #license-status { display: inline-block; margin-left: 8px; }
 
-/* Tone palette spacing + buttons */
+/* Tone palette spacin.g + buttons */
 .tone-palette { display: flex; gap: 8px; flex-wrap: wrap; }
 .tone-chip {
   min-width: 40px; height: 36px;
@@ -253,4 +254,17 @@ html, body { margin:0; padding:0; background:var(--bg); color:var(--fg);
 .tone-chip.selected { border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent); }
 
 /* Toast a tad higher so it doesn’t overlap sheet */
-.toast { bottom: 18px; }
\ No newline at end of file
+.toast { bottom: 18px; }
+
+/* Make the top controls a proper stacking context above the grid */
+.topbar, .filters-row {
+  position: sticky; /* or relative if not sticky */
+  z-index: 5;
+  background: var(--c-bg, #0f172a); /* ensure it has a solid bg in dark & light */
+}
+
+/* Or ensure the select dropdown sits above adjacent icons */
+select#sub {
+  position: relative;
+  z-index: 6;
+}
\ No newline at end of file