Skip to content

feat: premium minimalist greeting layout, suggested cards, and boot diagnostics#1496

Open
rohanvibe wants to merge 1 commit into
vercel:mainfrom
rohanvibe:feature/premium-minimalist-enhancements
Open

feat: premium minimalist greeting layout, suggested cards, and boot diagnostics#1496
rohanvibe wants to merge 1 commit into
vercel:mainfrom
rohanvibe:feature/premium-minimalist-enhancements

Conversation

@rohanvibe
Copy link
Copy Markdown

Overview

This PR introduces key visual refinements and functional safety features to elevate the chatbot developer experience:

  1. Premium Minimalist Greeting: Upgraded the welcome screen with a subtle, non-flashy, professional developer-themed dashboard header.
  2. Structured Grid Suggestions: Transformed plain suggested action buttons into an elegant card grid with custom, high-contrast, theme-adaptive icons and captions.
  3. Database Setup Diagnostics: Implemented a server-side runtime validator that gracefully guides local developers on database setup rather than letting the application crash with unhandled exception traces.

Key Changes Included

🎨 1. Minimalist Welcoming Experience (components/chat/greeting.tsx)

  • Replaced the simple static text greeting with a balanced visual badge containing a clean, non-flashy Sparkles icon.
  • Applied refined, tracking-tight typographic hierarchy that looks crisp in both light and dark modes.
  • Integrated smooth spring entrance animations using Framer Motion.

🎴 2. Suggested Cards Layout (components/chat/suggested-actions.tsx)

  • Redesigned plain text prompt buttons into a structured two-column interactive card grid.
  • Mapped curated icons (GlobeIcon, Code2Icon, BookOpenIcon, CloudSunIcon) to respective prompts.
  • Added descriptive captions under titles to showcase chatbot capabilities cleanly.
  • Added premium, subtle hover translations (hover:-translate-y-0.5) and transition-aware borders.

🛡️ 3. Safe-Boot Environment Diagnostics (app/(chat)/layout.tsx)

  • Added a database configuration validator at the beginning of the SidebarShell server component.
  • If POSTGRES_URL is missing, it displays a highly professional dark-themed diagnostics screen guiding the developer on how to provision the database and construct .env.local.
  • Fully Build-Safe: Resides inside the SSR shell (bound to cookies()), ensuring it will never affect the static pre-rendering build phase during next build.

Verification & Quality Checks

All checks passed with pristine states locally:

  • Zero Compilation Errors: Executed npx tsc --noEmit successfully (Exit Code: 0).
  • Code Style & Formatting: Executed npx biome lint . with zero linting, styling, or formatting violations detected.

@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented May 17, 2026

@rohanvibe is attempting to deploy a commit to the Templates Test vtest314 Team on Vercel.

A member of the Team first needs to authorize it.

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