/* global React */ const { useState: useS3, useEffect: useE3, useRef: useR3 } = React; // ============== StudioPortfolio (v3 — hybrid) ============== // IDE chrome (v1) + editorial document body (v2). function StudioPortfolio({ embedded = false }) { const D = window.PORTFOLIO; const [activeFile, setActiveFile] = useS3("readme.md"); const [openProject, setOpenProject] = useS3(null); const [time, setTime] = useS3(() => fmtClock3()); const [mumbaiTime, setMumbaiTime] = useS3(() => fmtClock3("Asia/Kolkata")); const mainRef = useR3(null); useE3(() => { const id = setInterval(() => { setTime(fmtClock3()); setMumbaiTime(fmtClock3("Asia/Kolkata")); }, 1000 * 30); return () => clearInterval(id); }, []); // section -> file map for breadcrumb sync const sectionToFile = { readme: "readme.md", work: "projects/", experience: "experience.log", skills: "skills.toml", education: "education.yml", contact: "contact.sh", }; // observe scroll to update active file in sidebar useE3(() => { if (!mainRef.current) return; const sections = ["readme", "work", "experience", "skills", "education", "contact"]; const onScroll = () => { const root = mainRef.current; if (!root) return; const top = root.scrollTop + 80; let cur = "readme"; for (const id of sections) { const el = root.querySelector(`#sec-${id}`); if (el && el.offsetTop <= top) cur = id; } setActiveFile(sectionToFile[cur]); }; const el = mainRef.current; el.addEventListener("scroll", onScroll, { passive: true }); return () => el.removeEventListener("scroll", onScroll); }, []); const jump = (id) => { const el = mainRef.current?.querySelector(`#sec-${id}`); if (el) mainRef.current.scrollTo({ top: el.offsetTop - 12, behavior: "smooth" }); }; return (

jump("work")} />

{openProject && setOpenProject(null)} />}

); } function fmtClock3(tz) { return new Date().toLocaleTimeString("en-IE", { hour: "2-digit", minute: "2-digit", hour12: false, ...(tz ? { timeZone: tz } : {}), }); } // ----- Top chrome ----- function StTopChrome({ time, mumbaiTime, D }) { return (

~/{D.name.toLowerCase().replace(/\s+/g, "-")} — portfolio

⌘ main · ● live

{time} Dublin · {mumbaiTime} Mumbai

); } // ----- Sidebar ----- function StSidebar({ D, active, onJump }) { const files = [ { f: "readme.md", k: "md", id: "readme" }, { f: "projects/", k: "dir", id: "work" }, { f: "experience.log", k: "log", id: "experience" }, { f: "skills.toml", k: "toml",id: "skills" }, { f: "education.yml", k: "yml", id: "education" }, { f: "contact.sh", k: "sh", id: "contact" }, ]; return ( ); } function FileGlyph3({ kind }) { const map = { md: "M", log: "L", dir: "▸", toml: "T", yml: "Y", sh: "$" }; const cmap = { md: "var(--info)", log: "var(--warn)", dir: "var(--accent)", toml: "var(--fg-1)", yml: "var(--fg-1)", sh: "var(--accent)" }; return {map[kind]}; } // ----- Tab bar ----- function StTabBar({ active }) { return (

● {active}

~ / portfolio / {active}

); } // ----- Hero ----- function StHero({ D, onJumpWork }) { return (

In [1]: cell · readme · 10/26

available to join immediately

{D.role} shipping
production GenAI &
embedded ML.

I'm {D.name}. Almost 5 years bridging enterprise integration and production AI across GenAI, LLMs, RAG, NLP, and computer vision, engineering deterministic validation and guardrails around probabilistic models.

based {D.location}

status ● {D.statusLine}

degree MSc Robotics & Embedded AI · Maynooth University

cloud AWS · GCP

say hello → resume.pdf ↓

); } // ----- Section divider ----- function StDivider({ label, title, file }) { return (

{label}

{title}

