dashboard-openui-parity

name

dashboard-openui-parity

description

Use whenever a dashboard page changes — editing any src/apps/dashboard/src/pages/*.tsx or the shared components in src/apps/dashboard/src/components.tsx, or when adding/removing a route in main.tsx. The dashboard renders every page two ways (a compiled/interpreted toggle): hand-written React (compiled) and a committed OpenUI Lang program run live through the official @openuidev Renderer (interpreted). The two must stay at parity. This skill is the loop for updating the matching src/slm_training/web/static/openui/<slug>.openui program, the interpreted-mode library/toolProvider, and re-validating. Also use when a .openui program, src/apps/dashboard/src/interpret/*, or the page manifest is edited.

Dashboard OpenUI parity (keep compiled ↔ interpreted in sync)

The dashboard ships two renderers for the same pages, switchable at runtime by the sidebar ◈ Compiled / ◇ Interpreted toggle (localStorage "slm-mode", data-mode on :root):

• compiled — the hand-written React pages under src/apps/dashboard/src/pages/*.tsx.
• interpreted — the committed OpenUI Lang programs under src/slm_training/web/static/openui/<slug>.openui, fetched and run live through the official @openuidev/react-lang <Renderer> with the dashboard's hybrid component library and /api tool provider (src/apps/dashboard/src/interpret/).

They must render the same thing. When you change a page, update its .openui program too, or the two drift and interpreted mode is wrong.

Interpreted-mode moving parts

File	Role