feat(platform): dashboard UI modernization — align with marketing shadcn design system#109
Merged
Merged
Conversation
- Add components.json for shadcn CLI support (new-york style, neutral base) - Migrate globals.css from hardcoded colors to CSS variables (dark-mode-only) - Primary color is cyan (186 94% 60%) to preserve dashboard identity - Radius set to 0.75rem matching existing rounded-xl preference - Extend tailwind.config.ts with semantic color tokens and tailwindcss-animate - Add tailwindcss-animate dependency Issue: #95
- Add shadcn components: Select, Avatar, Tooltip, Skeleton, Breadcrumb, DropdownMenu, Sonner - Create Providers wrapper with TooltipProvider - Add Toaster to root layout - Add ~ path alias to tsconfig.json for shadcn imports - Install Radix dependencies: react-select, react-avatar, react-tooltip, react-dropdown-menu, react-slot Issue: #96
- CopyButton: clipboard copy with Sonner toast feedback - CodeBlock: pre wrapper with copy button and optional language label - FileUpload: styled file input hiding raw input type=file Issue: #98
…ard pages - Login: add loading state with spinner, replace inline errors with Sonner toasts - Projects: move create form to Dialog, add search filter, use semantic tokens - Project detail: add CodeBlock, CopyButton, Breadcrumbs, Button outline links, toasts - Dashboard: add Breadcrumbs, replace buttonVariants hacks with Button asChild - Button: add asChild prop via Radix Slot, use semantic tokens - Card: migrate to semantic tokens (border-border, bg-card, text-card-foreground) Issues: #99 #100 #101 #102
…ail pages - Datasets: shadcn Select, FileUpload, Breadcrumbs, Button links, toasts - Evals: styled empty states, Breadcrumbs, semantic tokens, Button links - Run reviewer: shadcn Select, destructive Fail verdict, Sonner toasts, Breadcrumbs - Hook detail: MetricCard, CodeBlock, CopyButton, Breadcrumbs, Tooltip - Button: add destructive variant with semantic tokens Issues: #103 #104 #105 #106
… states - Trace detail: shadcn Select, tree lines, CopyButton, semantic banners, Breadcrumbs - TraceDatasetExportCard: shadcn Select replacing raw select - All 11 loading.tsx: wrapped in AppShell, use Skeleton component - All 4 error.tsx: use Button component instead of raw button - not-found.tsx: AppShell wrapper, Button + Link - TraceAutoRefresh: semantic token colors Issues: #107 #108
…er import - Replace all ../../../../components/* relative imports with ~/components/* - Fix shadcn sonner.tsx circular import (was importing from itself) Issue: #108
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
Modernize the platform dashboard UI by adopting the marketing app's shadcn/new-york design system. All changes are cosmetic — no functional behavior changes.
What changed
Foundation (Issues #95 #96)
--primary)components.jsonfor shadcn CLI support<Toaster />+<TooltipProvider>to root layoutComponent unification (Issues #97 #98)
asChildprop, destructive variant, semantic tokensPage-by-page improvements
Stats
57 files changed, +2182 insertions, −856 deletions
Issues
Closes #95
Closes #96
Closes #97
Closes #98
Closes #99
Closes #100
Closes #101
Closes #102
Closes #103
Closes #104
Closes #105
Closes #106
Closes #107
Closes #108