/* global React, CoastGroup */ const { useState } = React; // ==================================================================== // Group Health Score — at-a-glance editorial card // ==================================================================== function GroupHealthCard() { const G = window.CoastGroup; const m = G.metrics; // Radar chart for the five metrics const dims = [ { k: "1to1s", v: 0.92, label: "Total 1to1s", n: m.total1to1s.value, fmt: (n) => n }, { k: "reach", v: 0.78, label: "Group reach", n: m.groupReach.value, fmt: (n) => n }, { k: "breadth", v: 0.79, label: "Industry breadth", n: `${m.breadth.value}/14`, fmt: (n) => n }, { k: "ratio", v: 0.71, label: "Ext : Int ratio", n: m.ratio.value.toFixed(2), fmt: (n) => n }, { k: "cp", v: 0.84, label: "Cross-poll", n: m.crossPoll.value.toFixed(2), fmt: (n) => n }, ]; const W = 280, cx = W/2, cy = 150, R = 110; const pts = dims.map((d, i) => { const a = (i / dims.length) * Math.PI * 2 - Math.PI/2; return { x: cx + Math.cos(a) * R * d.v, y: cy + Math.sin(a) * R * d.v, ax: cx + Math.cos(a)*R, ay: cy + Math.sin(a)*R, lx: cx + Math.cos(a) * (R + 18), ly: cy + Math.sin(a) * (R + 18), a, ...d }; }); const path = pts.map((p, i) => (i === 0 ? `M ${p.x} ${p.y}` : `L ${p.x} ${p.y}`)).join(" ") + " Z"; return (
Group health · summary

Coast Referral Collective.

14 members · Gold Coast · 90-day window
{/* Radar */} {[0.25, 0.5, 0.75, 1].map((s, i) => ( { const a = (j / dims.length) * Math.PI * 2 - Math.PI/2; return `${cx + Math.cos(a)*R*s},${cy + Math.sin(a)*R*s}`; }).join(" ")} fill="none" stroke="var(--border-soft)" strokeWidth="1"/> ))} {pts.map((p, i) => ( ))} {pts.map((p, i) => ( 0.3 ? "start" : Math.cos(p.a) < -0.3 ? "end" : "middle"} dominantBaseline="middle" style={{ font: "500 9px var(--mono)", fill: "var(--text-3)", letterSpacing: "0.08em" }}> {p.label.toUpperCase()} ))} {/* Metrics list */}
{dims.map((d, i) => (
{d.label} {d.n}
))}
OVERALL HEALTH
Top decile 0.81
); } // ==================================================================== // Mini sparkline // ==================================================================== function Spark({ data, w = 80, h = 24, color = "var(--accent)" }) { const max = Math.max(...data), min = Math.min(...data); const pts = data.map((v, i) => `${(i/(data.length-1))*w},${h - ((v-min)/(max-min||1))*h}`).join(" "); return ( ); } // ==================================================================== // GROUP — MEMBER VIEW // ==================================================================== function GroupMemberView() { const G = window.CoastGroup; const m = G.metrics; return (
{/* Hero */}
Group · member view

Coast Referral
Collective.

Professional services for small business owners across the Gold Coast.
GOLD COAST QLD · EST. AUG 2024 · 14 MEMBERS · NEXT MEETING TUE 12 MAY
{/* Stats strip — five health metrics */}
{/* Body */}
{/* Left: directory + power teams */}

Members · 14

{G.members.map(mem => )}

Power Teams

{G.powerTeams.map((pt, i) => (
{pt.name}
{pt.deals} DEALS · 90D
{pt.focus}
{pt.members.map((id, j) => (
{id}
))}
))}
{/* Right: activity feed */}

Activity

{G.activity.map((a, i) => (
{a.when.toUpperCase()}
{a.who} {a.what}
))}
); } const Metric = ({ n, l, d, series, hairline, accent }) => (
{n}
{l}
{d}
{series &&
}
); const MemberCard = ({ m }) => (
{m.initials}
{m.name}
{m.role} · {m.firm}
{m.conn}
); // ==================================================================== // GROUP — ADMIN VIEW // ==================================================================== function GroupAdminView() { const G = window.CoastGroup; const m = G.metrics; return (
Group · admin

Coast Referral Collective.

Marcus Chen · Convenor · 8 months
{/* Analytics */}

Health metrics · 6 months

{/* Member management */}

Member management

{["MEMBER","ROLE","1to1s · 90d","ATTENDANCE",""].map((h,i) => ( {h} ))}
{G.members.slice(0,8).map((mem, i) => (
{mem.initials}
{mem.name}
{mem.role} {mem.conn} 5 ? "var(--accent)" : "var(--text-2)" }}>{Math.min(100, 70 + mem.conn*2)}%
))}
{/* Right: applications */}

Applications

{G.applications.length} PENDING
{G.applications.map((app, i) => (
{app.name}
{app.role} · {app.firm}
{app.date.toUpperCase()}
"{app.intro}"
))}

Settings

); } const TrendCard = ({ title, v, delta, series, accent }) => (
{title}
{v} {delta}
); const SettingRow = ({ l, v }) => (
{l} {v}
); // ==================================================================== // GROUP — PUBLIC VIEW (recruiting page) // ==================================================================== function GroupPublicView() { const G = window.CoastGroup; return (
{/* Hero — feels like a private members' club */}
A 1to1 GROUP · BY APPLICATION · GOLD COAST QLD

Coast Referral
Collective.

Fourteen practitioners — one per discipline — meeting fortnightly to refer their best clients to people they trust. Founded August 2024. Currently accepting applications in tax advisory and HR consulting.
{/* Verified stamp, top right */}
1to1
verified
2024–26
{/* Aggregate stats — no individual data */}
What members have built together
{/* What this group focuses on */}

We refer the work that matters for our clients.

Most of our clients are first-time commercial buyers, founders making their first hire, and operators who've outgrown their current advisors. They need a network they didn't have to build themselves.

We meet at The Pantry in Robina, every second Tuesday at 7:30am. We track every introduction. We hold each other accountable for the quality of those referrals.

Currently filling

{/* Industry breakdown */}

Composition

{G.industryBreakdown.map((b, i) => (
{b.industry} {b.count}
{Array.from({length: 6}).map((_, j) => (
))}
))}
{/* CTA */}

Apply to be considered.

Members review every application together. We respond within two weeks. A referral from an existing member is preferred but not required.

); } const BigStat = ({ n, l, sub }) => (
{n}
{l}
{sub}
); const OpenSeat = ({ role, why }) => (
{role}
{why}
1 SEAT
); window.GroupHealthCard = GroupHealthCard; window.GroupMemberView = GroupMemberView; window.GroupAdminView = GroupAdminView; window.GroupPublicView = GroupPublicView;