Repository navigation
feat(dashboard): refresh experts page and unify tabs/buttons styling across the app - #2754
Open
lulinzhi37-alt wants to merge 3 commits into
Open
lulinzhi37-alt wants to merge 3 commits into
lulinzhi37-alt wants to merge 3 commits into
Conversation
- replace 18 built-in expert avatars with new 36x36 SVG set; render at 32px - experts cards: 1px rgba(0,0,0,.08) border, no hover accent/shadow, #f9f9f9 hover - my-experts card: drop top accent bar, shadow and avatar background - global: white page background, #f9f9f9 sidebar, no rail divider line - tabs: black/white selected color + underline, 600 weight, drop tab icons - solid primary buttons turn black (white in dark mode) via --fn-btn-solid-* - PageShell: left-align content with title, 24px gap, transparent body - sidebar nav active state: #efefef bg, 90% text; default 65% text - add dark-mode variants for every new token
- Rebuilt 19 expert avatar SVGs as precise 160x160 crops (fixes blurry rendering; drops repo weight from ~28MB to ~2MB) - Added 4 new avatars for cowork-plugin-management / design / engineering / productivity experts - Updated the 4 affected library manifests to reference the new icons
Global design tokens: - New --fn-tab-text / --fn-tab-text-active / --fn-tab-ink CSS vars (light + dark) and antd Tabs theme tokens: idle rgba(0,0,0,0.7), selected rgba(0,0,0,0.9), weight 400/600, 2px ink bar - PageShell subtitle now #000 90%; optional titleGap prop (Experts page uses it for a 24px gap under the subtitle) Tab bars: - Shared TabBar gains a plain mode (no icons) matching antd Tabs; enabled on Connectors, Admin Users, Security, Advanced Settings - Skills / Storage / Plugins / Models tabs: icons removed, Skills page moved to antd Tabs with pinned nav + scrolling pane - Fixed plain-mode active underline being clipped to ~1px (overflow) and ink color now pure #000 (white in dark mode) Buttons & cards: - Skills page toolbar buttons: neutral outline instead of brand red - Expert market cards: full-bleed grey footer per Figma spec, plus neutral create button on the footer - SkillPackages: selected/hover card outlines are 1px black-based, drop shadows removed, sidebar divider hairline instead of 8px bar - Users page: role legend no longer has the red left border - RemoteBrowser / RemoteDesktop uninstall buttons: neutral instead of danger red Misc: - Rename backendFlag.ts -> backendFlagModel.ts: on case-insensitive filesystems 'backendFlag.ts' collided with 'BackendFlag.tsx' and broke TS module resolution for ./BackendFlag imports
This branch has not been deployed
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
--fn-tab-text/--fn-tab-text-active/--fn-tab-inkCSS vars (light + dark) plus antd Tabs theme tokens — idle rgba(0,0,0,0.7)/400, selected rgba(0,0,0,0.9)/600, 2px ink barbackendFlag.ts→backendFlagModel.ts— on case-insensitive filesystems it collided withBackendFlag.tsxand broke TS resolution of./BackendFlagimportsTest plan
tsc -b, eslint, prettier pass