refactor: clean up dead files, restructure nav, align QuickStartPage to monochrome

- Delete 6 unused files: ThemeToggle, themeStore, AppLayout-original,
  QuickStartPage-Enhanced, UpgradePrompt, SettingsPage
- Restructure Account/Settings navigation: merge Settings into Account page,
  make AccountSettingsPage the /account index, remove orphaned /account-settings route
- Remove "Settings" nav item (consolidated under Account)
- Add export preferences and team categories link to AccountSettingsPage
- Align QuickStartPage to monochrome design system: replace cyan/blue/violet
  accent colors with white opacity variants
- Replace non-functional search button with search spinner indicator

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Michael Chihlas
2026-02-10 17:46:35 -05:00
parent 89d343d49a
commit e5e5922097
11 changed files with 76 additions and 777 deletions

View File

@@ -112,7 +112,7 @@ export function QuickStartPage() {
<div className="mb-16 text-center max-w-4xl mx-auto">
{/* Badge */}
<div className="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white/5 border border-white/10 mb-8">
<Sparkles className="w-4 h-4 text-cyan-400" />
<Sparkles className="w-4 h-4 text-white/50" />
<span className="text-sm text-white/70 font-medium">DECISION TREE PLATFORM</span>
</div>
@@ -132,7 +132,7 @@ export function QuickStartPage() {
<div className="absolute inset-0 bg-white/5 rounded-2xl blur-2xl opacity-0 group-hover:opacity-100 transition-opacity" />
<div className="relative glass-card rounded-2xl p-1">
<div className="flex items-center bg-black/50 rounded-xl">
<Search className="ml-5 w-5 h-5 text-blue-400" />
<Search className="ml-5 w-5 h-5 text-white/40" />
<input
type="text"
autoFocus
@@ -142,13 +142,8 @@ export function QuickStartPage() {
placeholder="Paste ticket subject or search for a tree..."
className="flex-1 bg-transparent py-4 px-4 text-white placeholder:text-white/30 focus:outline-none"
/>
{query.length >= 2 && (
<button
onClick={() => {/* search already fires on type */}}
className="mr-2 px-5 py-2.5 bg-white text-black font-semibold rounded-lg hover:bg-white/90 transition-all"
>
Search
</button>
{isSearching && (
<Loader2 className="mr-4 h-5 w-5 animate-spin text-white/30" />
)}
</div>
</div>
@@ -202,7 +197,7 @@ export function QuickStartPage() {
<div className="flex items-start justify-between">
<div className="flex items-center gap-3 mb-3">
<div className="w-12 h-12 rounded-xl bg-white/15 border border-white/30 flex items-center justify-center">
<Play className="w-6 h-6 text-violet-400" />
<Play className="w-6 h-6 text-white/50" />
</div>
<div>
<div className="text-xs text-white/70 font-semibold uppercase tracking-wider mb-1">
@@ -258,7 +253,7 @@ export function QuickStartPage() {
</div>
)}
</div>
<Play className="mt-0.5 h-4 w-4 flex-shrink-0 text-violet-400" />
<Play className="mt-0.5 h-4 w-4 flex-shrink-0 text-white/50" />
</div>
<div className="mt-3 flex items-center gap-1.5 text-xs text-white/30">
<Clock className="h-3.5 w-3.5" />
@@ -292,7 +287,7 @@ export function QuickStartPage() {
>
<div className="flex items-start justify-between mb-3">
<div className="w-10 h-10 rounded-xl bg-white/5 border border-white/10 flex items-center justify-center">
<Search className="w-5 h-5 text-blue-400" />
<Search className="w-5 h-5 text-white/40" />
</div>
</div>
<div className="truncate text-sm font-bold text-white mb-2">