Live primitives

APIs you can click

This chrome is a nested layout chain. Desk pages sit in two shells; Motion, Canvas, and Errors use the outer shell. Sibling navigations keep parent controllers mounted.

nc-error-boundary

Wrap a region (or the whole shell) so child, route, and unhandled errors render a fallback instead of a blank page. Call catchError() from a controller when you already caught the failure. reset() restores the original slotted content.

API: /api/components/nc-error-boundary. Catalog: /components.

Shell wrap

<nc-error-boundary mode="dev"> <div id="app" class="minimal-shell">...</div> </nc-error-boundary>

Scaffold production builds swap mode="dev" to mode="production". Existing apps pick up the tag with npm run sync:components, then wrap index.html once.

Catch and reset

this.boundary.catchError(new Error('Load failed'), { source: 'component' }); this.boundary.reset();

Live example

This slot is the healthy child tree.

Catch an error

Reset

Idle — no error yet.