AI blocks
BHD AI blocks v1

Everything an agent shows mid-conversation.

Thirteen blocks plus the wait orb. Vanilla CSS on BHD tokens, so they inherit both themes and every brand recolour. Logical properties throughout, so they mirror in Arabic: press RTL above and watch. No emoji, icons are inline SVG.

Each card copies its own markup. Load tokens.css, ai.css and ai.js, then paste.

Thinking and reasoning

What the model is doing before it has an answer.

Costing the quote 0s
Reading the quote lines and the customer's price level.
The 6.5oz cup is costing at the 8oz paper yield, so the margin is understated.
Recomputing at 6-up and checking the royalty line.

Tool and action states

What a tool call looks like while it runs and after it lands.

Searching Oman VAT on printed matter
costEngine.js +2-1
41 const yield = map[size];
42-return sheet / 6;
42+if (!yield) throw new Error('no yield');
43+return sheet / yield;
1024 × 1024
Generating image
“8oz cup on a white studio backdrop”

Text outputs

The answer itself, while it arrives and once it has.

The July loss is not real. Five posting defects explain it, and inventory 1200 is the largest.

Purchases are expensed on payment and never enter stock, so closingStock lands negative.

Printed matter is standard rated at 5%1, and the E and T levy sits inside the VAT base since 15 July2.

  1. VAT Law, Royal Decree 121/2020taxoman.gov.om
  2. Asyad levy circularasyadgroup.com
omr.js
1// OMR carries 3 decimals, always.
2export const omr = (n) => n.toFixed(3);

Structured outputs

Work the agent is tracking, and numbers it is comparing.

Quote QUO-05524 2 / 5
  • Price the cup lines
  • Check the customer's price level
  • Attach the artwork proof
  • Send for approval
  • Convert to a sale order
SizeUpCost
4oz80.012
6.5oz60.017
8oz60.019
RouteIn houseOutsourced
Set-up costLowNone
Lead time2 days9 days
Min order1,00010,000

Rich and interactive

Where the person types back.

Enter sends. Shift and Enter break the line.