six-degrees 0.4.9 → 0.4.11

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

@@ -1,47 +1,81 @@
 import { rmSync } from 'node:fs';
 import { db } from '../../../lib/db';
 import { resolveProfile } from '../../../lib/profile';
-import { matchLive } from '../../../lib/linkedin-export';
+import { matchLive, matchLiveGroups, mergeLive } from '../../../lib/linkedin-export';
 import { socialFiles, readJson, writeJsonAtomic, readMessages, deleteMessages } from '../../../lib/social-store';
 
 // The Social tab's saved findings (lib/linkedin-export.js): numbers and dates
 // from your own LinkedIn export and the live messages sync, one file per
-// profile in the data folder. No message text is kept in this file: the words,
-// when Keep my messages is on, go to their own file (lib/social-store.js,
-// app/api/social/messages). GET reads it, POST replaces it, PUT takes a live
-// sync, PATCH flips a switch, DELETE forgets it all.
+// profile in the data folder, and the names of people who aren't your
+// connections (nothing else in the app says who they are). No message text is
+// kept in this file: the words, when Keep my messages is on, go to their own
+// file (lib/social-store.js, app/api/social/messages). GET reads it, POST
+// replaces it, PUT takes a live sync, PATCH flips a switch, DELETE forgets it
+// all. Your CRM notes are a file of their own (app/api/social/crm), which
+// Forget it leaves alone: the page asks about them separately.
 
 // A person's key: their profile link, as lib/separation.js keyFor makes it.
 const KEY_OK = (k) => typeof k === 'string' && k.length > 0 && k.length < 300;
+const num = (n) => (Number.isFinite(Number(n)) && n !== null ? Number(n) : null);
+const name = (s) => (typeof s === 'string' ? s.replace(/[\u0000-\u001f]/g, ' ').trim().slice(0, 120) : '');
 
-/** An import's list of conversations, with nothing but the fields the list shows. */
+/**
+ * An import's list of conversations, with nothing but the fields the list
+ * shows. A conversation with no one but you in it (the export didn't say to
+ * whom) stays, with no people: nothing is dropped.
+ */
 function cleanConversations(list) {
   if (!Array.isArray(list)) return [];
   const out = [];
   for (const c of list) {
     if (!c || typeof c.id !== 'string' || !c.id || c.id.length > 200 || !Array.isArray(c.people)) continue;
     const people = c.people.filter(KEY_OK).slice(0, 200);
-    if (!people.length) continue;
     out.push({
       id: c.id,
       people,
       group: c.group === true,
+      kind: ['sponsored', 'inmail'].includes(c.kind) ? c.kind : null,
+      folder: typeof c.folder === 'string' && /^[\w -]{0,30}$/.test(c.folder) ? c.folder.toLowerCase() : '',
       last: Number(c.last) || null,
       lastFromThem: typeof c.lastFromThem === 'boolean' ? c.lastFromThem : null,
-      count: Number.isFinite(Number(c.count)) ? Number(c.count) : null,
+      count: num(c.count),
+      mine: num(c.mine),
     });
   }
   return out;
 }
 
+/** An import's requests (buildInvitations), without their notes: those go with the messages, and only while they're kept. */
+function cleanInvitations(list) {
+  if (!Array.isArray(list)) return [];
+  const out = [];
+  for (const i of list.slice(0, 50000)) {
+    if (!i || !['in', 'out'].includes(i.dir) || !KEY_OK(i.key) || typeof i.id !== 'string' || i.id.length > 400) continue;
+    out.push({ id: i.id, dir: i.dir, key: i.key, name: name(i.name), t: Number(i.t) || null });
+  }
+  return out;
+}
+
+/** Names by key, as the export spells them. */
+function cleanNames(names) {
+  const out = {};
+  if (!names || typeof names !== 'object') return out;
+  for (const [k, v] of Object.entries(names).slice(0, 200000)) {
+    const n = name(v);
+    if (KEY_OK(k) && n) out[k] = n;
+  }
+  return out;
+}
+
 export async function GET() {
   const files = socialFiles();
   if (!files) return Response.json({ social: null });
   const social = readJson(files.social, null);
   if (!social) return Response.json({ social: null });
-  // The list of conversations can run to thousands; the Galaxy and the tab's
-  // counts don't need it, and GET /api/social/messages serves it.
-  const { conversations, ...rest } = social;
+  // The lists (conversations, requests, names, what the sync found beyond your
+  // connections) can run to thousands; the Galaxy and the tab's counts don't
+  // need them, and GET /api/social/messages serves them.
+  const { conversations, invitations, names, liveOthers, liveGroups, ...rest } = social;
   return Response.json({ social: { ...rest, conversationCount: Array.isArray(conversations) ? conversations.length : 0 } });
 }
 
