Build a dashboard

“Build a Next.js dashboard for our ThinnestAI workspace: today’s conversations by channel, calls with their outcome and summary, and new leads. Store everything in our Postgres and keep it up to date with webhooks.”

​

Ask for numbers directly

“How many replies have we used this month, and what is our balance?”

“Which questions did the support agent fail to answer in the last 30 days?”

“How many calls did we miss last week, and what did calls cost?”

​

The rules it should follow

• Server side only. The dashboard’s backend calls the API with a key from its environment. Never put the key in browser code — it can message your customers.
• Webhooks for live data, the API to backfill. Subscribe to call.analysed, lead.captured, conversation.escalated and conversation.resolved, and write each into your own tables. Page through the lists once to fill history.
• Page with the cursor. Lists answer { "items": [...], "nextCursor": ... }, newest first; pass cursor back to continue, limit up to 100.
• Stay under 240 requests a minute. A 429 says how long to wait. Sync incrementally rather than re-reading everything.
• Store ids as given — they are prefixed strings (conv_…, cust_…).

​

A schema to mirror into

create table conversations (id text primary key, channel text, status text, contact text, created_at timestamptz);
create table messages      (id text primary key, conversation text, author text, text text, created_at timestamptz);
create table calls         (id text primary key, agent text, status text, seconds int,
                            summary text, fields jsonb, transcript jsonb, started_at timestamptz);
create table leads         (conversation text, name text, email text, phone text, note text, received_at timestamptz);

​

Useful reads