Components
46 components in five groups. Each has named variants for its states and Title Case props for its text, links and images, so Framer Agent can place it, switch it and fill it without detaching anything.
Core · 8 components
Buttons, badges, status pills, the logo, kickers and avatars. Pick the variant, type the label, add the link.
7 variants · Label, Link, Show Arrow · Hover and Pressed states built in
Button · Primary
Button · Primary + Show Arrow
Button · Secondary
Button · Ghost
Button · Primary Small
Button · Secondary Small
6 variants · Label, Show Dot
Draft
Badge · Neutral
Live
Badge · Accent
Beta
Badge · Warm
Failed
Badge · Error
v2.4
Badge · Outline
4 variants · Label
All systems operational
Status Pill · Operational
Agent running
Status Pill · Running
Slower responses
Status Pill · Degraded
Run failed
Status Pill · Down
4 variants · Name, Link · rebrand once, every page follows
Logo · Full
3 variants · Number, Label
01
How it works
Section Kicker · Default
Pricing
Section Kicker · No Number
Avatar: 3 sizes · Image, Name · Avatar Stack: Image 1–4, Count Label
Avatar · Small 24
Avatar · Medium 32
Avatar · Large 48
+12
Avatar Stack · Default
Variants for Deep surfaces: closing CTAs, code panels, mockup chrome
Button · On Deep
Button · Ghost On Deep
New
Badge · On Deep
05
Get started
Logo · On Deep
Content · 20 components
Section headings, feature cards, stats, testimonials, steps, FAQs, blog and changelog parts, and the CTA band that closes every page.
3 variants · Kicker, Title, Body, Show Kicker, Show Body · opens every section
How it works
Halden agents carry a task from intake to done: they read the context, act in your tools, and stop for review where you tell them to.
Section Heading · Left
Pricing
Every plan includes a monthly run allowance. Extra runs bill at the usage rates below.
Section Heading · Center
4 variants · Icon, Title, Body · 3-up grids, Fill width
Agents pause at the steps you choose (refunds over $200, CRM merges, outbound email) and wait for a person to approve.
Feature Card · Card
Every input, tool call and decision is kept for 90 days, so you can see why the agent acted.
Feature Card · Platter
Swift sorts and tags. Deep handles multi-step reconciliation. Steady covers the rest.
Feature Card · Minimal
3 variants · Title, Body · checklists in 2 columns
Inputs, tool calls and decisions are kept for 400 days, searchable by ticket or invoice number.
Feature Row · Default
Approval rules by role
Feature Row · Compact
2 variants · Icon, Name, Category, Show Status
Tickets
Support desk
Connected
Integration Tile · Default
CRM
Connected
Integration Tile · Compact
3 variants · Kicker, Title, Body, Image · 3–5 highlighted capabilities
Run log
Replay any run to see what the agent read, which tools it called, and why it chose each step.
Bento Tile · Wide
Review
Refunds over $500 wait for approval, with the agent’s reasoning attached.
Bento Tile · Tall
Models
Choose a tier per step to balance speed and cost.
Bento Tile · Square
3 variants · Value, Label, Source, Show Source · every number gets a source
38%
fewer tickets escalated
Juniper Freight, first 90 days
Stat · Default
4.2 hrs
saved per reviewer each week
Monolake finance team, Q3 2026
Stat · Bordered
2 variants · Image, Name, Role, Link
Team Card · Default
Team Card · Compact
3 variants · Quote, Name, Role, Avatar · Editorial for one big quote, Card for a wall
We used to send one in five tickets to a senior agent. After three months on Halden it is closer to one in eight, and every refund over $200 still gets a person's sign-off.
Maya Okafor
Head of Support Ops, Juniper Freight
Testimonial Card · Card
Month-end close used to take our team four days. Now the agent matches the ledger overnight and we review the twelve it set aside.
Daniel Reyes
CFO, Monolake
Testimonial Card · Editorial
3 variants · Caption, Logo 1–8 · Row or Ticker under heroes, Grid as a proof section
Operations teams at these companies run on Halden
Brightmoor
juniper freight
Monolake
Pallas Health
Quarrystone
Verdant Ledger
Kettle & Co.
ostrava/labs
Logo Cloud · Row
Operations teams at these companies run on Halden
Brightmoor
juniper freight
Monolake
Pallas Health
Quarrystone
Verdant Ledger
Kettle & Co.
ostrava/labs
Logo Cloud · Ticker
3 variants · Number, Title, Body, Show Line · Timeline stacks with gap 0
01
Point Halden at your ticket queue, CRM and accounting system. Read-only access is enough to start.
Step · Vertical
02
Choose which steps need a person: refunds over $500, replies to key accounts.
Step · Horizontal
03
The agent works the queue and logs every step for review.
Step · Timeline
3 variants (Tab 1–3) · Label, Title, Body per tab · click a tab to switch
The agent reads each new ticket, checks order history, tags priority and drafts a reply. Anything involving a refund over $200 waits for a person.
Triage · #48213
Needs review
Read ticket and order history
0.8s
Tag priority: high, carrier delay
1.2s
Draft reply for review
2.4s
Tabs · Tab 1
2 variants · Question, Answer · stack with gap 0 and a flow effect
It stops and asks. Any step below your confidence threshold, or above a spend limit you set, goes to a review queue with the full run log attached. Nothing is sent until a person approves it.
No. Run data stays in your workspace and is deleted after your retention window.
FAQ Item · Open, then Closed
3 variants · Title, Text, Show Title · inside reading content
Review gates are on by default
Any step that moves money or messages a customer waits for approval. You can change thresholds per agent in Settings.
Callout · Note
Start with one queue
Pick the queue with the most repeat tickets. You will see results in a week.
Callout · Tip
Payments need a gate
Never let an agent move money without an approval step above your limit.
Callout · Warning
3 variants · Image, Category, Title, Excerpt, Meta, Link · Hover and Pressed states
2 variants · Date, Version, Title, Body, Image, Show Image, Tag 1–3
1 variant · Title, Meta, Link · Hover and Pressed states
Job Row · Default
Breadcrumbs: Crumb 1–3, links · Table of Contents: Title, Item 1–5, links
Breadcrumbs · Default
Table of Contents · Default
3 variants · Image, Caption, Title · frames screenshots and visuals
halden.app/runs
Media Frame · Browser
Run #4,281
Media Frame · App
Media Frame · Plain
3 variants · Title, Body, Primary Label/Link, Secondary Label/Link · closes every marketing page
Connect Tickets and CRM, set a review gate, and watch an agent work 200 real cases with every step logged. Most teams are live in under a week.
CTA Banner · Deep
Send us a week of anonymized tickets. We will show you what the agent would have done with each one.
CTA Banner · Soft
Setup guides, the review-gate model and the full API reference.
CTA Banner · Platter
Content variants for Deep surfaces
Agents pause at the steps you choose (refunds over $200, CRM merges, outbound email) and wait for a person to approve.
Feature Card · On Deep
38%
fewer tickets escalated
Juniper Freight, first 90 days
Stat · On Deep
Inputs, tool calls and decisions are kept for 400 days, searchable by ticket or invoice number.
Feature Row · On Deep
We used to send one in five tickets to a senior agent. After three months on Halden it is closer to one in eight, and every refund over $200 still gets a person's sign-off.
Maya Okafor
Head of Support Ops, Juniper Freight
Testimonial Card · On Deep
Conversion · 7 components
Seat pricing cards, a usage table built from rows, a plan comparison, and real forms with loading, success and error states.
AI Product · 8 components
A prompt box, run steps, tool calls, chat, code and sourced benchmarks: the parts an AI product page needs and a generic kit lacks.
3 variants · Text, Placeholder, Status · the hero composer, nests the Model Picker
Reconcile last week's invoices against the warehouse ledger and flag anything over $500 for review
Prompt Box · Default
Prompt Box · Running
Ask Halden to handle a task…
Prompt Box · Empty
3 variants · Text, Name, Time · conversation demos
Reconcile last week’s invoices and flag anything over $500.
Chat Message · User
Chat Message · Agent
5 variants · Title, Detail, Duration, Show Line · stack with gap 0, Show Line off on the last row
Matched invoices to the ledger
1.2s
214 of 226 matched · 12 set aside for a human
Fetch statement from the bank feed
30s
Timed out after 30s · retrying
Drafting notes for 12 exceptions
running
4 of 12 drafted
Post the summary to Chat
queued
Starts after review
Run Step · Done, Needs Review, Failed, Running, Queued
4 variants · Tool, Args, Duration, Error · one traced tool call
search_tickets
1.2s
status: open · priority: high · limit: 50
Tool Call · Done
match_invoices
running…
period: Oct 1–7 · tolerance: $0.50
Tool Call · Running
issue_refund
Review
waiting
amount: $1,240 · customer: Kettle & Co.
Tool Call · Needs Review
fetch_statement
1.2s
source: bank feed · range: Oct 1–7
Timed out after 30s · retrying with a smaller batch
Tool Call · Failed
2 variants · Filename, Code (leave empty for the highlighted sample) · always Deep
runs.ts
// Hand refunds to an agent, keep a human on big ones
import { Halden } from "@halden/sdk"
const halden = new Halden(process.env.HALDEN_KEY)
const run = await halden.runs.create({
agent: "refunds", input,
review: { above: 500 },
})
Code Block · Code
terminal
$ halden deploy refunds-agent
Bundled 14 tools · 3 review gates
Eval passed · 72% resolved on 1,200 tickets
Deployed refunds-agent v14 to production
$ halden runs tail refunds-agent
09:41:07 triage_ticket done 0.8s
09:41:09 issue_refund review $612.00
Code Block · Terminal
2 variants · Title, Source, Row 1–4 Label and Value · always name the eval and date
Internal eval · 1,200 real tickets · Oct 2026
Halden (Steady)
72%
Baseline agent
51%
Rules engine
44%
Human-only queue
38%
Benchmark Chart · Default
Model Picker: 2 variants · Selected Label, Selected Meta · Citation Chip: Number, Source, Link
Model Picker · Closed
Model Picker · Open (menu floats below)
Model
Swift
32k
Quick replies for routine triage
Steady
200k
Balanced for most workflows
Deep
1M
Careful multi-step reasoning
Citation Chip · Default (Hover state built in)
AI Product variants for Deep surfaces
Internal eval · 1,200 real tickets · Oct 2026
Halden (Steady)
72%
Baseline agent
51%
Rules engine
44%
Human-only queue
38%
Benchmark Chart · On Deep
AI visuals · 6 code components
Six code components that show an agent at work. They read the color styles, so light, dark and /rebrand apply, and every message, step and label is a prop.
Chat with tool calls, a cited source and a review gate. The default hero visual.
Parallel sub-agents work through one task and merge into a single summary.
A step fails, the run shows what it kept, then offers ways to resume.
An agent operating a web app step by step, with Pause and Take over.
A runs list with live status and an approval that waits for you.
A composer with @context mentions, /commands and a context ring.
