security: neutralize markdown images, restrict link schemes + safe storage + clear stats on error

Addresses audit v3 findings:

#1 (High) — Markdown images auto-fetched on render, leaking viewer usage to
  third parties. Custom marked renderer:
  - images rendered as inert text (🖼️ alt [url]) — no HTTP fetch
  - links limited to http(s); other schemes (javascript:, data:, mailto:)
    fall back to plain text
  - clickable links get rel="noopener noreferrer nofollow" target="_blank"
  Privacy sections in all 6 READMEs updated to reflect accurate behavior
  (no automatic network requests).

#4 (Low) — localStorage access wrapped with try/catch; survives strict
  privacy modes / third-party iframe contexts where storage throws.

#5 (Low) — stats line cleared at start of loadFile() so a failed read
  doesn't leave the previous file's stats above the error message.

Deferred: lang-change full rerender optimization (audit #2) — needs bigger
  refactor of render() into discrete updateStats/renderChunks steps.

Author: hitmman55

README.ar.md

@@ -93,7 +93,7 @@
 
 ## الخصوصية
 
-كل شيء يعمل محليًا في متصفحك. لا يُرسل العارض **أي** طلبات شبكية — لا CDN، ولا تحليلات، ولا خطوط بعيدة. تبقى سجلاتك على جهازك.
+كل شيء يعمل محليًا في متصفحك. العارض نفسه **لا يُرسل أي طلبات شبكية تلقائية** — لا CDN، ولا تحليلات، ولا خطوط بعيدة. يتم تحييد صور Markdown المضمّنة في السجلات: تُعرض كنص خامل مع ظهور الرابط، لكن لا يتم جلبها. الروابط الخارجية (فقط `http(s)`) تُفتح في علامة تبويب جديدة فقط عند النقر عليها، مع `rel="noopener noreferrer nofollow"`. تبقى سجلاتك على جهازك.
 
 ## قيود معروفة
 

README.es.md

@@ -91,7 +91,7 @@ Sin CDN, sin red, sin Subresource Integrity. Clona y ejecuta.
 
 ## Privacidad
 
-Todo funciona localmente en tu navegador. El visor no hace **ninguna** petición de red — sin CDN, sin analítica, sin fuentes remotas. Tus transcripciones se quedan en tu máquina.
+Todo funciona localmente en tu navegador. El visor en sí **no realiza peticiones de red automáticas** — sin CDN, sin analítica, sin fuentes remotas. Las imágenes Markdown incrustadas en las transcripciones se neutralizan: se muestran como texto inerte con la URL visible, pero nunca se descargan. Los enlaces externos (sólo `http(s)`) se abren en una nueva pestaña sólo al hacer clic, con `rel="noopener noreferrer nofollow"`. Tus transcripciones se quedan en tu máquina.
 
 ## Limitaciones conocidas
 

README.fr.md

@@ -91,7 +91,7 @@ Pas de CDN, pas de réseau, pas de Subresource Integrity. Clonez et lancez.
 
 ## Vie privée
 
-Tout fonctionne localement dans votre navigateur. La visionneuse n'effectue **aucune** requête réseau — pas de CDN, pas d'analytics, pas de polices distantes. Vos transcriptions restent sur votre machine.
+Tout fonctionne localement dans votre navigateur. La visionneuse elle-même **n'effectue aucune requête réseau automatique** — pas de CDN, pas d'analytics, pas de polices distantes. Les images Markdown incorporées dans les transcriptions sont neutralisées : affichées comme texte inerte avec l'URL visible, mais jamais récupérées. Les liens externes (uniquement `http(s)`) ne s'ouvrent dans un nouvel onglet que lorsque vous cliquez dessus, avec `rel="noopener noreferrer nofollow"`. Vos transcriptions restent sur votre machine.
 
 ## Limitations connues
 

README.md

@@ -91,7 +91,7 @@ No CDN, no network, no Subresource Integrity dance. Clone and run.
 
 ## Privacy
 
-Everything runs locally in your browser. The viewer makes **zero** network requests — no CDN, no analytics, no remote fonts. Your transcripts stay on your machine.
+Everything runs locally in your browser. The viewer itself makes **no automatic network requests** — no CDN, no analytics, no remote fonts. Markdown images embedded in transcripts are neutralized: shown as inert text with their URL visible, but never fetched. External links (`http(s)` only) open in a new tab only when you click them, with `rel="noopener noreferrer nofollow"`. Your transcripts stay on your machine.
 
 ## Known limits
 

README.ru.md

@@ -91,7 +91,7 @@ Claude Code пишет каждую сессию в `~/.claude/projects/<project
 
 ## Приватность
 
-Всё работает локально в браузере. Вьюер не делает **ни одного** сетевого запроса — ни CDN, ни аналитики, ни удалённых шрифтов. Транскрипты остаются на вашей машине.
+Всё работает локально в браузере. Сам вьюер **не делает автоматических сетевых запросов** — ни CDN, ни аналитики, ни удалённых шрифтов. Markdown-картинки из транскриптов нейтрализуются: показываются как инертный текст с видимым URL, но не загружаются. Внешние ссылки (только `http(s)`) открываются в новой вкладке только по клику, с `rel="noopener noreferrer nofollow"`. Транскрипты остаются на вашей машине.
 
 ## Известные ограничения
 

README.zh-CN.md

@@ -91,7 +91,7 @@ Claude Code 的记录位于:
 
 ## 隐私
 
-一切都在你的浏览器本地运行。查看器**不**发起任何网络请求 — 没有 CDN,没有分析,没有远程字体。你的记录留在你的机器上。
+一切都在你的浏览器本地运行。查看器本身**不发起任何自动网络请求** — 没有 CDN,没有分析,没有远程字体。记录中嵌入的 Markdown 图片会被中和:以惰性文本形式显示(URL 可见但不会被获取)。外部链接(仅限 `http(s)`)只在你点击时才会在新标签页打开,并带有 `rel="noopener noreferrer nofollow"`。你的记录留在你的机器上。
 
 ## 已知限制
 

index.html

@@ -345,6 +345,18 @@
         color: var(--accent);
       }
 
+      /* Neutralized markdown image: no auto-fetch, just an inert label with URL */
+      .md-image {
+        display: inline-block;
+        color: var(--muted);
+        font-style: italic;
+      }
+      .md-image-url {
+        font-family: ui-monospace, "SF Mono", Menlo, monospace;
+        font-size: 0.9em;
+        opacity: 0.8;
+      }
+
       main.hide-thinking .e.thinking {
         display: none;
       }
@@ -563,7 +575,23 @@
         ar: "ar-EG",
       };
 
-      const savedLang = localStorage.getItem("lang");
+      // localStorage can throw in strict privacy modes / third-party iframe contexts.
+      const storage = {
+        get(k) {
+          try {
+            return localStorage.getItem(k);
+          } catch {
+            return null;
+          }
+        },
+        set(k, v) {
+          try {
+            localStorage.setItem(k, v);
+          } catch {}
+        },
+      };
+
+      const savedLang = storage.get("lang");
       const browserLang = (navigator.language || "en").toLowerCase().split("-")[0];
       let locale = savedLang || (I18N[browserLang] ? browserLang : "en");
       const L = () => I18N[locale];
@@ -592,7 +620,23 @@
       const fbox = Object.fromEntries(FILTERS.map((k) => [k, document.getElementById("f-" + k)]));
       Object.values(fbox).forEach((el) => el.addEventListener("change", applyFilters));
 
-      marked.setOptions({ breaks: true, gfm: true });
+      // Privacy: neutralize markdown images (no auto-fetch) and restrict link schemes.
+      // Without this, [text](...) and ![alt](...) in transcripts would fetch remote
+      // resources on render and leak viewer usage to whoever crafted the transcript.
+      const mdRenderer = new marked.Renderer();
+      mdRenderer.image = function (href, title, text) {
+        const alt = esc(text || "image");
+        const url = href ? ` <span class="md-image-url">${esc(href)}</span>` : "";
+        return `<span class="md-image">🖼️ ${alt}${url}</span>`;
+      };
+      mdRenderer.link = function (href, title, text) {
+        // Only http(s) links are clickable; other schemes (javascript:, data:, file:, mailto:)
+        // are rendered as plain text. `text` is already escaped/rendered by marked.
+        if (!href || !/^https?:\/\//i.test(href)) return text;
+        const t = title ? ` title="${esc(title)}"` : "";
+        return `<a href="${esc(href)}" rel="noopener noreferrer nofollow" target="_blank"${t}>${text}</a>`;
+      };
+      marked.setOptions({ renderer: mdRenderer, breaks: true, gfm: true });
 
       // ===== truncation =====
       const MAX_PROSE = 20_000;
@@ -620,6 +664,9 @@
 
       // ===== file loading =====
       async function loadFile(f) {
+        // Clear stale stats from a previous file — on error the old stats row
+        // would otherwise stay above the new error message and mislead the user.
+        statsEl.textContent = "";
         chatEl.innerHTML = `<div class="empty">${L().reading}</div>`;
         try {
           const rows = await parseFile(f);
@@ -990,7 +1037,7 @@
       langSel.value = locale;
       langSel.addEventListener("change", () => {
         locale = langSel.value;
-        localStorage.setItem("lang", locale);
+        storage.set("lang", locale);
         applyLocale();
         renderFilterLabels();
         if (state.rows.length) render(state.rows, state.fname);
@@ -999,12 +1046,12 @@
 
       themeBtn.addEventListener("click", () => {
         const next = document.documentElement.dataset.theme === "light" ? "dark" : "light";
-        localStorage.setItem("theme", next);
+        storage.set("theme", next);
         applyTheme(next);
       });
 
       applyLocale();
-      applyTheme(localStorage.getItem("theme") || "dark");
+      applyTheme(storage.get("theme") || "dark");
       renderFilterLabels();
       renderEmptyState();
     </script>