/* ============================================================ nomi — Testing tab. A recorded, auto-playing reel that recreates the live nomi A/B research study (vivignette-ui/nomi-research) screen by screen: draft directly vs. through a social character, then compare. Faithful to nomi's real dark-glass UI. "Open the study" still launches the live site in a new tab. Registers into window.CASE_PANELS["nomi"].Testing. ============================================================ */ (function () { const { useState, useEffect, useRef } = React; const LIVE = "https://nomi-research-ab.vercel.app/"; /* nomi's own palette (from the real prototype) */ const N = { accent: "#526C90", accent2: "#7a9cbd", green: "#5caa88", soft: "rgba(82,108,144,0.16)", soft2: "rgba(82,108,144,0.08)", border: "rgba(122,156,189,0.28)", greenSoft: "rgba(92,170,136,0.12)", greenBorder: "rgba(92,170,136,0.30)", t1: "#eeeef2", t2: "#b8b8c8", t3: "#7e7e90", bg2: "#17171b", bg3: "#1f1f25", bg4: "#272730", b1: "rgba(255,255,255,0.07)", b2: "rgba(255,255,255,0.11)", card: "rgba(28,28,36,0.72)", page: "radial-gradient(ellipse at 30% 20%, #141c2a 0%, #0a0a0e 60%)", }; /* the scripted run — Kyoto theme, matching the cover */ const PLATFORM = "Instagram"; const TASK = "My slow morning in Kyoto. Matcha by the window, then the first cherry blossoms on the walk to the temple. Honest and unhurried, more personal than aspirational."; const MODE = "Soft intimate storyteller"; const SELF = "Warm but not sentimental. Real, a little quiet, never performative."; const VIBE = "Cozy"; const DRAFTS_A = [ { title: "Aspirational caption", tone: "Generic, Polished", body: "Kyoto mornings ✨ matcha, cherry blossoms, and a walk to the temple. Living my best life 🌸 #kyoto #japan #travel #wanderlust" }, { title: "Listicle hook", tone: "Generic, Punchy", body: "The perfect Kyoto morning: 1. Fresh matcha 2. Cherry blossoms 3. An ancient temple. Save this for your next trip!" }, { title: "Travel-brand voice", tone: "Generic, Bright", body: "There is nothing like a Kyoto morning. Matcha by the window and sakura on every street. Wanderlust, activated. 🍵" }, ]; const DRAFTS_B = [ { title: "Soft reflection", tone: "Reflective, Intimate", body: "Woke up slow in Kyoto. Made matcha and watched the street wake up before I did. By the time I walked to the temple the first blossoms had opened, and I did not take many photos. I just wanted to remember how quiet it felt." }, { title: "Quiet detail", tone: "Personal, Tender", body: "The blossoms were not really the moment. The moment was the matcha going cold while I forgot to drink it, because the street outside was finally waking up too." }, { title: "Unhurried note", tone: "Calm, Honest", body: "Kyoto has a rhythm you can fall into. Matcha by the window, a slow walk, the first cherry blossoms on the way to the temple. Some mornings do not need a plan." }, ]; /* phase script. typing phases self-advance via onDone. */ const PH = [ { s: "s1", seg: 0, cap: "Pick a platform and a post idea", dwell: 1100 }, { s: "s1", seg: 0, cap: "Describe the post", act: "typeTask", dwell: 0 }, { s: "s1", seg: 0, cap: "Start the study", act: "startBtn", dwell: 1100 }, { s: "s2", seg: 1, cap: "First, generate directly", act: "genA", dwell: 1500 }, { s: "s2", seg: 1, cap: "Drafts from the prompt alone", act: "showA", dwell: 1500 }, { s: "s2", seg: 1, cap: "Choose the one you'd post", act: "pickA", dwell: 1400 }, { s: "s2", seg: 1, cap: "Rate it — generic, needs editing", act: "rateA", dwell: 1700 }, { s: "s3", seg: 2, cap: "Now shape a social character", act: "mode", dwell: 1300 }, { s: "s3", seg: 2, cap: "How do you want to come across?", act: "typeSelf", dwell: 0 }, { s: "s3", seg: 2, cap: "Add a vibe, tune the sliders", act: "vibe", dwell: 1300 }, { s: "s3", seg: 2, cap: "Generate through the character", act: "genB", dwell: 1400 }, { s: "s4", seg: 3, cap: "Character-shaped drafts", act: "showB", dwell: 1500 }, { s: "s4", seg: 3, cap: "Choose the one you'd post", act: "pickB", dwell: 1400 }, { s: "s4", seg: 3, cap: "Rate it — closer to me", act: "rateB", dwell: 1700 }, { s: "s5", seg: 4, cap: "Compare both versions", act: "compare", dwell: 2400 }, { s: "s7", seg: 6, cap: "What comes next: Nyla", dwell: 2600 }, ]; function NomiReel() { const [p, setP] = useState(0); const [playing, setPlaying] = useState(true); const [done, setDone] = useState(false); const [tick, setTick] = useState(0); const reduced = window.usePrefersReducedMotion ? window.usePrefersReducedMotion() : false; const ph = PH[p]; const order = ["s1", "s2", "s3", "s4", "s5", "s6", "s7"]; const at = order.indexOf(done ? "s7" : ph.s); const reached = function (id) { return at >= order.indexOf(id); }; function reachedAct(idx, act) { for (let i = idx; i >= 0; i--) { if (PH[i].act === act) return true; if (PH[i].s !== PH[idx].s) break; } return false; } function phaseDur(i) { const x = PH[i]; if (x.act === "typeTask") return TASK.length * 22 + 800; if (x.act === "typeSelf") return SELF.length * 26 + 800; return x.dwell; } // single advancement timer (also drives pause/resume) useEffect(function () { if (!playing || done) return; const dur = reduced ? Math.min(phaseDur(p), 700) : phaseDur(p); const id = setTimeout(function () { setP(function (x) { if (x < PH.length - 1) return x + 1; setDone(true); return x; }); }, dur); return function () { clearTimeout(id); }; }, [p, playing, done, reduced]); // typing ticker — runs only on typing phases, restarts each phase useEffect(function () { setTick(0); if (!playing || done) return; if (ph.act !== "typeTask" && ph.act !== "typeSelf") return; const id = setInterval(function () { setTick(function (t) { return t + 1; }); }, reduced ? 5 : 22); return function () { clearInterval(id); }; }, [p, playing, done, reduced]); // derived display state const screen = done ? "s7" : ph.s; const typedTask = ph.act === "typeTask" ? TASK.slice(0, tick) : ""; const typedSelf = ph.act === "typeSelf" ? SELF.slice(0, tick) : ""; const taskVal = reached("s2") ? TASK : (screen === "s1" ? typedTask : ""); const platformVal = PLATFORM; const selfVal = reached("s4") ? SELF : (screen === "s3" ? typedSelf : ""); const modeOn = (screen === "s3" && reachedAct(p, "mode")) || reached("s4"); const vibeOn = (screen === "s3" && reachedAct(p, "vibe")) || reached("s4"); const genningA = ph.act === "genA"; const draftsAShown = (screen === "s2" && reachedAct(p, "showA")) || reached("s3"); const pickedA = (screen === "s2" && reachedAct(p, "pickA")) || reached("s3"); const ratedA = (screen === "s2" && reachedAct(p, "rateA")) || reached("s3"); const genningB = ph.act === "genB"; const draftsBShown = (screen === "s4" && reachedAct(p, "showB")) || reached("s5"); const pickedB = (screen === "s4" && reachedAct(p, "pickB")) || reached("s5"); const ratedB = (screen === "s4" && reachedAct(p, "rateB")) || reached("s5"); const compared = reached("s5"); function restart() { setP(0); setDone(false); setTick(0); setPlaying(true); } const seg = done ? 6 : ph.seg; return (

Round one was the broad A/B study: draft a post directly, then draft it again through a social character, and compare. The reel plays the real flow, typing and all. You can also open the live study.

{/* caption chip */}
{done ? "Run complete" : ph.cap}
nomi
{/* progress */}
{[0,1,2,3,4,5,6].map(function (i) { return
; })}
{/* card */}
{screen === "s1" && (
NOMI
Draft a post for any social media

You'll generate a post draft in two ways: directly, and through a social character. Then you'll evaluate your experiences.

Where will this post live?
{platformVal}
What do you want to post about?
{taskVal || "Describe your idea and any context."} {ph.act === "typeTask" && !done && }
Start
)} {screen === "s2" && (
Direct generation

Drafts generated from your description alone, with no identity context.

{!draftsAShown ? ( {genningA ? "Generating…" : "Generate directly"} ) : (
Choose the draft you'd most likely post
{ratedA && } {ratedA &&
Now try with a character ›
}
)}
)} {screen === "s3" && (
Create a social character of you

What is your social character behind this post?

Starting mode
{[["Thoughtful diarist","Reflective, honest, slow-burn"],[ "Polished lifestyle sharer","Curated, aesthetic, aspirational"],[MODE,"Warm, personal, tender"],["Trend-aware curator","Current, cultural, in-the-know"],["Smart playful explainer","Clear, witty, entertaining"]].map(function (m) { const sel = m[0] === MODE && modeOn; return (
{m[0]}
{m[1]}
); })}
Adjust identity controls
How do you want to come across?
{selfVal || "e.g. Warm but not sentimental. Real, not polished."} {ph.act === "typeSelf" && !done && }
Vibe
{["Clean", VIBE, "Dreamy", "Refined", "Playful"].map(function (v) { return {v}; })}
{genningB ? "Generating…" : "Generate through this character"}
)} {screen === "s4" && (
Character-shaped drafts

Drafts generated through your description and your chosen character.

Choose the draft you'd most likely post
{ratedB && } {ratedB &&
Compare both versions ›
}
)} {screen === "s5" && (
Comparison
Which version worked better?

Your chosen draft from each version.

Direct
{DRAFTS_A[0].body}
Through a character
{DRAFTS_B[0].body}
Forced-choice comparison
{[["Which better matches the you you wanted to express?","Social character"],["Which would you be more likely to post?","Social character"],["Which would need less editing?","Social character"]].map(function (q, i) { return (
{i + 1}. {q[0]}
{["Direct", "Social character", "Equal"].map(function (o) { return {o}; })}
); })}
)} {screen === "s7" && (
What comes next
One more concept to react to
Nyla

Nyla helps you shape and manage different social characters over time: one per platform, one per context, all in one place.

your@email.com
Join the waitlist
)}
{/* transport controls */}
Open the study
{/* the prompt, written out */}
The post used in this run

“{TASK}”

Platform {PLATFORM}, social character {MODE}, vibe {VIBE}. The character-shaped draft read truer to voice and needed far less editing.

); } /* ---- small recreated UI bits ---- */ function Caret() { return ; } function Req(props) { return *; } function Chevron() { return ; } function Lbl(props) { return
{props.children}
; } function BackRow(props) { return
Back
; } function Btn(props) { const N = props.N; return {props.children}; } function DraftList(props) { const N = props.N; return (
{props.drafts.map(function (d, i) { const sel = i === props.sel; return (
{sel && }
{d.title}
{d.body}
{d.tone}
); })}
); } function RateScale(props) { const N = props.N; return (
{props.q}
{[1,2,3,4,5].map(function (n) { const on = n === props.v; return {n}; })}
); } function RateBlock(props) { const N = props.N; return (
Rate this version
); } function Slider(props) { const N = props.N; return (
{props.l}
{props.r}
); } function ov(N) { return { fontSize: 11, fontWeight: 500, letterSpacing: "0.07em", textTransform: "uppercase", color: N.t3, marginBottom: 10 }; } function disp(N) { return { fontSize: 27, fontWeight: 500, letterSpacing: "-0.035em", lineHeight: 1.18, color: N.t1, marginBottom: 10 }; } function h2(N) { return { fontSize: 20, fontWeight: 500, letterSpacing: "-0.03em", color: N.t1, marginBottom: 6 }; } function body(N) { return { fontSize: 14, fontWeight: 300, color: N.t2, lineHeight: 1.65 }; } function sec(N) { return { fontSize: 11, fontWeight: 500, letterSpacing: "0.07em", textTransform: "uppercase", color: N.t3, marginBottom: 14 }; } function field(N) { return { fontSize: 13.5, fontWeight: 300, color: N.t1, background: "rgba(255,255,255,0.05)", border: "1px solid rgba(255,255,255,0.11)", borderRadius: 8, padding: "11px 14px", lineHeight: 1.6 }; } function modeCard(N, sel) { return { background: sel ? N.soft : "rgba(255,255,255,0.04)", border: "1px solid " + (sel ? N.border : "rgba(255,255,255,0.09)"), borderRadius: 12, padding: "14px 16px", transition: "all 0.25s" }; } function chip(N, on) { return { fontSize: 12, fontWeight: 500, padding: "5px 14px", borderRadius: 100, border: "1px solid " + (on ? N.border : N.b2), background: on ? N.soft : N.bg3, color: on ? N.accent2 : N.t2, transition: "all 0.25s" }; } function fcBtn(N, on) { return { fontSize: 13, fontWeight: 500, padding: "9px 18px", borderRadius: 100, border: "1px solid " + (on ? N.border : N.b2), background: on ? N.soft : N.bg3, color: on ? N.accent2 : N.t2, transition: "all 0.25s" }; } /* ===================== ROUND TWO — Instagram-focused refinement ===================== */ const LIVE2 = "https://nomi-research2.vercel.app/"; const TASK2 = "A quiet moment from my weekend in Kyoto: matcha by the window, then the first cherry blossoms on the walk to the temple. Warm, personal, a little reflective."; const NOTES2 = "Natural, not over-polished. More personal than inspirational."; const MODE2 = "Soft personal storyteller"; const SELF2 = "Warm, real, and thoughtful. A little polished, but still personal."; const VIBE2 = "Cozy"; const A2 = [ { title: "Weekend recap caption", tone: "Generic, Polished", body: "A perfect Kyoto weekend 🌸 matcha, cherry blossoms, and a temple stroll. Making memories! #kyoto #japantravel #wanderlust #cherryblossom" }, { title: "Listicle hook", tone: "Generic, Punchy", body: "3 things that made my Kyoto weekend: 🍵 matcha by the window 🌸 the first cherry blossoms ⛩️ a quiet temple walk. Save this for your trip!" }, { title: "Bright lifestyle voice", tone: "Generic, Bright", body: "Kyoto did not disappoint 🌸 Matcha mornings and blossom-lined streets. Wanderlust fully activated!" }, ]; const B2 = [ { title: "Slow morning", tone: "Reflective, Intimate", body: "Spent Saturday morning not really doing anything. Made matcha, sat by the window, watched the street wake up. On the walk to the temple the first cherry blossoms had just opened. I didn't take many photos. I just wanted to stay in it a while." }, { title: "Quiet detail", tone: "Personal, Tender", body: "The matcha went cold because I forgot to drink it. The street outside was finally waking up, and the first blossoms had opened on the way to the temple. Some mornings you just want to remember how quiet they felt." }, { title: "Unhurried note", tone: "Calm, Honest", body: "Kyoto has a rhythm you fall into without noticing. Matcha by the window, a slow walk, the first cherry blossoms before the temple. No plan, and that was the point." }, ]; const MODES2 = [ ["Thoughtful sharer", "Reflective, warm, quietly observant"], ["Polished lifestyle voice", "Curated, clear, aesthetically aware"], [MODE2, "Personal, gentle, emotionally close"], ["Trend-aware curator", "Current, culturally tuned, expressive"], ["Smart playful creator", "Clever, light, confident, engaging"], ]; const ACTIONS2 = ["Save this version", "Reuse this version", "Make another version", "Make this more polished", "Make this more playful"]; const PH2 = [ { s: "s1", seg: 0, cap: "Enter your Instagram post idea", dwell: 1000 }, { s: "s1", seg: 0, cap: "Describe the post", act: "typeTask", dwell: 0 }, { s: "s1", seg: 0, cap: "Add an optional angle", act: "typeNotes", dwell: 0 }, { s: "s1", seg: 0, cap: "Start", act: "startBtn", dwell: 1000 }, { s: "s2", seg: 1, cap: "Generate directly", act: "genA", dwell: 1500 }, { s: "s2", seg: 1, cap: "Captions from the idea alone", act: "showA", dwell: 1400 }, { s: "s2", seg: 1, cap: "Choose the one you'd post", act: "pickA", dwell: 1300 }, { s: "s2", seg: 1, cap: "Rate it — needs editing", act: "rateA", dwell: 1600 }, { s: "s3", seg: 2, cap: "Shape one version of you", act: "mode", dwell: 1300 }, { s: "s3", seg: 2, cap: "How should it feel on Instagram?", act: "typeSelf", dwell: 0 }, { s: "s3", seg: 2, cap: "Add a vibe", act: "vibe", dwell: 1200 }, { s: "s3", seg: 2, cap: "Generate through this version", act: "genB", dwell: 1400 }, { s: "s4", seg: 3, cap: "Identity-shaped captions", act: "showB", dwell: 1400 }, { s: "s4", seg: 3, cap: "Choose the one you'd post", act: "pickB", dwell: 1300 }, { s: "s4", seg: 3, cap: "Rate it — closer to me", act: "rateB", dwell: 1600 }, { s: "s5", seg: 4, cap: "Compare both captions", act: "compare", dwell: 2400 }, { s: "s6", seg: 5, cap: "What you'd do with this version", act: "actions", dwell: 2200 }, { s: "s7", seg: 6, cap: "React to Nyla", dwell: 2600 }, ]; function NomiReel2() { const [p, setP] = useState(0); const [playing, setPlaying] = useState(true); const [done, setDone] = useState(false); const [tick, setTick] = useState(0); const reduced = window.usePrefersReducedMotion ? window.usePrefersReducedMotion() : false; const ph = PH2[p]; const order = ["s1", "s2", "s3", "s4", "s5", "s6", "s7"]; const at = order.indexOf(done ? "s7" : ph.s); const reached = function (id) { return at >= order.indexOf(id); }; function reachedAct(idx, act) { for (let i = idx; i >= 0; i--) { if (PH2[i].act === act) return true; if (PH2[i].s !== PH2[idx].s) break; } return false; } function phaseDur(i) { const x = PH2[i]; if (x.act === "typeTask") return TASK2.length * 20 + 700; if (x.act === "typeNotes") return NOTES2.length * 20 + 600; if (x.act === "typeSelf") return SELF2.length * 24 + 700; return x.dwell; } useEffect(function () { if (!playing || done) return; const dur = reduced ? Math.min(phaseDur(p), 700) : phaseDur(p); const id = setTimeout(function () { setP(function (x) { if (x < PH2.length - 1) return x + 1; setDone(true); return x; }); }, dur); return function () { clearTimeout(id); }; }, [p, playing, done, reduced]); useEffect(function () { setTick(0); if (!playing || done) return; if (ph.act !== "typeTask" && ph.act !== "typeNotes" && ph.act !== "typeSelf") return; const id = setInterval(function () { setTick(function (t) { return t + 1; }); }, reduced ? 5 : 20); return function () { clearInterval(id); }; }, [p, playing, done, reduced]); const screen = done ? "s7" : ph.s; const taskVal = reached("s2") ? TASK2 : (ph.act === "typeTask" ? TASK2.slice(0, tick) : (reachedAct(p, "typeTask") ? TASK2 : "")); const notesVal = reached("s2") ? NOTES2 : (ph.act === "typeNotes" ? NOTES2.slice(0, tick) : (reachedAct(p, "typeNotes") ? NOTES2 : "")); const selfVal = reached("s4") ? SELF2 : (screen === "s3" ? (ph.act === "typeSelf" ? SELF2.slice(0, tick) : (reachedAct(p, "typeSelf") ? SELF2 : "")) : ""); const modeOn = (screen === "s3" && reachedAct(p, "mode")) || reached("s4"); const vibeOn = (screen === "s3" && reachedAct(p, "vibe")) || reached("s4"); const genningA = ph.act === "genA"; const draftsAShown = (screen === "s2" && reachedAct(p, "showA")) || reached("s3"); const pickedA = (screen === "s2" && reachedAct(p, "pickA")) || reached("s3"); const ratedA = (screen === "s2" && reachedAct(p, "rateA")) || reached("s3"); const genningB = ph.act === "genB"; const pickedB = (screen === "s4" && reachedAct(p, "pickB")) || reached("s5"); const ratedB = (screen === "s4" && reachedAct(p, "rateB")) || reached("s5"); const compared = reached("s5"); const actionsOn = reached("s6") && (ph.act === "actions" || reached("s7")); function restart() { setP(0); setDone(false); setTick(0); setPlaying(true); } const seg = done ? 6 : ph.seg; const fcQ2 = [ ["Which better matches the you you wanted to express?", "Identity mode"], ["Which would you be more likely to post?", "Identity mode"], ["Which would need less editing?", "Identity mode"], ["Which felt easier to get to a usable result?", "Identity mode"], ["If posting again, which path would you choose?", "Use identity mode"], ]; return (

Round two builds on round one. It narrows the broad A/B test into a focused study for Instagram written content, adds a lightweight identity mode, and asks what creators would actually reuse.

{done ? "Run complete" : ph.cap}
nomi
{[0,1,2,3,4,5,6].map(function (i) { return
; })}
{screen === "s1" && (
NOMI
Create an Instagram post through a version of you

You'll create a caption two ways: directly, then through a lightweight identity mode. Then you'll compare which feels more like how you want to show up on Instagram.

What do you want to post about?
{taskVal || "Share a quiet moment from my weekend that feels warm and personal."} {ph.act === "typeTask" && !done && }
Optional notes or angle (optional)
{notesVal || "I want it natural, not over-polished."} {ph.act === "typeNotes" && !done && }
Start
)} {screen === "s2" && (
Direct generation

Captions generated from your idea alone, with no identity mode applied.

{!draftsAShown ? ( {genningA ? "Generating…" : "Generate directly"} ) : (
Choose the caption you'd most likely post
{ratedA && } {ratedA &&
Now try with an identity mode ›
}
)}
)} {screen === "s3" && (
Shape one version of you

This helps nomi understand how you want this post to feel on Instagram.

Choose a starting mode
{MODES2.map(function (m) { const sel = m[0] === MODE2 && modeOn; return (
{m[0]}
{m[1]}
); })}
Adjust identity controls
What should this version of you feel like on Instagram?
{selfVal || "Warm, real, and thoughtful. A little polished, but still personal."} {ph.act === "typeSelf" && !done && }
Vibe
{["Clean", VIBE2, "Dreamy", "Refined", "Playful"].map(function (v) { return {v}; })}
{genningB ? "Generating…" : "Generate through this version"}
)} {screen === "s4" && (
Identity-shaped captions

Captions generated through your idea and the version of you you just shaped.

Choose the caption you'd most likely post
{ratedB && } {ratedB &&
Compare both captions ›
}
)} {screen === "s5" && (
Comparison
Which caption worked better?

Your selected caption from each version.

Direct
{A2[0].body}
Through an identity mode
{B2[0].body}
Forced-choice comparison
{fcQ2.map(function (q, i) { const opts = i === 4 ? ["Generate directly", "Use identity mode", "Not sure"] : ["Direct", "Identity mode", "Equal"]; return (
{i + 1}. {q[0]}
{opts.map(function (o) { return {o}; })}
); })}
)} {screen === "s6" && (
For future
What would you do with this version of you?

Tap what would actually feel useful if you were posting on Instagram again.

{ACTIONS2.map(function (a, i) { const on = actionsOn && i < 2; return (
{on ? "✓" : "+"} {a}
); })}
A few quick questions
{[["Would you save this version of you for future posts?", "Yes, definitely"], ["Would you want another version for a different kind of post?", "Yes, definitely"]].map(function (q, i) { return (
{q[0]}
{["Yes, definitely", "Maybe", "Not really"].map(function (o) { return {o}; })}
); })}
)} {screen === "s7" && (
What comes next
One more concept to react to
Nyla

Nyla helps you shape and manage different versions of yourself over time, across different kinds of posts and platforms.

your@email.com
Join the waitlist
Rate this concept
How interesting is the idea of Nyla to you?
{[1,2,3,4,5].map(function (n) { const on = n === 5 && done; return {n}; })}
)}
Open the study
What round two changes

Round one asked a broad question across platforms. Round two focuses it on Instagram written captions, replaces the multi-step character builder with one lightweight identity mode, and adds a reuse step: after comparing, creators say what they would save, reuse, or remake, which is the signal that points toward Nyla.

); } /* ===================== Testing panel — round switcher ===================== */ function NomiTesting() { const [round, setRound] = useState(0); const total = 2; return (

Testing

Two rounds of research, each a recorded run of the live nomi study. Round two builds directly on round one.

{/* round switcher */}
{round === 0 ? "Round 1 of 2: The broad A/B study" : "Round 2 of 2: Focused Instagram refinement"}
{round === 0 ? : }
); } window.CASE_PANELS = window.CASE_PANELS || {}; window.CASE_PANELS["nomi"] = window.CASE_PANELS["nomi"] || {}; window.CASE_PANELS["nomi"].Testing = NomiTesting; })();