diff --git a/mnt-premium.html b/mnt-premium.html
new file mode 100644
index 0000000..c86a27c
--- /dev/null
+++ b/mnt-premium.html
@@ -0,0 +1,1181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>MNT.TO Premium/Discount Tracker</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link
+    href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
+    rel="stylesheet"
+  />
+  <style>
+    :root {
+      color-scheme: light dark;
+      font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+      --bg: #0f172a;
+      --card: rgba(15, 23, 42, 0.75);
+      --card-border: rgba(148, 163, 184, 0.25);
+      --text: #e2e8f0;
+      --muted: #94a3b8;
+      --accent: #38bdf8;
+      --positive: #22c55e;
+      --negative: #ef4444;
+      background: radial-gradient(circle at top, rgba(56, 189, 248, 0.2), transparent 55%),
+        radial-gradient(circle at bottom, rgba(59, 130, 246, 0.12), transparent 60%),
+        #020617;
+      min-height: 100vh;
+      margin: 0;
+      color: var(--text);
+    }
+
+    body {
+      margin: 0;
+      padding: 0 1.25rem 2.5rem;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+    }
+
+    header {
+      text-align: center;
+      max-width: 960px;
+      margin: 3rem auto 2rem;
+    }
+
+    h1 {
+      margin: 0;
+      font-size: clamp(2.25rem, 6vw, 3.25rem);
+      font-weight: 700;
+      letter-spacing: -0.04em;
+    }
+
+    header p {
+      margin: 0.75rem auto 0;
+      color: var(--muted);
+      font-size: 1.05rem;
+      line-height: 1.6;
+      max-width: 720px;
+    }
+
+    main {
+      width: min(1100px, 100%);
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+      gap: 1.5rem;
+    }
+
+    .card {
+      background: var(--card);
+      border: 1px solid var(--card-border);
+      border-radius: 1.25rem;
+      padding: 1.75rem;
+      backdrop-filter: blur(12px);
+      box-shadow: 0 20px 40px rgba(15, 23, 42, 0.4);
+      position: relative;
+      overflow: hidden;
+    }
+
+    .card::after {
+      content: '';
+      position: absolute;
+      inset: 0;
+      border-radius: inherit;
+      border: 1px solid rgba(255, 255, 255, 0.04);
+      pointer-events: none;
+    }
+
+    .status {
+      display: flex;
+      flex-direction: column;
+      gap: 0.75rem;
+    }
+
+    .status span {
+      color: var(--muted);
+      font-size: 0.95rem;
+    }
+
+    button {
+      border: 1px solid rgba(148, 163, 184, 0.35);
+      background: rgba(148, 163, 184, 0.12);
+      color: inherit;
+      font: inherit;
+      padding: 0.65rem 1.4rem;
+      border-radius: 999px;
+      cursor: pointer;
+      transition: background 0.2s ease, border-color 0.2s ease;
+    }
+
+    button:hover,
+    button:focus-visible {
+      outline: none;
+      border-color: rgba(56, 189, 248, 0.65);
+      background: rgba(56, 189, 248, 0.18);
+    }
+
+    .value-large {
+      font-size: clamp(2.25rem, 5vw, 3.5rem);
+      font-weight: 700;
+      letter-spacing: -0.03em;
+    }
+
+    .label {
+      text-transform: uppercase;
+      font-size: 0.75rem;
+      letter-spacing: 0.32em;
+      font-weight: 600;
+      color: var(--muted);
+    }
+
+    #premiumValue.positive {
+      color: var(--positive);
+    }
+
+    #premiumValue.negative {
+      color: var(--negative);
+    }
+
+    table {
+      width: 100%;
+      border-collapse: collapse;
+      color: inherit;
+    }
+
+    thead {
+      font-size: 0.8rem;
+      color: var(--muted);
+      text-transform: uppercase;
+      letter-spacing: 0.18em;
+    }
+
+    th,
+    td {
+      padding: 0.9rem 0.75rem;
+      border-bottom: 1px solid rgba(148, 163, 184, 0.16);
+      text-align: left;
+      font-size: 0.95rem;
+    }
+
+    tbody tr:last-child td {
+      border-bottom: none;
+    }
+
+    .history-card canvas {
+      max-width: 100%;
+    }
+
+    .history-card {
+      min-height: 320px;
+    }
+
+    .history-card #chartContainer {
+      position: relative;
+      min-height: 260px;
+    }
+
+    .history-card #chartLoader {
+      position: absolute;
+      inset: 0;
+      margin: auto;
+    }
+
+    .loader {
+      width: 48px;
+      height: 48px;
+      margin: 1rem auto;
+      border-radius: 50%;
+      border: 4px solid rgba(148, 163, 184, 0.25);
+      border-top-color: var(--accent);
+      animation: spin 1s linear infinite;
+    }
+
+    @keyframes spin {
+      to {
+        transform: rotate(360deg);
+      }
+    }
+
+    .error {
+      color: var(--negative);
+      font-weight: 500;
+      margin-top: 0.5rem;
+    }
+
+    .settings {
+      grid-column: 1 / -1;
+    }
+
+    details {
+      color: inherit;
+    }
+
+    details summary {
+      cursor: pointer;
+      font-weight: 600;
+      margin-bottom: 0.75rem;
+      letter-spacing: 0.08em;
+      text-transform: uppercase;
+      font-size: 0.75rem;
+      color: var(--muted);
+    }
+
+    details[open] summary {
+      color: var(--accent);
+    }
+
+    .settings p {
+      color: var(--muted);
+      font-size: 0.9rem;
+      line-height: 1.5;
+    }
+
+    label {
+      display: block;
+      font-size: 0.8rem;
+      text-transform: uppercase;
+      letter-spacing: 0.12em;
+      margin-top: 1rem;
+      margin-bottom: 0.5rem;
+      color: var(--muted);
+      font-weight: 600;
+    }
+
+    input[type='text'],
+    input[type='url'] {
+      width: 100%;
+      padding: 0.65rem 0.9rem;
+      border-radius: 0.75rem;
+      border: 1px solid rgba(148, 163, 184, 0.35);
+      background: rgba(15, 23, 42, 0.35);
+      color: inherit;
+      font: inherit;
+      transition: border 0.2s ease, background 0.2s ease;
+    }
+
+    input[type='text']:focus-visible,
+    input[type='url']:focus-visible {
+      outline: none;
+      border-color: rgba(56, 189, 248, 0.65);
+      background: rgba(56, 189, 248, 0.12);
+    }
+
+    .settings .button-row {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 0.75rem;
+      margin-top: 0.75rem;
+    }
+
+    .settings .button-row button {
+      flex: 1 1 160px;
+    }
+
+    details ul {
+      margin: 0.5rem 0 0;
+      padding-left: 1.25rem;
+      font-size: 0.85rem;
+      color: var(--muted);
+    }
+
+    details code {
+      font-family: 'SFMono-Regular', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+      font-size: 0.8rem;
+      background: rgba(148, 163, 184, 0.2);
+      padding: 0.05rem 0.4rem;
+      border-radius: 0.4rem;
+    }
+
+    @media (max-width: 720px) {
+      header {
+        margin: 2.5rem auto 1.5rem;
+      }
+
+      main {
+        grid-template-columns: 1fr;
+      }
+    }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>MNT.TO Premium/Discount to iNAV</h1>
+    <p>
+      Live view of the Royal Canadian Mint's Gold Reserves Exchange Traded Receipt (MNT.TO) premium or
+      discount relative to its indicative net asset value (iNAV). Data is fetched from the
+      <a href="https://www.reserves.mint.ca/tsx_gold/investors/net-asset-value/" target="_blank" rel="noopener">official Royal Canadian Mint NAV page</a>
+      and refreshed on demand.
+    </p>
+  </header>
+
+  <main>
+    <section class="card status" aria-live="polite">
+      <div class="label">Current premium/discount</div>
+      <div id="premiumValue" class="value-large">Loading…</div>
+      <span id="priceBreakdown">—</span>
+      <span id="lastUpdated">Last updated: —</span>
+      <button id="refresh" type="button" style="align-self:flex-start">Refresh now</button>
+      <div id="statusMessage" role="status"></div>
+    </section>
+
+    <section class="card history-card">
+      <div class="label">Historical premium</div>
+      <div id="chartContainer">
+        <div class="loader" id="chartLoader" aria-hidden="true"></div>
+        <canvas id="premiumChart" role="img" aria-label="Premium or discount history"></canvas>
+      </div>
+    </section>
+
+    <section class="card" style="grid-column: 1 / -1">
+      <div class="label">Latest raw values</div>
+      <div class="table-wrapper">
+        <table>
+          <thead>
+            <tr>
+              <th scope="col">Date</th>
+              <th scope="col">Closing Price</th>
+              <th scope="col">iNAV</th>
+              <th scope="col">Premium / Discount</th>
+            </tr>
+          </thead>
+          <tbody id="dataBody">
+            <tr>
+              <td colspan="4">
+                <div class="loader" aria-hidden="true"></div>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </section>
+
+    <section class="card settings">
+      <details>
+        <summary>Connection settings &amp; fallbacks</summary>
+        <p>
+          The tracker first attempts to read the official Royal Canadian Mint NAV page. If that site blocks cross-origin
+          requests, the app falls back to public market data (Yahoo Finance) and optional NAV data from Financial Modeling
+          Prep.
+        </p>
+        <label for="proxyOverride">Custom Royal Canadian Mint proxy</label>
+        <input
+          type="url"
+          id="proxyOverride"
+          placeholder="https://your-worker.example.workers.dev/https://www.reserves.mint.ca/tsx_gold/investors/net-asset-value/"
+          inputmode="url"
+          autocomplete="off"
+        />
+        <p>
+          Provide a URL that returns the NAV page HTML. If the value contains <code>{url}</code>, it will be replaced with
+          the encoded source URL. Otherwise, the source URL is appended to the value.
+        </p>
+        <div class="button-row">
+          <button type="button" id="saveProxy">Save proxy</button>
+          <button type="button" id="clearProxy">Clear proxy</button>
+        </div>
+        <label for="fmpKey">Financial Modeling Prep API key (optional)</label>
+        <input type="text" id="fmpKey" placeholder="demo" autocomplete="off" spellcheck="false" />
+        <p>
+          When the Royal Canadian Mint data is unreachable, this key is used with the
+          <a
+            href="https://site.financialmodelingprep.com/developer/docs/etf-historical-nav-api"
+            target="_blank"
+            rel="noopener"
+            >Financial Modeling Prep ETF NAV API</a
+          >. The free <code>demo</code> key offers limited, sometimes delayed data. Use a personal key for best results.
+        </p>
+        <div class="button-row">
+          <button type="button" id="saveFmp">Save API key</button>
+          <button type="button" id="clearFmp">Clear API key</button>
+        </div>
+      </details>
+    </section>
+  </main>
+
+  <template id="rowTemplate">
+    <tr>
+      <td data-field="date"></td>
+      <td data-field="price"></td>
+      <td data-field="nav"></td>
+      <td data-field="premium"></td>
+    </tr>
+  </template>
+
+  <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.4/dist/chart.umd.min.js" integrity="sha384-gSzsMMEZe7qVDye3GQ8Kwh28ykVfoCkb0z7dxyzKDn5XxhxL7sRKqGZo4PMBVXsf" crossorigin="anonymous"></script>
+  <script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns@3.0.0/dist/chartjs-adapter-date-fns.bundle.min.js" integrity="sha384-+Um0Yv9jz8CbplcIh5jCw41RerifvhPDM0zHX39Z3HPlG5wdv7FaBZHqV+3J0bFN" crossorigin="anonymous"></script>
+  <script>
+    const SOURCE_URL = 'https://www.reserves.mint.ca/tsx_gold/investors/net-asset-value/';
+    const PROXY_STORAGE_KEY = 'mntNavProxyOverride';
+    const FMP_STORAGE_KEY = 'mntFmpApiKey';
+    const YAHOO_QUOTE_URL =
+      'https://query1.finance.yahoo.com/v10/finance/quoteSummary/MNT.TO?modules=price,summaryDetail';
+    const YAHOO_CHART_URL = 'https://query1.finance.yahoo.com/v8/finance/chart/MNT.TO?range=6mo&interval=1d';
+    const FMP_BASE_URL = 'https://financialmodelingprep.com/api/v3/etf-historical-nav/MNT.TO';
+
+    const premiumValueEl = document.getElementById('premiumValue');
+    const priceBreakdownEl = document.getElementById('priceBreakdown');
+    const lastUpdatedEl = document.getElementById('lastUpdated');
+    const statusMessageEl = document.getElementById('statusMessage');
+    const refreshBtn = document.getElementById('refresh');
+    const dataBodyEl = document.getElementById('dataBody');
+    const rowTemplate = document.getElementById('rowTemplate');
+    const chartLoader = document.getElementById('chartLoader');
+    const proxyOverrideInput = document.getElementById('proxyOverride');
+    const saveProxyBtn = document.getElementById('saveProxy');
+    const clearProxyBtn = document.getElementById('clearProxy');
+    const fmpKeyInput = document.getElementById('fmpKey');
+    const saveFmpBtn = document.getElementById('saveFmp');
+    const clearFmpBtn = document.getElementById('clearFmp');
+
+    const DEFAULT_PROXY_FACTORIES = [
+      (url) => url,
+      (url) => `https://r.jina.ai/${url}`,
+      (url) => `https://r.jina.ai/http://${stripProtocol(url)}`,
+      (url) => `https://r.jina.ai/https://${stripProtocol(url)}`,
+      (url) => `https://cors.isomorphic-git.org/${url}`,
+      (url) => `https://thingproxy.freeboard.io/fetch/${url}`,
+    ];
+
+    let chart;
+
+    const numberFormatter = new Intl.NumberFormat('en-CA', {
+      style: 'currency',
+      currency: 'CAD',
+      minimumFractionDigits: 2,
+    });
+
+    const percentFormatter = new Intl.NumberFormat('en-CA', {
+      style: 'percent',
+      signDisplay: 'always',
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2,
+    });
+
+    const dateFormatter = new Intl.DateTimeFormat('en-CA', {
+      dateStyle: 'medium',
+    });
+
+    function parseNumber(value) {
+      if (value === null || value === undefined) return null;
+      if (typeof value === 'number') {
+        return Number.isFinite(value) ? value : null;
+      }
+      const sanitized = String(value)
+        .replace(/[,$%]/g, '')
+        .replace(/[^0-9.+-]/g, '')
+        .trim();
+      if (!sanitized) return null;
+      const parsed = Number.parseFloat(sanitized);
+      return Number.isFinite(parsed) ? parsed : null;
+    }
+
+    function parsePercentage(value) {
+      if (value === null || value === undefined) return null;
+      if (typeof value === 'number') {
+        return Number.isFinite(value) ? value : null;
+      }
+      const sanitized = String(value).replace(/[^0-9.+-]/g, '');
+      if (!sanitized) return null;
+      const parsed = Number.parseFloat(sanitized);
+      return Number.isFinite(parsed) ? parsed : null;
+    }
+
+    function stripProtocol(url) {
+      return url.replace(/^https?:\/\//i, '');
+    }
+
+    function escapeHtml(value) {
+      return String(value)
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#39;');
+    }
+
+    function applyProxyTemplate(template, url) {
+      const trimmed = template.trim();
+      if (!trimmed) return url;
+      if (trimmed.includes('{url}')) {
+        return trimmed.replace('{url}', encodeURIComponent(url));
+      }
+      if (trimmed.endsWith('/')) {
+        return `${trimmed}${url}`;
+      }
+      return `${trimmed}/${url}`;
+    }
+
+    function buildProxyUrls(url) {
+      const factories = [...DEFAULT_PROXY_FACTORIES];
+      const customProxy = localStorage.getItem(PROXY_STORAGE_KEY);
+      if (customProxy) {
+        factories.unshift((original) => applyProxyTemplate(customProxy, original));
+      }
+
+      const urls = [];
+      const seen = new Set();
+      for (const factory of factories) {
+        try {
+          const proxied = factory(url);
+          if (proxied && !seen.has(proxied)) {
+            seen.add(proxied);
+            urls.push(proxied);
+          }
+        } catch (error) {
+          console.warn('Skipping proxy factory', error);
+        }
+      }
+      return urls;
+    }
+
+    function isValidDate(value) {
+      return value instanceof Date && !Number.isNaN(value.valueOf());
+    }
+
+    function normalizeHeader(header) {
+      return header
+        .toLowerCase()
+        .replace(/[^a-z0-9]+/g, ' ')
+        .trim();
+    }
+
+    function extractDataset(documentRoot) {
+      const tables = Array.from(documentRoot.querySelectorAll('table'));
+      const dataset = [];
+
+      for (const table of tables) {
+        const headerCells = Array.from(table.querySelectorAll('thead th'));
+        const headers = headerCells.length
+          ? headerCells.map((cell) => normalizeHeader(cell.textContent))
+          : Array.from(table.querySelectorAll('tr'))[0]
+              ? Array.from(table.querySelectorAll('tr'))[0].children
+                  .map((cell) => normalizeHeader(cell.textContent))
+              : [];
+
+        if (!headers.length) continue;
+
+        const indexByHeader = new Map();
+        headers.forEach((header, index) => {
+          indexByHeader.set(header, index);
+        });
+
+        const asOfIdx = headers.findIndex((text) => /date|as of|valuation/i.test(text));
+        const priceIdx = headers.findIndex((text) => /close|price|market|last/i.test(text));
+        const navIdx = headers.findIndex((text) => /nav|net asset|inav|indicative/i.test(text));
+        const premiumIdx = headers.findIndex((text) => /premium|discount/i.test(text));
+        const symbolIdx = headers.findIndex((text) => /ticker|symbol|security|etr|name/i.test(text));
+
+        const rows = Array.from(table.querySelectorAll('tbody tr')).length
+          ? Array.from(table.querySelectorAll('tbody tr'))
+          : Array.from(table.querySelectorAll('tr')).slice(1);
+
+        for (const row of rows) {
+          const cells = Array.from(row.querySelectorAll('th, td'));
+          if (!cells.length) continue;
+          const rawValues = cells.map((cell) => cell.textContent.trim());
+
+          const symbolCandidate = symbolIdx >= 0 ? rawValues[symbolIdx] : rawValues[0];
+          if (!symbolCandidate || !/MNT/i.test(symbolCandidate)) continue;
+
+          const asOfRaw = asOfIdx >= 0 ? rawValues[asOfIdx] : null;
+          const priceRaw = priceIdx >= 0 ? rawValues[priceIdx] : null;
+          const navRaw = navIdx >= 0 ? rawValues[navIdx] : null;
+          const premiumRaw = premiumIdx >= 0 ? rawValues[premiumIdx] : null;
+
+          const closingPrice = parseNumber(priceRaw);
+          const nav = parseNumber(navRaw);
+          let premiumPct = parsePercentage(premiumRaw);
+
+          if (premiumPct === null && closingPrice !== null && nav) {
+            premiumPct = ((closingPrice - nav) / nav) * 100;
+          }
+
+          const parsedDate = asOfRaw ? new Date(asOfRaw) : null;
+
+          dataset.push({
+            rawDate: asOfRaw,
+            date: parsedDate && !Number.isNaN(parsedDate.valueOf()) ? parsedDate : null,
+            closingPrice,
+            nav,
+            premiumPct,
+          });
+        }
+      }
+
+      return dataset;
+    }
+
+    function renderDataset(dataset, meta = {}, auxiliaryErrors = []) {
+      dataBodyEl.innerHTML = '';
+
+      if (!dataset.length) {
+        dataBodyEl.innerHTML = '<tr><td colspan="4">No MNT.TO data was found on the source page.</td></tr>';
+        premiumValueEl.textContent = 'N/A';
+        premiumValueEl.classList.remove('positive', 'negative');
+        chartLoader.style.display = 'none';
+        const chartCanvas = document.getElementById('premiumChart');
+        if (chartCanvas) chartCanvas.style.display = 'none';
+        statusMessageEl.innerHTML =
+          '<span class="error">No premium data could be extracted. Please adjust your proxy or API key settings.</span>';
+        return;
+      }
+
+      const sorted = dataset
+        .map((entry) => ({ ...entry }))
+        .sort((a, b) => {
+          if (a.date && b.date) return b.date - a.date;
+          if (a.date) return -1;
+          if (b.date) return 1;
+          return 0;
+        });
+
+      const latest = sorted[0];
+
+      const formattedPremium =
+        typeof latest.premiumPct === 'number'
+          ? percentFormatter.format(latest.premiumPct / 100)
+          : 'N/A';
+
+      premiumValueEl.textContent = formattedPremium;
+      premiumValueEl.classList.remove('positive', 'negative');
+
+      if (typeof latest.premiumPct === 'number') {
+        if (latest.premiumPct >= 0) {
+          premiumValueEl.classList.add('positive');
+        } else {
+          premiumValueEl.classList.add('negative');
+        }
+      }
+
+      const priceText = [
+        latest.closingPrice != null ? `Close: ${numberFormatter.format(latest.closingPrice)}` : null,
+        latest.nav != null ? `iNAV: ${numberFormatter.format(latest.nav)}` : null,
+      ]
+        .filter(Boolean)
+        .join(' · ');
+      priceBreakdownEl.textContent = priceText || '—';
+
+      const explicitDate = isValidDate(meta.lastUpdated)
+        ? meta.lastUpdated
+        : isValidDate(latest.date)
+        ? latest.date
+        : null;
+
+      const lastUpdated = explicitDate
+        ? `Last updated: ${dateFormatter.format(explicitDate)}`
+        : latest.rawDate
+        ? `Last updated: ${latest.rawDate}`
+        : 'Last updated: —';
+
+      lastUpdatedEl.textContent = lastUpdated;
+
+      const fragment = document.createDocumentFragment();
+      sorted.slice(0, 14).forEach((entry) => {
+        const row = rowTemplate.content.firstElementChild.cloneNode(true);
+        row.querySelector('[data-field="date"]').textContent = entry.date
+          ? dateFormatter.format(entry.date)
+          : entry.rawDate || '—';
+        row.querySelector('[data-field="price"]').textContent =
+          entry.closingPrice != null ? numberFormatter.format(entry.closingPrice) : '—';
+        row.querySelector('[data-field="nav"]').textContent =
+          entry.nav != null ? numberFormatter.format(entry.nav) : '—';
+        row.querySelector('[data-field="premium"]').textContent =
+          typeof entry.premiumPct === 'number' ? percentFormatter.format(entry.premiumPct / 100) : '—';
+        fragment.appendChild(row);
+      });
+
+      dataBodyEl.appendChild(fragment);
+
+      renderChart(sorted);
+
+      const sourceLink = meta.sourceUrl
+        ? `<a href="${escapeHtml(meta.sourceUrl)}" target="_blank" rel="noopener">${escapeHtml(
+            meta.sourceName || 'data source',
+          )}</a>`
+        : escapeHtml(meta.sourceName || 'data source');
+
+      let message = meta.sourceUrl ? `Data refreshed from ${sourceLink}.` : 'Data refreshed.';
+
+      if (meta.via && meta.via !== meta.sourceUrl) {
+        message += ` (via ${escapeHtml(meta.via)})`;
+      }
+
+      if (meta.notes) {
+        message += ` ${escapeHtml(meta.notes)}`;
+      }
+
+      const combinedErrors = [...(meta.errors || []), ...auxiliaryErrors];
+      if (combinedErrors.length) {
+        const items = combinedErrors
+          .map((error) => {
+            if (typeof error === 'string') return `<li>${escapeHtml(error)}</li>`;
+            const location = error.proxy || error.stage || error.source || 'Unknown';
+            const detail = error.message || error.error || String(error);
+            return `<li><code>${escapeHtml(location)}</code>: ${escapeHtml(detail)}</li>`;
+          })
+          .join('');
+        message += `<details><summary>Show error details</summary><ul>${items}</ul></details>`;
+      }
+
+      statusMessageEl.innerHTML = message;
+    }
+
+    function renderChart(dataset) {
+      const chartCanvas = document.getElementById('premiumChart');
+      const points = dataset
+        .filter((entry) => entry.date && typeof entry.premiumPct === 'number')
+        .map((entry) => ({ x: entry.date, y: entry.premiumPct / 100 }));
+
+      if (!points.length) {
+        chartLoader.style.display = 'none';
+        chartCanvas.style.display = 'none';
+        return;
+      }
+
+      chartCanvas.style.display = 'block';
+      chartLoader.style.display = 'none';
+
+      if (chart) {
+        chart.data.datasets[0].data = points;
+        chart.update();
+        return;
+      }
+
+      chart = new Chart(chartCanvas, {
+        type: 'line',
+        data: {
+          datasets: [
+            {
+              label: 'Premium / Discount',
+              data: points,
+              borderColor: 'rgba(56, 189, 248, 0.9)',
+              backgroundColor: 'rgba(56, 189, 248, 0.2)',
+              tension: 0.35,
+              pointRadius: 3,
+              pointHoverRadius: 5,
+            },
+          ],
+        },
+        options: {
+          responsive: true,
+          maintainAspectRatio: false,
+          scales: {
+            x: {
+              type: 'time',
+              time: {
+                unit: 'day',
+              },
+              ticks: {
+                color: 'rgba(226, 232, 240, 0.8)',
+              },
+              grid: {
+                color: 'rgba(148, 163, 184, 0.15)',
+              },
+            },
+            y: {
+              ticks: {
+                callback: (value) => percentFormatter.format(value),
+                color: 'rgba(226, 232, 240, 0.8)',
+              },
+              grid: {
+                color: 'rgba(148, 163, 184, 0.15)',
+              },
+            },
+          },
+          plugins: {
+            legend: {
+              labels: {
+                color: 'rgba(226, 232, 240, 0.85)',
+              },
+            },
+            tooltip: {
+              callbacks: {
+                label: (context) => percentFormatter.format(context.parsed.y),
+              },
+            },
+          },
+        },
+      });
+    }
+
+    function buildAggregateError(error) {
+      if (!error) return [];
+      if (Array.isArray(error)) return error;
+      if (error.details) return error.details;
+      return [{ message: error.message || String(error) }];
+    }
+
+    function parseFmpDataset(json) {
+      if (!json) return [];
+      let rows = [];
+      if (Array.isArray(json)) {
+        rows = json;
+      } else if (Array.isArray(json?.historical)) {
+        rows = json.historical;
+      } else if (Array.isArray(json?.historicalNav)) {
+        rows = json.historicalNav;
+      } else if (Array.isArray(json?.data)) {
+        rows = json.data;
+      }
+
+      const entries = [];
+      for (const row of rows) {
+        const navValue =
+          parseNumber(row?.nav) ??
+          parseNumber(row?.navPrice) ??
+          parseNumber(row?.navValue) ??
+          parseNumber(row?.value) ??
+          parseNumber(row?.navps) ??
+          parseNumber(row?.close);
+        if (navValue === null) continue;
+
+        const rawDate = row?.date ?? row?.navDate ?? row?.timestamp ?? row?.dateTime ?? null;
+        const parsedDate = rawDate ? new Date(rawDate) : null;
+        const date = isValidDate(parsedDate) ? parsedDate : null;
+
+        entries.push({
+          date,
+          rawDate: rawDate || undefined,
+          nav: navValue,
+        });
+      }
+
+      return entries;
+    }
+
+    function mapByDate(entries) {
+      const map = new Map();
+      for (const entry of entries) {
+        const key = isValidDate(entry.date)
+          ? entry.date.toISOString().slice(0, 10)
+          : entry.rawDate
+          ? String(entry.rawDate).slice(0, 10)
+          : null;
+        if (!key) continue;
+        map.set(key, entry);
+      }
+      return map;
+    }
+
+    function combineDatasets(priceEntries, navEntries) {
+      const navMap = mapByDate(navEntries);
+      const combined = [];
+
+      const seen = new Set();
+      for (const entry of priceEntries) {
+        if (!isValidDate(entry.date)) continue;
+        const key = entry.date.toISOString().slice(0, 10);
+        seen.add(key);
+        const navEntry = navMap.get(key);
+        const nav = navEntry?.nav ?? null;
+        combined.push({
+          date: entry.date,
+          rawDate: navEntry?.rawDate || key,
+          closingPrice: entry.closingPrice,
+          nav,
+          premiumPct: nav ? ((entry.closingPrice - nav) / nav) * 100 : null,
+        });
+      }
+
+      for (const [key, navEntry] of navMap.entries()) {
+        if (seen.has(key)) continue;
+        combined.push({
+          date: navEntry.date || null,
+          rawDate: navEntry.rawDate || key,
+          closingPrice: null,
+          nav: navEntry.nav,
+          premiumPct: null,
+        });
+      }
+
+      return combined;
+    }
+
+    function getStoredFmpKey() {
+      const stored = localStorage.getItem(FMP_STORAGE_KEY);
+      if (stored && stored.trim()) return stored.trim();
+      return 'demo';
+    }
+
+    async function fetchMintDataset() {
+      const proxiedUrls = buildProxyUrls(SOURCE_URL);
+      const errors = [];
+
+      for (const proxiedUrl of proxiedUrls) {
+        try {
+          const response = await fetch(proxiedUrl, { cache: 'no-store', mode: 'cors' });
+          if (!response.ok) {
+            throw new Error(`Status ${response.status}`);
+          }
+          const html = await response.text();
+          if (!html || html.length < 128) {
+            throw new Error('Empty response');
+          }
+          const parser = new DOMParser();
+          const doc = parser.parseFromString(html, 'text/html');
+          const dataset = extractDataset(doc);
+          if (!dataset.length) {
+            throw new Error('No MNT rows detected');
+          }
+          return {
+            dataset,
+            meta: {
+              sourceName: 'Royal Canadian Mint',
+              sourceUrl: SOURCE_URL,
+              via: proxiedUrl,
+              errors,
+            },
+          };
+        } catch (error) {
+          console.warn('Proxy fetch failed', proxiedUrl, error);
+          errors.push({ proxy: proxiedUrl, message: error.message || String(error) });
+        }
+      }
+
+      const aggregate = new Error('All proxy attempts failed');
+      aggregate.details = errors;
+      throw aggregate;
+    }
+
+    async function fetchJson(url, description) {
+      const response = await fetch(url, { cache: 'no-store', mode: 'cors' });
+      if (!response.ok) {
+        throw new Error(`${description} responded with status ${response.status}`);
+      }
+      return response.json();
+    }
+
+    function parseYahooSummary(json) {
+      const result = json?.quoteSummary?.result?.[0];
+      if (!result) {
+        throw new Error('Missing quote summary payload');
+      }
+      const priceInfo = result.price || {};
+      const summaryDetail = result.summaryDetail || {};
+
+      const closingPrice = parseNumber(priceInfo.regularMarketPrice?.raw ?? priceInfo.regularMarketPrice);
+      const priceTimeRaw = priceInfo.regularMarketTime?.raw ?? priceInfo.regularMarketTime;
+      const priceTime = typeof priceTimeRaw === 'number' ? new Date(priceTimeRaw * 1000) : null;
+
+      const navPrice =
+        parseNumber(summaryDetail.navPrice?.raw ?? summaryDetail.navPrice) ??
+        parseNumber(summaryDetail.nav?.raw ?? summaryDetail.nav);
+      const navDateRaw =
+        summaryDetail.navPriceDate?.raw ??
+        summaryDetail.navPriceDate ??
+        summaryDetail.navDate?.raw ??
+        summaryDetail.navDate ??
+        null;
+      const navDate =
+        typeof navDateRaw === 'number'
+          ? new Date(navDateRaw * 1000)
+          : navDateRaw
+          ? new Date(navDateRaw)
+          : null;
+
+      return {
+        closingPrice,
+        priceTime: isValidDate(priceTime) ? priceTime : null,
+        navPrice,
+        navDate: isValidDate(navDate) ? navDate : null,
+      };
+    }
+
+    function parseYahooChart(json) {
+      const chartResult = json?.chart?.result?.[0];
+      if (!chartResult) {
+        throw new Error('Missing chart payload');
+      }
+      const timestamps = chartResult.timestamp || [];
+      const closes = chartResult.indicators?.quote?.[0]?.close || [];
+      const entries = [];
+      for (let i = 0; i < timestamps.length; i += 1) {
+        const ts = timestamps[i];
+        const close = closes[i];
+        if (!ts || close === null || close === undefined) continue;
+        const date = new Date(ts * 1000);
+        if (!isValidDate(date)) continue;
+        entries.push({ date, closingPrice: close });
+      }
+      return entries;
+    }
+
+    async function fetchFallbackDataset() {
+      const summaryJson = await fetchJson(YAHOO_QUOTE_URL, 'Yahoo Finance quote summary');
+      const chartJson = await fetchJson(YAHOO_CHART_URL, 'Yahoo Finance chart');
+      let navJson = null;
+      const fmpKey = getStoredFmpKey();
+      const navErrors = [];
+
+      try {
+        const navUrl = `${FMP_BASE_URL}?apikey=${encodeURIComponent(fmpKey)}`;
+        navJson = await fetchJson(navUrl, 'Financial Modeling Prep NAV');
+      } catch (error) {
+        navErrors.push({ source: 'Financial Modeling Prep', message: error.message || String(error) });
+      }
+
+      const summary = parseYahooSummary(summaryJson);
+      const prices = parseYahooChart(chartJson);
+      const navEntries = parseFmpDataset(navJson);
+      const dataset = combineDatasets(prices, navEntries);
+
+      if (summary.navPrice != null) {
+        const navDateKey = isValidDate(summary.navDate)
+          ? summary.navDate.toISOString().slice(0, 10)
+          : undefined;
+        const existingIndex = navDateKey
+          ? dataset.findIndex((entry) =>
+              isValidDate(entry.date)
+                ? entry.date.toISOString().slice(0, 10) === navDateKey
+                : entry.rawDate === navDateKey,
+            )
+          : -1;
+
+        const premiumPct =
+          summary.closingPrice != null && summary.navPrice
+            ? ((summary.closingPrice - summary.navPrice) / summary.navPrice) * 100
+            : null;
+
+        const summaryEntry = {
+          date: summary.navDate || summary.priceTime || null,
+          rawDate:
+            navDateKey ||
+            (isValidDate(summary.priceTime) ? summary.priceTime.toISOString().slice(0, 10) : undefined),
+          closingPrice: summary.closingPrice,
+          nav: summary.navPrice,
+          premiumPct,
+        };
+
+        if (existingIndex >= 0) {
+          dataset[existingIndex] = { ...dataset[existingIndex], ...summaryEntry };
+        } else {
+          dataset.push(summaryEntry);
+        }
+      }
+
+      return {
+        dataset,
+        meta: {
+          sourceName: 'Yahoo Finance',
+          sourceUrl: 'https://finance.yahoo.com/quote/MNT.TO',
+          via: 'Direct API',
+          lastUpdated: summary.navDate || summary.priceTime || null,
+          notes:
+            'Premium values are derived from Yahoo Finance pricing and Financial Modeling Prep NAV data when available.',
+          errors: navErrors,
+        },
+      };
+    }
+
+    function updateSettingsUI() {
+      proxyOverrideInput.value = localStorage.getItem(PROXY_STORAGE_KEY) || '';
+      fmpKeyInput.value = localStorage.getItem(FMP_STORAGE_KEY) || '';
+    }
+
+    function saveProxyOverride() {
+      const value = proxyOverrideInput.value.trim();
+      if (value) {
+        localStorage.setItem(PROXY_STORAGE_KEY, value);
+      } else {
+        localStorage.removeItem(PROXY_STORAGE_KEY);
+      }
+    }
+
+    function saveFmpKey() {
+      const value = fmpKeyInput.value.trim();
+      if (value) {
+        localStorage.setItem(FMP_STORAGE_KEY, value);
+      } else {
+        localStorage.removeItem(FMP_STORAGE_KEY);
+      }
+    }
+
+    function attachSettingsHandlers() {
+      saveProxyBtn.addEventListener('click', () => {
+        saveProxyOverride();
+        loadData();
+      });
+      clearProxyBtn.addEventListener('click', () => {
+        proxyOverrideInput.value = '';
+        saveProxyOverride();
+        loadData();
+      });
+      saveFmpBtn.addEventListener('click', () => {
+        saveFmpKey();
+        loadData();
+      });
+      clearFmpBtn.addEventListener('click', () => {
+        fmpKeyInput.value = '';
+        saveFmpKey();
+        loadData();
+      });
+    }
+
+    async function loadData() {
+      premiumValueEl.textContent = 'Loading…';
+      premiumValueEl.classList.remove('positive', 'negative');
+      statusMessageEl.textContent = '';
+      chartLoader.style.display = 'block';
+
+      let dataset = [];
+      let meta = {};
+      const accumulatedErrors = [];
+
+      try {
+        const mintResult = await fetchMintDataset();
+        dataset = mintResult.dataset;
+        meta = mintResult.meta;
+      } catch (error) {
+        console.warn('Mint dataset unavailable', error);
+        accumulatedErrors.push(...buildAggregateError(error));
+      }
+
+      if (!dataset.length) {
+        try {
+          const fallback = await fetchFallbackDataset();
+          dataset = fallback.dataset;
+          meta = fallback.meta;
+        } catch (error) {
+          console.error('Fallback dataset failed', error);
+          accumulatedErrors.push({ stage: 'Fallback', message: error.message || String(error) });
+        }
+      }
+
+      if (dataset.length) {
+        renderDataset(dataset, meta, accumulatedErrors);
+      } else {
+        premiumValueEl.textContent = 'Error';
+        chartLoader.style.display = 'none';
+        statusMessageEl.innerHTML =
+          '<span class="error">Unable to load premium data from any source. Please verify your network access or connection settings.</span>';
+        if (accumulatedErrors.length) {
+          const items = accumulatedErrors
+            .map((error) => {
+              if (typeof error === 'string') return `<li>${escapeHtml(error)}</li>`;
+              const location = error.proxy || error.stage || error.source || 'Unknown';
+              const detail = error.message || error.error || String(error);
+              return `<li><code>${escapeHtml(location)}</code>: ${escapeHtml(detail)}</li>`;
+            })
+            .join('');
+          statusMessageEl.innerHTML += `<details><summary>Show error details</summary><ul>${items}</ul></details>`;
+        }
+      }
+    }
+
+    refreshBtn.addEventListener('click', () => {
+      loadData();
+    });
+
+    document.addEventListener('visibilitychange', () => {
+      if (!document.hidden) {
+        loadData();
+      }
+    });
+
+    updateSettingsUI();
+    attachSettingsHandlers();
+    loadData();
+  </script>
+</body>
+</html>
