/* global React, ReactDOM, KitChrome, CHBrand */
//
// ============================================================================
// social.conceptualhealth.com — patient-facing personal product
// ============================================================================
// THIS IS NOT A BRAND COMMAND CENTER. It is the patient's personal
// social-health surface. Every signed-in Conceptual Health® patient connects
// their X / Instagram / TikTok / LinkedIn / Reddit / Facebook / YouTube
// accounts (read-only OAuth) once. We then ingest posts, replies, scrolls,
// and mute/follow actions and route every signal through the Master Equation:
//
// CH = (S × Sp)^C × (T + E)^p × (ER × RS)^(C/3)
//
// Healthy social behavior MINTS HCR (HEALTHCOIN™) on the CH Chain.
// Opting de-identified sentiment data into research mints HCC on hc.exchange.
// The product is FREE, FOREVER. The promise is "I cannot believe I get this
// for free." Deviating from that framing is a brand error.
//
// Single canonical patient identity (from Guardian Orb™ SSO). No separate
// "social account" exists. Raw posts NEVER leave the patient's Datavault —
// only computed signals (axis deltas, sentiment scores, scroll histograms)
// cross a network boundary. Read-only OAuth. No auto-posting; co-pilot is
// always hold-to-send.
//
// Read this kit's IMPLEMENTATION.md for the full screen-by-screen integration
// map, OAuth scopes, mint formulas, and the Crisis Safety Net spec (which
// requires Clinical + Legal + Compliance sign-off before any rollout).
// ============================================================================
const { useState } = React;
const { StatusStrip, Nav, Footer, Eyebrow, MasterEquationArtifact, CrossLinkStrip, AxisSigil, StatGrid } = KitChrome;
// ============================================================================
// Platform glyphs — neutral marks (no logos, no emoji)
// ============================================================================
const PLATFORM_GLYPHS = {
X: ,
Instagram:,
TikTok: ,
LinkedIn: ,
Reddit: ,
Facebook: ,
YouTube: ,
Threads: ,
};
// ============================================================================
// Hero
// ============================================================================
function Hero() {
return (
Relational & Social Field · Personal
Your social media is your most honest health record.
Connect every account once. We read your scroll, your sentiment, your sleep-killing 2am sessions, your group-chat warmth — and route every signal through the Master Equation. Healthy behavior mints HCR. Sharing the data with researchers mints HCC. Free, forever.
Auto-tag every post and reply with the axes it touches (RS, ER, NM, ES…)
AI co-pilot drafts replies in your voice, calibrated to your CH score
Late-night scroll guard, sentiment alerts, and a real crisis safety net
Every healthy action mints HCR (HEALTHCOIN™). Opt-in research mints HCC.
One read-only link per platform. We never post for you.
5 of 7 linked
OAuth read-only. No posting, no DMing, no following, no muting — unless you ask the co-pilot to. Revoke from this page or your Guardian Orb™ in one tap. Your raw posts never leave your Data Vault.
{PLATFORMS.map(p => (
{PLATFORM_GLYPHS[p.name]}
{p.name}
{p.linked ? "● Linked" : "○ Unlinked"}
{p.handle}
{p.posts}posts
{p.reach}reach
{p.chLift}CH lift
{p.note}
))}
{}}>
＋
Add another platform
Threads · Bluesky · Discord · Mastodon
);
}
// ============================================================================
// 8-axis impact — how each axis is moving from social signals
// ============================================================================
const AXIS_IMPACT = [];
function AxisImpact() {
return (
Your Social CH · Last 30 days
Every axis. Read from your feeds.
Net CH lift +6.4 · Updated 4m ago
We read every post, reply, and scroll session through the Master Equation: CH = (S × Sp)^C × (T + E)^p × (ER × RS)^(C/3). Two of the eight axes — RS (your social field) and ER (your emotional resilience) — are directly social. The other six lift or drain depending on what you do with the platform.
The tools the platforms wouldn't build for you. Free, forever.
5 of 6 active
Reply & compose
Your co-pilot studies your last 5,000 posts to learn your voice, then drafts replies and posts that sound like you — calibrated to lift the axes you care about and never to fake support.
Guards & alerts
The platforms optimize for your time. Your co-pilot optimizes for your CH score. It runs in the background and acts on your behalf — every action is logged and reversible.
);
}
// ============================================================================
// Insights — sentiment timeline + doomscroll heatmap
// ============================================================================
function Insights() {
// Sentiment line — synthetic monthly data
const sentiment = [];
const w = 480, h = 140, pad = 6;
const max = 100, min = 50;
const sx = i => pad + (i / (sentiment.length - 1)) * (w - pad * 2);
const sy = v => pad + (1 - (v - min) / (max - min)) * (h - pad * 2);
const path = sentiment.map((v, i) => (i === 0 ? "M" : "L") + sx(i).toFixed(1) + " " + sy(v).toFixed(1)).join(" ");
const area = path + ` L ${sx(sentiment.length - 1)} ${h - pad} L ${sx(0)} ${h - pad} Z`;
// Doomscroll heatmap — 4 platforms × 24 hours, intensity 0-3
const platforms = [];
const intensity = [];
const heatColor = v => v === 0 ? "var(--bg-mist)"
: v === 1 ? "rgba(17,122,77,0.25)"
: v === 2 ? "rgba(17,122,77,0.55)"
: "rgba(178,58,46,0.65)"; // 3+ = drain
return (
Insights
Patterns the platforms hide from you.
Post sentiment · 30 days
Net positive trend +30 points. Calibrated against your own baseline, not the population.
30d ago15dToday
Doomscroll heatmap · last 7 days
Hour × platform. Red blocks are late-night drains on PO & NM axes.
{platforms.map((p, ri) => (
{p}
{intensity[ri].map((v, ci) => (
))}
))}
{[0,3,6,9,12,15,18,21].map(h => {h}:00)}
);
}
// ============================================================================
// Earnings ledger — HCR earned today from social behavior, on-chain
// ============================================================================
const LEDGER = [];
function Ledger() {
return (
Today's HEALTHCOIN™ ledger
Healthy social behavior mints HCR. On-chain. Yours.
Every mint below is signed by your Guardian Orb™ and recorded on the CH Chain proof-of-health blockchain. Drains are advisory only — they affect the score, never the wallet. A separate stream of HCC mints when you opt your sentiment timeline into research (off by default).
{LEDGER.map((row, i) => (
{row.time}
{row.action}
{row.axis}
{row.mint}
))}
TOTAL
Net mint today
8 axes
+13.30 HCR
);
}
// ============================================================================
// Crisis safety net — the hardest, most differentiating feature
// ============================================================================
function CrisisNet() {
return (
Crisis Safety Net
If you go quiet, somebody who loves you will know.
How it works.
Your co-pilot watches three signals across every connected account: sentiment collapse (your own posts, not others'), RS-axis silence (sudden disconnect from your usual circle), and 9-bracket triage language (the same NLP your clinic's AI Scribe uses). When all three trigger, a quiet escalation begins.
Nothing is shared with anyone outside your declared circle without your consent. Every escalation is logged in your Data Vault.
1
Private nudge to youSoft message from the orb: "I noticed. Want to talk?" Always reversible, never alarming.
2
Peer responder, opt-inA vetted peer (you chose them; they're certified by Conceptual Health® University) gets a low-volume signal.
3
Care team flagIf the signal persists 72 hours, your PCP and on-call therapist see a discreet flag in Clinical — not the post itself, just the bracket.
4
Declared next-of-kin, last resortOnly if signals reach Bracket 2 (SEVERE) and you do not respond in 24 hours. The person you named at signup. One contact, one message, one time.