OpenFn Lightning, in React

A clickable replica of OpenFn Lightning's UI, page for page, as a plain React app with no backend. It started life as an information architecture (iA) experiment; it now mirrors Lightning 1:1 so it can be cross-referenced with the behaviour audit in Lightning's annotations/ folder and then wired up to the real backend.

• Every route is a Lightning URL. src/App.tsx lists them, each commented with its id from the audit's annotations/INVENTORY.md.
• Every page renders from static fixtures in src/mock-data/, modelled on Lightning's demo seed. Buttons that would talk to a server only change local state.
• The look is Lightning's own: its side menu, header, buttons, tables and modals, its primary/secondary colour names and its hero-* icon classes. The Style Picker (bottom right) can re-skin it; Lightning v2 is the default.

Running it

npm install
npm run dev              # the app
npm run storybook        # the component library on :6006
npm run build            # typecheck and build
npm run lint

The app uses hash routing, so a page's address looks like /#/projects/<project-id>/history.

See CLAUDE.md for how the code is organised and the rules for adding pages and components.