mm-math 0.0.0

package/js/admin.js

@@ -0,0 +1,285 @@
+const API_BASE = (window.location.hostname === 'unpkg.com' || window.location.hostname === 'cdn.jsdelivr.net') ? 'https://calc.moshelab.com' : '';
+
+let games = [];
+
+function getToken() {
+  return sessionStorage.getItem('mm_token') || '';
+}
+
+function authHeaders() {
+  return { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + getToken() };
+}
+
+async function loadGames() {
+  try {
+    const res = await fetch(`${API_BASE}/api/games/all`, { headers: authHeaders() });
+    if (!res.ok) throw new Error();
+    games = await res.json();
+  } catch {
+    try {
+      const res = await fetch('./games.json');
+      games = await res.json();
+    } catch { games = []; }
+  }
+  renderStats();
+  renderTable();
+}
+
+async function saveGames() {
+  try {
+    const res = await fetch(`${API_BASE}/api/games`, {
+      method: 'POST',
+      headers: authHeaders(),
+      body: JSON.stringify({ games }),
+    });
+    if (!res.ok) throw new Error();
+    return true;
+  } catch { return false; }
+}
+
+function showFeedback(id, msg, type) {
+  const el = document.getElementById(id);
+  el.textContent = msg;
+  el.className = 'feedback ' + type;
+  setTimeout(() => { el.textContent = ''; el.className = 'feedback'; }, 3000);
+}
+
+function thumbHtml(game) {
+  if (game.thumbUrl && !game.thumbUrl.includes('REPLACE')) {
+    return `<img class="thumb-preview" src="${game.thumbUrl}" alt="${game.name}" onerror="this.outerHTML=fallbackThumbHtml(this.alt)">`;
+  }
+  return fallbackThumbHtml(game.name);
+}
+
+function fallbackThumbHtml(name) {
+  return `<div class="thumb-ph">${name}</div>`;
+}
+
+function renderStats() {
+  const counts = { Action:0, Sports:0, Racing:0, Puzzle:0, Multiplayer:0, Casual:0 };
+  let visible = 0;
+  games.forEach(g => {
+    if (g.visible) visible++;
+    if (counts[g.category] !== undefined) counts[g.category]++;
+  });
+  document.getElementById('stat-total').textContent   = games.length;
+  document.getElementById('stat-visible').textContent = visible;
+  document.getElementById('stat-action').textContent  = counts.Action;
+  document.getElementById('stat-sports').textContent  = counts.Sports;
+  document.getElementById('stat-racing').textContent  = counts.Racing;
+  document.getElementById('stat-puzzle').textContent  = counts.Puzzle;
+  document.getElementById('stat-multi').textContent   = counts.Multiplayer;
+  document.getElementById('stat-casual').textContent  = counts.Casual;
+}
+
+function renderTable() {
+  const tbody = document.getElementById('table-body');
+  if (!games.length) {
+    tbody.innerHTML = '<tr><td colspan="7" style="text-align:center;padding:32px;color:var(--muted)">No games yet.</td></tr>';
+    return;
+  }
+
+  tbody.innerHTML = games.map((g, i) => `
+    <tr data-i="${i}">
+      <td>${thumbHtml(g)}</td>
+      <td style="font-weight:500;">${g.name}</td>
+      <td><span class="cat-badge ${g.category}">${g.category}</span></td>
+      <td style="font-size:.8rem;color:var(--muted);">${g.embedType}</td>
+      <td>
+        <button class="btn btn-sm ${g.gameOfDay ? 'btn-primary' : 'btn-ghost'}" data-action="gotd" data-i="${i}" title="Set as Game of the Day">
+          ${g.gameOfDay ? '⭐' : '☆'}
+        </button>
+      </td>
+      <td>
+        <label class="toggle">
+          <input type="checkbox" data-action="toggle" data-i="${i}" ${g.visible ? 'checked' : ''}>
+          <span class="toggle-slider"></span>
+        </label>
+      </td>
+      <td>
+        <button class="btn btn-sm btn-danger" data-action="delete" data-i="${i}">Delete</button>
+      </td>
+    </tr>
+  `).join('');
+}
+
+document.getElementById('table-body').addEventListener('click', async e => {
+  const btn = e.target.closest('[data-action]');
+  if (!btn) return;
+  const i = parseInt(btn.dataset.i);
+  const action = btn.dataset.action;
+
+  if (action === 'delete') {
+    if (!confirm(`Delete "${games[i].name}"?`)) return;
+    games.splice(i, 1);
+    const ok = await saveGames();
+    renderStats();
+    renderTable();
+    showFeedback('table-feedback', ok ? 'Game deleted.' : 'Deleted locally (API unavailable).', ok ? 'ok' : 'error');
+  }
+
+  if (action === 'gotd') {
+    games.forEach(g => g.gameOfDay = false);
+    games[i].gameOfDay = true;
+    const ok = await saveGames();
+    renderTable();
+    showFeedback('table-feedback', ok ? `"${games[i].name}" set as Game of the Day.` : 'Saved locally only.', ok ? 'ok' : 'error');
+  }
+});
+
+document.getElementById('table-body').addEventListener('change', async e => {
+  const input = e.target.closest('input[data-action="toggle"]');
+  if (!input) return;
+  const i = parseInt(input.dataset.i);
+  games[i].visible = input.checked;
+  const ok = await saveGames();
+  renderStats();
+  showFeedback('table-feedback', ok ? 'Visibility updated.' : 'Updated locally (API unavailable).', ok ? 'ok' : 'error');
+});
+
+// ── User Management ───────────────────────────────────────────────────────────
+
+async function loadUsers() {
+  try {
+    const res = await fetch(`${API_BASE}/api/users`, { headers: authHeaders() });
+    if (!res.ok) throw new Error();
+    const users = await res.json();
+    renderUsers(users);
+  } catch {
+    document.getElementById('users-tbody').innerHTML =
+      '<tr><td colspan="3" style="color:var(--muted);text-align:center;padding:24px;">Unable to load users.</td></tr>';
+  }
+}
+
+const RANK_CLASS = { administrator: 'rank-administrator', admin: 'rank-admin', user: 'rank-user' };
+
+function renderUsers(users) {
+  const tbody = document.getElementById('users-tbody');
+  if (!users.length) {
+    tbody.innerHTML = '<tr><td colspan="4" style="text-align:center;padding:24px;color:var(--muted);">No users.</td></tr>';
+    return;
+  }
+  tbody.innerHTML = users.map(u => `
+    <tr>
+      <td style="font-weight:500;">${u.username}</td>
+      <td>
+        <select class="rank-select" data-user="${u.username}" data-orig="${u.rank}">
+          <option value="user" ${u.rank==='user'?'selected':''}>user</option>
+          <option value="admin" ${u.rank==='admin'?'selected':''}>admin</option>
+          <option value="administrator" ${u.rank==='administrator'?'selected':''}>administrator</option>
+        </select>
+      </td>
+      <td style="text-align:center;">
+        <label class="toggle">
+          <input type="checkbox" data-action="force-change" data-user="${u.username}" ${u.forcePasswordChange ? 'checked' : ''}>
+          <span class="toggle-slider"></span>
+        </label>
+      </td>
+      <td style="display:flex;gap:6px;flex-wrap:wrap;padding:6px 8px;">
+        <button class="btn btn-sm btn-primary" data-action="update-rank" data-user="${u.username}">Save Rank</button>
+        <button class="btn btn-sm btn-ghost"   data-action="reset-pass"  data-user="${u.username}">Reset Password</button>
+        <button class="btn btn-sm btn-danger"  data-action="del-user"    data-user="${u.username}">Delete</button>
+      </td>
+    </tr>
+  `).join('');
+}
+
+document.getElementById('users-tbody').addEventListener('click', async e => {
+  const btn = e.target.closest('[data-action]');
+  if (!btn) return;
+  const action = btn.dataset.action;
+  const username = btn.dataset.user;
+
+  if (action === 'update-rank') {
+    const row = btn.closest('tr');
+    const sel = row.querySelector('select.rank-select');
+    const rank = sel.value;
+    try {
+      const res = await fetch(`${API_BASE}/api/users/update`, {
+        method: 'POST', headers: authHeaders(), body: JSON.stringify({ username, rank }),
+      });
+      const data = await res.json();
+      if (!res.ok) throw new Error(data.error);
+      showFeedback('users-feedback', `${username} rank updated to ${rank}.`, 'ok');
+      loadUsers();
+    } catch (err) {
+      showFeedback('users-feedback', err.message || 'Failed.', 'error');
+    }
+  }
+
+  if (action === 'reset-pass') {
+    const newPass = prompt(`New password for "${username}":`);
+    if (!newPass) return;
+    try {
+      const res = await fetch(`${API_BASE}/api/users/reset-password`, {
+        method: 'POST', headers: authHeaders(), body: JSON.stringify({ username, password: newPass }),
+      });
+      const data = await res.json();
+      if (!res.ok) throw new Error(data.error);
+      showFeedback('users-feedback', `Password reset for ${username}.`, 'ok');
+    } catch (err) {
+      showFeedback('users-feedback', err.message || 'Failed.', 'error');
+    }
+  }
+
+  if (action === 'del-user') {
+    if (!confirm(`Delete user "${username}"?`)) return;
+    try {
+      const res = await fetch(`${API_BASE}/api/users/delete`, {
+        method: 'POST', headers: authHeaders(), body: JSON.stringify({ username }),
+      });
+      const data = await res.json();
+      if (!res.ok) throw new Error(data.error);
+      showFeedback('users-feedback', `${username} deleted.`, 'ok');
+      loadUsers();
+    } catch (err) {
+      showFeedback('users-feedback', err.message || 'Failed.', 'error');
+    }
+  }
+});
+
+document.getElementById('add-user-btn').addEventListener('click', async () => {
+  const username = document.getElementById('new-username').value.trim();
+  const password = document.getElementById('new-password').value;
+  const rank     = document.getElementById('new-rank').value;
+
+  if (!username || !password) {
+    showFeedback('add-user-feedback', 'Username and password are required.', 'error');
+    return;
+  }
+
+  try {
+    const res = await fetch(`${API_BASE}/api/users/add`, {
+      method: 'POST', headers: authHeaders(), body: JSON.stringify({ username, password, rank }),
+    });
+    const data = await res.json();
+    if (!res.ok) throw new Error(data.error);
+    document.getElementById('new-username').value = '';
+    document.getElementById('new-password').value = '';
+    showFeedback('add-user-feedback', `User "${username}" added.`, 'ok');
+    loadUsers();
+  } catch (err) {
+    showFeedback('add-user-feedback', err.message || 'Failed.', 'error');
+  }
+});
+
+document.getElementById('users-tbody').addEventListener('change', async e => {
+  const input = e.target.closest('input[data-action="force-change"]');
+  if (!input) return;
+  const username = input.dataset.user;
+  const force = input.checked;
+  try {
+    const res = await fetch(`${API_BASE}/api/users/set-force-change`, {
+      method: 'POST', headers: authHeaders(), body: JSON.stringify({ username, force }),
+    });
+    const data = await res.json();
+    if (!res.ok) throw new Error(data.error);
+    showFeedback('users-feedback', `Force password change ${force ? 'enabled' : 'disabled'} for ${username}.`, 'ok');
+  } catch (err) {
+    input.checked = !force;
+    showFeedback('users-feedback', err.message || 'Failed.', 'error');
+  }
+});
+
+loadGames();
+loadUsers();

