// ═══════════════════════════════════════════════════════════════════ // RAISABLE INVESTMENT — SHARED VIEWS // The Investment-project surfaces, each mounted where it belongs: // · window.OfferingsTab → Operations · Projects (the two offerings) // · window.RaisableInstanceGraph → Ontology · Object Explorer (instances) // · window.RaiseExecution → Execution · Raise (financials, proceeds, // compliance & provenance) // Reads window.RAISABLE; writes nothing. // ═══════════════════════════════════════════════════════════════════ (function () { const { useState } = React; const R = window.RAISABLE; const usd = (n) => (n === 0 ? "$0" : "$" + (n >= 1e6 ? (n / 1e6).toFixed(2).replace(/\.?0+$/, "") + "M" : Math.round(n / 1e3) + "K")); const mono = (s, extra) => {s}; const STATUS_TONE = { subscribed: "ok", "pending-docs": "warn", kyc: "info", filed: "ok", due: "warn", pending: "info", future: "neutral" }; // shared ontology visual language (window.OKit) — palette, glyphs, category // helpers and the legend, declared once in OntologyKit.jsx and reused here, // on the Knowledge Graph, the Ontology Reference and the Entity Registry. const OK = window.OKit; const { CAT_COLOR, subjCat, subjColor, subjGlyph } = OK; // ── offering card — one per exemption path ──────────────────────── function OfferingPanel({ o }) { const committed = o.raisedCommitted, pct = Math.round((committed / o.target) * 100); return (
{o.id} {o.label}
{usd(o.target)}{o.max > o.target ? " – " + usd(o.max) : ""}
{[["security", o.security], ["terms", o.unitPrice + " · " + o.units], ["valuation", o.valuation], ["minimum", "$" + o.minInvestment.toLocaleString() + " per investor"], ["audience", o.audience], ["rails", o.rails], ["fees", o.fees], ["verification", o.verification]].map(([k, vv]) => (
{mono(k)}{vv}
))}
{/* coverage bar */}
{mono("commitments vs target · aggregates")} 0 ? "var(--ok)" : "var(--ink-4)" }}>{committed > 0 ? usd(committed) + " · " + pct + "%" + (pct > 100 ? " · oversubscribed" : "") : "no commitments yet"}
0 ? "var(--ok)" : "var(--bg-3)", borderRadius: 4 }}>
{/* timeline */}
{mono("timeline", { display: "block", marginBottom: 6 })}
{o.timeline.map((t, i) => (
{t.done ? "●" : "○"} {t.date} {t.what}
))}
{/* perks */}
{mono("investor perks (non-securities)", { display: "block", marginBottom: 6 })}
{o.perks.map((p, i) => (
{p.tier} {p.perk} {p.cap}
))}
); } // ── Operations · Projects — the offerings run ON the platform ───── // Meridian Capital — a customer project provisioned with one dual-tranche // offering: US accredited via Reg D 506(c), non-US persons via Reg S. const MERIDIAN_OFFERINGS = [ { id: "OFF-MER-A", label: "Series A · Reg D 506(c) + Reg S", exemption: "EX-506c", state: "in-review", security: "Series A Preferred Stock", unitPrice: "$8.50 / share", units: "1,411,764", target: 10000000, max: 12000000, raisedCommitted: 4200000, minInvestment: 25000, valuation: "$48.0M pre-money", broker: "tzero", portal: null, rail: "tZERO", fees: "tZERO 5% placement + ATS listing fee · institutional terms", verification: "US tranche — tZERO ATS, verified accredited (506(c)) · Reg S tranche — offshore transaction, no directed selling efforts, 40-day distribution-compliance period", audience: "US accredited (Reg D 506(c)) + non-US persons (Reg S, Category 3)", timeline: [ { date: "May 28, 2026", what: "Dual-tranche structure cleared by counsel", done: true }, { date: "Jun 5, 2026", what: "Reg S offshore offering memorandum finalized", done: true }, { date: "Jul 1, 2026", what: "Offering launch · both tranches live", done: false }, { date: "Aug 15, 2026", what: "Form D filing due (US tranche, 15d before sale)", done: false }, { date: "Oct 11, 2026", what: "Reg S distribution-compliance period ends", done: false }, { date: "Feb 28, 2027", what: "Target close", done: false }, ], perks: [ { tier: "US · 506(c)", perk: "Pro-rata rights + quarterly information rights", cap: "Accredited" }, { tier: "$250,000+", perk: "Major-investor rights — board observer + MFN clause", cap: "Max 4" }, { tier: "Reg S · intl", perk: "Offshore subscription via offering memorandum", cap: "Non-US only" }, ], }, ]; const PROJECTS = [ { id: "raisable", name: "Raisable", sub: "self · investment", count: 2 }, { id: "meridian", name: "Meridian Capital", sub: "Reg D 506(c) + Reg S", count: 1 }, { id: "northbridge", name: "NorthBridge Fund", sub: "Reg CF", count: 0 }, ]; function OfferingsTab() { const [proj, setProj] = useState("raisable"); const active = PROJECTS.find((p) => p.id === proj) || PROJECTS[0]; return (
{PROJECTS.map((p) => ( ))}
{proj === "raisable" && (
{R.OFFERINGS.map((o) => )}
self · investment Raisable Investment — Raisable Inc. as an issuer on its own platform, run like any customer project. Objects live in ; the investor-facing read is .

{R.DEMAND.piiNote}

)} {proj === "meridian" && (
customer project Meridian Capital — a single Series A raise split into two tranches: US accredited investors via Reg D 506(c) and non-US persons via Reg S (offshore, no directed selling into the US). One offering object, two exemption paths.
{MERIDIAN_OFFERINGS.map((o) => )}
)} {proj === "northbridge" && (
{active.name}
No offerings yet · {active.sub}
)}
); } // ── instance ontology graph — the offering objects, fully connected ── function RaisableInstanceGraph() { const [sel, setSel] = useState(null); const { nodes, edges } = R.graph(); const v = R.validate(); // columnar layout: issuer → offerings → gate/rails → reference axes const COLS = [ ["PTY-tx", "PTY-corenest", "PTY-cbs", "PTY-founders"], ["CO-raisable", "PRJ-raisable"], ["OFF-RD-2026", "OFF-CF-2026"], ["SEC-safe", "ASSET-equity", "VAL-cap", "HLD-founders", "CHAIN-target", "DOC-room"], ["BRK-texture", "BRK-spcp", "BRK-tzero", "BRK-portal"], ["EX-506c", "EX-cf", "JUR-us"], ]; const COL_HEAD = ["parties · capital intro", "issuer · venture", "offerings", "security · asset · chain · provenance", "rails · broker-dealer", "exemption · jurisdiction"]; const W = 1440, NW = 172, NH = 50, COLW = W / COLS.length; const maxRows = Math.max(...COLS.map((c) => c.length)); const H = 90 + maxRows * 86; const pos = {}; COLS.forEach((col, ci) => { const x = COLW * ci + COLW / 2; const start = (H - 30) / 2 - ((col.length - 1) * 86) / 2 + 30; col.forEach((id, ri) => { pos[id] = { x, y: start + ri * 86 }; }); }); const node = Object.fromEntries(nodes.map((n) => [n.id, n])); const path = (a, b) => { const dx = (b.x - a.x) / 2; return `M ${a.x + (b.x > a.x ? NW / 2 : -NW / 2)} ${a.y} C ${a.x + dx} ${a.y} ${b.x - dx} ${b.y} ${b.x + (b.x > a.x ? -NW / 2 : NW / 2)} ${b.y}`; }; return (
{mono("ontology objects · " + v.objects + " instances of " + v.classes + " World-Model subjects · " + v.links + " links")} {v.ok ? "fully connected · 0 dangling refs" : (v.issues.length + v.unreachable.length) + " graph issues"}
{COLS.map((col, ci) => ( {COL_HEAD[ci]} ))} {edges.map((e, i) => { const a = pos[e.from], b = pos[e.to]; if (!a || !b) return null; const on = sel && (e.from === sel || e.to === sel); return ( {on && (() => { const mx = (a.x + b.x) / 2, my = (a.y + b.y) / 2 - 2; const bw = e.label.length * 5.6 + 14; return ( {e.label} ); })()} ); })} {nodes.map((n) => { const p = pos[n.id]; if (!p) return null; const on = sel === n.id; const c = subjColor(n.of); const cat = subjCat(n.of); const reified = cat === "reified"; const dashed = cat === "ref"; const fill = on ? "var(--accent-bg)" : "var(--bg)"; const stroke = on ? "var(--accent)" : c; const hex = `0,${NH / 2} 14,0 ${NW - 14},0 ${NW},${NH / 2} ${NW - 14},${NH} 14,${NH}`; const tx = reified ? 22 : 13; return ( setSel(on ? null : n.id)}> {n.id + " · " + (reified ? "reified edge of " : "object of ") + n.of} {reified ? ( ) : ( )} {subjGlyph(n.of)} {n.name.length > 20 ? n.name.slice(0, 19) + "…" : n.name} {reified ? "reified edge" : n.kicker} ); })}
{sel && node[sel] ? ( {mono(sel)}{node[sel].of} {node[sel].kicker} ) : mono("click an object to trace its links · coloured by ontology subject category · the World Model")} {mono("every node is an instance of a World-Model subject")}
); } // ── financial snapshot + ARR ramp (Business Execution) ───────────── function FinancialSnapshot() { const F = R.FINANCIALS; const maxArr = Math.max(...F.arrRamp.map((r) => r.arr)); return (
{mono("snapshot · " + F.asOf, { display: "block", marginBottom: 8 })} {F.snapshot.map(([k, vv]) => (
{mono(k)}{vv}
))}
{mono("revenue mix", { display: "block", marginBottom: 6 })} {F.revMix.length === 0 &&

{F.revMixNote}

} {F.revMix.map((m) => (
{m.stream}
{m.pct}%
))}
{mono("projected ARR ramp · plan hypothesis · starts from a $0 actual · DOC-001", { display: "block", marginBottom: 10 })}
{F.arrRamp.map((r) => (
{usd(r.arr)}
{r.year} {r.customers.toLocaleString()} cust.
))}
{F.milestones.map((m) => (
{m.when} {m.what}
))}
); } // ── use of proceeds + filings + provenance (Business Execution) ──── function ProceedsAndCompliance() { return (
{mono("use of proceeds · identical split across both offerings", { display: "block", marginBottom: 8 })} {R.USE_OF_PROCEEDS.map((u) => (
{u.cat} {u.pct}%
{u.note}
))}
{mono("filings & compliance gates · readiness milestones", { display: "block", marginBottom: 8 })} {R.FILINGS.map((f) => (
{f.status}
{f.name}
{f.detail}
))}
{mono("provenance · data room → KB facts", { display: "block", marginBottom: 8 })}

{R.KB.length} knowledge-base facts extracted from offering data room · documents / settings / onboarding — each fact carries exactly one source — a data-room document, the offering settings, or the onboarding profile (the ENT-kbkey contract).

{Object.entries(R.SRC).map(([id, s]) => ( {id} {s.name} ))}
); } // ── Execution · Raise — the business-execution read of the raise ── function RaiseExecution() { return (
Raisable Business The operating-company side of the raise — where the capital goes and what must be filed. The investor-facing dossier reads the same facts under .
Financial Intelligence Proceeds, Compliance & Provenance
); } Object.assign(window, { OfferingsTab, RaisableInstanceGraph, RaiseExecution }); })();