docs: restructure surface docs into landing + workflow + sub-components#2102
Open
aaronlee777 wants to merge 16 commits into
Open
docs: restructure surface docs into landing + workflow + sub-components#2102aaronlee777 wants to merge 16 commits into
aaronlee777 wants to merge 16 commits into
Conversation
Each surface in workflows-overview/ now lives in its own subfolder with three pages — a landing that mirrors the Companies pattern, a workflow page for the drop-in flow component, and a sub-components page with human-readable section headings. - New top-level landings: companies, employees, contractors, payroll - Per-surface landings for company-onboarding, information-requests, employee-onboarding, employee-self-onboarding, contractor-onboarding, contractor-payments, run-payroll, off-cycle-payroll, dismissal-payroll, transition-payroll - New LinkCardGrid component drives each landing's card grid - Surfaces sidebar entry is a non-collapsible section header; active state styling pins highlight to the actual current page only - Renamed sub-component headings from Component.Name to human-readable equivalents (Company.AssignSignatory -> Assign a signatory, etc.) - Updated SurfacesGrid card targets, README.md, and inbound cross-refs Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
…ucture # Conflicts: # docs/workflows-overview/company-onboarding/sub-components.md # docs/workflows-overview/contractor-onboarding/sub-components.md # docs/workflows-overview/contractor-payments/sub-components.md # docs/workflows-overview/dismissal-payroll/workflow.md # docs/workflows-overview/employee-onboarding/sub-components.md # docs/workflows-overview/employee-self-onboarding/sub-components.md # docs/workflows-overview/information-requests.md # docs/workflows-overview/off-cycle-payroll.md # docs/workflows-overview/run-payroll/sub-components.md # docs/workflows-overview/transition-payroll/workflow.md
Card links were missing the docs plugin's routeBasePath, so each Surfaces homepage card resolved to a non-existent URL. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Convert workflow-overview landing pages (employees, companies, contractors,
payroll) to use LinkCardGrid for consistent card UI. Switch single-item grids
to columns={2} so cards keep half-width instead of stretching. Remove empty
sub-components section from dismissal payroll landing.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Docusaurus broken-link check requires the .mdx suffix for sibling document references. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
The sidebar maps each *-onboarding.mdx into a category-with-link, which relocates the doc's route to the category path (e.g. /workflows-overview/ employee-onboarding instead of .../employee-onboarding/employee-onboarding). Target the category slug directly so the Docusaurus broken-link check passes. Verified with a local build. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Rename the section directory and its three pages around their new purpose: - build-pathways-sdk-flows-api.md -> workflows.md (explains workflows) - component-types.md -> sub-components.md (explains sub-components) - deciding-to-build-with-the-sdk.md -> hooks.md (explains hooks) Rewrite each page to cover its new topic and add a build-methods.md landing page with a side-by-side comparison and "when to pick which" decision guide. Wire the new landing page into the sidebar. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Each category landing (company-onboarding, etc.) is emitted at .../company-onboarding/index.html, so its canonical URL ends with a slash. The absolute hrefs from the surface landing pages omitted the slash, which left the in-app pathname without one. The relative ./workflow and ./sub-components links on the destination then resolved up a directory and 404'd. Direct navigation worked only because the browser canonicalized the URL on load. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
The directory was already labeled "Surfaces" in the sidebar; rename docs/workflows-overview to docs/surfaces and the index file to surfaces.mdx so the URL matches: /docs/workflows-overview/* -> /docs/surfaces/*. Update sidebar IDs, SurfacesGrid links, footer link, NotFound page link, landing-page LinkCardGrid hrefs, and cross-doc references in build-methods and composition guides. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
- New Customize landing page (docs/customize/customize.mdx) grouping Theming and Component Adapter behind a single "Customize" sidebar category, with a 2-up LinkCardGrid on the landing. - Hooks sidebar: replace the flat 3-hook list with two visually separated label groups (Company / Employee) using type: 'html' items styled by a new .sidebar-group-label rule (spacing, no divider), and expand the listing to every documented hook. - Hooks landing: collapse the redundant Reference column — the Hook column itself is now the link to the reference page. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 tasks
…ucture # Conflicts: # docs-site/sidebars.ts # docs/deciding-to-build-with-the-sdk/component-types.md # docs/deciding-to-build-with-the-sdk/deciding-to-build-with-the-sdk.md # docs/surfaces/company-onboarding/sub-components.md # docs/surfaces/contractor-onboarding/sub-components.md # docs/surfaces/contractor-payments/sub-components.md # docs/surfaces/employee-onboarding/sub-components.md # docs/surfaces/employee-self-onboarding/sub-components.md
mariechatfield
requested changes
Jun 15, 2026
mariechatfield
left a comment
Contributor
There was a problem hiding this comment.
Aaron can we sync on this one? Most of the content inside the workflows and hooks directories is going to be deleted as soon as I finish the backfill -- you can already see some of the content live at https://sdk.gusto.com/docs/api/Employee/EmployeeManagement/flows for example. I've been using these guides as fodder for the tsdoc content but the plan is to delete all these files as soon as we have stable paths we can point people towards instead
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
docs/workflows-overview/so each surface lives in its own subfolder with three pages: a landing (.mdx),workflow.md, andsub-components.mdcompanies,employees,contractors,payroll) that the Surfaces homepage and sidebar both link toLinkCardGridcomponent that drives every landing's card grid (configurable 1/2/3 columns)Component.Nameto human-readable equivalents (e.g.Company.AssignSignatory→Assign a signatory,Payroll.PayrollBlockerList→Blockers)SurfacesGridcard targets,README.md, and inbound cross-references; fix the existing "Conractor onboarding" typoTest plan
npm run docs:clear && npm run docsand confirm Docusaurus boots without sidebar errorsnpm run docs:buildand confirm no broken-link warnings are introduced🤖 Generated with Claude Code