{ "name": "onb-step-shell", "kind": "page", "primary": "main", "page": "/apps/user-flow/app/onboarding/welcome/welcome.contents.html", "slots": [ { "name": "page-story", "tagName": "aside", "html": "\n \n AdiaUI\n \n
\n

Welcome aboard, Kim.

\n

\n You're three minutes away from your first usable workspace. We'll walk through the essentials — pick how you'll use it, connect a data source, see\n your first dashboard come to life. Skip anything you'd rather come back to later.\n

\n Step 1 of 10 · Onboarding\n
" }, { "name": "page-header", "tagName": "header", "html": "

Let's get you set up

\n A quick guided tour. Everything is changeable in settings later." }, { "name": "page-content", "tagName": "div", "html": "" }, { "name": "page-footer", "tagName": "footer", "html": "\n
\n \n
" } ], "nested": [ "onb-story-pane", "onb-step-header", "onb-hero-welcome", "onb-step-footer", "onb-step-progress" ], "attrs": { "data-onb": "", "prose": "" }, "html": "
\n \n\n
\n
\n\n
\n\n \n
\n
", "source": "apps/user-flow/app/onboarding/welcome/welcome.contents.html", "metadata": { "domain": "onboarding", "description": "Multi-step onboarding wizard shell. Header with step-progress indicator, welcome/setup title, description, and content section. Wraps welcome → preferences → team-invite → complete sequence.", "keywords": [ "onboarding", "welcome", "wizard", "multi", "step", "shell", "progress", "setup", "new", "user", "getting", "started" ], "related": [ "reg-step-shell", "auth-signup-entry", "auth-profile-setup" ], "tags": { "complexity": "moderate", "layout": "page" } }, "captured_at": "2026-06-07T19:28:13.657Z", "template": [ { "id": "image", "component": "Image", "src": "/icons/agent-ui-light.svg" }, { "id": "text", "component": "Text", "variant": "body", "textContent": "AdiaUI" }, { "id": "adia-ui-home", "component": "Link", "href": "/", "text": "AdiaUI", "data-onb-brand": "", "children": [ "image", "text" ] }, { "id": "text-2", "component": "Text", "variant": "title", "textContent": "Welcome aboard, Kim." }, { "id": "text-3", "component": "Text", "variant": "body", "textContent": "You're three minutes away from your first usable workspace. We'll walk through the essentials — pick how you'll use it, connect a data source, see your first dashboard come to life. Skip anything you'd rather come back to later." }, { "id": "text-4", "component": "Text", "color": "subtle", "size": "sm", "textContent": "Step 1 of 10 · Onboarding" }, { "id": "column", "component": "Column", "children": [ "text-2", "text-3", "text-4" ] }, { "id": "section", "component": "Section", "children": [ "column" ] }, { "id": "card", "component": "Card", "data-onb-story-content": "", "children": [ "section" ] }, { "id": "sidebar-2", "component": "Sidebar", "data-onb-story": "", "data-chunk-slot": "page-story", "children": [ "adia-ui-home", "card" ] }, { "id": "sidebar", "component": "Sidebar", "data-onb-story": "", "data-chunk-slot": "page-story", "children": [ "sidebar-2" ] }, { "id": "text-5", "component": "Text", "variant": "display", "textContent": "Let's get you set up" }, { "id": "text-6", "component": "Text", "color": "subtle", "textContent": "A quick guided tour. Everything is changeable in settings later." }, { "id": "header-2", "component": "Header", "data-onb-heading": "", "data-chunk-slot": "page-header", "children": [ "text-5", "text-6" ] }, { "id": "header", "component": "Header", "data-onb-heading": "", "data-chunk-slot": "page-header", "children": [ "header-2" ] }, { "id": "check-circle", "component": "Icon", "name": "check-circle", "weight": "fill" }, { "id": "text-8", "component": "Text", "variant": "body", "textContent": "Pick how you'll use it" }, { "id": "text-9", "component": "Text", "color": "subtle", "size": "sm", "textContent": "Tailors the home screen + which integrations we suggest first." }, { "id": "column-4", "component": "Column", "children": [ "text-8", "text-9" ] }, { "id": "text-7", "component": "Text", "variant": "body", "children": [ "check-circle", "column-4" ] }, { "id": "icon", "component": "Icon", "name": "check-circle", "weight": "fill" }, { "id": "text-11", "component": "Text", "variant": "body", "textContent": "Connect your first data source" }, { "id": "text-12", "component": "Text", "color": "subtle", "size": "sm", "textContent": "One integration unlocks dashboards, alerts, and search across your stack." }, { "id": "column-5", "component": "Column", "children": [ "text-11", "text-12" ] }, { "id": "text-10", "component": "Text", "variant": "body", "children": [ "icon", "column-5" ] }, { "id": "icon-2", "component": "Icon", "name": "check-circle", "weight": "fill" }, { "id": "text-14", "component": "Text", "variant": "body", "textContent": "See your first dashboard" }, { "id": "text-15", "component": "Text", "color": "subtle", "size": "sm", "textContent": "Generated from real data, ready to share or edit." }, { "id": "column-6", "component": "Column", "children": [ "text-14", "text-15" ] }, { "id": "text-13", "component": "Text", "variant": "body", "children": [ "icon-2", "column-6" ] }, { "id": "list", "component": "List", "data-onb-outcomes": "", "children": [ "text-7", "text-10", "text-13" ] }, { "id": "column-3", "component": "Column", "data-onb-form": "", "data-chunk-slot": "page-content", "children": [ "list" ] }, { "id": "column-2", "component": "Column", "data-onb-form": "", "data-chunk-slot": "page-content", "children": [ "column-3" ] }, { "id": "column-7", "component": "Column" }, { "id": "button", "component": "Button", "type": "submit", "text": "Get started", "variant": "primary" }, { "id": "column-8", "component": "Column", "data-onb-actions": "", "children": [ "button" ] }, { "id": "footer-2", "component": "Footer", "data-chunk-slot": "page-footer", "children": [ "column-7", "column-8" ] }, { "id": "footer", "component": "Footer", "data-chunk-slot": "page-footer", "children": [ "footer-2" ] }, { "id": "form-container", "component": "FormContainer", "data-onb-input": "", "children": [ "header", "column-2", "footer" ] }, { "id": "root", "component": "Column", "data-onb": "", "children": [ "sidebar", "form-container" ] } ] }