Skip to content

feat(admin): redesign — light SaaS dashboard (Boston reference) - #12

Draft
alisamadiii wants to merge 2 commits into
mainfrom
worktree-admin-redesign-v2
Draft

alisamadiii wants to merge 2 commits into
mainfrom
worktree-admin-redesign-v2

Conversation

@alisamadiii

Copy link
Copy Markdown
Owner

What

Full admin console redesign, shipped as one branch (v1 shell foundation + v2 visual/structural rework following the "Boston" reference screenshot).

Theme

  • Light colorful theme as default (soft gray page, white rounded-2xl cards, green primary) with dark toggle in header + ⌘K
  • New bar-hatch + text-num utilities; packages/ui untouched

Shell

  • Sidebar: gradient logo mark, rounded nav pills; user menu moved to header avatar (green presence dot)
  • Header: large search pill opening the ⌘K command menu; breadcrumbs removed (lib/breadcrumb-store.ts deleted)

Overview

  • Tinted-icon stat tiles with green/red deltas (revenue delta = mo/mo from new query)
  • CSS-only hatched teal revenue chart backed by additive stats.revenueByMonth (paid orders, 12 months, zero-filled)
  • Recent signups (1/3) + recent orders (full-width) cards

Pages

  • Users: single card, sortable column headers (replaces sort dropdown), dead Invitations tab dropped, dot-pill statuses, hover quick actions (Impersonate/View), numbered ← Prev 1 2 … Next → pagination
  • User detail: tabs killed → single-scroll Stripe-style record: identity card with surfaced actions (Impersonate/Ban/Delete), quick stats strip (cache-shared queries), stacked sections + sticky anchor rail with IntersectionObserver; legacy ?tab= deep links scroll to section
  • Products: table → card grid (project color dot, big price, recurring badge, JSON dialog)
  • Media: rows → thumbnail gallery grid with hover copy/delete overlay; upload/paste logic untouched
  • Code: create form moved into "New source" dialog; cards get file-count + updated-date footer

Verification

  • pnpm --filter admin exec tsc --noEmit ✓
  • pnpm --filter @workspace/trpc exec tsc --noEmit ✓
  • pnpm --filter admin build ✓ (all 11 routes)
  • git status packages/ui clean ✓

🤖 Generated with Claude Code

…er-page rework

Ships the admin console redesign in two layers:

v1 foundation: sidebar shell (AdminSidebar/AdminHeader/AdminShell), cmdk
command menu, additive stats tRPC router, dense data tables, mono-numeral
utility, breadcrumb removal from pages.

v2 (Boston reference): light colorful theme as default with dark toggle,
green primary, rounded-2xl white cards on soft gray background. Header
gets a large search pill (opens ⌘K), theme toggle, and avatar menu moved
from the sidebar footer. Overview gets tinted-icon stat tiles with deltas,
a CSS-only hatched-bar revenue chart backed by new stats.revenueByMonth,
and recent signups/orders cards. Users list becomes a single card with
sortable column headers, dot-pill statuses, hover quick actions, and
numbered pagination. User detail drops the four tabs for a single-scroll
record: identity card with surfaced actions, quick stats strip, stacked
sections with a sticky anchor rail. Products become a card grid, media a
thumbnail gallery, and the code page moves source creation into a dialog.

packages/ui untouched; all tRPC changes additive.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@vercel

vercel Bot commented Aug 15, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
portfolio-admin Ready Ready Preview Aug 15, 2026 1:14am
portfolio-portal Error Error Aug 15, 2026 1:14am
5 Skipped Deployments
Project Deployment Actions Updated (UTC)
portfolio-docs Ignored Ignored Preview Aug 15, 2026 1:14am
pages-hub Skipped Skipped Aug 15, 2026 1:14am
portfolio Skipped Skipped Aug 15, 2026 1:14am
portfolio-agency Skipped Skipped Aug 15, 2026 1:14am
portfolio-motion Skipped Skipped Aug 15, 2026 1:14am

Request Review

Base UI's GroupLabel requires MenuGroupContext — rendering
DropdownMenuLabel directly under DropdownMenuContent crashes at runtime.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

This branch had an error being deployed

1 failed, 1 active, and 4 inactive deployments
Preview – portfolio-admin — 56b299a4 Deployed Aug 15, 2026 by vercel[bot]
Preview – portfolio-portal — 56b299a4 Deployed Aug 15, 2026 by vercel[bot]
Preview – portfolio-agency — 56b299a4 Deployed Aug 15, 2026 by vercel[bot]
Preview – portfolio-motion — 56b299a4 Deployed Aug 15, 2026 by vercel[bot]
Preview – portfolio — 56b299a4 Deployed Aug 15, 2026 by vercel[bot]
Preview – pages-hub — 56b299a4 Deployed Aug 15, 2026 by vercel[bot]
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