package/js/games.js

@@ -0,0 +1,192 @@
+const API_BASE = (window.location.hostname === 'unpkg.com' || window.location.hostname === 'cdn.jsdelivr.net') ? 'https://calc.moshelab.com' : '';
+
+let allGames       = [];
+let activeCategory = 'All';
+let searchQuery    = '';
+
+async function loadGames() {
+  try {
+    const res = await fetch(`${API_BASE}/api/games`);
+    if (!res.ok) throw new Error();
+    allGames = await res.json();
+  } catch {
+    try {
+      const res = await fetch('./games.json');
+      const data = await res.json();
+      allGames = data.filter(g => g.visible);
+    } catch { allGames = []; }
+  }
+  render();
+}
+
+// ── Canvas thumbnail generation ─────────────────────────────────────────────
+
+const thumbCache = new Map();
+
+function nameHash(name) {
+  let h = 0;
+  for (let i = 0; i < name.length; i++) h = (Math.imul(31, h) + name.charCodeAt(i)) | 0;
+  return Math.abs(h);
+}
+
+function wrapText(ctx, text, maxW) {
+  const words = text.split(' ');
+  const lines = [];
+  let cur = '';
+  for (const w of words) {
+    const test = cur ? cur + ' ' + w : w;
+    if (cur && ctx.measureText(test).width > maxW) { lines.push(cur); cur = w; }
+    else cur = test;
+  }
+  if (cur) lines.push(cur);
+  return lines;
+}
+
+function makeCanvasThumb(name) {
+  if (thumbCache.has(name)) return thumbCache.get(name);
+
+  const canvas = document.createElement('canvas');
+  canvas.width  = 512;
+  canvas.height = 384;
+  const ctx = canvas.getContext('2d');
+
+  const hue = nameHash(name) % 360;
+  ctx.fillStyle = `hsl(${hue},55%,28%)`;
+  ctx.fillRect(0, 0, 512, 384);
+
+  ctx.fillStyle  = `hsl(${hue},20%,90%)`;
+  ctx.textAlign  = 'center';
+  ctx.textBaseline = 'middle';
+
+  let fontSize = 18, lines = [name];
+  for (const sz of [60, 50, 40, 32, 26, 22, 18]) {
+    ctx.font = `bold ${sz}px sans-serif`;
+    const wrapped = wrapText(ctx, name, 440);
+    if (wrapped.length * sz * 1.35 <= 310) { fontSize = sz; lines = wrapped; break; }
+  }
+
+  ctx.font = `bold ${fontSize}px sans-serif`;
+  const lineH  = fontSize * 1.35;
+  const startY = 192 - (lines.length * lineH) / 2 + lineH / 2;
+  lines.forEach((line, i) => ctx.fillText(line, 256, startY + i * lineH));
+
+  const url = canvas.toDataURL('image/jpeg', 0.7);
+  thumbCache.set(name, url);
+  return url;
+}
+
+// Lazy observer: generate canvas only when card enters viewport
+const canvasObserver = new IntersectionObserver(entries => {
+  entries.forEach(entry => {
+    if (!entry.isIntersecting) return;
+    const img = entry.target;
+    img.src = makeCanvasThumb(img.dataset.canvasName);
+    canvasObserver.unobserve(img);
+  });
+}, { rootMargin: '200px' });
+
+// ── Thumb helpers ───────────────────────────────────────────────────────────
+
+function getRealThumbUrl(game) {
+  const u = game.thumbUrl;
+  return u ? u : '';
+}
+
+function cardThumb(game) {
+  const url = getRealThumbUrl(game);
+  if (url) {
+    const esc = game.name.replace(/'/g, "\\'");
+    return `<img class="game-card-thumb" src="${url}" alt="${game.name}" loading="lazy" onerror="this.src=makeCanvasThumb('${esc}')">`;
+  }
+  // Canvas generated lazily via observer
+  return `<img class="game-card-thumb" data-canvas-name="${game.name.replace(/"/g, '&quot;')}" alt="${game.name}" style="background:hsl(${nameHash(game.name)%360},55%,28%)">`;
+}
+
+function observeCanvasThumbs() {
+  document.querySelectorAll('img[data-canvas-name]').forEach(img => canvasObserver.observe(img));
+}
+
+// ── Filtering ───────────────────────────────────────────────────────────────
+
+function filtered() {
+  return allGames.filter(g => {
+    const matchCat = activeCategory === 'All' || g.category === activeCategory;
+    const matchQ   = !searchQuery || g.name.toLowerCase().includes(searchQuery);
+    return matchCat && matchQ;
+  });
+}
+
+// ── Rendering ───────────────────────────────────────────────────────────────
+
+function render() { renderGotd(); renderGrid(); }
+
+function renderGotd() {
+  const section = document.getElementById('gotd-section');
+  const gotd = allGames.find(g => g.gameOfDay && g.visible);
+  if (!gotd) { section.innerHTML = ''; return; }
+
+  const url = getRealThumbUrl(gotd);
+  const hue = nameHash(gotd.name) % 360;
+  const thumbHtml = url
+    ? `<img class="gotd-thumb" src="${url}" alt="${gotd.name}" onerror="this.src=makeCanvasThumb('${gotd.name.replace(/'/g, "\\'")}')">`
+    : `<img class="gotd-thumb" data-canvas-name="${gotd.name.replace(/"/g, '&quot;')}" alt="${gotd.name}" style="background:hsl(${hue},55%,28%)">`;
+
+  section.innerHTML = `
+    <div class="section-title">Game of the Day</div>
+    <a href="./tool.html?slug=${gotd.slug}" class="gotd-card">
+      ${thumbHtml}
+      <div>
+        <div class="gotd-label">⭐ Featured Today</div>
+        <div class="gotd-name">${gotd.name}</div>
+        <span class="cat-badge ${gotd.category}">${gotd.category}</span>
+        <div class="gotd-play-btn">▶ Play Now</div>
+      </div>
+    </a>
+  `;
+  observeCanvasThumbs();
+}
+
+function renderGrid() {
+  const grid  = document.getElementById('game-grid');
+  const label = document.getElementById('grid-label');
+  const games = filtered();
+
+  label.textContent = activeCategory === 'All'
+    ? `All Games (${games.length})`
+    : `${activeCategory} (${games.length})`;
+
+  if (!games.length) {
+    grid.innerHTML = '<div class="no-results">No games found.</div>';
+    return;
+  }
+
+  grid.innerHTML = games.map(g => `
+    <a href="./tool.html?slug=${g.slug}" class="game-card">
+      ${cardThumb(g)}
+      <div class="game-card-body">
+        <div class="game-card-name">${g.name}</div>
+        <span class="cat-badge ${g.category}">${g.category}</span>
+      </div>
+    </a>
+  `).join('');
+
+  observeCanvasThumbs();
+}
+
+// ── Events ──────────────────────────────────────────────────────────────────
+
+document.getElementById('cat-filters').addEventListener('click', e => {
+  const btn = e.target.closest('.cat-btn');
+  if (!btn) return;
+  document.querySelectorAll('.cat-btn').forEach(b => b.classList.remove('active'));
+  btn.classList.add('active');
+  activeCategory = btn.dataset.cat;
+  render();
+});
+
+document.getElementById('search').addEventListener('input', e => {
+  searchQuery = e.target.value.trim().toLowerCase();
+  render();
+});
+
+loadGames();

package/js/main.js

@@ -0,0 +1,191 @@
+// ── Calculator state ────────────────────────────────────────────────────────
+let displayVal   = '0';
+let operand      = null;
+let operator     = null;
+let currentInput = '';
+let justEvaled   = false;
+let parenDepth   = 0;
+let memory       = 0;
+let isInverse    = false;
+let isDeg        = true;
+
+const mainEl = document.getElementById('main');
+const exprEl = document.getElementById('expr');
+
+function toRad(n) { return isDeg ? n * Math.PI / 180 : n; }
+function fromRad(n) { return isDeg ? n * 180 / Math.PI : n; }
+
+function setDisplay(val) {
+  displayVal = String(val);
+  const len = displayVal.length;
+  mainEl.style.fontSize = len > 12 ? '1.6rem' : len > 9 ? '2.2rem' : len > 6 ? '2.6rem' : '3rem';
+  mainEl.textContent = displayVal;
+}
+
+function fmt(n) {
+  if (!isFinite(n)) return 'Error';
+  const s = parseFloat(n.toPrecision(12)).toString();
+  return s;
+}
+
+function applyOp(a, op, b) {
+  switch (op) {
+    case '+': return a + b;
+    case '−': return a - b;
+    case '×': return a * b;
+    case '÷': return b === 0 ? NaN : a / b;
+  }
+}
+
+function pressDigit(d) {
+  if (justEvaled) { currentInput = d; setDisplay(d); justEvaled = false; return; }
+  if (operator && operand !== null && currentInput === '') {
+    currentInput = d; setDisplay(d); return;
+  }
+  if (displayVal === '0' && d !== '.') {
+    currentInput = d; setDisplay(d);
+  } else {
+    if (currentInput.replace(/[-.]/g, '').length >= 12) return;
+    currentInput += d;
+    setDisplay(displayVal + d);
+  }
+}
+
+function pressDot() {
+  if (justEvaled) { currentInput = '0.'; setDisplay('0.'); justEvaled = false; return; }
+  if (displayVal.includes('.')) return;
+  currentInput += '.';
+  setDisplay(displayVal + '.');
+}
+
+function pressOp(op) {
+  document.querySelectorAll('.btn-op').forEach(b => b.classList.remove('lit'));
+  document.querySelector(`[data-op="${op}"]`)?.classList.add('lit');
+  const val = parseFloat(displayVal) || 0;
+  if (operand !== null && !justEvaled && currentInput !== '') {
+    const result = applyOp(operand, operator, val);
+    const rs = fmt(result);
+    exprEl.textContent = `${operand} ${operator} ${val} =`;
+    setDisplay(rs);
+    operand = parseFloat(rs);
+  } else {
+    operand = val;
+  }
+  operator     = op;
+  currentInput = '';
+  justEvaled   = false;
+  exprEl.textContent = `${operand} ${op}`;
+}
+
+function pressEquals() {
+  const entry = currentInput || displayVal;
+
+  if (operand === null) {
+    if (entry === '8008') { triggerMatrixEgg(); return; }
+    justEvaled = true;
+    return;
+  }
+  if (operator === null) { justEvaled = true; return; }
+  document.querySelectorAll('.btn-op').forEach(b => b.classList.remove('lit'));
+  const val    = parseFloat(displayVal) || 0;
+  const result = applyOp(operand, operator, val);
+  const rs     = fmt(result);
+  exprEl.textContent = `${operand} ${operator} ${val} =`;
+  setDisplay(rs);
+  operand      = null;
+  operator     = null;
+  currentInput = '';
+  justEvaled   = true;
+}
+
+function pressClear() {
+  document.querySelectorAll('.btn-op').forEach(b => b.classList.remove('lit'));
+  setDisplay('0');
+  exprEl.textContent = '';
+  operand = null; operator = null; currentInput = ''; justEvaled = false; parenDepth = 0;
+}
+
+function pressSign() {
+  if (displayVal === '0') return;
+  const n = parseFloat(displayVal) * -1;
+  currentInput = fmt(n);
+  setDisplay(currentInput);
+}
+
+function pressPercent() {
+  const n = parseFloat(displayVal) / 100;
+  currentInput = fmt(n);
+  setDisplay(currentInput);
+}
+
+// Scientific
+function pressSci(fn) {
+  const val = parseFloat(displayVal) || 0;
+  let result;
+  switch (fn) {
+    case 'sin':  result = isInverse ? fromRad(Math.asin(val))  : Math.sin(toRad(val));  break;
+    case 'cos':  result = isInverse ? fromRad(Math.acos(val))  : Math.cos(toRad(val));  break;
+    case 'tan':  result = isInverse ? fromRad(Math.atan(val))  : Math.tan(toRad(val));  break;
+    case 'log':  result = isInverse ? Math.pow(10, val)         : Math.log10(val);        break;
+    case 'ln':   result = isInverse ? Math.exp(val)             : Math.log(val);          break;
+    case 'sqrt': result = isInverse ? val * val                 : Math.sqrt(val);         break;
+    case 'sq':   result = val * val;   break;
+    case 'pi':   result = Math.PI;     break;
+    case 'e':    result = Math.E;      break;
+    case 'open':
+      exprEl.textContent += '(';
+      parenDepth++;
+      return;
+    case 'close':
+      if (parenDepth > 0) { exprEl.textContent += ')'; parenDepth--; }
+      return;
+    case 'inv':
+      isInverse = !isInverse;
+      document.getElementById('inv-btn').classList.toggle('inv-active', isInverse);
+      return;
+    default: return;
+  }
+  const rs = fmt(result);
+  exprEl.textContent = `${fn}(${val}) =`;
+  setDisplay(rs);
+  currentInput = rs;
+  justEvaled   = true;
+  if (fn !== 'inv') { isInverse = false; document.getElementById('inv-btn').classList.remove('inv-active'); }
+}
+
+// Events
+document.querySelector('.calc-buttons').addEventListener('click', e => {
+  const btn = e.target.closest('button');
+  if (!btn) return;
+  const action = btn.dataset.action;
+  if (action === 'digit')   pressDigit(btn.dataset.digit);
+  if (action === 'dot')     pressDot();
+  if (action === 'op')      pressOp(btn.dataset.op);
+  if (action === 'equals')  pressEquals();
+  if (action === 'clear')   pressClear();
+  if (action === 'sign')    pressSign();
+  if (action === 'percent') pressPercent();
+});
+
+document.querySelector('.sci-rows').addEventListener('click', e => {
+  const btn = e.target.closest('button');
+  if (!btn) return;
+  pressSci(btn.dataset.sci);
+});
+
+document.addEventListener('keydown', e => {
+  const loginOverlay = document.getElementById('login-overlay');
+  if (loginOverlay && !loginOverlay.classList.contains('hidden')) return;
+  if (e.key >= '0' && e.key <= '9') pressDigit(e.key);
+  else if (e.key === '.')                         pressDot();
+  else if (e.key === '+')                         pressOp('+');
+  else if (e.key === '-')                         pressOp('−');
+  else if (e.key === '*')                         pressOp('×');
+  else if (e.key === '/')  { e.preventDefault();  pressOp('÷'); }
+  else if (e.key === 'Enter' || e.key === '=')    pressEquals();
+  else if (e.key === 'Escape')                    pressClear();
+  else if (e.key === 'Backspace') {
+    if (currentInput.length > 1) { currentInput = currentInput.slice(0, -1); setDisplay(currentInput); }
+    else { currentInput = ''; setDisplay('0'); }
+  }
+});

package/js/pin-modal.js

@@ -0,0 +1,13 @@
+// Redirect the Admin nav link based on the authenticated user's rank.
+(function () {
+  document.addEventListener('click', function (e) {
+    var a = e.target.closest('a[href="./admin.html"]');
+    if (!a) return;
+    var rank = sessionStorage.getItem('mm_rank');
+    if (rank === 'admin') {
+      e.preventDefault();
+      window.location.href = './control-panel.html';
+    }
+    // 'administrator' follows the href naturally; 'user' hits admin.html which redirects them
+  });
+})();