CS CoE Prototypes

Frontend prototypes for internal tools. Each prototype is a self-contained React application that can be developed independently.

Agenecy Hackathon

Explore eight agentic workspace concepts comparing different ways to organize solution discovery, Builder/Scientist/IT modes, chat history, collaboration, workflow execution, files, and tool activity.

8 stepsSource: Agenecy hackathon collection

Re-Agent

Agent chat interface with a left sidebar of source links (repos, docs, APIs) and a main chat panel that connects to the Agency agent backend. Streams replies token by token with tool-call badges and per-answer source citations. The backend is mocked behind a single sendToAgency() seam, so a real transport can be wired in without touching the UI.

1 stepsSource: Agency (agent backend, mocked)

Agentic Workbench

Multi-pane agentic workspace for target druggability assessment. Features resizable and expandable panels: T&D execution workflow, skills library, agent conversation with chat, workspace files, agent reasoning path, knowledge-based scoring report, and AI-generated summary. All panes can be resized, expanded, and rearranged.

6 stepsSource: CS CoE (agentic prototype)

SFO Membrane

Interactive 3D visualization of live air traffic around SFO. Flights rendered as particles passing through a semi-transparent membrane representing SFO airspace. Pulls real-time ADS-B data from adsb.lol with mock fallback.

1 stepsSource: ADS-B Exchange (adsb.lol)

IDEA Search

Integrated Data and Evidence Access search interface. Queries across 14 enterprise data sources including MDMS, GDSR, PubMed, Confluence, and Veeva QualityDocs. Features category tabs, source filter sidebar, and result cards with metadata badges.

3 stepsSource: search.roche.com (Sinequa)

Orbital Dashboard

Model performance metrics, drill-down by chemical series, predicted-vs-actual scatter plots, and batch inference interface for Orbital classification and regression models.

4 stepsSource: Orbital API

SCROLL — Pipeline Catalog

Standardized Catalog for Reproducible workfLow Orchestration Library. Browse bioinformatics pipelines with sidebar filters, sortable data table, and detail view. Rebuilt from a Streamlit app using @cs-coe registry components.

2 stepsSource: code.roche.com (SCROLL Streamlit)

Target Nexus — Target Qualification

This prototype has graduated to its own project. Reach out in #target-nexus-community on Slack for access.

0 stepsSource: Moved

Project PUZLE — Data Transfer Dashboard

Real-time operational dashboard for COMET data transfers. Tracks transfer metrics, Jira requests (GREDDATA/DATAPLAN/DATAPROC), processing pipelines, and study-level data flow. Includes PuBot AI assistant for natural language queries. Four views: Home, Internal Operations, Study Explorer, and PuBot chat.

4 stepsSource: code.roche.com (project-puzle react-testing)

FoxCub

Molecular design UI for scaffold enumeration. Enter a molecule by gNumber, Roche ID, or SMILES, select a scaffold, run enumerations, then apply physicochemical property filters. Shows a funnel of how many molecules are lost at each filter stage and a table of the final output.

3 stepsSource: FoxCub (enumeration + filtering)

IVT mRNA Registration

Guided 8-step workflow for registering in vitro transcribed mRNA molecules. Enter plasmid UIDs, retrieve DNA sequences, select primers, run virtual PCR, configure mRNA options (T-to-U conversion, 5' cap, 3' tail), verify HELM strings, and register molecules. Rebuilt from an R Shiny app.

8 stepsSource: code.roche.com (psi-shiny/ivtmrna)

UX Opportunity Dashboard

Landscape view of 21 internal apps on code.roche.com. Catalogs each app's framework, design system, accessibility, responsive design, TypeScript, testing, CI/CD, and design token adoption. Highlights high-opportunity apps that could benefit from CS CoE Frontend.

0 stepsSource: code.roche.com (GitLab API survey)

PSI Insights

Protein Sciences analytics dashboard. Tracks protein production cases, DNA inventory requests, and GRASS expression experiments. Features filterable data tables with CSV export, interactive Recharts visualizations (donut, bar, time series), and hierarchical sidebar navigation. Rebuilt from an R Shiny app.

5 stepsSource: code.roche.com (psi-shiny/psiinsights)