HazeDocs
Dashboard

Changelog

Version history and updates

v1.0.0March 31, 2026

Dashboards (5 variants)

  • Overview dashboard with welcome hero, revenue sparkline, radial progress, interactive order/customer filters, conversion funnel, top products, activity timeline
  • Analytics dashboard with full-width traffic chart, 7d/30d/90d period switching, bounce rate gauge, device breakdown donut, top pages, geographic traffic
  • eCommerce dashboard with revenue hero, order pipeline stages, category bars, product cards with ratings, recent orders table
  • CRM dashboard with visual pipeline funnel, speedometer win-rate gauge, deal cards, team leaderboard, lead sources
  • SaaS dashboard with dark MRR hero card, subscription tier distribution, user growth vs churn chart, churn reasons, trial countdown

CRUD Resource Management (23 pages)

  • Orders: list with DataTable (search, filter, pagination), detail view, create/edit forms with Zod validation
  • Products: list with category/stock/price columns, detail, create/edit with category select
  • Customers: list with spending stats, detail with order history, create/edit
  • Invoices: list with status badges, PDF-style detail with line items and tax calculation, create/edit with repeatable line items, printable invoice layout
  • Users: list with avatar/role/status, detail profile, create/edit with role assignment
  • Roles: card grid with permission counts, create/edit with permission checkbox matrix

Feature Applications (16 pages)

  • Chat: two-panel with contact list, message bubbles, send functionality
  • Mail: three-panel with folders, message list, preview, compose modal
  • Kanban: drag-and-drop board with vue-draggable-plus, priority badges, assignee avatars
  • Calendar: custom monthly grid, event chips, create/edit event modals
  • File Manager: grid/list view toggle, folder filtering, storage stats, upload modal
  • Rich Text Editor: Tiptap integration with full toolbar, post settings sidebar
  • Interactive Map: Leaflet with OpenStreetMap, office markers with popups, location cards
  • Forms showcase, Multi-step wizard, Charts showcase, Component showcase, Timeline
  • Billing, Notifications, Pricing, Support, Search results pages

Marketing/Landing Pages (5) & E-commerce Storefront (4)

  • Landing page with hero, feature grid, stats section, CTA
  • About, Contact, FAQ, and Blog pages
  • Product listing with sidebar filters, sort, search
  • Product detail with image gallery, reviews, related products
  • Shopping cart with quantity controls and multi-step checkout

Authentication (11 pages, 3 styles)

  • Classic: login, register, forgot password, reset password, confirm password, verify email, two-factor
  • Split-screen: login, register (dark branding panel + white form)
  • Cover: login, register (gradient background + glass card)

User Profile (4) & Settings (4)

  • Profile overview with cover photo, stats, about, skills, social links
  • Activity timeline, connections grid, gallery with masonry grid
  • Settings: profile editing, password change, appearance (color mode, accent, density, RTL), two-factor setup

Layout System (7 layouts)

  • Default (sidebar + header), Horizontal (top navbar), Auth (centered card)
  • Auth Split (branding panel + form), Auth Cover (gradient + glass card)
  • Marketing (public navbar + footer), Blank (errors/utility)

Design System

  • OKLCH color tokens with light-first approach
  • Solid card surfaces with layered shadow elevation
  • Dark charcoal sidebar, frosted glass header with backdrop blur
  • 6 accent color presets (teal, blue, purple, orange, rose, emerald)
  • 3 density options (compact, default, spacious)
  • Page transitions (fade + slide up) and RTL support

Infrastructure

  • Mock data via Nuxt server routes with pagination, search, filtering (33 API routes, 17 JSON datasets)
  • Pinia stores: auth (mock login with 3 demo users), sidebar, notifications
  • i18n: English, German, French (~100 keys each)
  • Theme settings persisted to localStorage with floating customizer drawer
  • Command palette for keyboard navigation
  • Rich notification dropdown with mark-as-read
  • Documentation section with 11 pages
  • Error pages: 404, 403, 500, Coming Soon, Maintenance