{file}

); } // ----- Featured ----- function StVisual({ kind }) { if (kind === "growmate") return ; if (kind === "flowguard") return ; if (kind === "depthlens") return ; if (kind === "discord") return ; return null; } function StLinks({ links }) { if (!links || !links.length) return null; return links.map((l) => ( e.stopPropagation()}>{l.label} )); } function StFeatured({ D, onOpen }) { const featured = D.projects.filter((p) => p.featured); return (

{featured.map((p, i) => (

fig. {String(i + 1).padStart(2, "0")} · {p.kind} {p.status && ● {p.status}} {p.year}

caption. {p.caption}

{p.name}

{p.sub}

{p.summary}

{p.results && (

// results

{p.results.map((r) => (

{r.v}

{r.k}

{r.note}

))}

)}

{p.tags.map((t) => {t})}

))}

); } // Behaviour tree live-tick figure (used in GrowMate-BT) function StBTFigure() { return (

// figure 2 · behaviour tree · live tick

); } // GrowMate — behaviour tree visualisation function StGrowMateDemo() { const [step, setStep] = useS3(0); useE3(() => { const id = setInterval(() => setStep((s) => (s + 1) % 5), 1100); return () => clearInterval(id); }, []); const stages = [ { l: "speech", v: "\u201cwater the tomatoes\u201d" }, { l: "intent", v: "{action: water, target: tomatoes}" }, { l: "tree", v: "Sequence \u2192 check_bounds \u2192 check_plant \u2192 MOVE \u2192 WATER" }, { l: "safety", v: "\u2713 in workspace \u00b7 \u2713 plant exists" }, { l: "ros2", v: "\u2192 /keyboard_topic [M 400 200 -100, D W 1, D W 0]" }, ]; const nodes = [ { x: 6, label: "check_bounds", on: step >= 3 }, { x: 105, label: "check_plant", on: step >= 3 }, { x: 204, label: "move_to", on: step >= 4 }, { x: 303, label: "water", on: step >= 4 }, ]; const NW = 91, rootX = 154, rootCx = rootX + 46; const cxOf = (n) => n.x + NW / 2; const busL = cxOf(nodes[0]); const busR = cxOf(nodes[nodes.length - 1]); return (

{stages.map((s, i) => (

{s.l}

{s.v}

))}

); } // FlowGuard — investigation workflow function StFlowGuardDemo() { const [step, setStep] = useS3(0); useE3(() => { const id = setInterval(() => setStep((x) => (x + 1) % 7), 1100); return () => clearInterval(id); }, []); const steps = [ { k: "triage", v: "orders-sync · HTTP 502 spike · sev2" }, { k: "evidence", v: "app logs · runbook RB-14 · API spec v3" }, { k: "trace", v: "orders-sync → pricing-api → erp-connector" }, { k: "root cause", v: "deploy #418 changed auth header schema" }, { k: "remediate", v: "rollback #418 · rotate connector token" }, { k: "approval", v: "awaiting on-call engineer" }, ]; return (

▲ incident INC-2291 scoped tools · audit on

{steps.map((s, i) => (

{i < step ? "✓" : i === step ? "›" : "·"} {s.k} {s.v}

))}

); } // Discord moderator — masked action policy function StDiscordDemo() { const [m, setM] = useS3(0); useE3(() => { const id = setInterval(() => setM((x) => (x + 1) % 3), 2200); return () => clearInterval(id); }, []); const msgs = [ { lang: "es", tox: 0.82, inf: 1, p: [0.04, 0.21, 0.58, 0.17, 0], mask: [0, 0, 0, 0, 1], pick: 2 }, { lang: "hi", tox: 0.12, inf: 0, p: [0.91, 0.09, 0, 0, 0], mask: [0, 0, 1, 1, 1], pick: 0 }, { lang: "de", tox: 0.95, inf: 4, p: [0, 0.02, 0.18, 0.31, 0.49], mask: [1, 0, 0, 0, 0], pick: 4 }, ]; const acts = ["allow", "warn", "delete", "timeout", "ban"]; const cur = msgs[m]; return (

obs ∈ ℝ⁴⁰³ lang: {cur.lang} xlm-r tox: {cur.tox.toFixed(2)} infractions: {cur.inf}

