fix(brand): options.html smart-quote crash + matchMedia guard + voice de-slop nits (review)

Author: New1Direction

CHANGELOG.md

@@ -12,7 +12,7 @@ the same day, as a rapid burst of improvements, so they share a date.
 ### Added
 
 - **Mono Ink identity.** RepoLens ships a new dark-tile lens icon, a "Mono Ink" default theme (cool near-black, white, and cobalt), and a wordmark lockup. The toolbar icon now animates only while a scan runs: the aperture grows and spins and the ring breathes grey to blue, then it resets to static. Turn the animation off in **Options**, and it honors your OS reduced-motion setting. The other 13 themes stay one click away.
-- **A warmer Vee.** Vee's onboarding copy reads like a person now, not a manual. The repo also vendors the stop-slop writing standard under `docs/style/` so the voice stays consistent.
+- **A warmer Vee.** Vee's onboarding copy reads like a person now. The repo also vendors the stop-slop writing standard under `docs/style/` so the voice stays consistent.
 - **Vee-guided first-run walkthrough.** New users are met by Vee on their first Library open; the coachmark steps through a seeded demo repo (Library card → Verdict tab → Blueprint canvas) with plain narration and a spotlight on each target element. Implemented in `onboarding.js` / `coachmark.js`; copy lives in `onboarding-copy.js`.
 - **Milestone "power tour"** offered after approximately five real scans: a second coachmark sequence introducing the cross-library tools: Ask, Corkboard (Alternatives / Synergies), multi-select Compare, Radar / auto-organize, and Discover.
 

README.md

@@ -19,7 +19,7 @@
 
 RepoLens is a **Manifest V3 Chrome extension**. Open a GitHub, GitLab, npm, or PyPI page and click the toolbar icon. RepoLens reads the repo, runs it past the AI provider you picked, and opens a tab that leads with a straight answer: should you use this? You see the verdict before any of the README's pitch.
 
-> Stars tell you a project is popular. They don't tell you whether it fits your problem. RepoLens answers the question you actually have: should I use this, and what am I signing up for?
+> Stars tell you a project is popular. They don't tell you whether it fits your problem. RepoLens answers the question you have: should I use this, and what am I signing up for?
 
 ---
 

onboarding-copy.js

@@ -6,7 +6,7 @@ export const COPY = {
   introGreet: "Hey, I'm Vee. I read the source so you don't have to. Got two minutes?",
   introCard: 'Every repo you scan lands here, with its fit score, its health, and your notes.',
   introCorkboard: 'Same library, as a board. A line between two repos means they go together.',
-  introSearch: 'Find a repo by name, or just ask your library a question in plain words.',
+  introSearch: 'Find a repo by name, or ask your library a question in plain words.',
   introOpen: 'Click a card and I open the full read on that repo.',
   verdict: "The honest call on whether to use it, before the README starts selling.",
   blueprint: "How it's built, as a map you can drag around. Hit the tour button to walk it.",

options.html

@@ -199,8 +199,8 @@ <h1>RepoLens</h1>
   <!-- Interface -->
   <div class="section">
     <div class="section-title">Interface</div>
-    <label class=”checkbox-row”><input type=”checkbox” id=”mascotEnabled”><span>Show “Vee”, the lens mascot</span></label>
-    <label class=”checkbox-row”><input type=”checkbox” id=”animateIcon”><span>Animate the toolbar icon while a scan runs</span></label>
+    <label class="checkbox-row"><input type="checkbox" id="mascotEnabled"><span>Show “Vee”, the lens mascot</span></label>
+    <label class="checkbox-row"><input type="checkbox" id="animateIcon"><span>Animate the toolbar icon while a scan runs</span></label>
     <p class="field-hint" style="margin-top:8px">A small lens character that reacts to your scans — scanning as it reads, wide open on a strong fit, eyes narrowed on a risky one. Decorative only; reduced-motion shows a static glyph. On by default.</p>
   </div>
 

options.js

@@ -126,7 +126,7 @@ animateIconInput.addEventListener('change', () => {
 
 // Persist the user's OS reduced-motion preference so the service worker (which has
 // no DOM / matchMedia) can honor it before animating the toolbar icon.
-chrome.storage.local.set({ reduceMotion: matchMedia('(prefers-reduced-motion: reduce)').matches });
+chrome.storage.local.set({ reduceMotion: typeof matchMedia === 'function' && matchMedia('(prefers-reduced-motion: reduce)').matches });
 
 // ─── Voice / tone ────────────────────────────────────────────────────────────
 chrome.storage.local.get('tone', ({ tone }) => renderTonePicker(tone || DEFAULT_TONE));