designs/dashboard.pen
Rama main · réplica de lectura del repositorio original.
{
"version": "2.22",
"children": [
{
"id": "MHGSm",
"type": "ref",
"ref": "ui:Z4xcv",
"name": "Label · Overview",
"x": 0,
"y": 0,
"width": 9140,
"theme": {
"ui:mode": "light"
},
"descendants": {
"ui:E87RGF": {
"content": "Overview"
},
"ui:G8OhZ": {
"content": "Draft"
},
"ui:SH1DB": {
"content": "/workspaces/:workspaceId"
},
"ui:z4SKuT": {
"content": "Left → right: Default (with data) · New workspace (setup checklist) · Collapsed nav (64px icon rail, tooltip on hover, sections become dividers; PanelLeftClose/Open toggles, remembered per browser). SaaS-only: invoice subtitle + cost panel. Needs backend: handled-by, latency, cost, semantic ended reasons."
}
}
},
{
"id": "OGg4x",
"type": "ref",
"ref": "ui:aqOKa",
"name": "Overview / Default",
"x": 0,
"y": 220,
"theme": {
"ui:mode": "dark"
},
"descendants": {
"ui:jzgJQ": {
"fill": "$ui:--sidebar-accent"
},
"ui:jzgJQ/ui:xGT5g": {
"fill": "$ui:--sidebar-accent-foreground"
},
"ui:jzgJQ/ui:TXca3": {
"fill": "$ui:--sidebar-accent-foreground"
},
"ui:gOtUO": {
"children": [
{
"type": "frame",
"id": "Sk9SD",
"name": "Content",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 20,
"padding": [
28,
32
],
"children": [
{
"type": "frame",
"id": "vYgGc",
"name": "Page header",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "dnAKh",
"name": "Title",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "text",
"id": "tsrCL",
"name": "Overview",
"fill": "$ui:--foreground",
"content": "Overview",
"fontFamily": "$ui:--font-secondary",
"fontSize": 22,
"fontWeight": "600"
},
{
"type": "text",
"id": "m4oWFw",
"name": "Subtitle",
"fill": "$ui:--muted-foreground",
"content": "Numbers here reconcile 1:1 with your invoice.",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "Mbs0Z",
"name": "Header actions",
"gap": 12,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "Q9VYty",
"name": "Range",
"fill": "$ui:--muted",
"cornerRadius": 10,
"gap": 2,
"padding": 3,
"children": [
{
"type": "frame",
"id": "gFBw0",
"name": "Range Today",
"fill": "#00000000",
"cornerRadius": 8,
"padding": [
6,
12
],
"children": [
{
"type": "text",
"id": "A4HgSO",
"name": "Today",
"fill": "$ui:--muted-foreground",
"content": "Today",
"fontFamily": "$ui:--font-primary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "fjbZc",
"name": "Range 7d",
"fill": "#00000000",
"cornerRadius": 8,
"padding": [
6,
12
],
"children": [
{
"type": "text",
"id": "Mlmx6",
"name": "7d",
"fill": "$ui:--muted-foreground",
"content": "7d",
"fontFamily": "$ui:--font-primary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "WBXFP",
"name": "Range 30d",
"fill": "$ui:--card",
"cornerRadius": 8,
"padding": [
6,
12
],
"children": [
{
"type": "text",
"id": "Mw18A",
"name": "30d",
"fill": "$ui:--foreground",
"content": "30d",
"fontFamily": "$ui:--font-primary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "Wsxsj",
"name": "Range Custom",
"fill": "#00000000",
"cornerRadius": 8,
"padding": [
6,
12
],
"children": [
{
"type": "text",
"id": "v9Yoz",
"name": "Custom",
"fill": "$ui:--muted-foreground",
"content": "Custom",
"fontFamily": "$ui:--font-primary",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"id": "Aew6l",
"type": "ref",
"ref": "ui:ZETEA",
"name": "Create agent",
"descendants": {
"ui:q5Hn5": {
"content": "Create agent"
}
}
}
]
}
]
},
{
"type": "frame",
"id": "mMo0Y",
"name": "KPIs",
"width": "fill_container",
"gap": 16,
"children": [
{
"type": "frame",
"id": "D6img",
"name": "KPI Calls",
"width": "fill_container",
"fill": "$ui:--card",
"cornerRadius": 12,
"stroke": "$ui:--border",
"strokeWidth": 1,
"strokeAlignment": "inner",
"layout": "vertical",
"gap": 10,
"padding": [
16,
18
],
"children": [
{
"type": "text",
"id": "Cw3Ue",
"name": "Calls",
"fill": "$ui:--muted-foreground",
"content": "Calls",
"fontFamily": "$ui:--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "aNNau",
"name": "Value row",
"gap": 8,
"alignItems": "end",
"children": [
{
"type": "text",
"id": "P2WDN",
"name": "Value",
"fill": "$ui:--foreground",
"content": "12,480",
"fontFamily": "$ui:--font-primary",
"fontSize": 24,
"fontWeight": "500"
},
{
"type": "text",
"id": "VjSkY",
"name": "Delta",
"fill": "$ui:accent-text",
"content": "+8.2%",
"fontFamily": "$ui:--font-primary",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "zmWsG",
"name": "KPI Minutes",
"width": "fill_container",
"fill": "$ui:--card",
"cornerRadius": 12,
"stroke": "$ui:--border",
"strokeWidth": 1,
"strokeAlignment": "inner",
"layout": "vertical",
"gap": 10,
"padding": [
16,
18
],
"children": [
{
"type": "text",
"id": "z3Fxss",
"name": "Minutes",
"fill": "$ui:--muted-foreground",
"content": "Minutes",
"fontFamily": "$ui:--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "NT7T8",
"name": "Value row",
"gap": 8,
"alignItems": "end",
"children": [
{
"type": "text",
"id": "qNguO",
"name": "Value",
"fill": "$ui:--foreground",
"content": "38,214",
"fontFamily": "$ui:--font-primary",
"fontSize": 24,
"fontWeight": "500"
},
{
"type": "text",
"id": "scmGC",
"name": "Delta",
"fill": "$ui:accent-text",
"content": "+5.1%",
"fontFamily": "$ui:--font-primary",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "Q9asNZ",
"name": "KPI Spend",
"width": "fill_container",
"fill": "$ui:--card",
"cornerRadius": 12,
"stroke": "$ui:--border",
"strokeWidth": 1,
"strokeAlignment": "inner",
"layout": "vertical",
"gap": 10,
"padding": [
16,
18
],
"children": [
{
"type": "text",
"id": "I0TtWy",
"name": "Spend",
"fill": "$ui:--muted-foreground",
"content": "Spend",
"fontFamily": "$ui:--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "yjnUR",
"name": "Value row",
"gap": 8,
"alignItems": "end",
"children": [
{
"type": "text",
"id": "bNZV4",
"name": "Value",
"fill": "$ui:--foreground",
"content": "$1,146.20",
"fontFamily": "$ui:--font-primary",
"fontSize": 24,
"fontWeight": "500"
},
{
"type": "text",
"id": "XAoNJ",
"name": "Delta",
"fill": "$ui:--muted-foreground",
"content": "+3.4%",
"fontFamily": "$ui:--font-primary",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "jc9ms",
"name": "KPI Avg cost / call",
"width": "fill_container",
"fill": "$ui:--card",
"cornerRadius": 12,
"stroke": "$ui:--border",
"strokeWidth": 1,
"strokeAlignment": "inner",
"layout": "vertical",
"gap": 10,
"padding": [
16,
18
],
"children": [
{
"type": "text",
"id": "b8dqO0",
"name": "Avg cost / call",
"fill": "$ui:--muted-foreground",
"content": "Avg cost / call",
"fontFamily": "$ui:--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "f8irx",
"name": "Value row",
"gap": 8,
"alignItems": "end",
"children": [
{
"type": "text",
"id": "FM9kg",
"name": "Value",
"fill": "$ui:--foreground",
"content": "$0.092",
"fontFamily": "$ui:--font-primary",
"fontSize": 24,
"fontWeight": "500"
},
{
"type": "text",
"id": "P15F8o",
"name": "Delta",
"fill": "$ui:accent-text",
"content": "−4.6%",
"fontFamily": "$ui:--font-primary",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "Z72bk",
"name": "KPI P50 response",
"width": "fill_container",
"fill": "$ui:--card",
"cornerRadius": 12,
"stroke": "$ui:--border",
"strokeWidth": 1,
"strokeAlignment": "inner",
"layout": "vertical",
"gap": 10,
"padding": [
16,
18
],
"children": [
{
"type": "text",
"id": "RIbxN",
"name": "P50 response",
"fill": "$ui:--muted-foreground",
"content": "P50 response",
"fontFamily": "$ui:--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "PgKbo",
"name": "Value row",
"gap": 8,
"alignItems": "end",
"children": [
{
"type": "text",
"id": "dHUOz",
"name": "Value",
"fill": "$ui:--foreground",
"content": "780 ms",
"fontFamily": "$ui:--font-primary",
"fontSize": 24,
"fontWeight": "500"
},
{
"type": "text",
"id": "kCBto",
"name": "Delta",
"fill": "$ui:accent-text",
"content": "−60 ms",
"fontFamily": "$ui:--font-primary",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "dgaLI",
"name": "Charts row",
"width": "fill_container",
"gap": 16,
"children": [
{
"type": "frame",
"id": "gkCfi",
"name": "Call volume",
"width": "fill_container",
"fill": "$ui:--card",
"cornerRadius": 12,
"stroke": "$ui:--border",
"strokeWidth": 1,
"strokeAlignment": "inner",
"layout": "vertical",
"gap": 16,
"padding": 20,
"children": [
{
"type": "frame",
"id": "UXhMj",
"name": "Panel header",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "KzDBw",
"name": "Call volume",
"fill": "$ui:--foreground",
"content": "Call volume",
"fontFamily": "$ui:--font-secondary",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "text",
"id": "aHqp4",
"name": "Inbound / Outbound · 30d",
"fill": "$ui:--muted-foreground",
"content": "Inbound / Outbound · 30d",
"fontFamily": "$ui:--font-primary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "Uw0Cu",
"name": "Bars",
"width": "fill_container",
"height": 180,
"gap": 6,
"alignItems": "end",
"children": [
{
"type": "frame",
"id": "grP2a",
"name": "Day 1",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": [
3,
3,
0,
0
],
"id": "n39RX",
"name": "Outbound",
"fill": "$ui:base-06",
"width": "fill_container",
"height": 22
},
{
"type": "rectangle",
"cornerRadius": [
0,
0,
3,
3
],
"id": "s9xeki",
"name": "Inbound",
"fill": "$ui:text-muted",
"width": "fill_container",
"height": 50.4
}
]
},
{
"type": "frame",
"id": "C0Cp9",
"name": "Day 2",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": [
3,
3,
0,
0
],
"id": "r6vHJA",
"name": "Outbound",
"fill": "$ui:base-06",
"width": "fill_container",
"height": 19.8
},
{
"type": "rectangle",
"cornerRadius": [
0,
0,
3,
3
],
"id": "p2OSA",
"name": "Inbound",
"fill": "$ui:text-muted",
"width": "fill_container",
"height": 66
}
]
},
{
"type": "frame",
"id": "Bt5a6",
"name": "Day 3",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": [
3,
3,
0,
0
],
"id": "f5J98s",
"name": "Outbound",
"fill": "$ui:base-06",
"width": "fill_container",
"height": 27.500000000000004
},
{
"type": "rectangle",
"cornerRadius": [
0,
0,
3,
3
],
"id": "l2CSq",
"name": "Inbound",
"fill": "$ui:text-muted",
"width": "fill_container",
"height": 57.599999999999994
}
]
},
{
"type": "frame",
"id": "hK5zg",
"name": "Day 4",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": [
3,
3,
0,
0
],
"id": "re419",
"name": "Outbound",
"fill": "$ui:base-06",
"width": "fill_container",
"height": 24.200000000000003
},
{
"type": "rectangle",
"cornerRadius": [
0,
0,
3,
3
],
"id": "hfTxX",
"name": "Inbound",
"fill": "$ui:text-muted",
"width": "fill_container",
"height": 73.2
}
]
},
{
"type": "frame",
"id": "yzUVm",
"name": "Day 5",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": [
3,
3,
0,
0
],
"id": "EmfjY",
"name": "Outbound",
"fill": "$ui:base-06",
"width": "fill_container",
"height": 33
},
{
"type": "rectangle",
"cornerRadius": [
0,
0,
3,
3
],
"id": "M7mqw",
"name": "Inbound",
"fill": "$ui:text-muted",
"width": "fill_container",
"height": 84
}
]
},
{
"type": "frame",
"id": "UgXVM",
"name": "Day 6",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": [
3,
3,
0,
0
],
"id": "OhPYf",
"name": "Outbound",
"fill": "$ui:base-06",
"width": "fill_container",
"height": 11
},
{
"type": "rectangle",
"cornerRadius": [
0,
0,
3,
3
],
"id": "L9IDf",
"name": "Inbound",
"fill": "$ui:text-muted",
"width": "fill_container",
"height": 45.6
}
]
},
{
"type": "frame",
"id": "z7AT4",
"name": "Day 7",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": [
3,
3,
0,
0
],
"id": "TvxiE",
"name": "Outbound",
"fill": "$ui:base-06",
"width": "fill_container",
"height": 8.8
},
{
"type": "rectangle",
"cornerRadius": [
0,
0,
3,
3
],
"id": "NoLOX",
"name": "Inbound",
"fill": "$ui:text-muted",
"width": "fill_container",
"height": 36
}
]
},
{
"type": "frame",
"id": "z1E0Z",
"name": "Day 8",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": [
3,
3,
0,
0
],
"id": "S3OjOm",
"name": "Outbound",
"fill": "$ui:base-06",
"width": "fill_container",
"height": 26.400000000000002
},
{
"type": "rectangle",
"cornerRadius": [
0,
0,
3,
3
],
"id": "L5fX6",
"name": "Inbound",
"fill": "$ui:text-muted",
"width": "fill_container",
"height": 62.4
}
]
},
{
"type": "frame",
"id": "J2hnH",
"name": "Day 9",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": [
3,
3,
0,
0
],
"id": "gKpYw",
"name": "Outbound",
"fill": "$ui:base-06",
"width": "fill_container",
"height": 30.800000000000004
},
{
"type": "rectangle",
"cornerRadius": [
0,
0,
3,
3
],
"id": "tlbA4",
"name": "Inbound",
"fill": "$ui:text-muted",
"width": "fill_container",
"height": 79.2
}
]
},
{
"type": "frame",
"id": "xpEWz",
"name": "Day 10",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": [
3,
3,
0,
0
],
"id": "N75UK",
"name": "Outbound",
"fill": "$ui:base-06",
"width": "fill_container",
"height": 38.5
},
{
"type": "rectangle",
"cornerRadius": [
0,
0,
3,
3
],
"id": "d1pJLJ",
"name": "Inbound",
"fill": "$ui:text-muted",
"width": "fill_container",
"height": 86.39999999999999
}
]
},
{
"type": "frame",
"id": "LY0Sc",
"name": "Day 11",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": [
3,
3,
0,
0
],
"id": "DQbmM",
"name": "Outbound",
"fill": "$ui:base-06",
"width": "fill_container",
"height": 33
},
{
"type": "rectangle",
"cornerRadius": [
0,
0,
3,
3
],
"id": "r6QDkN",
"name": "Inbound",
"fill": "$ui:text-muted",
"width": "fill_container",
"height": 96
}
]
},
{
"type": "frame",
"id": "EA7mx",
"name": "Day 12",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": [
3,
3,
0,
0
],
"id": "T3s9DG",
"name": "Outbound",
"fill": "$ui:base-06",
"width": "fill_container",
"height": 13.200000000000001
},
{
"type": "rectangle",
"cornerRadius": [
0,
0,
3,
3
],
"id": "T2lUXt",
"name": "Inbound",
"fill": "$ui:text-muted",
"width": "fill_container",
"height": 54
}
]
},
{
"type": "frame",
"id": "u8loqz",
"name": "Day 13",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": [
3,
3,
0,
0
],
"id": "z7RpMP",
"name": "Outbound",
"fill": "$ui:base-06",
"width": "fill_container",
"height": 11
},
{
"type": "rectangle",
"cornerRadius": [
0,
0,
3,
3
],
"id": "InI8Q",
"name": "Inbound",
"fill": "$ui:text-muted",
"width": "fill_container",
"height": 43.199999999999996
}
]
},
{
"type": "frame",
"id": "i18l7A",
"name": "Day 14",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": [
3,
3,
0,
0
],
"id": "Y8wHC",
"name": "Outbound",
"fill": "$ui:base-06",
"width": "fill_container",
"height": 28.6
},
{
"type": "rectangle",
"cornerRadius": [
0,
0,
3,
3
],
"id": "m08dh1",
"name": "Inbound",
"fill": "$ui:text-muted",
"width": "fill_container",
"height": 69.6
}
]
},
{
"type": "frame",
"id": "KMIsp",
"name": "Day 15",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": [
3,
3,
0,
0
],
"id": "rsgVf",
"name": "Outbound",
"fill": "$ui:base-06",
"width": "fill_container",
"height": 36.300000000000004
},
{
"type": "rectangle",
"cornerRadius": [
0,
0,
3,
3
],
"id": "J8xm6U",
"name": "Inbound",
"fill": "$ui:text-muted",
"width": "fill_container",
"height": 88.8
}
]
},
{
"type": "frame",
"id": "RhAYN",
"name": "Day 16",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": [
3,
3,
0,
0
],
"id": "hjMBb",
"name": "Outbound",
"fill": "$ui:base-06",
"width": "fill_container",
"height": 44
},
{
"type": "rectangle",
"cornerRadius": [
0,
0,
3,
3
],
"id": "j9lxH",
"name": "Inbound",
"fill": "$ui:text-muted",
"width": "fill_container",
"height": 98.39999999999999
}
]
},
{
"type": "frame",
"id": "Avt2e",
"name": "Day 17",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": [
3,
3,
0,
0
],
"id": "Dkl6J",
"name": "Outbound",
"fill": "$ui:base-06",
"width": "fill_container",
"height": 41.800000000000004
},
{
"type": "rectangle",
"cornerRadius": [
0,
0,
3,
3
],
"id": "ywzam",
"name": "Inbound",
"fill": "$ui:text-muted",
"width": "fill_container",
"height": 92.39999999999999
}
]
},
{
"type": "frame",
"id": "NlIMa",
"name": "Day 18",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": [
3,
3,
0,
0
],
"id": "ZGHI0",
"name": "Outbound",
"fill": "$ui:base-06",
"width": "fill_container",
"height": 46.2
},
{
"type": "rectangle",
"cornerRadius": [
0,
0,
3,
3
],
"id": "MoaCr",
"name": "Inbound",
"fill": "$ui:text-muted",
"width": "fill_container",
"height": 108
}
]
},
{
"type": "frame",
"id": "WueCp",
"name": "Day 19",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": [
3,
3,
0,
0
],
"id": "oQCjm",
"name": "Outbound",
"fill": "$ui:base-06",
"width": "fill_container",
"height": 16.5
},
{
"type": "rectangle",
"cornerRadius": [
0,
0,
3,
3
],
"id": "djl5B",
"name": "Inbound",
"fill": "$ui:text-muted",
"width": "fill_container",
"height": 60
}
]
},
{
"type": "frame",
"id": "LQbwW",
"name": "Day 20",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": [
3,
3,
0,
0
],
"id": "TH6cm",
"name": "Outbound",
"fill": "$ui:base-06",
"width": "fill_container",
"height": 13.200000000000001
},
{
"type": "rectangle",
"cornerRadius": [
0,
0,
3,
3
],
"id": "mVznl",
"name": "Inbound",
"fill": "$ui:text-muted",
"width": "fill_container",
"height": 49.199999999999996
}
]
},
{
"type": "frame",
"id": "fbYfB",
"name": "Day 21",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": [
3,
3,
0,
0
],
"id": "P2qvSi",
"name": "Outbound",
"fill": "$ui:base-06",
"width": "fill_container",
"height": 33
},
{
"type": "rectangle",
"cornerRadius": [
0,
0,
3,
3
],
"id": "Df4Mx",
"name": "Inbound",
"fill": "$ui:text-muted",
"width": "fill_container",
"height": 75.6
}
]
},
{
"type": "frame",
"id": "uQ0SG",
"name": "Day 22",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": [
3,
3,
0,
0
],
"id": "N2S2pT",
"name": "Outbound",
"fill": "$ui:base-06",
"width": "fill_container",
"height": 39.6
},
{
"type": "rectangle",
"cornerRadius": [
0,
0,
3,
3
],
"id": "Jg8bR",
"name": "Inbound",
"fill": "$ui:text-muted",
"width": "fill_container",
"height": 94.8
}
]
},
{
"type": "frame",
"id": "hqrhF",
"name": "Day 23",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": [
3,
3,
0,
0
],
"id": "uToGW",
"name": "Outbound",
"fill": "$ui:base-06",
"width": "fill_container",
"height": 48.400000000000006
},
{
"type": "rectangle",
"cornerRadius": [
0,
0,
3,
3
],
"id": "xStyD",
"name": "Inbound",
"fill": "$ui:text-muted",
"width": "fill_container",
"height": 105.6
}
]
},
{
"type": "frame",
"id": "EfUTl",
"name": "Day 24",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": [
3,
3,
0,
0
],
"id": "M5kfUA",
"name": "Outbound",
"fill": "$ui:base-06",
"width": "fill_container",
"height": 52.800000000000004
},
{
"type": "rectangle",
"cornerRadius": [
0,
0,
3,
3
],
"id": "pg9rM",
"name": "Inbound",
"fill": "$ui:text-muted",
"width": "fill_container",
"height": 114
}
]
},
{
"type": "frame",
"id": "DN0mO",
"name": "Day 25",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": [
3,
3,
0,
0
],
"id": "H9c0y",
"name": "Outbound",
"fill": "$ui:base-06",
"width": "fill_container",
"height": 44
},
{
"type": "rectangle",
"cornerRadius": [
0,
0,
3,
3
],
"id": "jhBpB",
"name": "Inbound",
"fill": "$ui:text-muted",
"width": "fill_container",
"height": 100.8
}
]
},
{
"type": "frame",
"id": "UTAcw",
"name": "Day 26",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": [
3,
3,
0,
0
],
"id": "MbH7p",
"name": "Outbound",
"fill": "$ui:base-06",
"width": "fill_container",
"height": 15.400000000000002
},
{
"type": "rectangle",
"cornerRadius": [
0,
0,
3,
3
],
"id": "rjwvq",
"name": "Inbound",
"fill": "$ui:text-muted",
"width": "fill_container",
"height": 56.4
}
]
},
{
"type": "frame",
"id": "O3cASX",
"name": "Day 27",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": [
3,
3,
0,
0
],
"id": "C9sYD",
"name": "Outbound",
"fill": "$ui:base-06",
"width": "fill_container",
"height": 13.200000000000001
},
{
"type": "rectangle",
"cornerRadius": [
0,
0,
3,
3
],
"id": "JXHwt",
"name": "Inbound",
"fill": "$ui:text-muted",
"width": "fill_container",
"height": 48
}
]
},
{
"type": "frame",
"id": "eL2rW",
"name": "Day 28",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": [
3,
3,
0,
0
],
"id": "IMed4",
"name": "Outbound",
"fill": "$ui:base-06",
"width": "fill_container",
"height": 37.400000000000006
},
{
"type": "rectangle",
"cornerRadius": [
0,
0,
3,
3
],
"id": "OndBh",
"name": "Inbound",
"fill": "$ui:text-muted",
"width": "fill_container",
"height": 85.2
}
]
},
{
"type": "frame",
"id": "CXiB0",
"name": "Day 29",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": [
3,
3,
0,
0
],
"id": "ajtwq",
"name": "Outbound",
"fill": "$ui:base-06",
"width": "fill_container",
"height": 44
},
{
"type": "rectangle",
"cornerRadius": [
0,
0,
3,
3
],
"id": "ge0PN",
"name": "Inbound",
"fill": "$ui:text-muted",
"width": "fill_container",
"height": 103.2
}
]
},
{
"type": "frame",
"id": "RendJ",
"name": "Day 30",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": [
3,
3,
0,
0
],
"id": "E2ECI2",
"name": "Outbound",
"fill": "$ui:base-06",
"width": "fill_container",
"height": 50.6
},
{
"type": "rectangle",
"cornerRadius": [
0,
0,
3,
3
],
"id": "LWSpW",
"name": "Inbound",
"fill": "$ui:text-muted",
"width": "fill_container",
"height": 110.39999999999999
}
]
}
]
},
{
"type": "frame",
"id": "Q3rx6",
"name": "Legend",
"gap": 16,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "MZNZK",
"name": "Legend Inbound",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "rectangle",
"cornerRadius": 2,
"id": "k438bG",
"name": "Swatch",
"fill": "$ui:text-muted",
"width": 8,
"height": 8
},
{
"type": "text",
"id": "J8TNP",
"name": "Inbound",
"fill": "$ui:--muted-foreground",
"content": "Inbound",
"fontFamily": "$ui:--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "wnxIl",
"name": "Legend Outbound",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "rectangle",
"cornerRadius": 2,
"id": "yCVF6",
"name": "Swatch",
"fill": "$ui:base-06",
"width": 8,
"height": 8
},
{
"type": "text",
"id": "rliIt",
"name": "Outbound",
"fill": "$ui:--muted-foreground",
"content": "Outbound",
"fontFamily": "$ui:--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "qatlx",
"name": "Cost per call",
"width": 380,
"fill": "$ui:--card",
"cornerRadius": 12,
"stroke": "$ui:--border",
"strokeWidth": 1,
"strokeAlignment": "inner",
"layout": "vertical",
"gap": 16,
"padding": 20,
"children": [
{
"type": "frame",
"id": "EukYu",
"name": "Panel header",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "i5LWU",
"name": "Where each call's money ",
"fill": "$ui:--foreground",
"content": "Where each call's money goes",
"fontFamily": "$ui:--font-secondary",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "text",
"id": "qDRNb",
"name": "avg $0.092",
"fill": "$ui:--muted-foreground",
"content": "avg $0.092",
"fontFamily": "$ui:--font-primary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "BBsNi",
"name": "Stack",
"clip": true,
"width": "fill_container",
"height": 12,
"cornerRadius": 6,
"gap": 2,
"children": [
{
"type": "rectangle",
"id": "wqkyl",
"name": "Telephony",
"fill": "$ui:base-05",
"width": 75.89999999999999,
"height": 12
},
{
"type": "rectangle",
"id": "uSxaG",
"name": "Speech-to-text",
"fill": "$ui:base-06",
"width": 66,
"height": 12
},
{
"type": "rectangle",
"id": "pxwtr",
"name": "LLM",
"fill": "$ui:text-primary",
"width": 112.19999999999999,
"height": 12
},
{
"type": "rectangle",
"id": "nEDo3",
"name": "Text-to-speech",
"fill": "$ui:text-muted",
"width": 75.89999999999999,
"height": 12
}
]
},
{
"type": "frame",
"id": "PrkgZ",
"name": "Breakdown",
"width": "fill_container",
"layout": "vertical",
"gap": 10,
"children": [
{
"type": "frame",
"id": "QVPkm",
"name": "Row Telephony",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "rectangle",
"cornerRadius": 2,
"id": "G2iSM",
"name": "Swatch",
"fill": "$ui:base-05",
"width": 8,
"height": 8
},
{
"type": "text",
"id": "jgTk3",
"name": "Telephony",
"fill": "$ui:--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Telephony",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "rfNwI",
"name": "23%",
"fill": "$ui:--muted-foreground",
"content": "23%",
"fontFamily": "$ui:--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "y9jg11",
"name": "$0.021",
"fill": "$ui:--foreground",
"content": "$0.021",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "ufu2a",
"name": "Row Speech-to-text",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "rectangle",
"cornerRadius": 2,
"id": "CvRFl",
"name": "Swatch",
"fill": "$ui:base-06",
"width": 8,
"height": 8
},
{
"type": "text",
"id": "NPmvZ",
"name": "Speech-to-text",
"fill": "$ui:--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Speech-to-text",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "SM2BF",
"name": "20%",
"fill": "$ui:--muted-foreground",
"content": "20%",
"fontFamily": "$ui:--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "IJbmr",
"name": "$0.018",
"fill": "$ui:--foreground",
"content": "$0.018",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "KZey0",
"name": "Row LLM",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "rectangle",
"cornerRadius": 2,
"id": "i9URnQ",
"name": "Swatch",
"fill": "$ui:text-primary",
"width": 8,
"height": 8
},
{
"type": "text",
"id": "R3QiWS",
"name": "LLM",
"fill": "$ui:--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "LLM",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "Dj3xo",
"name": "34%",
"fill": "$ui:--muted-foreground",
"content": "34%",
"fontFamily": "$ui:--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "sLFXV",
"name": "$0.031",
"fill": "$ui:--foreground",
"content": "$0.031",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "MCqqJ",
"name": "Row Text-to-speech",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "rectangle",
"cornerRadius": 2,
"id": "LZiDZ",
"name": "Swatch",
"fill": "$ui:text-muted",
"width": 8,
"height": 8
},
{
"type": "text",
"id": "SDmsS",
"name": "Text-to-speech",
"fill": "$ui:--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Text-to-speech",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "aCJKw",
"name": "23%",
"fill": "$ui:--muted-foreground",
"content": "23%",
"fontFamily": "$ui:--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "nArKe",
"name": "$0.022",
"fill": "$ui:--foreground",
"content": "$0.022",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "rectangle",
"id": "JDEJo",
"name": "Divider",
"fill": "$ui:--border",
"width": "fill_container",
"height": 1
},
{
"type": "text",
"id": "KJhwA",
"name": "Cost note",
"fill": "$ui:--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Per-provider cost on every plan. Bring your own keys and the provider rows show $0.",
"lineHeight": 1.5,
"fontFamily": "$ui:--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "C69RLR",
"name": "Bottom row",
"width": "fill_container",
"height": "fill_container",
"gap": 16,
"children": [
{
"type": "frame",
"id": "R0exi5",
"name": "Recent calls",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"fill": "$ui:--card",
"cornerRadius": 12,
"stroke": "$ui:--border",
"strokeWidth": 1,
"strokeAlignment": "inner",
"layout": "vertical",
"gap": 8,
"padding": [
16,
0,
0,
0
],
"children": [
{
"type": "frame",
"id": "wG7IZ",
"name": "Panel header",
"width": "fill_container",
"padding": [
0,
20
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "QmeMX",
"name": "Recent calls",
"fill": "$ui:--foreground",
"content": "Recent calls",
"fontFamily": "$ui:--font-secondary",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "text",
"id": "VuI0N",
"name": "View all →",
"fill": "$ui:--muted-foreground",
"content": "View all →",
"fontFamily": "$ui:--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "G5Oyf6",
"name": "Header row",
"width": "fill_container",
"height": 32,
"stroke": "$ui:--border",
"strokeWidth": {
"top": 1
},
"strokeAlignment": "inner",
"padding": [
0,
20
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "VeB5M",
"name": "Application",
"width": "fill_container",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "yfKYe",
"name": "AGENT",
"fill": "$ui:--muted-foreground",
"content": "HANDLED BY",
"fontFamily": "$ui:--font-secondary",
"fontSize": 11,
"fontWeight": "normal",
"letterSpacing": 0.5
}
]
},
{
"type": "frame",
"id": "UeLGB",
"name": "Customer",
"width": 165,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "pzY1g",
"name": "FROM → TO",
"fill": "$ui:--muted-foreground",
"content": "CUSTOMER",
"fontFamily": "$ui:--font-secondary",
"fontSize": 11,
"fontWeight": "normal",
"letterSpacing": 0.5
}
]
},
{
"type": "frame",
"id": "Zq6Tk",
"name": "Ended reason",
"width": 160,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "D2Bk9",
"name": "ENDED REASON",
"fill": "$ui:--muted-foreground",
"content": "ENDED REASON",
"fontFamily": "$ui:--font-secondary",
"fontSize": 11,
"fontWeight": "normal",
"letterSpacing": 0.5
}
]
},
{
"type": "frame",
"id": "Mxgdb",
"name": "Duration",
"width": 72,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "M200d",
"name": "DURATION",
"fill": "$ui:--muted-foreground",
"content": "DURATION",
"fontFamily": "$ui:--font-secondary",
"fontSize": 11,
"fontWeight": "normal",
"letterSpacing": 0.5
}
]
},
{
"type": "frame",
"id": "o9YviQ",
"name": "Latency",
"width": 76,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "xeIYN",
"name": "LATENCY",
"fill": "$ui:--muted-foreground",
"content": "LATENCY",
"fontFamily": "$ui:--font-secondary",
"fontSize": 11,
"fontWeight": "normal",
"letterSpacing": 0.5
}
]
},
{
"type": "frame",
"id": "z7mjB",
"name": "Cost",
"width": 56,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "HClTe",
"name": "COST",
"fill": "$ui:--muted-foreground",
"content": "COST",
"fontFamily": "$ui:--font-secondary",
"fontSize": 11,
"fontWeight": "normal",
"letterSpacing": 0.5
}
]
}
]
},
{
"type": "frame",
"id": "HAOjD",
"name": "Row",
"width": "fill_container",
"height": 42,
"stroke": "$ui:--border",
"strokeWidth": {
"top": 1
},
"strokeAlignment": "inner",
"padding": [
0,
20
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "jKWrc",
"name": "Application",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "Om4mQ",
"name": "Kind",
"width": 16,
"height": 16,
"icon": "smart_toy",
"library": "Material Symbols Sharp",
"fill": "$ui:--muted-foreground"
},
{
"type": "text",
"id": "egvEk",
"name": "Billing reminders",
"fill": "$ui:--foreground",
"content": "Billing reminders",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "oQyUs",
"name": "Customer",
"width": 165,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "B1iyc",
"name": "Direction",
"width": 14,
"height": 14,
"icon": "call_made",
"library": "Material Symbols Sharp",
"fill": "$ui:--muted-foreground"
},
{
"type": "text",
"id": "norvr",
"name": "+1 809 555 0142 → +1 809",
"fill": "$ui:--foreground",
"content": "+1 829 555 0199",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "NgDek",
"name": "Ended reason",
"width": 160,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "rtXqN",
"name": "Dot",
"fill": "$ui:success",
"width": 6,
"height": 6
},
{
"type": "text",
"id": "ewfey",
"name": "Customer hung up",
"fill": "$ui:--muted-foreground",
"content": "Customer hung up",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "fSSvP",
"name": "Duration",
"width": 72,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "MseDY",
"name": "3:42",
"fill": "$ui:--foreground",
"content": "3:42",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "cwH6Q",
"name": "Latency",
"width": 76,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "w0GFO",
"name": "720 ms",
"fill": "$ui:--foreground",
"content": "720 ms",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "pNayu",
"name": "Cost",
"width": 56,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "iagIB",
"name": "$0.31",
"fill": "$ui:--foreground",
"content": "$0.31",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "IjyUL",
"name": "Row",
"width": "fill_container",
"height": 42,
"stroke": "$ui:--border",
"strokeWidth": {
"top": 1
},
"strokeAlignment": "inner",
"padding": [
0,
20
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "PG6GC",
"name": "Application",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "rId8u",
"name": "Kind",
"width": 16,
"height": 16,
"icon": "code_blocks",
"library": "Material Symbols Sharp",
"fill": "$ui:--muted-foreground"
},
{
"type": "text",
"id": "iN0TR",
"name": "Front desk (ES)",
"fill": "$ui:--foreground",
"content": "Main menu IVR",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "gDoyl",
"name": "Customer",
"width": 165,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "dPvYk",
"name": "Direction",
"width": 14,
"height": 14,
"icon": "call_received",
"library": "Material Symbols Sharp",
"fill": "$ui:--muted-foreground"
},
{
"type": "text",
"id": "gbGyd",
"name": "+34 910 555 210 → sip:de",
"fill": "$ui:--foreground",
"content": "sip:desk@acme",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "ay3m8",
"name": "Ended reason",
"width": 160,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "kI3M8",
"name": "Dot",
"fill": "$ui:info",
"width": 6,
"height": 6
},
{
"type": "text",
"id": "OqBge",
"name": "Transferred",
"fill": "$ui:--muted-foreground",
"content": "Transferred",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "lRZBo",
"name": "Duration",
"width": 72,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "svP5n",
"name": "1:08",
"fill": "$ui:--foreground",
"content": "1:08",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "OYfho",
"name": "Latency",
"width": 76,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "rsQCk",
"name": "810 ms",
"fill": "$ui:--foreground",
"content": "810 ms",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "xX1yj",
"name": "Cost",
"width": 56,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "tCVQO",
"name": "$0.10",
"fill": "$ui:--foreground",
"content": "$0.10",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "Cjgrv",
"name": "Row",
"width": "fill_container",
"height": 42,
"stroke": "$ui:--border",
"strokeWidth": {
"top": 1
},
"strokeAlignment": "inner",
"padding": [
0,
20
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "kq22o",
"name": "Application",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "wepke",
"name": "Kind",
"width": 16,
"height": 16,
"icon": "smart_toy",
"library": "Material Symbols Sharp",
"fill": "$ui:--muted-foreground"
},
{
"type": "text",
"id": "KoT8E",
"name": "Billing reminders",
"fill": "$ui:--foreground",
"content": "Billing reminders",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "Ca67L",
"name": "Customer",
"width": 165,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "R0gVK",
"name": "Direction",
"width": 14,
"height": 14,
"icon": "call_made",
"library": "Material Symbols Sharp",
"fill": "$ui:--muted-foreground"
},
{
"type": "text",
"id": "u8INHR",
"name": "+1 809 555 0142 → +1 829",
"fill": "$ui:--foreground",
"content": "+1 829 555 0110",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "L2M7k",
"name": "Ended reason",
"width": 160,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "F12gV",
"name": "Dot",
"fill": "$ui:text-muted",
"width": 6,
"height": 6
},
{
"type": "text",
"id": "IgTeL",
"name": "Voicemail",
"fill": "$ui:--muted-foreground",
"content": "Voicemail",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "LGDnb",
"name": "Duration",
"width": 72,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "wolWy",
"name": "0:24",
"fill": "$ui:--foreground",
"content": "0:24",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "YaK8h",
"name": "Latency",
"width": 76,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "FMqBA",
"name": "—",
"fill": "$ui:--foreground",
"content": "—",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "iOPNf",
"name": "Cost",
"width": 56,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "BMAZ0",
"name": "$0.03",
"fill": "$ui:--foreground",
"content": "$0.03",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "Vjcuk",
"name": "Row",
"width": "fill_container",
"height": 42,
"stroke": "$ui:--border",
"strokeWidth": {
"top": 1
},
"strokeAlignment": "inner",
"padding": [
0,
20
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "u0nuN",
"name": "Application",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "hMrbQ",
"name": "Kind",
"width": 16,
"height": 16,
"icon": "smart_toy",
"library": "Material Symbols Sharp",
"fill": "$ui:--muted-foreground"
},
{
"type": "text",
"id": "ehoeY",
"name": "Order status",
"fill": "$ui:--foreground",
"content": "Order status",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "tjjKB",
"name": "Customer",
"width": 165,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "DagIP",
"name": "Direction",
"width": 14,
"height": 14,
"icon": "language",
"library": "Material Symbols Sharp",
"fill": "$ui:--muted-foreground"
},
{
"type": "text",
"id": "hjrYl",
"name": "web → +1 415 555 0175",
"fill": "$ui:--foreground",
"content": "Web call",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "j6QCYr",
"name": "Ended reason",
"width": 160,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "MgaxY",
"name": "Dot",
"fill": "$ui:success",
"width": 6,
"height": 6
},
{
"type": "text",
"id": "RKRws",
"name": "Assistant ended",
"fill": "$ui:--muted-foreground",
"content": "Assistant ended",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "nIEG3",
"name": "Duration",
"width": 72,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "P3dFs",
"name": "2:15",
"fill": "$ui:--foreground",
"content": "2:15",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "T541bI",
"name": "Latency",
"width": 76,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "W5wh2",
"name": "690 ms",
"fill": "$ui:--foreground",
"content": "690 ms",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "Z0BiV",
"name": "Cost",
"width": 56,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "MOVwN",
"name": "$0.19",
"fill": "$ui:--foreground",
"content": "$0.19",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "pWRCf",
"name": "Row",
"width": "fill_container",
"height": 42,
"stroke": "$ui:--border",
"strokeWidth": {
"top": 1
},
"strokeAlignment": "inner",
"padding": [
0,
20
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "Fjnu1",
"name": "Application",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "hedI4",
"name": "Kind",
"width": 16,
"height": 16,
"icon": "code_blocks",
"library": "Material Symbols Sharp",
"fill": "$ui:--muted-foreground"
},
{
"type": "text",
"id": "NUEU0",
"name": "Front desk (ES)",
"fill": "$ui:--foreground",
"content": "Main menu IVR",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "Z8NbKf",
"name": "Customer",
"width": 165,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "Utvur",
"name": "Direction",
"width": 14,
"height": 14,
"icon": "call_received",
"library": "Material Symbols Sharp",
"fill": "$ui:--muted-foreground"
},
{
"type": "text",
"id": "ZzMXZ",
"name": "+34 910 555 210 → +34 60",
"fill": "$ui:--foreground",
"content": "+34 600 555 812",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "jNkJw",
"name": "Ended reason",
"width": 160,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "J2U5Y",
"name": "Dot",
"fill": "$ui:danger",
"width": 6,
"height": 6
},
{
"type": "text",
"id": "vBhKy",
"name": "Provider error · TTS",
"fill": "$ui:--muted-foreground",
"content": "Provider error · TTS",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "c6ptX",
"name": "Duration",
"width": 72,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "i0CFB",
"name": "0:09",
"fill": "$ui:--foreground",
"content": "0:09",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "VlOzu",
"name": "Latency",
"width": 76,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "M4BQMJ",
"name": "—",
"fill": "$ui:--foreground",
"content": "—",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "W0Uoh",
"name": "Cost",
"width": 56,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "w1SAa",
"name": "$0.01",
"fill": "$ui:--foreground",
"content": "$0.01",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "tf1CM",
"name": "Ended reasons",
"width": 380,
"height": "fill_container",
"fill": "$ui:--card",
"cornerRadius": 12,
"stroke": "$ui:--border",
"strokeWidth": 1,
"strokeAlignment": "inner",
"layout": "vertical",
"gap": 16,
"padding": 20,
"children": [
{
"type": "frame",
"id": "JtEOi",
"name": "Panel header",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "OIPXA",
"name": "Ended reasons",
"fill": "$ui:--foreground",
"content": "Ended reasons",
"fontFamily": "$ui:--font-secondary",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "text",
"id": "KbYWe",
"name": "30d",
"fill": "$ui:--muted-foreground",
"content": "30d",
"fontFamily": "$ui:--font-primary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "tbBlq",
"name": "Reason Customer hung up",
"width": "fill_container",
"layout": "vertical",
"gap": 6,
"children": [
{
"type": "frame",
"id": "JGPa0",
"name": "Label row",
"width": "fill_container",
"justifyContent": "space_between",
"children": [
{
"type": "text",
"id": "Hzhmg",
"name": "Customer hung up",
"fill": "$ui:--muted-foreground",
"content": "Customer hung up",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "b9WBW",
"name": "46%",
"fill": "$ui:--foreground",
"content": "46%",
"fontFamily": "$ui:--font-primary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "m9aDJ",
"name": "Track",
"width": "fill_container",
"height": 6,
"fill": "$ui:--muted",
"cornerRadius": 3,
"children": [
{
"type": "rectangle",
"cornerRadius": 3,
"id": "My9Rp",
"name": "Fill",
"fill": "$ui:text-muted",
"width": 156.4,
"height": 6
}
]
}
]
},
{
"type": "frame",
"id": "JBx3X",
"name": "Reason Assistant ended",
"width": "fill_container",
"layout": "vertical",
"gap": 6,
"children": [
{
"type": "frame",
"id": "hoirJ",
"name": "Label row",
"width": "fill_container",
"justifyContent": "space_between",
"children": [
{
"type": "text",
"id": "h5rRtG",
"name": "Assistant ended",
"fill": "$ui:--muted-foreground",
"content": "Assistant ended",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "X7qFGr",
"name": "27%",
"fill": "$ui:--foreground",
"content": "27%",
"fontFamily": "$ui:--font-primary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "Rfr9y",
"name": "Track",
"width": "fill_container",
"height": 6,
"fill": "$ui:--muted",
"cornerRadius": 3,
"children": [
{
"type": "rectangle",
"cornerRadius": 3,
"id": "wiLy5",
"name": "Fill",
"fill": "$ui:text-muted",
"width": 91.8,
"height": 6
}
]
}
]
},
{
"type": "frame",
"id": "uDZ2q",
"name": "Reason Transferred",
"width": "fill_container",
"layout": "vertical",
"gap": 6,
"children": [
{
"type": "frame",
"id": "c35fI",
"name": "Label row",
"width": "fill_container",
"justifyContent": "space_between",
"children": [
{
"type": "text",
"id": "sf3Mq",
"name": "Transferred",
"fill": "$ui:--muted-foreground",
"content": "Transferred",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "brf8P",
"name": "14%",
"fill": "$ui:--foreground",
"content": "14%",
"fontFamily": "$ui:--font-primary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "ZMgQ2",
"name": "Track",
"width": "fill_container",
"height": 6,
"fill": "$ui:--muted",
"cornerRadius": 3,
"children": [
{
"type": "rectangle",
"cornerRadius": 3,
"id": "u0jQs",
"name": "Fill",
"fill": "$ui:text-muted",
"width": 47.6,
"height": 6
}
]
}
]
},
{
"type": "frame",
"id": "WrAKQ",
"name": "Reason Voicemail",
"width": "fill_container",
"layout": "vertical",
"gap": 6,
"children": [
{
"type": "frame",
"id": "AYqRB",
"name": "Label row",
"width": "fill_container",
"justifyContent": "space_between",
"children": [
{
"type": "text",
"id": "daZ9p",
"name": "Voicemail",
"fill": "$ui:--muted-foreground",
"content": "Voicemail",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "gZ1ed",
"name": "9%",
"fill": "$ui:--foreground",
"content": "9%",
"fontFamily": "$ui:--font-primary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "q6FU74",
"name": "Track",
"width": "fill_container",
"height": 6,
"fill": "$ui:--muted",
"cornerRadius": 3,
"children": [
{
"type": "rectangle",
"cornerRadius": 3,
"id": "w1OLxh",
"name": "Fill",
"fill": "$ui:text-muted",
"width": 30.599999999999998,
"height": 6
}
]
}
]
},
{
"type": "frame",
"id": "isowI",
"name": "Reason Errors",
"width": "fill_container",
"layout": "vertical",
"gap": 6,
"children": [
{
"type": "frame",
"id": "dZWq8",
"name": "Label row",
"width": "fill_container",
"justifyContent": "space_between",
"children": [
{
"type": "text",
"id": "J5VKJ",
"name": "Errors",
"fill": "$ui:--muted-foreground",
"content": "Errors",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "zWhxw",
"name": "4%",
"fill": "$ui:--foreground",
"content": "4%",
"fontFamily": "$ui:--font-primary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "IUC9J",
"name": "Track",
"width": "fill_container",
"height": 6,
"fill": "$ui:--muted",
"cornerRadius": 3,
"children": [
{
"type": "rectangle",
"cornerRadius": 3,
"id": "ckwiM",
"name": "Fill",
"fill": "$ui:danger",
"width": 13.6,
"height": 6
}
]
}
]
}
]
}
]
}
]
}
]
}
}
},
{
"id": "fBSkV",
"type": "ref",
"ref": "ui:Z4xcv",
"name": "Label · Agents · List",
"x": 0,
"y": 1500,
"width": 9140,
"theme": {
"ui:mode": "light"
},
"descendants": {
"ui:E87RGF": {
"content": "Agents · List"
},
"ui:G8OhZ": {
"content": "Draft"
},
"ui:SH1DB": {
"content": "/workspaces/:workspaceId/agents"
},
"ui:z4SKuT": {
"content": "Left → right: Default · Empty · Create dialog (templates: Receptionist, Reminders, Knowledge FAQ, Blank — UI presets, not API types) · Light mode. Numbers column is derived from Numbers. Calls · 7d and test status need backend support."
}
}
},
{
"id": "v5wT1Q",
"type": "ref",
"ref": "ui:aqOKa",
"name": "Agents / List / Default",
"x": 0,
"y": 1720,
"theme": {
"ui:mode": "dark"
},
"descendants": {
"ui:itw6f": {
"fill": "$ui:--sidebar-accent"
},
"ui:itw6f/ui:xGT5g": {
"fill": "$ui:--sidebar-accent-foreground"
},
"ui:itw6f/ui:TXca3": {
"fill": "$ui:--sidebar-accent-foreground"
},
"ui:gOtUO": {
"children": [
{
"type": "frame",
"id": "eEa96",
"name": "Content",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 20,
"padding": [
28,
32
],
"children": [
{
"type": "frame",
"id": "X690d",
"name": "Page header",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "tJKRl",
"name": "Title",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "text",
"id": "D0vre",
"name": "Agents",
"fill": "$ui:--foreground",
"content": "Agents",
"fontFamily": "$ui:--font-secondary",
"fontSize": 22,
"fontWeight": "600"
},
{
"type": "text",
"id": "U0X7KB",
"name": "Subtitle",
"fill": "$ui:--muted-foreground",
"content": "AI agents that answer and place calls, powered by Autopilot.",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "qC9jO",
"name": "Header actions",
"gap": 12,
"alignItems": "center",
"children": [
{
"id": "Byn3B",
"type": "ref",
"ref": "ui:4x7RU",
"name": "Import YAML",
"descendants": {
"ui:r97g1": {
"enabled": false
},
"ui:7ZVG7": {
"content": "Import YAML"
}
}
},
{
"id": "cXpbw",
"type": "ref",
"ref": "ui:ZETEA",
"name": "Create agent",
"descendants": {
"ui:q5Hn5": {
"content": "Create agent"
}
}
}
]
}
]
},
{
"type": "frame",
"id": "g5OOcL",
"name": "Toolbar",
"width": "fill_container",
"gap": 12,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "L4NnSe",
"name": "Search",
"width": 320,
"height": 38,
"fill": "$ui:--card",
"cornerRadius": "$ui:--radius-control",
"stroke": "$ui:--border",
"strokeWidth": 1,
"strokeAlignment": "inner",
"gap": 8,
"padding": [
0,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "ZAhCn",
"name": "Search icon",
"width": 16,
"height": 16,
"icon": "search",
"library": "lucide",
"fill": "$ui:--muted-foreground"
},
{
"type": "text",
"id": "VuVv0",
"name": "Search agents",
"fill": "$ui:--muted-foreground",
"content": "Search agents",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "PUOJR",
"name": "Count",
"fill": "$ui:--muted-foreground",
"content": "4 agents",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "VxBjL",
"name": "Agents table",
"clip": true,
"width": "fill_container",
"fill": "$ui:--card",
"cornerRadius": 12,
"stroke": "$ui:--border",
"strokeWidth": 1,
"strokeAlignment": "inner",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "LHhoz",
"name": "Header row",
"width": "fill_container",
"height": 40,
"padding": [
0,
20
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "QT8pU",
"name": "Agent",
"width": "fill_container",
"children": [
{
"type": "text",
"id": "tBwW5",
"name": "AGENT",
"fill": "$ui:--muted-foreground",
"content": "AGENT",
"fontFamily": "$ui:--font-secondary",
"fontSize": 11,
"fontWeight": "normal",
"letterSpacing": 0.5
}
]
},
{
"type": "frame",
"id": "ZljUx",
"name": "Phone number",
"width": 170,
"children": [
{
"type": "text",
"id": "dI7fc",
"name": "PHONE NUMBER",
"fill": "$ui:--muted-foreground",
"content": "NUMBERS",
"fontFamily": "$ui:--font-secondary",
"fontSize": 11,
"fontWeight": "normal",
"letterSpacing": 0.5
}
]
},
{
"type": "frame",
"id": "zaRa1",
"name": "Model",
"width": 180,
"children": [
{
"type": "text",
"id": "Vp5TL",
"name": "MODEL",
"fill": "$ui:--muted-foreground",
"content": "MODEL",
"fontFamily": "$ui:--font-secondary",
"fontSize": 11,
"fontWeight": "normal",
"letterSpacing": 0.5
}
]
},
{
"type": "frame",
"id": "pEQmW",
"name": "Voice · Language",
"width": 185,
"children": [
{
"type": "text",
"id": "yqe92",
"name": "VOICE · LANGUAGE",
"fill": "$ui:--muted-foreground",
"content": "VOICE · LANGUAGE",
"fontFamily": "$ui:--font-secondary",
"fontSize": 11,
"fontWeight": "normal",
"letterSpacing": 0.5
}
]
},
{
"type": "frame",
"id": "wEgJO",
"name": "Tests",
"width": 115,
"children": [
{
"type": "text",
"id": "IdLkE",
"name": "TESTS",
"fill": "$ui:--muted-foreground",
"content": "TESTS",
"fontFamily": "$ui:--font-secondary",
"fontSize": 11,
"fontWeight": "normal",
"letterSpacing": 0.5
}
]
},
{
"type": "frame",
"id": "dnCNI",
"name": "Calls · 7d",
"width": 85,
"children": [
{
"type": "text",
"id": "C15bG",
"name": "CALLS · 7D",
"fill": "$ui:--muted-foreground",
"content": "CALLS · 7D",
"fontFamily": "$ui:--font-secondary",
"fontSize": 11,
"fontWeight": "normal",
"letterSpacing": 0.5
}
]
},
{
"type": "frame",
"id": "Tt66r",
"name": "Updated",
"width": 90,
"children": [
{
"type": "text",
"id": "paXbh",
"name": "UPDATED",
"fill": "$ui:--muted-foreground",
"content": "UPDATED",
"fontFamily": "$ui:--font-secondary",
"fontSize": 11,
"fontWeight": "normal",
"letterSpacing": 0.5
}
]
},
{
"type": "frame",
"id": "GgHwm",
"name": "Actions",
"width": 40,
"height": 14,
"justifyContent": "end",
"alignItems": "center"
}
]
},
{
"type": "frame",
"id": "rKEA3",
"name": "Row Billing reminders",
"width": "fill_container",
"height": 64,
"stroke": "$ui:--border",
"strokeWidth": {
"top": 1
},
"strokeAlignment": "inner",
"padding": [
0,
20
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "ehh36",
"name": "Agent",
"width": "fill_container",
"gap": 12,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "ihSSb",
"name": "Name",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "text",
"id": "P8unW9",
"name": "Billing reminders",
"fill": "$ui:--foreground",
"content": "Billing reminders",
"fontFamily": "$ui:--font-secondary",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "text",
"id": "Jds6X",
"name": "Ref",
"fill": "$ui:--muted-foreground",
"content": "ap-7f3c91",
"fontFamily": "$ui:--font-primary",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "ItmfT",
"name": "Phone number",
"width": 170,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "hlm4b",
"name": "+1 829 555 0199",
"fill": "$ui:--foreground",
"content": "+1 829 555 0199",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "CYvx1",
"name": "More",
"fill": "$ui:--secondary",
"cornerRadius": 6,
"padding": [
2,
6
],
"children": [
{
"type": "text",
"id": "FbeCD",
"name": "+1",
"fill": "$ui:--muted-foreground",
"content": "+1",
"fontFamily": "$ui:--font-primary",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "e8f95",
"name": "Model",
"width": 180,
"children": [
{
"type": "text",
"id": "uHZHi",
"name": "openai · gpt-4o-mini",
"fill": "$ui:--muted-foreground",
"content": "openai · gpt-4o-mini",
"fontFamily": "$ui:--font-primary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "aoSfF",
"name": "Voice",
"width": 185,
"children": [
{
"type": "text",
"id": "M2x2wz",
"name": "Aura 2 Celeste · es-419",
"fill": "$ui:--muted-foreground",
"content": "Aura 2 Celeste · es-419",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "NF1DE",
"name": "Tests",
"width": 115,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "pc6cT",
"name": "Dot",
"fill": "$ui:success",
"width": 6,
"height": 6
},
{
"type": "text",
"id": "pRvAY",
"name": "3/3 passing",
"fill": "$ui:--foreground",
"content": "3/3 passing",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "yDCAU",
"name": "Calls",
"width": 85,
"children": [
{
"type": "text",
"id": "U7eJS",
"name": "4,812",
"fill": "$ui:--foreground",
"content": "4,812",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "LAZ63",
"name": "Updated",
"width": 90,
"children": [
{
"type": "text",
"id": "WrGK2",
"name": "2h ago",
"fill": "$ui:--muted-foreground",
"content": "2h ago",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "w8gfO",
"name": "Actions",
"width": 40,
"justifyContent": "end",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "ov4aj",
"name": "⋯",
"fill": "$ui:--muted-foreground",
"content": "⋯",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "D5vveI",
"name": "Row Front desk (ES)",
"width": "fill_container",
"height": 64,
"stroke": "$ui:--border",
"strokeWidth": {
"top": 1
},
"strokeAlignment": "inner",
"padding": [
0,
20
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "S3jbt",
"name": "Agent",
"width": "fill_container",
"gap": 12,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "g2HzJi",
"name": "Name",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "text",
"id": "rBXC4",
"name": "Front desk (ES)",
"fill": "$ui:--foreground",
"content": "Front desk (ES)",
"fontFamily": "$ui:--font-secondary",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "text",
"id": "ooLWj",
"name": "Ref",
"fill": "$ui:--muted-foreground",
"content": "ap-2b8e04",
"fontFamily": "$ui:--font-primary",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "E7zMbl",
"name": "Phone number",
"width": 170,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "U2s49s",
"name": "+34 910 555 210",
"fill": "$ui:--foreground",
"content": "+34 910 555 210",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "A174Ob",
"name": "More",
"fill": "$ui:--secondary",
"cornerRadius": 6,
"padding": [
2,
6
],
"children": [
{
"type": "text",
"id": "tq3WJ",
"name": "+1",
"fill": "$ui:--muted-foreground",
"content": "+1",
"fontFamily": "$ui:--font-primary",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "lVlLk",
"name": "Model",
"width": 180,
"children": [
{
"type": "text",
"id": "Io4wm",
"name": "anthropic · claude-haiku",
"fill": "$ui:--muted-foreground",
"content": "anthropic · claude-haiku",
"fontFamily": "$ui:--font-primary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "LOmmZ",
"name": "Voice",
"width": 185,
"children": [
{
"type": "text",
"id": "O3Uriy",
"name": "Aura 2 Diana · es-ES",
"fill": "$ui:--muted-foreground",
"content": "Aura 2 Diana · es-ES",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "OzoZ8",
"name": "Tests",
"width": 115,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "F9Z81",
"name": "Dot",
"fill": "$ui:warning",
"width": 6,
"height": 6
},
{
"type": "text",
"id": "UIpWH",
"name": "2/3 passing",
"fill": "$ui:--foreground",
"content": "2/3 passing",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "CrnEx",
"name": "Calls",
"width": 85,
"children": [
{
"type": "text",
"id": "u03XUC",
"name": "1,207",
"fill": "$ui:--foreground",
"content": "1,207",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "q1fp4",
"name": "Updated",
"width": 90,
"children": [
{
"type": "text",
"id": "Dilfv",
"name": "Yesterday",
"fill": "$ui:--muted-foreground",
"content": "Yesterday",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "r22gZ",
"name": "Actions",
"width": 40,
"justifyContent": "end",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "O9yUJ",
"name": "⋯",
"fill": "$ui:--muted-foreground",
"content": "⋯",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "XPjRf",
"name": "Row Order status",
"width": "fill_container",
"height": 64,
"stroke": "$ui:--border",
"strokeWidth": {
"top": 1
},
"strokeAlignment": "inner",
"padding": [
0,
20
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "TX6z5",
"name": "Agent",
"width": "fill_container",
"gap": 12,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "AdqD7",
"name": "Name",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "text",
"id": "KUR1p",
"name": "Order status",
"fill": "$ui:--foreground",
"content": "Order status",
"fontFamily": "$ui:--font-secondary",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "text",
"id": "hZ64w",
"name": "Ref",
"fill": "$ui:--muted-foreground",
"content": "ap-91d0aa",
"fontFamily": "$ui:--font-primary",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "r9O7D",
"name": "Phone number",
"width": 170,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "tasfo",
"name": "+1 415 555 0175",
"fill": "$ui:--foreground",
"content": "+1 415 555 0175",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "YsN7s",
"name": "Model",
"width": 180,
"children": [
{
"type": "text",
"id": "zuJR6",
"name": "groq · llama-3.3-70b",
"fill": "$ui:--muted-foreground",
"content": "groq · llama-3.3-70b",
"fontFamily": "$ui:--font-primary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "P1fU0b",
"name": "Voice",
"width": 185,
"children": [
{
"type": "text",
"id": "ZA1g5",
"name": "Aura 2 Thalia · en-US",
"fill": "$ui:--muted-foreground",
"content": "Aura 2 Thalia · en-US",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "eb45U",
"name": "Tests",
"width": 115,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "fkEU8",
"name": "Dot",
"fill": "$ui:text-muted",
"width": 6,
"height": 6
},
{
"type": "text",
"id": "hxjJ3",
"name": "No tests",
"fill": "$ui:--muted-foreground",
"content": "No tests",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "pYsd6",
"name": "Calls",
"width": 85,
"children": [
{
"type": "text",
"id": "Q8qQOq",
"name": "9,330",
"fill": "$ui:--foreground",
"content": "9,330",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "L6BjAB",
"name": "Updated",
"width": 90,
"children": [
{
"type": "text",
"id": "e6I5o3",
"name": "Oct 2",
"fill": "$ui:--muted-foreground",
"content": "Oct 2",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "Y9s8uP",
"name": "Actions",
"width": 40,
"justifyContent": "end",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "vBof3",
"name": "⋯",
"fill": "$ui:--muted-foreground",
"content": "⋯",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "gPmjI",
"name": "Row Appointment booking",
"width": "fill_container",
"height": 64,
"stroke": "$ui:--border",
"strokeWidth": {
"top": 1
},
"strokeAlignment": "inner",
"padding": [
0,
20
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "ILu70",
"name": "Agent",
"width": "fill_container",
"gap": 12,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "ojTkq",
"name": "Name",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "text",
"id": "Ajx2H",
"name": "Appointment booking",
"fill": "$ui:--foreground",
"content": "Appointment booking",
"fontFamily": "$ui:--font-secondary",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "text",
"id": "fWmlk",
"name": "Ref",
"fill": "$ui:--muted-foreground",
"content": "ap-c4410e",
"fontFamily": "$ui:--font-primary",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "gz7Rb",
"name": "Phone number",
"width": 170,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "hfoUb",
"name": "Not assigned",
"fill": "$ui:--muted-foreground",
"content": "No numbers",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "gbt2Z",
"name": "Model",
"width": 180,
"children": [
{
"type": "text",
"id": "jAlZC",
"name": "openai · gpt-4o",
"fill": "$ui:--muted-foreground",
"content": "openai · gpt-4o",
"fontFamily": "$ui:--font-primary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "fQbTx",
"name": "Voice",
"width": 185,
"children": [
{
"type": "text",
"id": "ENrJp",
"name": "Aura 2 Andromeda · en-US",
"fill": "$ui:--muted-foreground",
"content": "Aura 2 Andromeda · en-US",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "nDcGf",
"name": "Tests",
"width": 115,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "Kl0kM",
"name": "Dot",
"fill": "$ui:success",
"width": 6,
"height": 6
},
{
"type": "text",
"id": "YuAVH",
"name": "5/5 passing",
"fill": "$ui:--foreground",
"content": "5/5 passing",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "HMX4i",
"name": "Calls",
"width": 85,
"children": [
{
"type": "text",
"id": "KDYzM",
"name": "—",
"fill": "$ui:--foreground",
"content": "—",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "G2wjq",
"name": "Updated",
"width": 90,
"children": [
{
"type": "text",
"id": "uoLat",
"name": "Sep 28",
"fill": "$ui:--muted-foreground",
"content": "Sep 28",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "q2fUe5",
"name": "Actions",
"width": 40,
"justifyContent": "end",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "XJKLs",
"name": "⋯",
"fill": "$ui:--muted-foreground",
"content": "⋯",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "O9dQ1I",
"name": "CLI hint",
"gap": 10,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "p4tt3x",
"name": "Terminal",
"width": 14,
"height": 14,
"icon": "terminal",
"library": "lucide",
"fill": "$ui:--muted-foreground"
},
{
"type": "text",
"id": "Vd2UY",
"name": "Hint",
"fill": "$ui:--muted-foreground",
"content": "Prefer code? Agents are YAML files:",
"fontFamily": "$ui:--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "YOJZf",
"name": "Cmd",
"fill": "$ui:--muted",
"cornerRadius": 6,
"padding": [
3,
8
],
"children": [
{
"type": "text",
"id": "Hd5ke",
"name": "Cmd text",
"fill": "$ui:--foreground",
"content": "fonoster applications:create -f agent.yaml",
"fontFamily": "$ui:--font-primary",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
}
]
}
]
}
}
},
{
"id": "siQ2R",
"type": "ref",
"ref": "ui:Z4xcv",
"name": "Label · Agent · Detail",
"x": 0,
"y": 2880,
"width": 9140,
"theme": {
"ui:mode": "light"
},
"descendants": {
"ui:E87RGF": {
"content": "Agent · Detail"
},
"ui:G8OhZ": {
"content": "Draft"
},
"ui:SH1DB": {
"content": "/workspaces/:workspaceId/agents/:ref"
},
"ui:z4SKuT": {
"content": "Configure · Tools · Knowledge · Tests · Calls · Advanced · Talk to agent (drawer). Talk: In browser via WebRTC (CreateTestToken, already used by today's dashboard) and Call my phone (CreateCall) both work today; Chat needs a backend endpoint. Needs backend: stored test runs, per-agent call filter, knowledge upload/size/date. No versioning yet."
}
}
},
{
"id": "Vr01u",
"type": "ref",
"ref": "ui:aqOKa",
"name": "Agent / Detail / Configure",
"x": 0,
"y": 3100,
"theme": {
"ui:mode": "dark"
},
"height": 1127,
"descendants": {
"ui:itw6f": {
"fill": "$ui:--sidebar-accent"
},
"ui:itw6f/ui:xGT5g": {
"fill": "$ui:--sidebar-accent-foreground"
},
"ui:itw6f/ui:TXca3": {
"fill": "$ui:--sidebar-accent-foreground"
},
"ui:gOtUO": {
"children": [
{
"type": "frame",
"id": "x0NLn",
"name": "Content",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"padding": [
20,
32,
0,
32
],
"children": [
{
"type": "frame",
"id": "M3cL9e",
"name": "Breadcrumb",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "KvmvD",
"name": "Agents",
"fill": "$ui:--muted-foreground",
"content": "Agents",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "L0Y62",
"name": "Sep",
"fill": "$ui:--muted-foreground",
"content": "/",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "eCMgk",
"name": "Current",
"fill": "$ui:--foreground",
"content": "Billing reminders",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "GX2YN",
"name": "Agent header",
"width": "fill_container",
"padding": [
14,
0,
18,
0
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "YQ3YI",
"name": "Identity",
"gap": 14,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "q5oon",
"name": "Avatar",
"width": 44,
"height": 44,
"fill": "$ui:--secondary",
"cornerRadius": 10,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "Am14B",
"name": "Icon",
"width": 24,
"height": 24,
"icon": "smart_toy",
"library": "Material Symbols Sharp",
"fill": "$ui:--foreground"
}
]
},
{
"type": "frame",
"id": "MF6OR",
"name": "Name block",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "frame",
"id": "GT7ge",
"name": "Title row",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "agP28",
"name": "Agent name",
"fill": "$ui:--foreground",
"content": "Billing reminders",
"fontFamily": "$ui:--font-secondary",
"fontSize": 22,
"fontWeight": "600"
},
{
"type": "frame",
"id": "YovtN",
"name": "Rename button",
"width": 28,
"height": 28,
"cornerRadius": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "o4iR3l",
"name": "Pencil",
"width": 15,
"height": 15,
"icon": "pencil",
"library": "lucide",
"fill": "$ui:--muted-foreground"
}
]
}
]
},
{
"type": "frame",
"id": "GvnBH",
"name": "Meta",
"gap": 10,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "Hxjkq",
"name": "Live",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "g1Gy3",
"name": "Dot",
"fill": "$ui:success",
"width": 6,
"height": 6
},
{
"type": "text",
"id": "i9kT5",
"name": "Live on",
"fill": "$ui:--muted-foreground",
"content": "Reachable at",
"fontFamily": "$ui:--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "O955nc",
"name": "+1 829 555 0199",
"fill": "$ui:--foreground",
"content": "2 numbers",
"fontFamily": "$ui:--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "HfJT5",
"name": "Dot sep",
"fill": "$ui:--muted-foreground",
"content": "·",
"fontFamily": "$ui:--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "R4Nckr",
"name": "Ref chip",
"fill": "$ui:--muted",
"cornerRadius": 6,
"gap": 6,
"padding": [
2,
8
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "uuRqr",
"name": "ap-7f3c91",
"fill": "$ui:--muted-foreground",
"content": "ap-7f3c91",
"fontFamily": "$ui:--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "icon",
"id": "F2C3aE",
"name": "Copy",
"width": 11,
"height": 11,
"icon": "copy",
"library": "lucide",
"fill": "$ui:--muted-foreground"
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "Qvb3e",
"name": "Actions",
"gap": 10,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "c3cNA",
"name": "Unsaved",
"gap": 6,
"padding": [
0,
6,
0,
0
],
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "A0WcFY",
"name": "Dot",
"fill": "$ui:warning",
"width": 6,
"height": 6
},
{
"type": "text",
"id": "Agpah",
"name": "Unsaved changes",
"fill": "$ui:--muted-foreground",
"content": "Unsaved changes",
"fontFamily": "$ui:--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"id": "dJaSj",
"type": "ref",
"ref": "ui:4x7RU",
"name": "Talk",
"descendants": {
"ui:r97g1": {
"enabled": false
},
"ui:7ZVG7": {
"content": "Talk to agent"
}
}
},
{
"id": "v67l4n",
"type": "ref",
"ref": "ui:ZETEA",
"name": "Save",
"descendants": {
"ui:mRGd3": {
"enabled": false
},
"ui:q5Hn5": {
"content": "Save"
}
}
}
]
}
]
},
{
"type": "frame",
"id": "bsvVT",
"name": "Tabs",
"width": "fill_container",
"stroke": "$ui:--border",
"strokeWidth": {
"bottom": 1
},
"strokeAlignment": "inner",
"gap": 24,
"children": [
{
"type": "frame",
"id": "b4vkp",
"name": "Tab Configure",
"stroke": "$ui:--foreground",
"strokeWidth": {
"bottom": 2
},
"strokeAlignment": "inner",
"gap": 6,
"padding": [
10,
0,
12,
0
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "rDtxC",
"name": "Configure",
"fill": "$ui:--foreground",
"content": "Configure",
"fontFamily": "$ui:--font-secondary",
"fontSize": 14,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "puDuj",
"name": "Tab Tools",
"stroke": "#00000000",
"strokeWidth": {
"bottom": 2
},
"strokeAlignment": "inner",
"gap": 6,
"padding": [
10,
0,
12,
0
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "ogoMO",
"name": "Tools",
"fill": "$ui:--muted-foreground",
"content": "Tools",
"fontFamily": "$ui:--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "G9FyKH",
"name": "Count",
"fill": "$ui:--muted",
"cornerRadius": 6,
"padding": [
1,
6
],
"children": [
{
"type": "text",
"id": "WOcTh",
"name": "2",
"fill": "$ui:--muted-foreground",
"content": "2",
"fontFamily": "$ui:--font-primary",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "HKxQF",
"name": "Tab Knowledge",
"stroke": "#00000000",
"strokeWidth": {
"bottom": 2
},
"strokeAlignment": "inner",
"gap": 6,
"padding": [
10,
0,
12,
0
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "IbOUw",
"name": "Knowledge",
"fill": "$ui:--muted-foreground",
"content": "Knowledge",
"fontFamily": "$ui:--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "u0cqr",
"name": "Count",
"fill": "$ui:--muted",
"cornerRadius": 6,
"padding": [
1,
6
],
"children": [
{
"type": "text",
"id": "WP6Uy",
"name": "1",
"fill": "$ui:--muted-foreground",
"content": "2",
"fontFamily": "$ui:--font-primary",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "P2R2H6",
"name": "Tab Tests",
"stroke": "#00000000",
"strokeWidth": {
"bottom": 2
},
"strokeAlignment": "inner",
"gap": 6,
"padding": [
10,
0,
12,
0
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "fdmzj",
"name": "Tests",
"fill": "$ui:--muted-foreground",
"content": "Tests",
"fontFamily": "$ui:--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "T4TKI",
"name": "Count",
"fill": "$ui:--muted",
"cornerRadius": 6,
"padding": [
1,
6
],
"children": [
{
"type": "text",
"id": "aqGhP",
"name": "3",
"fill": "$ui:--muted-foreground",
"content": "3",
"fontFamily": "$ui:--font-primary",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "HOiHk",
"name": "Tab Calls",
"stroke": "#00000000",
"strokeWidth": {
"bottom": 2
},
"strokeAlignment": "inner",
"gap": 6,
"padding": [
10,
0,
12,
0
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Ohjii",
"name": "Calls",
"fill": "$ui:--muted-foreground",
"content": "Calls",
"fontFamily": "$ui:--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "SOSM0",
"name": "Tab Advanced",
"stroke": "#00000000",
"strokeWidth": {
"bottom": 2
},
"strokeAlignment": "inner",
"gap": 6,
"padding": [
10,
0,
12,
0
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "b7meiZ",
"name": "Advanced",
"fill": "$ui:--muted-foreground",
"content": "Advanced",
"fontFamily": "$ui:--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "LBc4M",
"name": "Configure body",
"width": "fill_container",
"height": "fill_container",
"gap": 20,
"padding": [
20,
0,
24,
0
],
"children": [
{
"type": "frame",
"id": "H2K3j",
"name": "Left",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 16,
"children": [
{
"type": "frame",
"id": "dupmX",
"name": "Prompt",
"width": "fill_container",
"height": "fill_container",
"fill": "$ui:--card",
"cornerRadius": 12,
"stroke": "$ui:--border",
"strokeWidth": 1,
"strokeAlignment": "inner",
"layout": "vertical",
"gap": 14,
"padding": 20,
"children": [
{
"type": "frame",
"id": "jC68z",
"name": "Panel header",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "bHENU",
"name": "Conversation",
"fill": "$ui:--foreground",
"content": "Conversation",
"fontFamily": "$ui:--font-secondary",
"fontSize": 14,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "hjuoX",
"name": "Field First message",
"width": "fill_container",
"layout": "vertical",
"gap": 6,
"children": [
{
"type": "frame",
"id": "s3PDP",
"name": "Label row",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "oYh68",
"name": "First message",
"fill": "$ui:--muted-foreground",
"content": "First message",
"fontFamily": "$ui:--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "YhDkb",
"name": "Input",
"width": "fill_container",
"fill": "$ui:--background",
"cornerRadius": "$ui:--radius-control",
"stroke": "$ui:--input",
"strokeWidth": 1,
"strokeAlignment": "inner",
"gap": 8,
"padding": [
9,
12
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "laIfr",
"name": "Value",
"fill": "$ui:--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Hola, le llamo de Acme sobre su factura pendiente. ¿Tiene un minuto?",
"lineHeight": 1.6,
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "iZXj6",
"name": "Field System prompt",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 6,
"children": [
{
"type": "frame",
"id": "fW6dO",
"name": "Label row",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "A2b66",
"name": "System prompt",
"fill": "$ui:--muted-foreground",
"content": "System prompt",
"fontFamily": "$ui:--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "Z1aUK",
"name": "Hint",
"fill": "$ui:--muted-foreground",
"content": "1,284 tokens",
"fontFamily": "$ui:--font-secondary",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "I0Pr3Z",
"name": "Input",
"width": "fill_container",
"height": "fill_container",
"fill": "$ui:--background",
"cornerRadius": "$ui:--radius-control",
"stroke": "$ui:--input",
"strokeWidth": 1,
"strokeAlignment": "inner",
"gap": 8,
"padding": [
9,
12
],
"children": [
{
"type": "text",
"id": "LF5rN",
"name": "Value",
"fill": "$ui:--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "# Role\nYou are Sofía, a friendly billing assistant for Acme.\n\n# Goal\nRemind the customer about their open invoice and agree on a payment date.\n\n# Rules\n- Be polite and brief; never pressure the customer.\n- Confirm the date back before ending the call.\n- If they ask for a human, transfer the call.",
"lineHeight": 1.6,
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "ekwHS",
"name": "Messages row",
"width": "fill_container",
"gap": 14,
"children": [
{
"type": "frame",
"id": "nuuQt",
"name": "Field Goodbye message",
"width": "fill_container",
"layout": "vertical",
"gap": 6,
"children": [
{
"type": "frame",
"id": "F8mF9",
"name": "Label row",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "oyMxi",
"name": "Goodbye message",
"fill": "$ui:--muted-foreground",
"content": "Goodbye message",
"fontFamily": "$ui:--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "QGEsI",
"name": "Input",
"width": "fill_container",
"fill": "$ui:--background",
"cornerRadius": "$ui:--radius-control",
"stroke": "$ui:--input",
"strokeWidth": 1,
"strokeAlignment": "inner",
"gap": 8,
"padding": [
9,
12
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "rcvNy",
"name": "Value",
"fill": "$ui:--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Gracias por su tiempo. ¡Que tenga buen día!",
"lineHeight": 1.6,
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "hKoBT",
"name": "Field Error message",
"width": "fill_container",
"layout": "vertical",
"gap": 6,
"children": [
{
"type": "frame",
"id": "GYQ66",
"name": "Label row",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "GD1e8",
"name": "Error message",
"fill": "$ui:--muted-foreground",
"content": "Error message",
"fontFamily": "$ui:--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "PVJax",
"name": "Input",
"width": "fill_container",
"fill": "$ui:--background",
"cornerRadius": "$ui:--radius-control",
"stroke": "$ui:--input",
"strokeWidth": 1,
"strokeAlignment": "inner",
"gap": 8,
"padding": [
9,
12
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "oz0yE",
"name": "Value",
"fill": "$ui:--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Disculpe, hubo un error. Le llamamos luego.",
"lineHeight": 1.6,
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "SaeFs",
"name": "Right",
"width": 360,
"layout": "vertical",
"gap": 16,
"children": [
{
"type": "frame",
"id": "z9BviV",
"name": "Model & voice",
"width": "fill_container",
"fill": "$ui:--card",
"cornerRadius": 12,
"stroke": "$ui:--border",
"strokeWidth": 1,
"strokeAlignment": "inner",
"layout": "vertical",
"gap": 12,
"padding": 20,
"children": [
{
"type": "text",
"id": "LoRy9",
"name": "Model & voice",
"fill": "$ui:--foreground",
"content": "Model & voice",
"fontFamily": "$ui:--font-secondary",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "frame",
"id": "eY90h",
"name": "Row Language model",
"width": "fill_container",
"fill": "$ui:--background",
"cornerRadius": "$ui:--radius-control",
"stroke": "$ui:--input",
"strokeWidth": 1,
"strokeAlignment": "inner",
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "Q4qbFu",
"name": "Text",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "text",
"id": "K2XgVK",
"name": "Label",
"fill": "$ui:--muted-foreground",
"content": "Language model",
"fontFamily": "$ui:--font-secondary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "rGclD",
"name": "Value",
"fill": "$ui:--foreground",
"content": "OpenAI · gpt-4o-mini",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "EsYFW",
"name": "Meta",
"fill": "$ui:--muted-foreground",
"content": "temp 0.4",
"fontFamily": "$ui:--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "icon",
"id": "q3D4Yd",
"name": "Chevron",
"width": 14,
"height": 14,
"icon": "chevron-down",
"library": "lucide",
"fill": "$ui:--muted-foreground"
}
]
},
{
"type": "frame",
"id": "bQEmA",
"name": "Row Voice",
"width": "fill_container",
"fill": "$ui:--background",
"cornerRadius": "$ui:--radius-control",
"stroke": "$ui:--input",
"strokeWidth": 1,
"strokeAlignment": "inner",
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "J5dHr",
"name": "Text",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "text",
"id": "aIK9d",
"name": "Label",
"fill": "$ui:--muted-foreground",
"content": "Voice",
"fontFamily": "$ui:--font-secondary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "wJnQx",
"name": "Value",
"fill": "$ui:--foreground",
"content": "Deepgram · Flux · Fernanda",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "c1zLkC",
"name": "Meta",
"fill": "$ui:--muted-foreground",
"content": "1.0×",
"fontFamily": "$ui:--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "icon",
"id": "a6eWD",
"name": "Chevron",
"width": 14,
"height": 14,
"icon": "chevron-down",
"library": "lucide",
"fill": "$ui:--muted-foreground"
}
]
},
{
"type": "frame",
"id": "clL7g",
"name": "Row Transcriber",
"width": "fill_container",
"fill": "$ui:--background",
"cornerRadius": "$ui:--radius-control",
"stroke": "$ui:--input",
"strokeWidth": 1,
"strokeAlignment": "inner",
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "sMeVd",
"name": "Text",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "text",
"id": "tFz38",
"name": "Label",
"fill": "$ui:--muted-foreground",
"content": "Transcriber",
"fontFamily": "$ui:--font-secondary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "lf4zH",
"name": "Value",
"fill": "$ui:--foreground",
"content": "Deepgram · Nova 3",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "apbyV",
"name": "Meta",
"fill": "$ui:--muted-foreground",
"content": "es-MX",
"fontFamily": "$ui:--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "icon",
"id": "X6aDJ",
"name": "Chevron",
"width": 14,
"height": 14,
"icon": "chevron-down",
"library": "lucide",
"fill": "$ui:--muted-foreground"
}
]
}
]
},
{
"type": "frame",
"id": "n0GEHW",
"name": "Phone numbers",
"width": "fill_container",
"fill": "$ui:--card",
"cornerRadius": 12,
"stroke": "$ui:--border",
"strokeWidth": 1,
"strokeAlignment": "inner",
"layout": "vertical",
"gap": 12,
"padding": 20,
"children": [
{
"type": "frame",
"id": "i8oNIQ",
"name": "Panel header",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "eKq4J",
"name": "Phone numbers",
"fill": "$ui:--foreground",
"content": "Reachable at",
"fontFamily": "$ui:--font-secondary",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "text",
"id": "xIRSU",
"name": "Assign",
"fill": "$ui:--muted-foreground",
"content": "Manage in Numbers →",
"fontFamily": "$ui:--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "GNR7F",
"name": "Number",
"width": "fill_container",
"gap": 10,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "XnoOn",
"name": "Icon",
"width": 16,
"height": 16,
"icon": "call",
"library": "Material Symbols Sharp",
"fill": "$ui:--muted-foreground"
},
{
"type": "text",
"id": "PjjUF",
"name": "+1 829 555 0199",
"fill": "$ui:--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "+1 829 555 0199",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "lwVVx",
"name": "via Trunk · Claro",
"fill": "$ui:--muted-foreground",
"content": "Trunk · Claro",
"fontFamily": "$ui:--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "dgYRZ",
"name": "Number 2",
"width": "fill_container",
"gap": 10,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "F02M9",
"name": "Icon",
"width": 16,
"height": 16,
"icon": "call",
"library": "Material Symbols Sharp",
"fill": "$ui:--muted-foreground"
},
{
"type": "text",
"id": "xkfr2",
"name": "+1 809 555 0177",
"fill": "$ui:--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "+1 809 555 0177",
"fontFamily": "$ui:--font-primary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "ZX7Ft",
"name": "Trunk · Altice",
"fill": "$ui:--muted-foreground",
"content": "Trunk · Altice",
"fontFamily": "$ui:--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "DGMnQ",
"name": "Direction note",
"fill": "$ui:--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Numbers point to agents. To route another number here, edit it in Numbers.",
"lineHeight": 1.5,
"fontFamily": "$ui:--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "cd7SJ",
"name": "Behavior",
"width": "fill_container",
"fill": "$ui:--card",
"cornerRadius": 12,
"stroke": "$ui:--border",
"strokeWidth": 1,
"strokeAlignment": "inner",
"layout": "vertical",
"gap": 12,
"padding": 20,
"children": [
{
"type": "text",
"id": "ESILa",
"name": "Behavior",
"fill": "$ui:--foreground",
"content": "Behavior",
"fontFamily": "$ui:--font-secondary",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "frame",
"id": "kHLXR",
"name": "Row Let callers interrupt",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "lIiba",
"name": "Let callers interrupt",
"fill": "$ui:--muted-foreground",
"content": "Let callers interrupt",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "CFnM1",
"name": "Switch",
"width": 32,
"height": 18,
"fill": "$ui:--primary",
"cornerRadius": 9,
"padding": 2,
"justifyContent": "end",
"children": [
{
"type": "ellipse",
"id": "xSiR4",
"name": "Knob",
"fill": "$ui:on-accent",
"width": 14,
"height": 14
}
]
}
]
},
{
"type": "frame",
"id": "owRJS",
"name": "Row Hang up after silence",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "EMIS2",
"name": "Hang up after silence",
"fill": "$ui:--muted-foreground",
"content": "Hang up after silence",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "ovIMo",
"name": "Input",
"width": 150,
"fill": "$ui:--background",
"cornerRadius": "$ui:--radius-control",
"stroke": "$ui:--input",
"strokeWidth": 1,
"strokeAlignment": "inner",
"padding": [
7,
10
],
"children": [
{
"type": "text",
"id": "x4d5G7",
"name": "3 × 10 s",
"fill": "$ui:--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "3 × 10 s",
"textAlign": "right",
"fontFamily": "$ui:--font-primary",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "VTVws",
"name": "Row Max call length",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "eJki7",
"name": "Max call length",
"fill": "$ui:--muted-foreground",
"content": "Max call length",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "G19oue",
"name": "Input",
"width": 150,
"fill": "$ui:--background",
"cornerRadius": "$ui:--radius-control",
"stroke": "$ui:--input",
"strokeWidth": 1,
"strokeAlignment": "inner",
"padding": [
7,
10
],
"children": [
{
"type": "text",
"id": "UF8F3",
"name": "30 min",
"fill": "$ui:--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "30 min",
"textAlign": "right",
"fontFamily": "$ui:--font-primary",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "H7Wzw",
"name": "Row Transfer to an operator",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "S24Scq",
"name": "Transfer to an operator",
"fill": "$ui:--muted-foreground",
"content": "Transfer to an operator",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "SK7ak",
"name": "Input",
"width": 150,
"fill": "$ui:--background",
"cornerRadius": "$ui:--radius-control",
"stroke": "$ui:--input",
"strokeWidth": 1,
"strokeAlignment": "inner",
"padding": [
7,
10
],
"children": [
{
"type": "text",
"id": "u8fRCi",
"name": "+1 809 555 0100",
"fill": "$ui:--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "+1 809 555 0100",
"textAlign": "right",
"fontFamily": "$ui:--font-primary",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "bPGkt",
"name": "Field Transfer message",
"width": "fill_container",
"layout": "vertical",
"gap": 6,
"children": [
{
"type": "frame",
"id": "V1i5FK",
"name": "Label row",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "TJeaB",
"name": "Says before transferring",
"fill": "$ui:--muted-foreground",
"content": "Says before transferring",
"fontFamily": "$ui:--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "JX6Vv",
"name": "Input",
"width": "fill_container",
"fill": "$ui:--background",
"cornerRadius": "$ui:--radius-control",
"stroke": "$ui:--input",
"strokeWidth": 1,
"strokeAlignment": "inner",
"gap": 8,
"padding": [
9,
12
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "q7gqc",
"name": "Value",
"fill": "$ui:--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "One moment, I'm transferring you to a person.",
"lineHeight": 1.6,
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "nksMD",
"name": "Field Transfer failed message",
"width": "fill_container",
"layout": "vertical",
"gap": 6,
"children": [
{
"type": "frame",
"id": "grh9T",
"name": "Label row",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "AIHoe",
"name": "Says if the transfer fails",
"fill": "$ui:--muted-foreground",
"content": "Says if the transfer fails",
"fontFamily": "$ui:--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "mn5Hr",
"name": "Input",
"width": "fill_container",
"fill": "$ui:--background",
"cornerRadius": "$ui:--radius-control",
"stroke": "$ui:--input",
"strokeWidth": 1,
"strokeAlignment": "inner",
"gap": 8,
"padding": [
9,
12
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "a6G6ge",
"name": "Value",
"fill": "$ui:--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Sorry, I couldn't connect you. How else can I help?",
"lineHeight": 1.6,
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
}
]
}
]
}
]
}
]
}
]
}
}
},
{
"id": "lzFGE",
"type": "ref",
"ref": "ui:Z4xcv",
"name": "Label · Apps · List & create",
"x": 0,
"y": 4560,
"width": 9140,
"theme": {
"ui:mode": "light"
},
"descendants": {
"ui:E87RGF": {
"content": "Apps · List & create"
},
"ui:G8OhZ": {
"content": "Draft"
},
"ui:SH1DB": {
"content": "/workspaces/:workspaceId/voice-apps"
},
"ui:z4SKuT": {
"content": "Left → right: List · Create dialog · Detail. EXTERNAL apps (your code via @fonoster/voice). 'Place test call' uses the existing calls API. Endpoint health needs backend support."
}
}
},
{
"id": "JDOnP",
"type": "ref",
"ref": "ui:aqOKa",
"name": "Apps / List / Default",
"x": 0,
"y": 4780,
"theme": {
"ui:mode": "dark"
},
"descendants": {
"ui:fZcuM": {
"fill": "$ui:--sidebar-accent"
},
"ui:fZcuM/ui:xGT5g": {
"fill": "$ui:--sidebar-accent-foreground"
},
"ui:fZcuM/ui:TXca3": {
"fill": "$ui:--sidebar-accent-foreground"
},
"ui:gOtUO": {
"children": [
{
"type": "frame",
"id": "Gvh2R",
"name": "Content",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 20,
"padding": [
28,
32
],
"children": [
{
"type": "frame",
"id": "q29Rgx",
"name": "Page header",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "Qivia",
"name": "Title",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "text",
"id": "YCofh",
"name": "Streams",
"fill": "$ui:--foreground",
"content": "Apps",
"fontFamily": "$ui:--font-secondary",
"fontSize": 22,
"fontWeight": "600"
},
{
"type": "text",
"id": "yGPos",
"name": "Subtitle",
"fill": "$ui:--muted-foreground",
"content": "Voice apps you run yourself, connected over a stream. Pipecat, your own code, or any stream client.",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "R6DLsa",
"name": "Header actions",
"gap": 12,
"alignItems": "center",
"children": [
{
"id": "z0zMmg",
"type": "ref",
"ref": "ui:4x7RU",
"name": "SDK docs",
"descendants": {
"ui:r97g1": {
"enabled": false
},
"ui:7ZVG7": {
"content": "SDK docs"
}
}
},
{
"id": "sjj8S",
"type": "ref",
"ref": "ui:ZETEA",
"name": "Create stream",
"descendants": {
"ui:q5Hn5": {
"content": "Create app"
}
}
}
]
}
]
},
{
"type": "frame",
"id": "AXwa6",
"name": "Toolbar",
"width": "fill_container",
"gap": 12,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "HeeAH",
"name": "Search",
"width": 320,
"height": 38,
"fill": "$ui:--card",
"cornerRadius": "$ui:--radius-control",
"stroke": "$ui:--border",
"strokeWidth": 1,
"strokeAlignment": "inner",
"gap": 8,
"padding": [
0,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "N6n5B",
"name": "Search icon",
"width": 16,
"height": 16,
"icon": "search",
"library": "lucide",
"fill": "$ui:--muted-foreground"
},
{
"type": "text",
"id": "c7o4G",
"name": "Search streams",
"fill": "$ui:--muted-foreground",
"content": "Search apps",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "DfebQ",
"name": "Count",
"fill": "$ui:--muted-foreground",
"content": "3 apps",
"fontFamily": "$ui:--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "oHpXP",
"name": "Streams table",
"clip": true,
"width": "fill_container",
"fill": "$ui:--card",
"cornerRadius": 12,
"stroke": "$ui:--border",
"strokeWidth": 1,
"strokeAlignment": "inner",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "KhnXz",
"name": "Header row",
"width": "fill_container",
"height": 40,
"padding": [
0,
20
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "cn8EZ",
"name": "Stream",
"width": "fill_container",
"children": [
{
"type": "text",
"id": "WXPJb",
"name": "VOICE APP",
"fill": "$ui:--muted-foreground",
"content": "APP",
"fontFamily": "$ui:--font-secondary",
"fontSize": 11,
"fontWeight": "normal",
"letterSpacing": 0.5
}
]
},
{
"type": "frame",
"id": "lp3UK",
"name": "Endpoint",
"width": 340,
"children": [
{
"type": "text",
"id": "l1rw9",
"name": "ENDPOINT",
"fill": "$ui:--muted-foreground",
"content": "URL",
"fontFamily": "$ui:--font-secondary",
"fontSize": 11,
"fontWeight": "normal",
"letterSpacing": 0.5
}
]
},
{
"type": "frame",
"id": "AiDiS",
"name": "Phone number",
"width": 170,
"children": [
{
"type": "text",
"id": "AaFzi",
"name": "PHONE NUMBER",
"fill": "$ui:--muted-foreground",
"content": "NUMBERS",
"fontFamily": "$ui:--font-secondary",
"fontSize": 11,
"fontWeight": "normal",
"letterSpacing": 0.5
}
]
},
{
"type": "frame",
"id": "g1PJ1",
"name": "Voice · Transcriber",
"width": 210,
"children": [
{
"type": "text",
"id": "weIQu",
"name": "VOICE · TRANSCRIBER",
"fill": "$ui:--muted-foreground",
"content": "VOICE · TRANSCRIBER",
"fontFamily": "$ui:--font-secondary",
"fontSize": 11,
"fontWeight": "normal",
"letterSpacing": 0.5
}
]
},
{
"type": "frame",
"id": "uaFGb",
"name": "Calls · 7d",
"width": 120,
"children": [
{
"type": "text",
"id": "a12d1n",
"name": "CALLS · 7D",