Skip to content

fix(docs): align component order in navigation and lists - #2859

Open
Lisa18289 wants to merge 2 commits into
mainfrom
claude/flow-docs-component-order-8ccb7e
Open

fix(docs): align component order in navigation and lists#2859
Lisa18289 wants to merge 2 commits into
mainfrom
claude/flow-docs-component-order-8ccb7e

Conversation

@Lisa18289

@Lisa18289 Lisa18289 commented Aug 19, 2026

Copy link
Copy Markdown
Member

The component navigation took its order from the filesystem, where whole paths are compared and - sorts before /: actions/action-group/ came before actions/action/. The overview lists sort by the rendered name, so navigation and list disagreed — same for AvatarStack/Avatar, MessageThread/Message and FormRootError/Form.

Both now sort by the rendered label through a shared comparator (compareLabels). Where a path segment carries a numeric prefix (01-design), that prefix keeps deciding the order, so Get Started, Foundations and Patterns stay as authored — their unprefixed pages already sort identically by label. "Deprecated last" stays the primary key in the navigation.

Verified in the docs dev server: navigation and list match group by group, and all four sections keep their intended order.

🤖 Generated with Claude Code

The component navigation took its order from the filesystem, where whole
paths are compared and `-` sorts before `/`: `actions/action-group/` came
before `actions/action/`. The overview lists sort by the rendered name, so
the two views disagreed — also for AvatarStack/Avatar, MessageThread/Message
and FormRootError/Form.

Both now sort by the rendered label through a shared comparator. In the
navigation it is opt-in, because Get Started, Foundations and Patterns order
themselves via numeric path prefixes.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
@github-actions

github-actions Bot commented Aug 19, 2026

Copy link
Copy Markdown
Contributor

Coverage Report for ./packages/components/

Status Category Percentage Covered / Total
🔵 Lines 75.56% 600 / 794
🔵 Statements 75.46% 615 / 815
🔵 Functions 77.97% 131 / 168
🔵 Branches 65.85% 272 / 413
File CoverageNo changed files found.
Generated in workflow #6163 for commit b1ede3f by the Vitest Coverage Report Action

Replaces the opt-in `sortByLabel` prop with one rule for all sections: a
numeric path prefix (`01-design`) decides the order where present, the
rendered label otherwise. Get Started, Foundations and Patterns keep their
current order — their unprefixed pages already sort identically by label.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
@github-actions

Copy link
Copy Markdown
Contributor

🚀 Preview Deployment

Preview environments are ready:

Type URL
docs pr-2859.docs.review.flow-components.de
storybook pr-2859.storybook.review.flow-components.de

Images:

  • docs: ghcr.io/mittwald/flow/docs:pr-2859
  • storybook: ghcr.io/mittwald/flow/storybook:pr-2859

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant