← All blocks
App shell with top navigation
app-shell · topbar-tabs · app-shell-topbar
npx shadcn@latest add @plus-ui/app-shell-topbarDefault content
{
"brand": "rivetlane",
"brandHref": "#",
"workspace": {
"name": "Talvik",
"plan": "Enterprise",
"brand": "talvik",
"switchLabel": "Switch workspace",
"others": [
{
"name": "Quillon",
"plan": "Team",
"brand": "quillon"
},
{
"name": "Mosswell",
"plan": "Team",
"brand": "mosswell"
}
],
"create": {
"label": "New workspace",
"href": "#"
}
},
"search": {
"placeholder": "Search deployments",
"shortcut": "⌘K"
},
"nav": [
{
"items": [
{
"label": "Overview",
"icon": "boxes",
"href": "#"
},
{
"label": "Deployments",
"icon": "rocket",
"href": "#"
},
{
"label": "Previews",
"icon": "layers",
"href": "#",
"badge": "12"
},
{
"label": "Logs",
"icon": "terminal",
"href": "#"
}
]
},
{
"label": "Project",
"items": [
{
"label": "Domains",
"icon": "globe",
"href": "#"
},
{
"label": "Environment",
"icon": "key",
"href": "#"
},
{
"label": "Analytics",
"icon": "chart",
"href": "#"
},
{
"label": "Integrations",
"icon": "workflow",
"href": "#"
}
]
},
{
"label": "Workspace",
"items": [
{
"label": "Members",
"icon": "users",
"href": "#"
},
{
"label": "Security",
"icon": "shield",
"href": "#"
}
]
}
],
"current": "Deployments",
"secondary": [
{
"label": "What's new",
"icon": "sparkles",
"href": "#",
"badge": "3"
},
{
"label": "Status",
"icon": "activity",
"href": "#"
}
],
"user": {
"name": "Kofi Mensah",
"email": "[email protected]",
"avatar": {
"src": "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&crop=faces&w=96&h=96&q=80",
"alt": "Kofi Mensah"
},
"menu": [
{
"label": "Profile",
"href": "#"
},
{
"label": "Personal tokens",
"href": "#"
},
{
"label": "Keyboard shortcuts",
"href": "#"
}
],
"signOut": {
"label": "Sign out",
"href": "#"
}
},
"breadcrumbs": [
{
"label": "Talvik",
"href": "#"
},
{
"label": "talvik-storefront",
"href": "#"
},
{
"label": "Deployments",
"href": "#"
}
],
"page": {
"title": "Deployments",
"description": "Every push to talvik-storefront builds here. Merges to main promote to production after approval.",
"actions": [
{
"label": "Deploy hook",
"href": "#",
"variant": "secondary"
},
{
"label": "Redeploy main",
"href": "#",
"variant": "primary"
}
]
},
"main": {
"kind": "deployments",
"current": {
"label": "Production",
"domain": "shop.talvik.io",
"href": "#",
"status": "ready",
"message": "feat(checkout): one-tap address autofill",
"branch": "main",
"commit": "9f3c2a1",
"age": "12m ago",
"facts": [
{
"label": "Build",
"value": "41s"
},
{
"label": "Regions",
"value": "fra1 · iad1 · sin1"
},
{
"label": "Runtime",
"value": "Node 22.11"
}
]
},
"filters": [
{
"label": "All",
"count": "148"
},
{
"label": "Production",
"count": "31"
},
{
"label": "Preview",
"count": "117"
}
],
"rows": [
{
"message": "feat(checkout): one-tap address autofill",
"branch": "main",
"commit": "9f3c2a1",
"environment": "Production",
"production": true,
"status": "ready",
"author": {
"name": "Kofi Mensah",
"avatar": {
"src": "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&crop=faces&w=96&h=96&q=80",
"alt": "Kofi Mensah"
}
},
"duration": "41s",
"age": "12m ago",
"filter": 1
},
{
"message": "fix: cache headers on /assets",
"branch": "mc/asset-cache",
"commit": "4be71d0",
"environment": "Preview",
"production": false,
"status": "building",
"author": {
"name": "Mariana Costa",
"avatar": {
"src": "https://images.unsplash.com/photo-1580489944761-15a19d654956?auto=format&fit=crop&crop=faces&w=96&h=96&q=80",
"alt": "Mariana Costa"
}
},
"duration": "0:18",
"age": "just now",
"filter": 2
},
{
"message": "chore: bump node to 22.11",
"branch": "ren/node-22",
"commit": "c07e9b4",
"environment": "Preview",
"production": false,
"status": "failed",
"author": {
"name": "Ren Takahashi",
"avatar": {
"src": "https://images.unsplash.com/photo-1599566150163-29194dcaad36?auto=format&fit=crop&crop=faces&w=96&h=96&q=80",
"alt": "Ren Takahashi"
}
},
"duration": "1m 04s",
"age": "38m ago",
"filter": 2
},
{
"message": "feat(search): typo-tolerant product search",
"branch": "mc/search-fuzzy",
"commit": "a81d55e",
"environment": "Preview",
"production": false,
"status": "ready",
"author": {
"name": "Mariana Costa",
"avatar": {
"src": "https://images.unsplash.com/photo-1580489944761-15a19d654956?auto=format&fit=crop&crop=faces&w=96&h=96&q=80",
"alt": "Mariana Costa"
}
},
"duration": "47s",
"age": "1h ago",
"filter": 2
},
{
"message": "revert: drop experimental edge middleware",
"branch": "main",
"commit": "2d4f0c8",
"environment": "Production",
"production": true,
"status": "ready",
"author": {
"name": "Ren Takahashi",
"avatar": {
"src": "https://images.unsplash.com/photo-1599566150163-29194dcaad36?auto=format&fit=crop&crop=faces&w=96&h=96&q=80",
"alt": "Ren Takahashi"
}
},
"duration": "39s",
"age": "3h ago",
"filter": 1
},
{
"message": "docs: env var reference for staging",
"branch": "kofi/env-docs",
"commit": "e5b9a37",
"environment": "Preview",
"production": false,
"status": "canceled",
"author": {
"name": "Kofi Mensah",
"avatar": {
"src": "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&crop=faces&w=96&h=96&q=80",
"alt": "Kofi Mensah"
}
},
"duration": "—",
"age": "5h ago",
"filter": 2
}
],
"footer": "Showing 6 of 148 deployments in the last 7 days"
},
"statusLabels": {
"ready": "Ready",
"building": "Building",
"failed": "Failed",
"queued": "Queued",
"canceled": "Canceled"
},
"labels": {
"toggleSidebar": "Toggle sidebar",
"openMenu": "Open navigation",
"notifications": "Notifications",
"rowActions": "Deployment actions",
"account": "Account menu",
"nav": "Project navigation"
}
}