{acts.map((a, i) => (

{a} {cur.mask[i] ? "masked" : cur.p[i].toFixed(2)}

))}

); } // Live DepthLens-ish demo function StDepthDemo() { const [tick, setTick] = useS3(0); useE3(() => { const id = setInterval(() => setTick((x) => x + 1), 1500); return () => clearInterval(id); }, []); return (

person · 0.94 · 1.4m

chair · 0.81 · 2.1m

doorway · 0.76 · 3.6m

depth_anything_v2 · yolov8n · vlm-1.3b

24 fps · 18 ms

›{" "} person at 1.4m, chair to your right at 2.1m, doorway ahead{tick % 2 ? "_" : "."}

); } // ----- Experience ----- function StExperience({ D }) { return (

period role org · location focus

{D.experience.map((e) => (

{e.period} {e.role} {e.company} · {e.location} {e.tags.slice(0, 3).map((t) => {t})} +

{e.context &&

{e.context}

}

{e.tags.map((t) => {t})}

))}

); } // ----- Project grid ----- function StProjectGrid({ D, onOpen }) { const rest = D.projects.filter((p) => !p.featured); return (

{rest.map((p) => (

onOpen(p)} onKeyDown={(e) => (e.key === "Enter" || e.key === " ") && (e.preventDefault(), onOpen(p))} >

{p.kind} {p.year}

{p.name}

{p.sub}

{p.summary}

{p.tags.slice(0, 4).map((t) => {t})}

{p.links && p.links.length > 0 &&

}

))}

); } // ----- Skills + Education ----- function StSkillsEdu({ D }) { return (

// skills

{Object.entries(D.skills).map(([cat, arr]) => (

{cat}

{arr.map((s) => {s})}

))}

// certifications

{D.certifications.map((c, i) => (

[{String(i + 1).padStart(2, "0")}] {c.name} — {c.by}

))}

{D.languages && ( <>

// languages

{D.languages.map((l) => {l.name} · {l.level})}

)}

// education

{D.education.map((ed, i) => (

{ed.period}

{ed.degree}

{ed.honours &&

◆ {ed.honours}

}

{ed.school}

{ed.location}

{ed.coursework && (

{ed.coursework.map((c) => {c})}

)}

))}

); } // ----- Contact ----- function StContact({ D }) { return (

In [n]: cell · final

Let's build something useful.

Based in India, open to relocation, and available to join immediately. If you're hiring for applied AI, LLM systems, or production ML, I'd like to hear about it.

email {D.email} → linkedin {D.linkedin} ↗ github {D.github} ↗ resume Rishabh_Jain_Resume.pdf ↓

phone {D.phone}

); } function StFooter({ D }) { return ( ); } // ----- Status bar ----- function StStatusBar({ D, active }) { return (

● ready · ~/portfolio · {active}

UTF-8 · LF · spaces: 2 · Ln 42, Col 7

); } // ----- Project modal ----- function StProjectModal({ p, onClose }) { useE3(() => { const onKey = (e) => e.key === "Escape" && onClose(); window.addEventListener("keydown", onKey); return () => window.removeEventListener("keydown", onKey); }, [onClose]); return (

e.stopPropagation()}>

case-study/{p.id}.md

{p.kind} {p.year}

{p.name}

{p.sub}

{p.summary}

{p.problem && <>

// problem

{p.problem}

} {p.approach && <>

// approach

} {p.results && p.results.length > 0 && <>

// results

{p.results.map((r) => (

{r.v}

{r.k}

{r.note}

))}

} {p.authors && <>

// authors

{p.authors}

} {p.supervisor && <>

// supervision

{p.supervisor} · {p.institution}

} {p.sdg && <>

// broader impact

{p.sdg.map((s) => {s})}

} {p.stack && <>

// stack

{p.stack.map((s) => {s})}

} {p.links && p.links.length > 0 &&

}

); } window.StudioPortfolio = StudioPortfolio;

{D.role} shipping production GenAI & embedded ML.

{p.name}

Let's build something useful.

{p.name}

// problem

// approach

// results

// authors

// supervision

// broader impact

// stack

{D.role} shipping
production GenAI &
embedded ML.