@@ -55,6 +89,8 @@ export async function POST(request) {
   const clean = {
     live: before.live || {},
     liveAt: before.liveAt || null,
+    liveOthers: before.liveOthers || {},
+    liveGroups: before.liveGroups || [],
     autoSync: before.autoSync === true,
     keepMessages: before.keepMessages === true,
     importedAt: new Date().toISOString(),
@@ -64,6 +100,8 @@ export async function POST(request) {
     chapters: Array.isArray(body?.chapters) ? body.chapters : [],
     posts: body?.posts && typeof body.posts === 'object' ? body.posts : null,
     invites: body?.invites && typeof body.invites === 'object' ? body.invites : null,
+    invitations: cleanInvitations(body?.invitations),
+    names: cleanNames(body?.names),
     emails: body?.emails === true,
   };
   for (const p of Object.values(clean.people)) {
@@ -73,14 +111,18 @@ export async function POST(request) {
     }
   }
   writeJsonAtomic(files.social, clean);
-  return Response.json({ ok: true, people: Object.keys(clean.people).length, conversations: clean.conversations.length });
+  return Response.json({ ok: true, people: Object.keys(clean.people).length, conversations: clean.conversations.length, invitations: clean.invitations.length });
 }
 
 // From the scanner's experimental messages sync (scripts/scrape.py sync_messages):
 // per person, when your 1:1 conversation was last active, unread count, the
-// thread's link, who wrote last and the newest message. Merged in beside what
-// the export gave, kept under `live`. The newest message's words go to the
-// messages file, and only while Keep my messages is on.
+// thread's link, who wrote last and the newest message; and the group
+// conversations, without any words. Kept beside what the export gave: your
+// connections under `live`, everyone else (with their name) under
+// `liveOthers`, groups under `liveGroups`, each merged with what earlier syncs
+// found, so a quick sync doesn't forget what a full-history one read further
+// down. The newest message's words go to the messages file, and only while
+// Keep my messages is on.
 export async function PUT(request) {
   const files = socialFiles();
   if (!files) return Response.json({ error: 'Pick a profile first.' }, { status: 400 });
@@ -95,19 +137,34 @@ export async function PUT(request) {
     if (me?.id) q.eq('user_id', me.id);
     conns = (await q).data || [];
   } catch { /* no connections yet */ }
-  const { live: matched, unmatched } = matchLive(body?.live || {}, conns);
+  const { live: matched, others: found, unmatched } = matchLive(body?.live || {}, conns);
   const live = {};
+  const others = {};
   const previews = {};
-  for (const [key, { preview, ...rest }] of Object.entries(matched)) {
-    live[key] = rest;
-    if (saved.keepMessages === true && preview?.text) previews[key] = preview;
+  for (const [into, from] of [[live, matched], [others, found]]) {
+    for (const [key, { preview, ...rest }] of Object.entries(from)) {
+      into[key] = rest;
+      if (saved.keepMessages === true && preview?.text) previews[key] = preview;
+    }
+  }
+  const groups = {};
+  for (const g of saved.liveGroups || []) groups[g.threadUrl || g.people.join(',')] = g;
+  for (const g of matchLiveGroups(body?.groups || [], conns)) {
+    const k = g.threadUrl || g.people.join(',');
+    if (!groups[k] || (g.last || 0) >= (groups[k].last || 0)) groups[k] = g;
   }
-  writeJsonAtomic(files.social, { ...saved, live, liveAt: new Date().toISOString() });
+  writeJsonAtomic(files.social, {
+    ...saved,
+    live: mergeLive(saved.live, live),
+    liveOthers: mergeLive(saved.liveOthers, others),
+    liveGroups: Object.values(groups),
+    liveAt: new Date().toISOString(),
+  });
   if (Object.keys(previews).length) {
     const kept = readJson(files.messages, {}) || {};
     writeJsonAtomic(files.messages, { ...kept, previews: { ...(kept.previews || {}), ...previews } });
   }
-  return Response.json({ ok: true, people: Object.keys(live).length, unmatched, previews: Object.keys(previews).length });
+  return Response.json({ ok: true, people: Object.keys(live).length, unmatched, groups: Object.keys(groups).length, previews: Object.keys(previews).length });
 }
 
 // The Social tab's switches: "once a day" for the live messages sync, and
@@ -127,7 +184,8 @@ export async function PATCH(request) {
   return Response.json({ ok: true, autoSync: next.autoSync === true, keepMessages: next.keepMessages === true });
 }
 
-// Forget it: both files, the numbers and the words.
+// Forget it: both files, the numbers and the words. Not your CRM notes: the
+// page asks about those on their own (DELETE /api/social/crm).
 export async function DELETE() {
   const files = socialFiles();
   if (files) {

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

@@ -12,6 +12,7 @@ import {
   layoutsNow, watchLayouts, saveLayout, applyLayout, forgetLayout, milestones,
 } from '../../lib/galaxy-lab';
 import { savePicture, recordReplay, canRecord } from '../../lib/galaxy-export';
+import { showActivity } from '../../lib/island';
 
 const noLayouts = [];
 
@@ -89,7 +90,9 @@ export default function GalaxyLab() {
   const run = async (what, job) => {
     setBusy(what);
     setNote(null);
-    try { await job(); } catch (e) { setNote(e.message || 'That didn’t work.'); } finally { setBusy(null); }
+    // A recording runs for the whole replay: the notch under the header shows it.
+    const done = what === 'video' ? showActivity({ id: 'replay-video', label: 'Recording the replay', detail: 'The video saves when it ends' }) : () => {};
+    try { await job(); } catch (e) { setNote(e.message || 'That didn’t work.'); } finally { setBusy(null); done(); }
   };
   const canReplay = clock.min != null && clock.max != null && clock.max > clock.min;
   const preset = FORCES.every((f) => lab[f.key] === LAB_DEFAULTS[f.key]) ? 'rings'

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

@@ -1,18 +1,21 @@
 'use client';
 
-// The scan status bar: while a scan runs, every page shows what it's doing,
-// for whom, how far it's got, and today's LinkedIn budget, with Stop. Stop
-// saves what was read, and the Scan page's Resume carries on from that page.
-// It sits just under the header's tabs (Network Circle, Degrees…), on every
-// page, the Scan page too (Blake, 2026-09-29). It only reports: the
-// pacing and the caps live in the scanner (scripts/scrape.py, lib/linkedin-limits.js).
+// The notch: a small pill hanging from the bottom of the header, centred, on
+// every page (Blake, 2026-09-29: "a notch ui of the thing scanning"). It stays
+// out of the way: nothing at all while nothing runs; a tiny dimmed "Auto scan"
+// when the all-day mode is on but idle; while a scan runs, what it's doing and
+// how far it's got. Hover or click it to open it: who, today's LinkedIn budget,
+// the latest line, Details and Stop. Stop saves what was read, and the Scan
+// page's Resume carries on from that page. Other long jobs can show here too
+// (lib/island.js). It only reports: the pacing and the caps live in the scanner
+// (scripts/scrape.py, lib/linkedin-limits.js).
 
 import { useEffect, useState, useSyncExternalStore } from 'react';
-import { createPortal } from 'react-dom';
 import { usePathname } from 'next/navigation';
 import Link from 'next/link';
 import { watchScanner, scannerNow, stopScrape } from '../../lib/scraper-client';
 import { watchAllDay, allDayNow } from '../../lib/experimental-client';
+import { watchActivities, activitiesNow, noActivities } from '../../lib/island';
 
 const WHAT = {
   full: 'Scanning your network',
@@ -28,6 +31,7 @@ const WHAT = {
   company: 'Scanning a company',
   photos: 'Saving photos',
   messages: 'Reading your messages list',
+  'messages-full': 'Reading your whole messages history',
 };
 
 // Green while there's plenty left, amber past 60%, red past 90%.
@@ -36,33 +40,35 @@ const tone = (used, cap) => (!cap ? '#8b9a9a' : used / cap >= 0.9 ? '#ff6b6b' :
 export default function ScanStatusBar() {
   const [job, setJob] = useState(() => scannerNow());
   const [stopping, setStopping] = useState(false);
-  // The Scan page's experimental all-day Auto-Bridge switch: with it on, the bar
-  // stays under the tabs even while nothing runs, so you can see the mode is on.
+  const [open, setOpen] = useState(false);
+  const [pinned, setPinned] = useState(false);
   const allDay = useSyncExternalStore(watchAllDay, allDayNow, () => false);
-  // Where it sits: in the page's own slot under its header when the page has one
-  // (it then pushes the page down rather than covering it), otherwise fixed just
-  // under the header's buttons, measured, since a header can wrap to two rows.
+  const others = useSyncExternalStore(watchActivities, activitiesNow, noActivities);
+  useEffect(() => watchScanner(() => {
+    const now = scannerNow();
+    setJob(now);
+    if (!now.running) setStopping(false);
+  }), []);
+
+  // Hangs from the header's bottom edge, measured: the header can load late,
+  // be swapped for a new one, or wrap to two rows.
   const pathname = usePathname();
-  const [spot, setSpot] = useState({ slot: null, top: null });
+  const [top, setTop] = useState(null);
   useEffect(() => {
-    // The header can load late or be swapped for a new one (a page that shows
-    // "Loading…" first), so it's found again whenever the page's elements change,
-    // and its size is watched for a wrap to two rows.
     let header = null;
     let ro = null;
     let queued = 0;
     const measure = () => {
       queued = 0;
-      const slot = document.getElementById('scan-bar-slot');
-      const now = slot ? null : document.querySelector('header');
+      const now = document.querySelector('header');
       if (now !== header) {
         ro?.disconnect();
         ro = null;
         header = now;
         if (header) { ro = new ResizeObserver(later); ro.observe(header); }
       }
-      const top = header ? Math.round(header.getBoundingClientRect().bottom) + 6 : null;
-      setSpot((was) => (was.slot === slot && was.top === top ? was : { slot, top }));
+      const at = header ? Math.round(header.getBoundingClientRect().bottom) : null;
+      setTop((was) => (was === at ? was : at));
     };
     const later = () => { if (!queued) queued = requestAnimationFrame(measure); };
     later();
@@ -71,63 +77,83 @@ export default function ScanStatusBar() {
     window.addEventListener('resize', later);
     return () => { cancelAnimationFrame(queued); ro?.disconnect(); mo.disconnect(); window.removeEventListener('resize', later); };
   }, [pathname]);
-  useEffect(() => watchScanner(() => {
-    const now = scannerNow();
-    setJob(now);
-    if (!now.running) setStopping(false);
-  }), []);
-  const place = {
-    ...(spot.slot
-      ? { position: 'relative', margin: '8px auto 12px', width: 'fit-content' }
-      : { position: 'fixed', left: '50%', top: spot.top != null ? spot.top : 'var(--scan-bar-top, 94px)', transform: 'translateX(-50%)', zIndex: 60 }),
-    maxWidth: 'calc(100vw - 32px)', display: 'flex', alignItems: 'center', gap: 12, flexWrap: 'nowrap', whiteSpace: 'nowrap',
-    padding: '8px 12px', borderRadius: 12, fontSize: 12, color: '#cfd8d8', background: 'rgba(14,16,32,0.94)',
-  };
-  const put = (bar) => (spot.slot && document.body.contains(spot.slot) ? createPortal(bar, spot.slot) : bar);
-  if (!job?.running) {
-    if (!allDay) return null;
-    return put(
-      <div role="status" style={{ ...place, opacity: 0.55, border: '1px solid rgba(255,255,255,0.1)' }}>
-        <span style={{ width: 8, height: 8, borderRadius: '50%', background: '#556', flexShrink: 0 }} />
-        <b style={{ color: '#b8c4c4' }}>Auto scan</b>
-        <span style={{ color: '#8b9a9a' }}>ready · press Auto scan beside Scan to start</span>
-      </div>
-    );
-  }
 
-  const p = job.progress;
+  const running = !!job?.running;
+  const other = others[others.length - 1] || null;
+  if (!running && !other && !allDay) return null;
+
+  const p = job?.progress;
   const step = p?.kind === 'batch' && p.total ? `${p.current || p.done || 0} of ${p.total}`
-    : p?.kind === 'walk' && p.total ? `${(p.done || 0).toLocaleString()} of ${p.total.toLocaleString()} read`
+    : p?.kind === 'walk' && p.total ? `${(p.done || 0).toLocaleString()} of ${p.total.toLocaleString()}`
     : p?.kind === 'saving' ? 'saving' : null;
-  const b = job.budget;
-  const last = [...(job.log || [])].reverse().find((l) => l && l.trim())?.trim();
+  const fraction = p?.total ? Math.min(1, (p.current || p.done || 0) / p.total) : other?.progress ?? null;
+  const b = job?.budget;
+  const last = running ? [...(job.log || [])].reverse().find((l) => l && l.trim())?.trim() : null;
+  const expanded = open || pinned;
 
-  return put(
-    <div role="status" aria-live="polite" style={{ ...place, border: '1px solid rgba(0,255,136,0.25)' }}>
-      <span style={{ width: 8, height: 8, borderRadius: '50%', background: '#00ff88', flexShrink: 0 }} />
-      <b style={{ color: '#fff' }}>{WHAT[job.action] || 'Scanning'}</b>
-      {job.target?.name && <span>{job.target.name}</span>}
-      {step && <span style={{ color: '#8b9a9a' }}>{step}</span>}
-      {b && (
-        <span style={{ color: tone(b.searches, b.cap) }} title="Searches on your LinkedIn account in the last 24 hours, and your daily budget">
-          {b.searches}{b.cap ? ` of ${b.cap}` : ''} searches today
-        </span>
+  // What the pill says, smallest first.
+  const dot = running ? '#00ff88' : other ? (other.tone === 'warn' ? '#FFD700' : '#3498DB') : '#556';
+  const label = running ? (WHAT[job.action] || 'Scanning') : other ? other.label : 'Auto scan';
+  const short = running ? step : other ? other.detail : null;
+
+  return (
+    <div
+      role="status"
+      aria-live="polite"
+      onMouseEnter={() => setOpen(true)}
+      onMouseLeave={() => setOpen(false)}
+      style={{
+        position: 'fixed', left: '50%', top: top ?? 'var(--scan-bar-top, 94px)', transform: 'translateX(-50%)', zIndex: 60,
+        maxWidth: 'calc(100vw - 32px)', minWidth: running || other ? 180 : 0,
+        padding: expanded ? '8px 14px 10px' : '4px 12px 6px',
+        borderRadius: '0 0 16px 16px', borderTop: 'none',
+        border: `1px solid ${running ? 'rgba(0,255,136,0.25)' : 'rgba(255,255,255,0.1)'}`,
+        background: 'rgba(8,10,22,0.96)', color: '#cfd8d8', fontSize: 12,
+        opacity: running || other || expanded ? 1 : 0.55,
+        boxShadow: running ? '0 6px 20px rgba(0,0,0,0.35)' : 'none',
+        transition: 'padding 0.18s ease, opacity 0.18s ease',
+      }}
+    >
+      <button
+        onClick={() => setPinned((v) => !v)}
+        aria-expanded={expanded}
+        title={expanded ? 'Close' : 'Open'}
+        style={{ display: 'flex', alignItems: 'center', gap: 8, width: '100%', background: 'none', border: 'none', color: 'inherit', font: 'inherit', cursor: 'pointer', padding: 0, whiteSpace: 'nowrap' }}
+      >
+        <span className={running ? 'notch-pulse' : undefined} style={{ width: 7, height: 7, borderRadius: '50%', background: dot, flexShrink: 0 }} />
+        <b style={{ color: running || other ? '#fff' : '#b8c4c4', fontWeight: 600 }}>{label}</b>
+        {short && <span style={{ color: '#8b9a9a' }}>{short}</span>}
+        {!running && !other && expanded && <span style={{ color: '#8b9a9a' }}>ready · press Auto scan beside Scan to start</span>}
+      </button>
+      {fraction != null && (
+        <div style={{ height: 2, marginTop: 5, borderRadius: 2, background: 'rgba(255,255,255,0.08)', overflow: 'hidden' }}>
+          <div style={{ width: `${Math.round(fraction * 100)}%`, height: '100%', background: running ? '#00ff88' : '#3498DB', transition: 'width 0.4s ease' }} />
+        </div>
       )}
-      {last && (
-        <span style={{ color: '#667', flex: '0 1 240px', minWidth: 0, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }} title={last}>
-          {last}
-        </span>
+      {expanded && running && (
+        <div style={{ display: 'flex', alignItems: 'center', gap: 12, marginTop: 8, flexWrap: 'wrap' }}>
+          {job.target?.name && <span>{job.target.name}</span>}
+          {b && (
+            <span style={{ color: tone(b.searches, b.cap) }} title="Searches on your LinkedIn account in the last 24 hours, and your daily budget">
+              {b.searches}{b.cap ? ` of ${b.cap}` : ''} searches today
+            </span>
+          )}
+          {last && (
+            <span style={{ color: '#667', maxWidth: 280, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }} title={last}>{last}</span>
+          )}
+          <Link href="/setup" style={{ color: '#3498DB', textDecoration: 'none' }}>Details</Link>
+          <button
+            onClick={async () => { setStopping(true); try { await stopScrape(); } catch { setStopping(false); } }}
+            disabled={stopping}
+            title="Stops after saving what's been read; Resume on the Scan page carries on from the same page"
+            style={{
+              padding: '3px 10px', borderRadius: 8, fontSize: 12, cursor: stopping ? 'default' : 'pointer',
+              background: 'rgba(255,107,107,0.12)', color: '#ff9b9b', border: '1px solid rgba(255,107,107,0.35)',
+            }}
+          >{stopping ? 'Stopping…' : 'Stop'}</button>
+        </div>
       )}
-      <Link href="/setup" style={{ color: '#3498DB', textDecoration: 'none' }}>Details</Link>
-      <button
-        onClick={async () => { setStopping(true); try { await stopScrape(); } catch { setStopping(false); } }}
-        disabled={stopping}
-        title="Stops after saving what's been read; Resume on the Scan page carries on from the same page"
-        style={{
-          padding: '4px 10px', borderRadius: 8, fontSize: 12, cursor: stopping ? 'default' : 'pointer',
-          background: 'rgba(255,107,107,0.12)', color: '#ff9b9b', border: '1px solid rgba(255,107,107,0.35)',
-        }}
-      >{stopping ? 'Stopping…' : 'Stop'}</button>
+      {expanded && !running && other?.detail && <div style={{ marginTop: 6, color: '#8b9a9a' }}>{other.detail}</div>}
     </div>
   );
 }

package/.next/standalone/app/components/settings/DataSection.js

@@ -79,6 +79,7 @@ export default function DataSection() {
   const [exportNote, setExportNote] = useState(null);
   const [importNote, setImportNote] = useState(null);
   const [photos, setPhotos] = useState(true);
+  const [social, setSocial] = useState(true);
   const [file, setFile] = useState(null);
   const [confirmed, setConfirmed] = useState(false);
   const [restarting, setRestarting] = useState(false);
@@ -137,7 +138,7 @@ export default function DataSection() {
       const res = await fetch('/api/data/export', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ photos }),
+        body: JSON.stringify({ photos, social }),
       });
       if (!res.ok) await answer(res, 'The copy could not be made.');
       const blob = await res.blob();
@@ -324,6 +325,13 @@ export default function DataSection() {
           They can’t be downloaded again without a new scan.
         </span>
       </label>
+      <label style={check}>
+        <input type="checkbox" checked={social} onChange={(e) => setSocial(e.target.checked)} style={{ marginTop: 3 }} />
+        <span>
+          Include the Social tab: its findings, your CRM notes, stages and follow-ups, and any messages you keep
+          there.
+        </span>
+      </label>
       <div style={row}>
         <Btn primary onClick={exportNow} disabled={!!busy || restarting || info.people === 0}>
           {busy === 'export' ? 'Saving…' : 'Save a copy of my network'}
@@ -334,8 +342,9 @@ export default function DataSection() {
       <Body style={small}>
         The copy holds the names, headlines and photos of the people in your network. Keep it private: don’t
         post it or share it, and delete it once it has been imported. A network opened from a LinkedIn CSV lives
-        only in its browser tab, so it isn’t in the copy; import the CSV again on the new computer. The Social
-        tab’s findings, and any messages you keep there, stay on this computer and aren’t in the copy either.
+        only in its browser tab, so it isn’t in the copy; import the CSV again on the new computer. With the
+        Social tab included, the copy also holds your CRM notes and any messages you keep, so it&rsquo;s as private
+        as your inbox.
       </Body>
 
       <h3 style={subhead}>Bring in a network from another computer</h3>

package/.next/standalone/app/globals.css

@@ -42,3 +42,18 @@ html:has([data-field-question]) {
 /* Where the scan status bar sits: just under the header (app/components/ScanStatusBar.js). */
 :root { --scan-bar-top: 94px; }
 @media (max-width: 767px) { :root { --scan-bar-top: 66px; } }
+
+/* The notch's running dot (app/components/ScanStatusBar.js). */
+@keyframes notch-pulse { 50% { opacity: 0.35; } }
+@media (prefers-reduced-motion: no-preference) { .notch-pulse { animation: notch-pulse 1.6s ease-in-out infinite; } }
+
+/* The Social tab's CRM (app/social/Crm.js): the list and the person side by
+   side, stacked on a phone. In Pipeline the board takes the whole width and
+   the person sits under it. */
+.crm-grid { display: grid; grid-template-columns: minmax(280px, 400px) minmax(0, 1fr); gap: 10px; align-items: start; }
+.crm-grid > .crm-wide { grid-column: 1 / -1; }
+.crm-board { display: grid; grid-template-columns: repeat(6, minmax(150px, 1fr)); gap: 10px; padding: 10px; overflow-x: auto; }
+@media (max-width: 760px) {
+  .crm-grid { grid-template-columns: minmax(0, 1fr); }
+  .crm-board { grid-template-columns: minmax(0, 1fr); }
+}

package/.next/standalone/app/paths/page.js

@@ -302,8 +302,6 @@ function PathsInner() {
           )}
         </div>
       </header>
-      {/* The scan status bar sits here, under the header's buttons (ScanStatusBar.js). */}
-      <div id="scan-bar-slot" />
 
       {!selectedCompany && tab !== 'companies' ? (
         <PathsAnalyzer d1={d1Data} d2={d2Data} d3={d3Data} tab={tab}

package/.next/standalone/app/profile/page.js

@@ -164,8 +164,6 @@ function ProfileInner() {
           WebkitBackgroundClip: 'text', WebkitTextFillColor: 'transparent',
         }}>Profile</h1>
       </header>
-      {/* The scan status bar sits here, under the header's buttons (ScanStatusBar.js). */}
-      <div id="scan-bar-slot" />
 
       <div style={{ flex: 1, overflow: 'auto', padding: '30px 20px' }}>
       <div style={{ maxWidth: 700, margin: '0 auto' }}>

package/.next/standalone/app/queue/page.js

@@ -301,8 +301,6 @@ function QueueInner() {
           ))}
         </div>
       </header>
-      {/* The scan status bar sits here, under the header's buttons (ScanStatusBar.js). */}
-      <div id="scan-bar-slot" />
 
       {/* Batch action bar — recs view only */}
       {view === 'recs' && selected.size > 0 && (

package/.next/standalone/app/scores/page.js

@@ -56,8 +56,6 @@ function ScoresInner() {
           WebkitBackgroundClip: 'text', WebkitTextFillColor: 'transparent',
         }}>Scores</h1>
       </header>
-      {/* The scan status bar sits here, under the header's buttons (ScanStatusBar.js). */}
-      <div id="scan-bar-slot" />
       <main style={{ maxWidth: 980, margin: '0 auto', padding: '8px 24px 64px' }}>
         <Body style={{ marginTop: 16 }}>
           How someone&rsquo;s power score is worked out, and the three things you can change about it:{' '}

package/.next/standalone/app/settings/page.js

@@ -73,8 +73,6 @@ function SettingsInner() {
           WebkitBackgroundClip: 'text', WebkitTextFillColor: 'transparent',
         }}>Settings</h1>
       </header>
-      {/* The scan status bar sits here, under the header's buttons (ScanStatusBar.js). */}
-      <div id="scan-bar-slot" />
 
       <main style={{ maxWidth: 720, margin: '0 auto', padding: '8px 24px 64px' }}>
         {error && <Body style={{ color: '#ff7676', marginTop: 16 }}>{error}</Body>}

package/.next/standalone/app/setup/page.js

@@ -203,8 +203,6 @@ function SetupInner() {
           WebkitBackgroundClip: 'text', WebkitTextFillColor: 'transparent',
         }}>Scan your network</h1>
       </header>
-      {/* The scan status bar sits here, under the header's buttons (ScanStatusBar.js). */}
-      <div id="scan-bar-slot" />
 
       <div style={{ maxWidth: 720, margin: '0 auto', padding: '32px 24px 64px' }}>