feat(open-platform): switch plaza overview to segmented tabs with search - #240
Closed
JnyRoad wants to merge 2 commits into
Closed
feat(open-platform): switch plaza overview to segmented tabs with search#240JnyRoad wants to merge 2 commits into
JnyRoad wants to merge 2 commits into
Conversation
The overview page showed all five plaza modules (agents, knowledge, skills, SOPs, tools) side by side in five narrow columns, which got cramped on smaller screens and left each column too shallow to browse comfortably. Replace it with a segmented-pill tab bar (PlatformTabBar) plus a single wide content panel (PlatformCategoryPanel) that shows one module at a time. The panel renders every item for the active module at once and scrolls internally instead of gating extra items behind a "view all" button, and adds a search box (shared row with the filter chips) that filters by title/description/meta/tags — search resets on tab switch. PlatformColumn is removed since its only caller was this overview grid. The shared PlatformKind union moves to a new types.ts so the tab bar, panel, and page can all import it without a page-to-component reverse dependency.
The search box in PlatformCategoryPanel only relied on its placeholder text for a label, which screen readers don't announce as the field's name. Add aria-label bound to the same per-category placeholder text (CodeRabbit review comment on PR #9).
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
1 participant
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
/enterprise/platform) with a segmented-pill tab bar over a single, wide content panel — one module (数字员工/知识库/技能/SOP/工具) shown at a time instead of five cramped columns.Changes
PlatformTabBar(segmented pill tab switcher) andPlatformCategoryPanel(single-module header + filters/search + card grid), replacingPlatformColumn.PlatformKindunion into a newcomponents/openPlatform/types.tsso it isn't declared inside the page.OpenPlatformPage.tsxto holdactiveKind/searchTextstate and filter the active module's items client-side.aria-label(accessibility fix from review on the original PR).Testing
tsc -b— passes.vitest run src/components/openPlatform— passes (existing suite).Risks
No obvious risks. Scoped to the plaza overview page and its two new sibling components; the full-list detail route and its data flow are untouched. Already reviewed and merged in a fork PR (JnyRoad/StaffDeck#9) before being rebased onto upstream
mainhere.