feat(brainsnn): boil — affective-intel positioning across both apps + L106 Brand Risk Scorecard

[slavazeph-coder]

Summary

Reposition everything around a single positioning sentence:

An affective-intelligence engine that detects the emotional payload inside online content before it shapes attention, behavior, brand risk, or public perception.

This PR now covers four things:

1. Public homepage (ui/brainsnn-site) repositioned around the new framing
2. In-product app (brainsnn-r3f-app) propagates the same positioning into title / og / twitter meta, the onboarding walkthrough, and the milestone synthesis
3. Layer 106 — Brand Risk Scorecard (new): per-brand 0–100 score that aggregates many items through Cognitive Firewall + Templates + Archetypes
4. Gallery upgrade: real SVG illustrations replace /demo-placeholder.svg for the three scan archetypes

What changed

ui/brainsnn-site (public homepage)

• Hero — new tagline, positioning quote in the side panel, payload-focused bullets. Stats card swaps "regions / pathways" for "affective dimensions / manipulation templates."
• Why it matters — WHY_CARDS rewritten around the four payload outcomes (Attention, Behavior, Brand risk, Public perception) plus auditable + open / local-first.
• How it works — timeline rewritten as the four-step scoring pipeline (score → name → render → receipt). Right-side code snippet swapped from BRAIN_REGIONS.push(...) to a real POST /api/score example.
• Who uses it — "Community / distribution" replaced with an audience grid (brand & marketing, comms / PR, trust & safety, researchers / journalists, security teams, builders / OSS).
• Gallery — placeholder titles changed to scan archetypes (Fear cascade, Certainty theater, Affective trajectory) and wired to real SVG illustrations:
  • public/scan-fear-cascade.svg — AMY glowing red, 4-dim bars, evidence chips
  • public/scan-certainty-theater.svg — PFC dampened, BG rising, certainty templates
  • public/scan-affective-trajectory.svg — escalating pressure-over-turns line chart, peak / spike markers, receipt chip
• README preview, footer copy, social hook, <title>, og meta — all updated to the new positioning.

brainsnn-r3f-app (in-product app)

• index.html — title / description / og / twitter meta all match the homepage positioning.
• OnboardingWalkthrough — STEPS rewritten. Step 1 leads with the positioning sentence. The Cognitive Firewall is framed as "the engine," the 3D brain as "the visualization layer." A new step introduces the Brand Risk Scorecard.
• MilestonePanel — intro paragraph now leads with the affective-intelligence framing.

Layer 106 — Brand Risk Scorecard (new)

• src/utils/brandRisk.js — pure functions: splitItems, scoreItem, computeBrandRisk, brandBriefMarkdown. Aggregates Cognitive Firewall (L4) + Propaganda Templates (L39) + Ad Transparency archetypes (L48). Emits a 0–100 score with 4 tiers (Clean / Watch / At risk / Critical).
• src/components/BrandRiskPanel.jsx — brand input + items textarea + load-sample helper, headline score card, dominant archetypes, most-fired templates, top 5 worst items, copy-brief-as-Markdown.
• src/utils/layerCatalog.js — L106 registered (firewall group).
• src/App.jsx — panel mounted behind an ErrorBoundary after the Milestone panel.
• Score formula: 60% mean pressure + 25% peak pressure + 15% high-risk-archetype share. High-risk archetypes: abusive-domestic, phishing, conspiracy-hook, political-attack, cult-recruitment.
• Layer number 106 picked deliberately to avoid collision with the open L101 PRs (feat(quantum-alignment): Qiskit suite + Layer 101 browser-native sibling #22, feat(layer-101): cannibalize safishamsi/graphify → Graph Insights #24, feat(quantum + L105): finish the alignment build, add eml universal primitive #25). Posted a coordination comment on feat(layer-101): cannibalize safishamsi/graphify → Graph Insights #24 suggesting it move to L107.

Test plan

• npm install --prefix ui/brainsnn-site — clean
• npm run build --prefix ui/brainsnn-site — 624 modules, 8.03s, clean
• npm install --prefix brainsnn-r3f-app — clean
• npm run build --prefix brainsnn-r3f-app — 912 modules, 6.19s, clean (only pre-existing dynamic-import warning for gemmaEngine.js)
• Manual browser QA — homepage:
  • Hero renders new positioning + side panel quote
  • Why-it-matters grid shows the four payload cards
  • How-it-works timeline reads as a four-step pipeline; right-hand code block is the /api/score snippet
  • "Who uses it" grid renders six audience cards
  • Gallery shows the three new SVGs (no demo-placeholder.svg)
  • Footer copy is the positioning sentence
• Manual browser QA — in-product app:
  • First-visit OnboardingWalkthrough — step 1 leads with the positioning, step 4 highlights .brand-risk-panel
  • Brand Risk Scorecard — paste, score, tier, archetype chips, worst items, "Copy brief (Markdown)" hits the clipboard
  • MilestonePanel intro paragraph reads as the affective-intelligence engine

L101 collision note

Three PRs claim Layer 101 right now:

Layer	PR	Topic
101	#22, #25	Quantum Coherence Lab
101	#24	Graph Insights
102–105	#25	Quantum (Bell, Sweep, Glossary, eml)
106	#27 (this PR)	Brand Risk Scorecard

Posted a comment on #24 suggesting Graph Insights move to L107 so the quantum thread (#25) can keep L101–L105 contiguous and #27 keeps L106. Open to a different ordering if the team prefers.

What this does NOT touch

• The 3D brain demo / R3F scenes themselves (still the visual core)
• ui/brainsnn-viewer
• The 100 cognitive layers shipped on main

🤖 Generated with Claude Code