Invoicing Example

Walkthrough: streamed answers, model-chosen components, and one approval for a payment that covers two invoices.

The maintained example uses React, Hashbrown, B4 and Pretable to explore a simulated ledger, answer questions with generated UI, and review payment allocations before applying them. All data and allocations are simulated.

Try the app or read the source and setup guide.

Run locally

Clone the repository and install its dependencies:

git clone https://github.com/liveloveapp/hashbrown.git
cd hashbrown
nvm use
npm ci

Create an environment file containing OPENAI_API_KEY, then start the server:

INVOICING_ENV_FILE=/path/to/.env npx nx serve invoicing-server

In another terminal, start the React frontend:

npx nx serve invoicing-react

Open http://127.0.0.1:4326/. Credentials are loaded only by the server.

Framework guidance

The public example is a React application. Angular and React protocol coverage lives in internal conformance hosts within the example's end-to-end suite. For framework integration, follow the Angular quickstart or React quickstart. The standalone UI chatbot recipe remains available.

The former Smart Home example has been retired.