six-degrees 0.2.1 → 0.3.0

package/.next/standalone/app/api/update/route.js

@@ -1,8 +1,18 @@
 import { spawn, execFileSync } from 'node:child_process';
+import { accessSync, constants, existsSync } from 'node:fs';
 import { projectRoot, isGitCheckout, dataDir } from '../../../lib/paths';
-import { homedir } from 'node:os';
+import { homedir, tmpdir } from 'node:os';
 import path from 'node:path';
 import { repoSlug, compareVersions, installKind, updateCommand } from '../../../lib/release';
+import {
+  bundleRefusal, dataRefusal, installerTarget, lastUpdateReport, planFromRelease, releaseSource, runningBundle,
+  terminalFallback,
+} from '../../../lib/updater';
+import {
+  bundleFacts, cancelUpdate, checkedVersion, cleanLeftovers, confirmStarted, currentUpdate, macFacts,
+  othersRunningApp, readStatusFile, rememberCheck, startUpdate, updateActive, updatePaths,
+} from '../../../lib/updater-job';
+import { busyRefusal, scannerJob } from '../../../lib/scan-state';
 import pkg from '../../../package.json';
 
 // Updating, when the app is a git checkout.
@@ -14,6 +24,9 @@ import pkg from '../../../package.json';
 // already has. It exists because "run git pull first" is a step people forget,
 // and then they hit bugs that were fixed weeks ago.
 //
+// The Mac app can also install a release itself, on a second click
+// (installedPost below, lib/updater-job.js).
+//
 // Gated with the destructive routes: it changes the code that will run next.
 
 const GIT_TIMEOUT = 60000;
