diff --git a/public/ai.html b/public/ai.html
index ad9849c..7c20def 100644
--- a/public/ai.html
+++ b/public/ai.html
@@ -43,7 +43,8 @@ <h1>ShadowAssistant</h1>
             <option value="shuttleai/auto" selected>
               Shuttle Auto (Default)
             </option>
-            <option value="openai/gpt-5.2">GPT-5.2</option>
+            <option value="openai/gpt-5.4">GPT-5.4</option>
+            <option value="anthropic/claude-sonnet-4-6">Claude Sonnet 4.6</option>
             <option value="google/gemini-3-flash-preview">
               Gemini 3 Flash Preview
             </option>
diff --git a/public/books/learningcourses.json b/public/books/learningcourses.json
index 38aaf97..a63ac91 100644
--- a/public/books/learningcourses.json
+++ b/public/books/learningcourses.json
@@ -9,14 +9,6 @@
         "Shooting"
       ]
     },
-    {
-      "label": "Retro Bowl",
-      "imageUrl": "images/main4/3_33.png",
-      "url": "gn/33.html",
-      "categories": [
-        "Sports"
-      ]
-    },
     {
       "label": "Sky Riders",
       "url": "arsenic/sky-riders/index.html",
diff --git a/public/books/script.js b/public/books/script.js
index c1c85eb..70f86bb 100644
--- a/public/books/script.js
+++ b/public/books/script.js
@@ -1,6 +1,5 @@
 import { SettingsManager } from "../assets/js/settings_manager.js";
 
-const BATCH = 60;
 const BASE_PATH = '/books/files/k12learning/';
 const FAV_KEY = 'arcade_favorites';
 
@@ -8,11 +7,10 @@ const settings = new SettingsManager();
 
 let allGames     = [];
 let visible      = [];
-let rendered     = 0;
+let previousVisible = new Set();
 let activeFilter = 'all';
 let searchQuery  = '';
 let favorites    = new Set();
-let imgObserver, scrollObserver;
 
 async function loadFavorites() {
   const stored = await settings.get(FAV_KEY);
@@ -29,7 +27,8 @@ function isHot(game) {
 
 function openGameTab(game) {
   const gameUrl = BASE_PATH + game.url;
-  const embedUrl = `embed.html?url=${encodeURIComponent(gameUrl)}`;
+  const iconUrl = game.imageUrl ? BASE_PATH + game.imageUrl : '';
+  const embedUrl = `embed.html?url=${encodeURIComponent(gameUrl)}&title=${encodeURIComponent(game.label || '')}&icon=${encodeURIComponent(iconUrl)}&src=books`;
 
   try {
     const tabsApi = window.parent?.tabs;
@@ -43,30 +42,11 @@ function openGameTab(game) {
 const HEART_FILLED = `<svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 -960 960 960" width="16px" fill="currentColor"><path d="m480-120-58-52q-101-91-167-157T150-447.5Q111-500 95.5-544T80-634q0-94 63-157t157-63q52 0 99 22t81 62q34-40 81-62t99-22q94 0 157 63t63 157q0 46-15.5 90T810-447.5Q771-395 705-329T538-172l-58 52Z"/></svg>`;
 const HEART_EMPTY  = `<svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 -960 960 960" width="16px" fill="currentColor"><path d="m480-120-58-52q-101-91-167-157T150-447.5Q111-500 95.5-544T80-634q0-94 63-157t157-63q52 0 99 22t81 62q34-40 81-62t99-22q94 0 157 63t63 157q0 46-15.5 90T810-447.5Q771-395 705-329T538-172l-58 52Zm0-108q96-86 158-147.5t98-107q36-45.5 50-81t14-70.5q0-60-40-100t-100-40q-47 0-87 26.5T518-680h-76q-15-41-55-67.5T300-774q-60 0-100 40t-40 100q0 35 14 70.5t50 81q36 45.5 98 107T480-228Zm0-273Z"/></svg>`;
 
-function setupImgObserver() {
-  imgObserver = new IntersectionObserver(entries => {
-    entries.forEach(e => {
-      if (!e.isIntersecting) return;
-      const img = e.target;
-      img.src = img.dataset.src;
-      img.onload  = () => { img.classList.add('loaded'); img.previousElementSibling?.classList.add('hidden'); };
-      img.onerror = () => img.remove();
-      imgObserver.unobserve(img);
-    });
-  }, { rootMargin: '300px' });
-}
-
-function setupScrollObserver() {
-  scrollObserver = new IntersectionObserver(entries => {
-    if (entries[0].isIntersecting && rendered < visible.length) renderBatch();
-  }, { rootMargin: '400px' });
-  scrollObserver.observe(document.getElementById('sentinel'));
-}
-
 function buildCard(game) {
   const a = document.createElement('a');
   a.className = 'card';
   a.href = '#';
+  a.dataset.gameLabel = game.label;
   a.addEventListener('click', e => {
     e.preventDefault();
     openGameTab(game);
@@ -79,11 +59,20 @@ function buildCard(game) {
 
   if (game.imageUrl) {
     const img = document.createElement('img');
-    img.dataset.src = BASE_PATH + game.imageUrl;
+    img.src = BASE_PATH + game.imageUrl;
     img.alt = game.label;
+    img.loading = 'lazy';
     img.decoding = 'async';
+    img.onload = () => {
+      if (!img.isConnected) return;
+      img.classList.add('loaded');
+      img.previousElementSibling?.classList.add('hidden');
+    };
+    img.onerror = () => {
+      if (!img.isConnected) return;
+      img.remove();
+    };
     a.appendChild(img);
-    imgObserver.observe(img);
   }
 
   if (isHot(game)) {
@@ -133,27 +122,71 @@ function buildCard(game) {
   return a;
 }
 
-function renderBatch() {
+function renderVisible() {
   const grid = document.getElementById('grid');
-  const end  = Math.min(rendered + BATCH, visible.length);
   const frag = document.createDocumentFragment();
-  for (let i = rendered; i < end; i++) frag.appendChild(buildCard(visible[i]));
+  for (let i = 0; i < visible.length; i++) frag.appendChild(buildCard(visible[i]));
   grid.appendChild(frag);
-  rendered = end;
+}
+
+function updateDisplay() {
+  const grid = document.getElementById('grid');
+  const visibleLabels = new Set(visible.map(g => g.label));
+  const cardsByLabel = new Map();
+
+  grid.querySelectorAll('.card').forEach(card => {
+    cardsByLabel.set(card.dataset.gameLabel, card);
+  });
+
+  const orderedCards = [];
+  for (let i = 0; i < visible.length; i++) {
+    const card = cardsByLabel.get(visible[i].label);
+    if (card) orderedCards.push(card);
+  }
+
+  for (let i = 0; i < orderedCards.length; i++) {
+    grid.appendChild(orderedCards[i]);
+  }
+  
+  grid.querySelectorAll('.card').forEach(card => {
+    const label = card.dataset.gameLabel;
+    const shouldBeVisible = visibleLabels.has(label);
+    const wasVisible = previousVisible.has(label);
+    
+    // Only update if visibility changed
+    if (shouldBeVisible !== wasVisible) {
+      card.style.display = shouldBeVisible ? '' : 'none';
+    }
+  });
+  
+  previousVisible = visibleLabels;
+
+  let emptyMsg = grid.querySelector('.empty');
+  if (visible.length === 0) {
+    if (!emptyMsg) {
+      emptyMsg = document.createElement('div');
+      emptyMsg.className = 'empty';
+      emptyMsg.innerHTML = '<strong>NO RESULTS</strong>Try a different search or filter';
+      grid.appendChild(emptyMsg);
+    }
+    emptyMsg.style.display = '';
+  } else if (emptyMsg) {
+    emptyMsg.style.display = 'none';
+  }
 }
 
 function applyFilters() {
   const q = searchQuery.toLowerCase();
 
-  let filtered = allGames.filter(g => {
-    if (activeFilter === 'favorites') return favorites.has(g.label);
+  const filtered = allGames.filter(g => {
+    const searchOk = !q || g.label.toLowerCase().includes(q);
+    if (activeFilter === 'favorites') return favorites.has(g.label) && searchOk;
     const catOk = activeFilter === 'all' ||
       (g.categories || []).some(c => c.toLowerCase() === activeFilter);
-    const searchOk = !q || g.label.toLowerCase().includes(q);
     return catOk && searchOk;
   });
 
-  if (activeFilter !== 'favorites' && !q) {
+  if (activeFilter !== 'favorites') {
     const hot  = filtered.filter(g => isHot(g));
     const rest = filtered.filter(g => !isHot(g));
     visible = [...hot, ...rest];
@@ -161,19 +194,10 @@ function applyFilters() {
     visible = filtered;
   }
 
-  rendered = 0;
-  const grid = document.getElementById('grid');
-  grid.innerHTML = '';
-
   document.getElementById('countDisplay').textContent =
     `${visible.length} game${visible.length !== 1 ? 's' : ''}`;
 
-  if (visible.length === 0) {
-    grid.innerHTML = '<div class="empty"><strong>NO RESULTS</strong>Try a different search or filter</div>';
-    return;
-  }
-
-  renderBatch();
+  updateDisplay();
 }
 
 function buildFilters(games) {
@@ -208,8 +232,6 @@ function debounce(fn, ms) {
 }
 
 async function init() {
-  setupImgObserver();
-  setupScrollObserver();
   await loadFavorites();
   try {
     const data = await fetch('learningcourses.json').then(r => r.json());
@@ -217,6 +239,9 @@ async function init() {
     document.getElementById('loading').style.display = 'none';
     document.getElementById('grid').style.display = 'grid';
     buildFilters(allGames);
+    visible = allGames;
+    previousVisible = new Set(allGames.map(g => g.label));
+    renderVisible();
     applyFilters();
     document.getElementById('searchInput').addEventListener('input',
       debounce(e => { searchQuery = e.target.value; applyFilters(); }, 150));
diff --git a/public/css/ai.css b/public/css/ai.css
index d557e98..8cea65d 100644
--- a/public/css/ai.css
+++ b/public/css/ai.css
@@ -175,6 +175,15 @@ body {
   padding-right: 36px;
 }
 
+#model-selector option {
+  background: var(--primary);
+  color: var(--accent-light);
+  outline:none;
+  border:none;
+  padding: 10px 12px;
+}
+
+
 #model-selector:focus {
   outline: 2px solid var(--accent);
 }
diff --git a/public/pages/embed/index.html b/public/pages/embed/index.html
index 2376f3e..9f6bccc 100644
--- a/public/pages/embed/index.html
+++ b/public/pages/embed/index.html
@@ -16,67 +16,163 @@
 <script>
 const params = new URLSearchParams(location.search);
 let url = params.get('url');
+const gameFrame = document.getElementById('game');
+const faviconEl = document.getElementById('favicon');
+const GAME_BASE_PATH = '/books/files/k12learning/';
+const GAME_INDEX_CACHE_KEY = 'books_game_index_v1';
+const GAME_INDEX_CACHE_VERSION = 1;
+
+let inMemoryGameIndex = null;
+let tabContext = null;
+
+function toComparablePath(value = '') {
+  try {
+    return new URL(value, location.origin).pathname;
+  } catch {
+    return value;
+  }
+}
+
+function normalizeGameUrl(value = '') {
+  return toComparablePath(value)
+    .replace(/\.html\.html$/i, '.html')
+    .replace(/\.html$/i, '')
+    .toLowerCase();
+}
+
+function sanitizeIconUrl(value = '') {
+  if (!value) return '';
+  return value.replace(/\.(png|jpe?g|webp|gif|svg)\.html$/i, '.$1');
+}
+
+function buildGameIndex(data) {
+  const index = {};
+  (data.games || []).forEach(game => {
+    if (!game || !game.url) return;
+    const gameUrl = GAME_BASE_PATH + game.url;
+    index[normalizeGameUrl(gameUrl)] = {
+      label: game.label || '',
+      iconUrl: game.imageUrl ? GAME_BASE_PATH + game.imageUrl : null
+    };
+  });
+  return index;
+}
+
+async function getGameMetaByUrl(targetUrl) {
+  if (inMemoryGameIndex) {
+    return inMemoryGameIndex[normalizeGameUrl(targetUrl)] || null;
+  }
+
+  const normalized = normalizeGameUrl(targetUrl);
+  let index = null;
+
+  try {
+    const cached = JSON.parse(sessionStorage.getItem(GAME_INDEX_CACHE_KEY) || 'null');
+    if (cached && cached.v === GAME_INDEX_CACHE_VERSION && cached.index && typeof cached.index === 'object') {
+      index = cached.index;
+    }
+  } catch {}
+
+  if (!index || typeof index !== 'object') {
+    const data = await fetch('/books/learningcourses.json', { cache: 'force-cache' }).then(r => r.json());
+    index = buildGameIndex(data);
+    try {
+      sessionStorage.setItem(GAME_INDEX_CACHE_KEY, JSON.stringify({ v: GAME_INDEX_CACHE_VERSION, index }));
+    } catch {}
+  }
+
+  inMemoryGameIndex = index;
+  return index[normalized] || null;
+}
+
+function getTabContext() {
+  if (tabContext) return tabContext;
+
+  try {
+    const tabsApi = window.parent?.tabs;
+    if (!tabsApi) return null;
+    const tab = tabsApi.tabsArr.find(t => t.iframe === window.frameElement);
+    if (!tab) return null;
+    tabContext = { tabsApi, tab };
+    return tabContext;
+  } catch {
+    return null;
+  }
+}
+
+function applyGameMeta(gameLabel, iconUrl) {
+  const safeIconUrl = sanitizeIconUrl(iconUrl || '');
+  if (safeIconUrl) faviconEl.href = safeIconUrl;
+
+  const ctx = getTabContext();
+  if (!ctx) return;
+
+  const { tabsApi, tab } = ctx;
+
+  if (gameLabel && tab.title !== gameLabel) {
+    tab.title = gameLabel;
+    tab.tab.querySelector('.tab-title').textContent = gameLabel;
+  }
+
+  if (safeIconUrl) {
+    if (!tab.img.dataset.booksIconSrcPatched) {
+      Object.defineProperty(tab.img, 'src', {
+        get() { return this._src; },
+        set(v) {
+          if (v && v.includes('/assets/imgs/icons/pages/')) return;
+          this._src = v;
+          this.setAttribute('src', v);
+        },
+        configurable: true
+      });
+      tab.img.dataset.booksIconSrcPatched = '1';
+      tab.img.onerror = () => {};
+    }
+
+    if (tab.img.getAttribute('src') !== safeIconUrl) {
+      tab.img.src = safeIconUrl;
+    }
+    if (tab.img.style.display === 'none') {
+      tab.img.style.display = '';
+    }
+  }
+
+  if (!tabsApi.__booksEmbedGetTabInfoPatched) {
+    tabsApi.getTabInfo = function(i = this.activeTabIndex) {
+      const src = this.parseUrl(i);
+      let icon;
+      if (src.startsWith('shadow://')) {
+        icon = `/assets/imgs/icons/pages/${src.replace('shadow://', '')}.png`;
+      } else {
+        icon = `https://www.google.com/s2/favicons/imgs/icons?domain=${src}&sz=24`;
+      }
+      const title = this.tabsArr[i].title || this.tabsArr[i].iframe.contentDocument.title;
+      return { title, icon, src };
+    };
+    tabsApi.__booksEmbedGetTabInfoPatched = true;
+  }
+}
 
 if (!url) {
   document.body.innerHTML = '<p style="color:#fff;padding:20px">No URL provided.</p>';
 } else {
   url = url.replace(/\.html\.html$/i, '.html');
-  document.getElementById('game').src = url;
-
-  fetch('/books/learningcourses.json')
-    .then(r => r.json())
-    .then(data => {
-      const game = data.games.find(g =>
-        '/books/files/k12learning/' + g.url === url ||
-        '/books/files/k12learning/' + g.url.replace(/\.html$/i, '') === url.replace(/\.html$/i, '')
-      );
-      if (!game) return;
-
-      const gameLabel = game.label || '';
-      const iconUrl = game.imageUrl ? '/books/files/k12learning/' + game.imageUrl : null;
-
-      if (iconUrl) document.getElementById('favicon').href = iconUrl;
-
-      try {
-        const tabsApi = window.parent?.tabs;
-        if (!tabsApi) return;
-
-        const tab = tabsApi.tabsArr.find(t => t.iframe === window.frameElement);
-        if (!tab) return;
-
-        tab.title = gameLabel;
-        tab.tab.querySelector('.tab-title').textContent = gameLabel;
-
-        if (iconUrl) {
-          Object.defineProperty(tab.img, 'src', {
-            get() { return this._src; },
-            set(v) {
-              if (v && v.includes('/assets/imgs/icons/pages/')) return;
-              this._src = v;
-              this.setAttribute('src', v);
-            },
-            configurable: true
-          });
-          tab.img.src = iconUrl;
-          tab.img.style.display = '';
-          tab.img.onerror = () => {};
-        }
-
-        tabsApi.getTabInfo = function(i = this.activeTabIndex) {
-          const src = this.parseUrl(i);
-          let icon;
-          if (src.startsWith('shadow://')) {
-            icon = `/assets/imgs/icons/pages/${src.replace('shadow://', '')}.png`;
-          } else {
-            icon = `https://www.google.com/s2/favicons/imgs/icons?domain=${src}&sz=24`;
-          }
-          const title = this.tabsArr[i].title || this.tabsArr[i].iframe.contentDocument.title;
-          return { title, icon, src };
-        };
-
-      } catch {}
-    })
-    .catch(() => {});
+  gameFrame.src = url;
+
+  const queryLabel = params.get('title') || '';
+  const queryIcon = params.get('icon') || '';
+  applyGameMeta(queryLabel, queryIcon || null);
+
+  if (!queryLabel || !queryIcon) {
+    getGameMetaByUrl(url)
+      .then(meta => {
+        if (!meta) return;
+        const finalLabel = queryLabel || meta.label;
+        const finalIcon = queryIcon || meta.iconUrl;
+        applyGameMeta(finalLabel, finalIcon || null);
+      })
+      .catch(() => {});
+  }
 }
 </script>
 </body>