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

Be findable.

\n

\n These details show up in directory search, mentions, and the timezone-aware \"@available now\" indicator on your profile. None of this is required —\n you can fill it in whenever, or never.\n

\n User setup · Step 7 of 8 · Personal profile\n
" }, { "name": "page-header", "tagName": "header", "html": "

Round out your profile

\n Optional — these help teammates find you in directory search and route messages to the right person." }, { "name": "page-content", "tagName": "section", "html": "\n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n\n \n \n \n\n \n\n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n\n \n\n \n Where else can teammates reach you?\n Optional — link your handles so DMs and mentions can route to the right surface.\n \n\n \n \n \n\n \n \n \n\n
\n \n \n Your profile will use the basics from sign-up (name + email) until you complete this step.\n \n
" }, { "name": "page-footer", "tagName": "footer", "html": "\n
\n Back\n \n
" } ], "nested": [ "reg-story-pane", "extended-profile-form", "reg-step-header", "reg-extended-profile", "reg-step-footer", "reg-step-progress" ], "attrs": { "data-reg": "", "prose": "" }, "html": "
\n \n\n
\n
", "source": "apps/user-flow/app/registration/personal/personal.contents.html", "metadata": { "domain": "onboarding", "description": "Multi-step registration wizard shell. Header with step-progress indicator (e.g. 'Step 2 of 4'), title, description, then a form section for the current step's inputs.", "keywords": [ "registration", "signup", "wizard", "multi", "step", "shell", "progress", "form", "personal", "workspace", "profile" ], "related": [ "onb-step-shell", "auth-signup-entry", "auth-profile-setup" ], "tags": { "complexity": "moderate", "layout": "page" } }, "captured_at": "2026-06-10T14:28:57.979Z", "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-reg-brand": "", "children": [ "image", "text" ] }, { "id": "text-2", "component": "Text", "variant": "title", "textContent": "Be findable." }, { "id": "text-3", "component": "Text", "variant": "body", "textContent": "These details show up in directory search, mentions, and the timezone-aware \"@available now\" indicator on your profile. None of this is required — you can fill it in whenever, or never." }, { "id": "text-4", "component": "Text", "color": "subtle", "size": "sm", "textContent": "User setup · Step 7 of 8 · Personal profile" }, { "id": "column", "component": "Column", "children": [ "text-2", "text-3", "text-4" ] }, { "id": "section", "component": "Section", "children": [ "column" ] }, { "id": "card", "component": "Card", "data-reg-story-content": "", "children": [ "section" ] }, { "id": "sidebar-2", "component": "Sidebar", "data-reg-story": "", "data-chunk-slot": "page-story", "children": [ "adia-ui-home", "card" ] }, { "id": "sidebar", "component": "Sidebar", "data-reg-story": "", "data-chunk-slot": "page-story", "children": [ "sidebar-2" ] }, { "id": "text-5", "component": "Text", "variant": "display", "textContent": "Round out your profile" }, { "id": "text-6", "component": "Text", "color": "subtle", "textContent": "Optional — these help teammates find you in directory search and route messages to the right person." }, { "id": "header-2", "component": "Header", "data-reg-heading": "", "data-chunk-slot": "page-header", "children": [ "text-5", "text-6" ] }, { "id": "header", "component": "Header", "data-reg-heading": "", "data-chunk-slot": "page-header", "children": [ "header-2" ] }, { "id": "title", "component": "Input", "autocomplete": "organization-title", "name": "title", "placeholder": "e.g. Senior Designer" }, { "id": "field", "component": "Field", "inline": true, "label": "Title", "children": [ "title" ] }, { "id": "department", "component": "ChoicePicker", "name": "department", "value": "design", "options": [ { "value": "", "label": "Pick one…" }, { "value": "engineering", "label": "Engineering" }, { "value": "product", "label": "Product" }, { "value": "design", "label": "Design" }, { "value": "sales", "label": "Sales" }, { "value": "marketing", "label": "Marketing" }, { "value": "cs", "label": "Customer Success" }, { "value": "ops", "label": "Operations" } ] }, { "id": "field-2", "component": "Field", "inline": true, "label": "Department", "children": [ "department" ] }, { "id": "manager", "component": "ChoicePicker", "name": "manager", "options": [ { "value": "", "label": "No manager" }, { "value": "jane", "label": "Jane Doe (Founder)" }, { "value": "maya", "label": "Maya Patel (VP Engineering)" }, { "value": "riley", "label": "Riley Park (Head of Design)" }, { "value": "morgan", "label": "Morgan Lee (Head of Sales)" } ], "value": "" }, { "id": "field-3", "component": "Field", "inline": true, "label": "Manager", "children": [ "manager" ] }, { "id": "pronouns", "component": "Input", "autocomplete": "off", "name": "pronouns", "placeholder": "e.g. she/her, they/them" }, { "id": "field-4", "component": "Field", "inline": true, "label": "Pronouns", "children": [ "pronouns" ] }, { "id": "divider", "component": "Divider" }, { "id": "location", "component": "Input", "autocomplete": "address-level2", "name": "location", "placeholder": "San Francisco, CA" }, { "id": "field-5", "component": "Field", "inline": true, "label": "Location", "children": [ "location" ] }, { "id": "timezone", "component": "ChoicePicker", "name": "timezone", "value": "america/los_angeles", "options": [ { "value": "america/los_angeles", "label": "Pacific (San Francisco) · UTC−8" }, { "value": "america/denver", "label": "Mountain (Denver) · UTC−7" }, { "value": "america/chicago", "label": "Central (Chicago) · UTC−6" }, { "value": "america/new_york", "label": "Eastern (New York) · UTC−5" }, { "value": "europe/london", "label": "London · UTC+0" }, { "value": "europe/berlin", "label": "Berlin · UTC+1" }, { "value": "asia/tokyo", "label": "Tokyo · UTC+9" }, { "value": "australia/sydney", "label": "Sydney · UTC+11" } ] }, { "id": "field-6", "component": "Field", "hint": "Detected from your browser. Override if you're traveling or working remotely.", "inline": true, "label": "Time zone", "children": [ "timezone" ] }, { "id": "segment", "component": "Segment", "text": "9 to 5", "value": "9to5" }, { "id": "segment-2", "component": "Segment", "text": "Flexible", "value": "flex" }, { "id": "segment-3", "component": "Segment", "text": "Custom", "value": "custom" }, { "id": "hours", "component": "SegmentedControl", "value": "9to5", "children": [ "segment", "segment-2", "segment-3" ] }, { "id": "field-7", "component": "Field", "inline": true, "label": "Working hours", "children": [ "hours" ] }, { "id": "divider-2", "component": "Divider" }, { "id": "text-7", "component": "Text", "strong": true, "textContent": "Where else can teammates reach you?" }, { "id": "text-8", "component": "Text", "color": "subtle", "size": "sm", "textContent": "Optional — link your handles so DMs and mentions can route to the right surface." }, { "id": "column-2", "component": "Column", "gap": "2", "children": [ "text-7", "text-8" ] }, { "id": "slack", "component": "Input", "name": "slack", "placeholder": "janedoe", "prefix": "@" }, { "id": "field-8", "component": "Field", "inline": true, "label": "Slack handle", "children": [ "slack" ] }, { "id": "github", "component": "Input", "name": "github", "placeholder": "janedoe", "prefix": "@" }, { "id": "field-9", "component": "Field", "inline": true, "label": "GitHub handle", "children": [ "github" ] }, { "id": "defer", "component": "CheckBox", "label": "I'll do this later from my profile", "name": "defer" }, { "id": "text-9", "component": "Text", "color": "subtle", "size": "sm", "textContent": "Your profile will use the basics from sign-up (name + email) until you complete this step.", "data-reg-defer-hint": "" }, { "id": "column-3", "component": "Column", "data-reg-defer-row": "", "children": [ "defer", "text-9" ] }, { "id": "section-3", "component": "Section", "data-reg-form": "", "data-chunk-slot": "page-content", "children": [ "field", "field-2", "field-3", "field-4", "divider", "field-5", "field-6", "field-7", "divider-2", "column-2", "field-8", "field-9", "column-3" ] }, { "id": "section-2", "component": "Section", "data-reg-form": "", "data-chunk-slot": "page-content", "children": [ "section-3" ] }, { "id": "column-4", "component": "Column" }, { "id": "text-10", "component": "Text", "textContent": "Back", "variant": "body" }, { "id": "link", "component": "Link", "href": "/site/examples/registration/org-review", "text": "Back", "data-reg-back": "", "children": [ "text-10" ] }, { "id": "button", "component": "Button", "type": "submit", "text": "Continue", "variant": "primary" }, { "id": "column-5", "component": "Column", "data-reg-actions": "", "children": [ "link", "button" ] }, { "id": "footer-2", "component": "Footer", "data-chunk-slot": "page-footer", "children": [ "column-4", "column-5" ] }, { "id": "footer", "component": "Footer", "data-chunk-slot": "page-footer", "children": [ "footer-2" ] }, { "id": "form-container-2", "component": "FormContainer", "data-reg-input": "", "children": [ "header", "section-2", "footer" ] }, { "id": "form-container", "component": "FormContainer", "data-reg-input": "", "children": [ "form-container-2" ] }, { "id": "root", "component": "Column", "data-reg": "", "children": [ "sidebar", "form-container" ] } ] }