@@ -88,6 +101,10 @@ async function localState(root) {
 // compares it with the one baked into this build. One GET to GitHub, only when
 // the button is pressed, carrying nothing about the user: the spec's invariant 2
 // names exactly this as permitted. Never call it from anything that runs on its own.
+// In the Mac app a second, separate press ("Install and restart") may then
+// download that release's disk image and SHA256SUMS and install it (invariant 2
+// again). Nothing is downloaded before that press.
+
 // The folder this copy keeps its network in, when it isn't the default one.
 function customDataDir() {
   const dir = dataDir();
@@ -97,7 +114,7 @@ function customDataDir() {
 function installedInfo(root) {
   const slug = repoSlug(pkg.repository);
   const kind = installKind(process.env, root || '');
-  return {
+  const info = {
     supported: false,
     installed: true,
     kind,
@@ -105,10 +122,25 @@ function installedInfo(root) {
     slug,
     command: slug ? updateCommand(kind, slug, { dataDir: customDataDir() }) : null,
   };
+  if (kind === 'mac-app') {
+    // How the last in-app update went (written by scripts/apply-update.sh),
+    // and one in progress, so the page can pick it up again. Local files and
+    // memory only: this GET runs on every page (StaleServerBanner). The first
+    // one after an update also tells the helper this version has started, so
+    // it can let go of the previous one (lib/updater-job.js confirmStarted).
+    const paths = updatePaths();
+    confirmStarted(paths, pkg.version);
+    info.lastUpdate = lastUpdateReport(readStatusFile(paths.statusFile), { runningVersion: pkg.version });
+    info.job = currentUpdate();
+  }
+  // A test's release server in place of GitHub is said out loud, never silent.
+  const source = releaseSource(process.env);
+  if (source.test) info.testReleases = source.apiBase;
+  return info;
 }
 
-async function latestRelease(slug) {
-  const res = await fetch(`https://api.github.com/repos/${slug}/releases/latest`, {
+async function latestRelease(slug, apiBase) {
+  const res = await fetch(`${apiBase}/repos/${slug}/releases/latest`, {
     headers: { Accept: 'application/vnd.github+json', 'User-Agent': 'six-degrees-update-check' },
     signal: AbortSignal.timeout(10000),
     cache: 'no-store',
@@ -119,9 +151,160 @@ async function latestRelease(slug) {
   return {
     version: String(d.tag_name || '').replace(/^v/i, ''),
     url: d.html_url || null,
+    release: d,                                  // for the Mac app's install check; not sent to the page
   };
 }
 
+// The Mac app's update helper, shipped inside the app (scripts/build-app.mjs).
+function helperPath(root) {
+  const file = root ? path.join(root, 'scripts', 'apply-update.sh') : null;
+  return file && existsSync(file) ? file : null;
+}
+
+// Can the Mac app replace itself where it is? Every fact is read here, on the
+// server; the page sends only which action it wants.
+function macInstall(root) {
+  if (process.platform !== 'darwin') {
+    return { refusal: { code: 'not-mac', message: 'Installing an update from here works only in the Mac app.' } };
+  }
+  const bundle = runningBundle({ app: process.env.SIX_DEGREES_APP, root });
+  const refusal = bundleRefusal(bundle, bundleFacts(bundle))
+    || dataRefusal({ dataDir: dataDir(), bundle, dbFile: process.env.SIX_DEGREES_DB || null })
+    || (helperPath(root) ? null : { code: 'no-helper', message: "This copy doesn't include the update helper, so it can't replace itself." });
+  return { bundle, refusal };
+}
+
+// What the Terminal line would do for this copy, so the page can say it
+// accurately, or null where it mustn't be offered (lib/updater.js
+// terminalFallback). install.sh installs into /Applications, or ~/Applications
+// when this user can't change /Applications; only a look, nothing is written.
+function fallbackFor(bundle, refusal) {
+  let applicationsWritable = true;
+  try { accessSync('/Applications', constants.W_OK); } catch { applicationsWritable = false; }
+  return terminalFallback({
+    bundle,
+    refusalCode: refusal?.code || null,
+    installsTo: installerTarget({ applicationsWritable, home: homedir() }),
+    dataDir: customDataDir(),
+  });
+}
+
+// What an update cut off half-way left behind (lib/updater-job.js
+// cleanLeftovers), at the next check or install. Never while one runs, and
+// never at the cost of the click that asked.
+function tidyUp(bundle) {
+  if (!bundle || updateActive()) return;
+  try {
+    cleanLeftovers({ bundle, tmpRoot: tmpdir(), ...updatePaths() });
+  } catch { /* next time */ }
+}
+
+// Updating an installed copy: the Mac app or the npm package.
+//
+//   check-release   one GET to GitHub for the newest release (the spec's
+//                   permitted click). For the Mac app it also says whether that
+//                   release can be installed from here, and if not, why not.
+//   install-release the second click, Mac app only: download, check and stage
+//                   the version the check offered, in the background
+//                   (lib/updater-job.js), then restart
+//   update-status   how that is going (local, no network)
+//   cancel-install  stop it, until it restarts
+async function installedPost(action, root) {
+  const info = installedInfo(root);
+  // GitHub, or a test's server on 127.0.0.1 (lib/updater.js releaseSource).
+  const source = releaseSource(process.env);
+
+  if (action === 'update-status') return Response.json({ job: currentUpdate() });
+  if (action === 'cancel-install') return Response.json({ job: cancelUpdate() });
+
+  if (action === 'check-release') {
+    if (!info.slug) {
+      return Response.json({ error: 'This copy does not say where it was published.' }, { status: 400 });
+    }
+    const mac = info.kind === 'mac-app' ? macInstall(root) : null;
+    if (mac) tidyUp(mac.bundle);
+    try {
+      const latest = await latestRelease(info.slug, source.apiBase);
+      const newer = Boolean(latest && compareVersions(latest.version, info.version) > 0);
+      let install = null;
+      let fallback = null;
+      if (newer && mac) {
+        const planned = mac.refusal ? null : planFromRelease(latest.release, {
+          currentVersion: info.version, chip: macFacts().chip, slug: info.slug, downloadBase: source.downloadBase,
+        });
+        const why = mac.refusal || planned?.refusal || null;
+        install = why ? { possible: false, reason: why.message, code: why.code } : { possible: true, size: planned.plan.dmg.size };
+        fallback = fallbackFor(mac.bundle, mac.refusal);
+      }
+      // Install installs the version this check offered and no other
+      // (lib/updater-job.js rememberCheck); none, when it offered none.
+      if (mac) rememberCheck(newer ? latest.version : null);
+      return Response.json({
+        ...info,
+        latest: latest && { version: latest.version, url: latest.url },
+        newer,
+        install,
+        fallback,
+      });
+    } catch (e) {
+      return Response.json({ error: `Could not reach GitHub (${e.message}). Try again in a moment.` }, { status: 502 });
+    }
+  }
+
+  if (action === 'install-release') {
+    if (info.kind !== 'mac-app') {
+      return Response.json(
+        { error: 'Only the Mac app can install an update itself. Use the line below instead.', command: info.command },
+        { status: 400 },
+      );
+    }
+    if (!info.slug) {
+      return Response.json({ error: 'This copy does not say where it was published.' }, { status: 400 });
+    }
+    const { bundle, refusal } = macInstall(root);
+    const fallback = fallbackFor(bundle, refusal);
+    if (refusal) {
+      return Response.json({ error: refusal.message, refusal: refusal.code, fallback, command: info.command }, { status: 409 });
+    }
+    // Quitting mid-scan (or mid-Install) would stop it half-way; the job looks
+    // again just before it restarts. The refusal says which is running.
+    const busy = busyRefusal('Let it finish or stop it, then install the update.');
+    if (busy) {
+      return Response.json({ error: busy, fallback, command: info.command }, { status: 409 });
+    }
+    // Only the version a check on this server offered (the page names none).
+    const expectVersion = checkedVersion();
+    if (!expectVersion) {
+      return Response.json(
+        { error: 'Check for updates first, then install.', refusal: 'not-checked', fallback, command: info.command },
+        { status: 409 },
+      );
+    }
+    tidyUp(bundle);
+    const mac = macFacts();
+    const started = startUpdate({
+      slug: info.slug,
+      currentVersion: info.version,
+      expectVersion,
+      chip: mac.chip,
+      macosVersion: mac.macosVersion,
+      bundle,
+      dataDir: dataDir(),
+      helper: helperPath(root),
+      tmpRoot: tmpdir(),
+      ...updatePaths(),
+      apiBase: source.apiBase,
+      downloadBase: source.downloadBase,
+      scanRunning: scannerJob,
+      othersRunning: () => othersRunningApp(bundle),
+    });
+    if (started.error) return Response.json({ error: started.error, job: started.job }, { status: 409 });
+    return Response.json({ job: started.job }, { status: 202 });
+  }
+
+  return Response.json({ error: 'Not a git checkout.' }, { status: 400 });
+}
+
 export async function GET() {
   const root = projectRoot();
   if (!isGitCheckout()) {
@@ -147,25 +330,7 @@ export async function POST(request) {
   try { body = await request.json(); } catch {}
   const action = String(body.action || '');
 
-  if (!isGitCheckout()) {
-    if (action !== 'check-release') {
-      return Response.json({ error: 'Not a git checkout.' }, { status: 400 });
-    }
-    const info = installedInfo(root);
-    if (!info.slug) {
-      return Response.json({ error: 'This copy does not say where it was published.' }, { status: 400 });
-    }
-    try {
-      const latest = await latestRelease(info.slug);
-      return Response.json({
-        ...info,
-        latest,
-        newer: Boolean(latest && compareVersions(latest.version, info.version) > 0),
-      });
-    } catch (e) {
-      return Response.json({ error: `Could not reach GitHub (${e.message}). Try again in a moment.` }, { status: 502 });
-    }
-  }
+  if (!isGitCheckout()) return installedPost(action, root);
 
   if (action === 'check') {
     const fetched = await git(['fetch', '--quiet', 'origin'], root);

package/.next/standalone/app/avatars/[file]/route.js

@@ -1,6 +1,7 @@
 import { readFile } from 'node:fs/promises';
 import path from 'node:path';
 import { dataDir } from '../../../lib/db-client';
+import { AVATAR_FILE } from '../../../lib/data-folder';
 
 // Avatars are captured by the scraper and live in the user's data directory,
 // never inside the app package — an installed copy must not write into its own
@@ -10,8 +11,9 @@ import { dataDir } from '../../../lib/db-client';
 export async function GET(_request, { params }) {
   const { file } = await params;
 
-  // Serve only a plain filename from that one directory.
-  if (!/^[A-Za-z0-9_-]+\.(webp|jpg|jpeg|png)$/.test(file)) {
+  // Serve only a plain filename from that one directory. An export carries
+  // and an import accepts exactly the same names (lib/data-folder.js).
+  if (!AVATAR_FILE.test(file)) {
     return new Response('Not found', { status: 404 });
   }
 

package/.next/standalone/app/components/CompanyScores.js

@@ -5,6 +5,8 @@
 // Setting a score rescores everyone (app/api/company-scores → lib/scoring.js).
 
 import { useCallback, useEffect, useMemo, useState } from 'react';
+import Link from 'next/link';
+import LegacyScoresCard from './LegacyScoresCard';
 
 const LINE = '1px solid rgba(255,255,255,0.1)';
 const SOURCE = {
@@ -36,7 +38,8 @@ export function useCompanyScores() {
     setCompanies(await fetchScores());
     return j;
   }, []);
-  return { companies, error, setScore };
+  const reload = useCallback(async () => setCompanies(await fetchScores()), []);
+  return { companies, error, setScore, reload };
 }
 
 /** A 1–10 picker; "auto" hands the score back to the list or the estimate. */
@@ -57,16 +60,29 @@ export function ScorePicker({ company, onSet, compact }) {
 }
 
 export default function CompanyScores({ onRescored }) {
-  const { companies, error, setScore } = useCompanyScores();
+  const { companies, error, setScore, reload } = useCompanyScores();
   const [query, setQuery] = useState('');
   const [only, setOnly] = useState('all');
   const [limit, setLimit] = useState(150);
   const [toast, setToast] = useState(null);
 
+  const say = (text) => {
+    setToast(text);
+    setTimeout(() => setToast(null), 3500);
+  };
+
   const set = async (name, score) => {
     const r = await setScore(name, score);
-    setToast(`${name}: ${score == null ? 'back to auto' : `set to ${score}`} · rescored ${r.scored} people`);
-    setTimeout(() => setToast(null), 3500);
+    say(`${name}: ${score == null ? 'back to auto' : `set to ${score}`} · rescored ${r.scored} people`);
+    onRescored?.();
+  };
+
+  // The one-time "keep the old scores" card, answered: kept scores are yours
+  // now, so the list and the network reload.
+  const legacyAnswered = async ({ kept, scored, error: failed }) => {
+    if (!kept.length) return say('Keeping the new built-in scores.');
+    say(failed || `Kept ${kept.length} old ${kept.length === 1 ? 'score' : 'scores'} as your own · rescored ${scored} people`);
+    await reload().catch(() => {});
     onRescored?.();
   };
 
@@ -84,16 +100,18 @@ export default function CompanyScores({ onRescored }) {
   return (
     <div style={{ flex: 1, overflow: 'auto', padding: 16 }}>
       <div style={{ maxWidth: 980, margin: '0 auto' }}>
+        <LegacyScoresCard onAnswered={legacyAnswered} />
         <div style={{ padding: 14, borderRadius: 10, border: LINE, background: 'rgba(255,255,255,0.03)', fontSize: 12.5, color: '#cfd8d8', lineHeight: 1.6 }}>
           <b style={{ color: '#fff' }}>How a power score works.</b> power = <b>title</b> × <b>company weight</b> + bonus.
           The title (student 1 … founder or C-suite 10) comes from someone&rsquo;s current role, with former roles at 70%.
-          The company weight runs from 0.56 (no company found) to 1.0 (a company scored 10), so seniority counts for more at a bigger company.
-          The bonus is at most +1.5, for investor, YC or an audience in the millions, and counts half at an unknown company.
+          The company weight runs from 0.615 (no company found) to 1.0 (a company scored 10), so seniority counts for more at a bigger company.
+          The bonus is at most +1.5, for investor, YC, an audience in the millions or the top award of any field, and counts half at an unknown company.
           A 1st-degree person whose circle is unusually strong gets up to +1 more.
           S ≥ 7.5 · A ≥ 5.5 · B ≥ 4 · C ≥ 2.5.
           <div style={{ marginTop: 6, color: '#8b9a9a' }}>
             So a VP at a 10 scores 9.0, a founder at an unknown company 6.7, a director at an unknown company 5.0, and an intern at a 10 scores 2.0.
             Set a company&rsquo;s score below and everyone there is rescored.
+            Companies in the sectors you pick in <Link href="/settings#sector" style={{ color: '#3498DB' }}>Settings</Link> get +1 or +2; a score you set is never changed.
           </div>
         </div>
 
@@ -123,7 +141,10 @@ export default function CompanyScores({ onRescored }) {
               <span style={{ textAlign: 'right', color: c.d1 ? '#00ff88' : '#556' }}>{c.d1}</span>
               <span style={{ textAlign: 'right', color: c.senior ? '#FFD700' : '#556' }}>{c.senior}</span>
               <b style={{ textAlign: 'right', fontSize: 15 }}>{c.score}</b>
-              <span style={{ fontSize: 11, color: SOURCE[c.source]?.color }}>{SOURCE[c.source]?.label}</span>
+              <span style={{ fontSize: 11, color: SOURCE[c.source]?.color }}>
+                {SOURCE[c.source]?.label}
+                {c.sectorBonus > 0 && <span style={{ color: '#00ff88' }}> + {c.sectorBonus} your sector</span>}
+              </span>
               <ScorePicker company={c} onSet={set} compact />
             </div>
           ))}

package/.next/standalone/app/components/EmptyState.js

@@ -73,6 +73,14 @@ export default function EmptyState() {
         {error && (
           <div style={{ color: '#ff6b6b', fontSize: 13, marginTop: 18 }}>{error}</div>
         )}
+
+        {/* The new-computer case: a network saved on the old one is brought in from Settings. */}
+        <p style={{ color: 'rgba(255,255,255,0.45)', fontSize: 13, lineHeight: 1.6, margin: '18px 0 0' }}>
+          Moving from another computer?{' '}
+          <a href="/settings#data" style={{ color: 'rgba(255,255,255,0.75)' }}>
+            Import your saved copy in Settings → Your data.
+          </a>
+        </p>
       </div>
     </div>
   );

package/.next/standalone/app/components/ForceGraph.js

@@ -23,6 +23,10 @@ function safeImageUrl(url) {
     : null;
 }
 
+// The id of the node at the centre, you. Not a connection's id (those come from
+// the database), and never shown.
+const CENTER_ID = '__center__';
+
 // Builds the avatar tooltip through the DOM rather than a string, so no value
 // can break out of the attribute it is written into.
 function renderPhoto(sel, d, size, borderColor) {
@@ -181,7 +185,7 @@ function createTooltip() {
 
 function renderNetworkMode(svg, width, height, connections, onSelect, tierColors, focusNodeRef, savedTransform, zoomTransformRef, userName) {
   const centerNode = {
-    id: 'blake', name: userName || 'You', tier: 'center', degree: 0,
+    id: CENTER_ID, name: userName || 'You', tier: 'center', degree: 0,
     power_score: 10, fx: width / 2, fy: height / 2,
   };
 
@@ -197,14 +201,14 @@ function renderNetworkMode(svg, width, height, connections, onSelect, tierColors
     circle_power: c.circle_power, circle_s_count: c.circle_s_count, circle_a_count: c.circle_a_count,
   }))];
 
-  const links = connections.map(c => ({ source: 'blake', target: c.id }));
+  const links = connections.map(c => ({ source: CENTER_ID, target: c.id }));
 
   const tierRadius = (tier) => {
     switch (tier) { case 'S': return 150; case 'A': return 250; case 'B': return 350; case 'C': return 450; default: return 520; }
   };
 
   const nodeRadius = (d) => {
-    if (d.id === 'blake') return 18;
+    if (d.id === CENTER_ID) return 18;
     return Math.max(3, Math.min(12, (d.power_score || 1) * 1.3));
   };
 
@@ -250,7 +254,7 @@ function renderNetworkMode(svg, width, height, connections, onSelect, tierColors
     nodes.forEach(n => { const t = n.tier || 'D'; if (!tierGroups[t]) tierGroups[t] = []; tierGroups[t].push(n); });
     Object.entries(tierGroups).forEach(([tier, group]) => {
       group.forEach((n, i) => {
-        if (n.id === 'blake') { n.x = width / 2; n.y = height / 2; n.fx = n.x; n.fy = n.y; return; }
+        if (n.id === CENTER_ID) { n.x = width / 2; n.y = height / 2; n.fx = n.x; n.fy = n.y; return; }
         const r = tierRadius(tier);
         const angle = (i / group.length) * Math.PI * 2 - Math.PI / 2;
         n.x = width / 2 + r * Math.cos(angle);
@@ -262,10 +266,10 @@ function renderNetworkMode(svg, width, height, connections, onSelect, tierColors
 
   const simulation = d3.forceSimulation(nodes)
     .force('link', d3.forceLink(links).id(d => d.id).distance(d => tierRadius(d.target.tier || 'D')).strength(isMobileGraph ? 0 : 0.1))
-    .force('charge', d3.forceManyBody().strength(isMobileGraph ? 0 : (d => d.id === 'blake' ? -300 : -15)))
+    .force('charge', d3.forceManyBody().strength(isMobileGraph ? 0 : (d => d.id === CENTER_ID ? -300 : -15)))
     .force('center', isMobileGraph ? null : d3.forceCenter(width / 2, height / 2))
     .force('collision', isMobileGraph ? null : d3.forceCollide().radius(d => nodeRadius(d) + 2))
-    .force('radial', isMobileGraph ? null : d3.forceRadial(d => d.id === 'blake' ? 0 : tierRadius(d.tier), width / 2, height / 2).strength(0.3));
+    .force('radial', isMobileGraph ? null : d3.forceRadial(d => d.id === CENTER_ID ? 0 : tierRadius(d.tier), width / 2, height / 2).strength(0.3));
 
   const link = g.append('g').selectAll('line').data(links).join('line')
     .attr('stroke', d => { const t = nodes.find(n => n.id === (d.target.id || d.target)); return tierColors[t?.tier] || '#333'; })
@@ -291,20 +295,20 @@ function renderNetworkMode(svg, width, height, connections, onSelect, tierColors
 
   const node = g.append('g').selectAll('circle').data(nodes).join('circle')
     .attr('r', nodeRadius)
-    .attr('fill', d => d.id === 'blake' ? '#fff' : tierColors[d.tier] || '#666')
+    .attr('fill', d => d.id === CENTER_ID ? '#fff' : tierColors[d.tier] || '#666')
     .attr('stroke', d => {
-      if (d.id === 'blake') return '#FFD700';
+      if (d.id === CENTER_ID) return '#FFD700';
       if (d.is_catalyst) return '#00ff88';
       return 'none';
     })
     .attr('stroke-width', d => {
-      if (d.id === 'blake') return 3;
+      if (d.id === CENTER_ID) return 3;
       if (d.is_catalyst) return 2.5;
       return 0;
     })
     .style('cursor', 'pointer')
     .on('click', (event, d) => {
-      if (d.id === 'blake') return;
+      if (d.id === CENTER_ID) return;
       // Remove previous selection glow
       g.selectAll('.selected-glow').remove();
       // Add breathing glow to selected node
@@ -328,7 +332,7 @@ function renderNetworkMode(svg, width, height, connections, onSelect, tierColors
 
   node.on('mouseover', function (event, d) {
     d3.select(this).attr('r', nodeRadius(d) * 1.5);
-    if (d.profile_image_url && d.id !== 'blake') {
+    if (d.profile_image_url && d.id !== CENTER_ID) {
       const size = Math.max(48, nodeRadius(d) * 5);
       photoTooltip.style('opacity', 1);
       renderPhoto(photoTooltip, d, size, tierColors[d.tier] || '#555');
@@ -346,7 +350,7 @@ function renderNetworkMode(svg, width, height, connections, onSelect, tierColors
         .style('left', (event.clientX + 12) + 'px').style('top', (event.clientY - 10) + 'px');
     }
   }).on('mousemove', function (event, d) {
-    if (d.profile_image_url && d.id !== 'blake') {
+    if (d.profile_image_url && d.id !== CENTER_ID) {
       const size = Math.max(48, nodeRadius(d) * 5);
       photoTooltip.style('left', (event.clientX - size / 2) + 'px').style('top', (event.clientY - size - 8) + 'px');
       tooltip.style('left', (event.clientX - 40) + 'px').style('top', (event.clientY + 12) + 'px');
@@ -359,16 +363,16 @@ function renderNetworkMode(svg, width, height, connections, onSelect, tierColors
     photoTooltip.style('opacity', 0);
   });
 
-  setupDrag(node, simulation, 'blake');
+  setupDrag(node, simulation, CENTER_ID);
 
   const labels = g.append('g').selectAll('text')
-    .data(nodes.filter(n => n.id === 'blake' || n.tier === 'S' || n.is_catalyst))
+    .data(nodes.filter(n => n.id === CENTER_ID || n.tier === 'S' || n.is_catalyst))
     .join('text')
     .text(d => d.is_catalyst && d.tier !== 'S' ? d.name + ' ⚡' : d.name)
-    .attr('font-size', d => d.id === 'blake' ? 14 : 10)
-    .attr('font-weight', d => d.id === 'blake' ? 700 : 500)
+    .attr('font-size', d => d.id === CENTER_ID ? 14 : 10)
+    .attr('font-weight', d => d.id === CENTER_ID ? 700 : 500)
     .attr('fill', d => {
-      if (d.id === 'blake') return '#fff';
+      if (d.id === CENTER_ID) return '#fff';
       if (d.is_catalyst) return '#00ff88';
       return tierColors[d.tier];
     })
@@ -410,14 +414,14 @@ function renderDegreesMode(svg, width, height, allD1, degree2, onSelect, tierCol
   const numBridges = Math.max(bridges.length, 1);
   const cx = width / 2, cy = height / 2;
 
-  // Per-tier orbit distance from Blake — S closest, A further, etc.
+  // Per-tier orbit distance from the centre (you): S closest, A further, etc.
   const bridgeTierOrbit = { S: 350, A: 600, B: 820, C: 1000, D: 1150 };
   const tierRing = { S: 40, A: 70, B: 100, C: 125, D: 145 };
   const tierOrder = ['S', 'A', 'B', 'C', 'D'];
 
   // --- Build nodes ---
   const centerNode = {
-    id: 'blake', name: userName || 'You', tier: 'center', degree: 0,
+    id: CENTER_ID, name: userName || 'You', tier: 'center', degree: 0,
     power_score: 10, nodeType: 'center', fx: cx, fy: cy,
   };
 
@@ -484,7 +488,7 @@ function renderDegreesMode(svg, width, height, allD1, degree2, onSelect, tierCol
 
   const nodes = [centerNode, ...bridgeNodes, ...d2Nodes];
   const links = [
-    ...bridgeNodes.map(b => ({ source: 'blake', target: b.id, linkType: 'bridge' })),
+    ...bridgeNodes.map(b => ({ source: CENTER_ID, target: b.id, linkType: 'bridge' })),
     ...d2Nodes.map(d => ({ source: d.source_connection_id, target: d.id, linkType: 'degree2' })),
   ];
 
@@ -774,10 +778,10 @@ function renderDegreesMode(svg, width, height, allD1, degree2, onSelect, tierCol
       return 0;  // d2 has NO charge — positions are computed, not physics-driven
     }))
     .force('bridgeOrbit', (() => {
-      let _nodes, _blake;
+      let _nodes, _center;
       const force = (alpha) => {
-        if (!_blake) return;
-        const bx = _blake.fx ?? _blake.x, by = _blake.fy ?? _blake.y;
+        if (!_center) return;
+        const bx = _center.fx ?? _center.x, by = _center.fy ?? _center.y;
         for (const n of _nodes) {
           if (n.nodeType !== 'bridge') continue;
           const targetR = n._orbitRadius || 500;
@@ -788,7 +792,7 @@ function renderDegreesMode(svg, width, height, allD1, degree2, onSelect, tierCol
           n.vy -= (dy / dist) * diff * alpha * 0.4;
         }
       };
-      force.initialize = (n) => { _nodes = n; _blake = n.find(x => x.id === 'blake'); };
+      force.initialize = (n) => { _nodes = n; _center = n.find(x => x.id === CENTER_ID); };
       return force;
     })())
     .force('clusterPositioning', (() => {
@@ -856,8 +860,8 @@ function renderDegreesMode(svg, width, height, allD1, degree2, onSelect, tierCol
     // Animated boundaries — deform where clusters overlap
     updateBoundaries();
     // Bridge connecting lines
-    const blakeX = centerNode.fx ?? centerNode.x, blakeY = centerNode.fy ?? centerNode.y;
-    bridgeLines.attr('x1', blakeX).attr('y1', blakeY)
+    const centerX = centerNode.fx ?? centerNode.x, centerY = centerNode.fy ?? centerNode.y;
+    bridgeLines.attr('x1', centerX).attr('y1', centerY)
       .attr('x2', d => d.x).attr('y2', d => d.y);
     // Discovery chain lines
     chainLines
@@ -883,7 +887,7 @@ function renderDegreesMode(svg, width, height, allD1, degree2, onSelect, tierCol
   });
 
   // --- Drag ---
-  setupDrag(node, simulation, 'blake');
+  setupDrag(node, simulation, CENTER_ID);
 
   // --- Tooltip + Photo Hover (same as Network Map) ---
   const tooltip = createTooltip();
@@ -897,7 +901,7 @@ function renderDegreesMode(svg, width, height, allD1, degree2, onSelect, tierCol
     d3.select(this).attr('r', nodeRadius(d) * 1.5).attr('filter', 'url(#glow)');
 
     // Photo hover
-    if (d.profile_image_url && d.id !== 'blake') {
+    if (d.profile_image_url && d.id !== CENTER_ID) {
       const size = Math.max(48, nodeRadius(d) * 4);
       photoTooltip.style('opacity', 1);
       renderPhoto(photoTooltip, d, size, tierColors[d.tier] || '#555');
@@ -923,7 +927,7 @@ function renderDegreesMode(svg, width, height, allD1, degree2, onSelect, tierCol
       ].filter(Boolean).join('<br/>'))
       .style('left', (event.clientX + 12) + 'px').style('top', (event.clientY + 12) + 'px');
   }).on('mousemove', function (event, d) {
-    if (d.profile_image_url && d.id !== 'blake') {
+    if (d.profile_image_url && d.id !== CENTER_ID) {
       const size = Math.max(48, nodeRadius(d) * 4);
       photoTooltip.style('left', (event.clientX - size / 2) + 'px').style('top', (event.clientY - size - 8) + 'px');
     }
@@ -937,7 +941,7 @@ function renderDegreesMode(svg, width, height, allD1, degree2, onSelect, tierCol
 
   // --- Click: select + Connect to Unlock overlay ---
   node.on('click', (event, d) => {
-    if (d.id === 'blake') return;
+    if (d.id === CENTER_ID) return;
     // Selection glow
     g.selectAll('.selected-glow').remove();
     g.append('circle')
@@ -960,9 +964,9 @@ function renderDegreesMode(svg, width, height, allD1, degree2, onSelect, tierCol
       const overlay = g.append('g').attr('class', 'unlock-overlay');
       // Dim non-path nodes
       node.transition().duration(300)
-        .attr('opacity', n => (n.id === d.id || n.id === 'blake' || n.id === d.source_connection_id) ? 1 : 0.2);
+        .attr('opacity', n => (n.id === d.id || n.id === CENTER_ID || n.id === d.source_connection_id) ? 1 : 0.2);
       labels.transition().duration(300)
-        .attr('opacity', n => (n.id === d.id || n.id === 'blake' || n.id === d.source_connection_id) ? 1 : 0.1);
+        .attr('opacity', n => (n.id === d.id || n.id === CENTER_ID || n.id === d.source_connection_id) ? 1 : 0.1);
       // Phantom cluster
       [30, 55, 80].forEach(r => {
         overlay.append('circle').attr('cx', ox).attr('cy', oy).attr('r', r)
@@ -977,9 +981,9 @@ function renderDegreesMode(svg, width, height, allD1, degree2, onSelect, tierCol
       }
       // Path highlight
       const bridge = bridgeById[d.source_connection_id];
-      const blake = centerNode;
-      if (blake && bridge) {
-        overlay.append('line').attr('x1', blake.x).attr('y1', blake.y).attr('x2', bridge.x).attr('y2', bridge.y)
+      const center = centerNode;
+      if (center && bridge) {
+        overlay.append('line').attr('x1', center.x).attr('y1', center.y).attr('x2', bridge.x).attr('y2', bridge.y)
           .attr('stroke', '#FFD700').attr('stroke-width', 2).attr('stroke-opacity', 0.6);
         overlay.append('line').attr('x1', bridge.x).attr('y1', bridge.y).attr('x2', ox).attr('y2', oy)
           .attr('stroke', '#FF6B35').attr('stroke-width', 2).attr('stroke-opacity', 0.6);