six-degrees 0.3.0 → 0.4.0

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

@@ -1,17 +1,17 @@
 'use client';
 
-// Paths → Scores: every company in your network, the score it carries into
+// The Scores tab's company scores (app/scores): every company in your network, the score it carries into
 // people's power, where that score comes from, and a control to set your own.
 // 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 = {
   yours: { label: 'your score', color: '#00ff88' },
   known: { label: 'known list', color: '#3498DB' },
+  data: { label: 'public data', color: '#1abc9c' },
   network: { label: 'estimated: many of your people', color: '#FF6B35' },
   default: { label: 'unknown company', color: '#778' },
 };
@@ -59,8 +59,14 @@ export function ScorePicker({ company, onSet, compact }) {
   );
 }
 
-export default function CompanyScores({ onRescored }) {
+export default function CompanyScores({ onRescored, version = 0 }) {
   const { companies, error, setScore, reload } = useCompanyScores();
+  // A save beside the list (your sector or tiers, on the Scores tab) rescores
+  // everyone: `version` changes, and the list is read again, keeping what you
+  // searched and filtered.
+  useEffect(() => {
+    if (version) reload().catch(() => {});
+  }, [version, reload]);
   const [query, setQuery] = useState('');
   const [only, setOnly] = useState('all');
   const [limit, setLimit] = useState(150);
@@ -103,22 +109,22 @@ export default function CompanyScores({ onRescored }) {
         <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.615 (no company found) to 1.0 (a company scored 10), so seniority counts for more at a bigger company.
+          The title (student 1 … founder or C-suite 10) comes from someone&rsquo;s roles, with former roles at 70%; an audience of their own counts like a title (1M+ followers like a director).
+          The company weight runs from 0.725 for a company we don’t know (or none found), the middle of the scale, 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.
+          A 1st-degree person whose circle is unusually strong gets up to +2 more: up to +1 for a high share of it at A or S, or +1 for every 25 people there.
+          Tiers are graded on your network’s curve unless you choose the fixed scale (<a href="#tiers" style={{ color: '#3498DB' }}>Tiers</a>, above): your top 3% are S, the next 12% A, the next 25% B (it only lifts, and never lifts anyone under 4 into S or A). On the fixed scale, 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.
+            So a VP at a 10 scores 9.0, a founder at an unknown company 7.3, a director at an unknown company 5.4, 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.
+            Companies in the sectors you pick (<a href="#sector" style={{ color: '#3498DB' }}>Your sector</a>, above) get +1 or +2; a score you set is never changed.
           </div>
         </div>
 
         <div style={{ display: 'flex', gap: 8, alignItems: 'center', flexWrap: 'wrap', margin: '14px 0 10px' }}>
           <input value={query} onChange={(e) => setQuery(e.target.value)} placeholder="Find a company"
             style={{ padding: '6px 10px', borderRadius: 7, border: LINE, background: 'rgba(255,255,255,0.05)', color: '#fff', fontSize: 13, minWidth: 180 }} />
-          {[['all', `All ${companies.length}`], ['known', `Known list ${count('known')}`], ['yours', `Yours ${count('yours')}`], ['network', `Estimated ${count('network')}`], ['default', `Unknown ${count('default')}`]].map(([k, l]) => (
+          {[['all', `All ${companies.length}`], ['known', `Known list ${count('known')}`], ['data', `Public data ${count('data')}`], ['yours', `Yours ${count('yours')}`], ['network', `Estimated ${count('network')}`], ['default', `Unknown ${count('default')}`]].map(([k, l]) => (
             <button key={k} onClick={() => setOnly(k)} style={{
               padding: '5px 10px', borderRadius: 7, border: LINE, cursor: 'pointer', fontSize: 11.5, fontWeight: 600,
               background: only === k ? 'rgba(52,152,219,0.25)' : 'transparent', color: only === k ? '#cfe6f7' : '#8b9a9a',

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

@@ -42,7 +42,7 @@ export default function EmptyState() {
           background: 'linear-gradient(135deg, #FFD700, #9B59B6, #3498DB)',
           WebkitBackgroundClip: 'text', WebkitTextFillColor: 'transparent',
         }}>
-          Welcome to 6 Degrees
+          Welcome to Six Degrees
         </h2>
         <p style={{ color: 'rgba(255,255,255,0.5)', fontSize: 14.5, lineHeight: 1.7, margin: '0 0 28px' }}>
           Your network, drawn as a galaxy. Everything stays on this computer.

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

@@ -0,0 +1,94 @@
+'use client';
+
+// The Scan page's one question before the first scan: what field you're in.
+// The same picks as Scores → Your sector (SectorPicker), saved the same way
+// (lib/settings-client.js), so the first scan is already scored with them.
+// Optional: Skip for now carries on without one. Either answer is kept
+// (`fieldAsked`, lib/sector-focus.js), so it's asked once; when it's asked at
+// all is lib/scanner-setup.js askForField.
+
+import { useState } from 'react';
+import Link from 'next/link';
+import { Body, Btn, Status, LINE } from './ui';
+import SectorPicker from './settings/SectorPicker';
+import { sectorByKey } from '../../lib/sector-directory';
+import { saveSettings } from '../../lib/settings-client';
+
+const link = { color: '#3498DB' };
+// The card's own colour (3% white on the page's #0a0a1a), made solid so the
+// picks scroll behind the buttons rather than through them.
+const FOOT = '#111121';
+
+/** The question. `onDone(sectors)` once it's answered ([] when skipped). */
+export default function FieldStep({ onDone }) {
+  const [sectors, setSectors] = useState([]);
+  const [saving, setSaving] = useState(null);
+  const [error, setError] = useState(null);
+
+  async function pick() {
+    setSaving('pick');
+    setError(null);
+    const d = await saveSettings({ sectorFocus: { sectors, strength: 'lean' }, fieldAsked: true });
+    // Saved even if the rescore it set off failed: there's no one to rescore
+    // yet, and the first scan scores everyone.
+    if (d.settings) { onDone(d.settings.sectorFocus.sectors); return; }
+    setError(d.error);
+    setSaving(null);
+  }
+
+  async function skip() {
+    setSaving('skip');
+    setError(null);
+    // Kept so it isn't asked again. If that can't be saved, skipping still
+    // skips: the question comes back next time, which is all it costs.
+    await saveSettings({ fieldAsked: true });
+    onDone([]);
+  }
+
+  return (
+    <section aria-labelledby="field-question" data-field-question style={{
+      margin: '8px 0 0', padding: '20px 22px 0', borderRadius: 12, border: LINE, background: 'rgba(255,255,255,0.03)',
+    }}>
+      <div style={{ fontSize: 12, color: '#788', textTransform: 'uppercase', letterSpacing: 0.6 }}>Before you scan · optional</div>
+      <h2 id="field-question" style={{ fontSize: 18, fontWeight: 700, margin: '6px 0 4px' }}>What field are you in?</h2>
+      <Body style={{ marginTop: 0, marginBottom: 14 }}>
+        Pick up to three. Companies in your field count for more when your network is scored, so the people there rank
+        higher. You can change it anytime on the Scores tab.
+      </Body>
+
+      <SectorPicker sectors={sectors} onChange={setSectors} disabled={Boolean(saving)} />
+
+      {/* The twelve industries, and any lists opened, run the card past the
+          bottom of the window. So Continue and Skip for now stay at the foot of
+          the window while the card is on screen; globals.css keeps a pick
+          reached with Tab from stopping behind them. A failed save shows here
+          too, beside them. */}
+      <div style={{
+        position: 'sticky', bottom: 0, margin: '16px -22px 0', padding: '12px 22px 16px',
+        borderTop: LINE, borderRadius: '0 0 11px 11px', background: FOOT,
+      }}>
+        <div style={{ display: 'flex', gap: 8, flexWrap: 'wrap' }}>
+          <Btn primary onClick={pick} disabled={!sectors.length || Boolean(saving)}>
+            {saving === 'pick' ? 'Saving…' : 'Continue'}
+          </Btn>
+          <Btn onClick={skip} disabled={Boolean(saving)}>Skip for now</Btn>
+        </div>
+        {error && <Status tone="bad">{error}</Status>}
+      </div>
+    </section>
+  );
+}
+
+/** What was answered, above the scan's steps: where it went, and where to change it. */
+export function FieldAnswer({ sectors }) {
+  if (!sectors.length) {
+    return <Status>No field for now. You can pick one anytime on <Link href="/scores#sector" style={link}>Scores</Link>.</Status>;
+  }
+  // The labels have commas of their own ("Tech, Software & AI"), so a dot separates them.
+  return (
+    <Status tone="ok">
+      Your field: {sectors.map((k) => sectorByKey(k).label).join(' · ')}. Your first scan is scored with it. Change it
+      anytime on <Link href="/scores#sector" style={link}>Scores</Link>.
+    </Status>
+  );
+}