Skip to content

[ENG-35541] New console dashboard home#3248

Merged
gdsantana merged 144 commits intodevfrom
ENG-35541-new-home
Mar 12, 2026
Merged

[ENG-35541] New console dashboard home#3248
gdsantana merged 144 commits intodevfrom
ENG-35541-new-home

Conversation

@isaquebock
Copy link
Copy Markdown
Contributor

@isaquebock isaquebock commented Feb 6, 2026

Summary

Redesign of the Home page with a new dashboard layout featuring multiple information cards, Activity History enhancements, and Appcues integration for communications and changelog.

Changes

New Home Page Dashboard

  • Complete redesign of HomeView.vue with responsive grid layout (75%/25% columns on desktop)
  • New modular card components system with standardized styling

New Home Cards/Blocks

  • MetricsBlock: Real-time metrics with dynamic filters and async loading
  • MonthlyUsageCard: Usage tracking with max 6 selections limit and warning tooltip
  • MarketplaceTrendsCard: Trending solutions from marketplace with cache support
  • CommunicationsCard: User communications integrated with Appcues API
  • AzionChangelogCard: Changelog display with Appcues integration
  • ResourcesBlock: Resources overview with routing map and workloads table
  • LastActivitiesBlock: Recent activity display with navigation to details
  • WorkloadsEmptyState: Empty state for workloads with actions

Activity History Enhancements

  • New ActivityHistoryTable.vue component with improved column display
  • Advanced filters with smart search functionality
  • Support for parent/child resources routing
  • Extended periodicity filter (last 6 months limit)
  • Default "last 5 minutes" filter
  • Improved column sorting support
  • Date range selector component (DateRangeSelector.vue)
  • Operation tag component (OperationTag.vue)

Appcues Integration

  • New TanStack Query service with cache support (src/services/v2/appcues/)
  • Edge function proxy for production CORS handling
  • list-changelog-service.js and list-communications-service.js
  • Helper functions in appcues-helpers.js

Other Features

  • InviteUserDialog: New dialog for inviting team members
  • InfoBanner: Notification banner component for home page
  • Font change: New mono font (Roboto)
  • Local storage manager helper
  • Metric variation calculator helper

Fixes & Refinements

  • Adjusted changelog order
  • Guard rail in changelog service
  • Fixed activity history routing for child resources
  • Improved workloads table domain display (fallback to hostname)
  • Security fix for overly permissive regex range
  • Various styling adjustments and responsive behavior

Files Changed

  • 67 files changed
  • 4,847 additions, 540 deletions

Related Tickets

  • ENG-35541 (New Home)
  • ENG-36165 (Redesign home page)
  • ENG-36166 (Home metrics block)
  • ENG-36167 (Resources block)
  • ENG-36168 (Last activities block)
  • ENG-36169 (Monthly usage)
  • ENG-36170 (Invite user dialog)
  • ENG-36171 (Appcues integration)
  • ENG-36172 (Info banner)
  • ENG-36173 (Marketplace trends)
  • ENG-36174 (Activity history extended periodicity)
  • ENG-36373 (Activity history improvements)
  • ENG-36374 (Activity history extended periodicity)
  • ENG-36377 (Activity history smart filters)

gdsantana and others added 30 commits January 26, 2026 10:56
* feat: new layout home

* feat: add responsive layout for home view
…omponents

refactor: adjust home components
we use yarn-lock not package-lock
@gdsantana gdsantana added enhancement New feature or request do-not-merge labels Mar 6, 2026
@gdsantana gdsantana marked this pull request as ready for review March 11, 2026 19:39
gdsantana
gdsantana previously approved these changes Mar 11, 2026
Update all imports to use the new teams service from @/services/v2/teams/teams-service. Remove deprecated make-teams-base-url helper and its associated test file as they are no longer needed with the new service structure.
HerbertJulio and others added 11 commits March 12, 2026 11:19
#3367)

* feat: standardize skeleton loading pattern across edit views

- Create reusable skeleton components (ActionBarSkeleton, BreadcrumbSkeleton,
  FieldsetSkeleton, FormSkeletonGenerator, InputSkeleton, SwitchSkeleton,
  TabsSkeleton) to eliminate duplication across views
- Add FormSkeleton configs for Domains, DataStream, EdgeConnectors,
  EdgeFunctions, EdgeApplicationsErrorResponses, NetworkLists, Users,
  YourSettings and EditViewSkeleton for EdgeDNS, EdgeNode, Workload
- Refactor EdgeApplications EditViewSkeleton to use new skeleton components
- Use overlay pattern in Domains EditView to mount form before skeleton
  hides, preventing dropdown loading flash after skeleton disappears
- Add settle-based dirty tracking in edit-form-block to handle async
  field callbacks (e.g. selectCertificate) before activating unsaved
  changes detection
- Fix checkValueInList in FieldDropdownLazyLoader to search grouped data,
  preventing redundant loadSelectedValue calls that caused false dirty state
- Add onLoaded emit to FieldDropdownLazyLoader and MultiSelectLazyLoader

* feat: implement skeleton loading pattern for your settings view

* feat(workload): add skeleton loading to edit view form

* refactor(templates): replace watch+setTimeout with provide/inject and improve variable naming

Replace fragile debounce-based dirty tracking (watch + setTimeout 300ms) in edit-form-block
with deterministic provide/inject + Promise.all pattern. Rename single-letter and unclear
loop variables across skeleton components and fieldDropdownLazyLoader for clean code compliance.
* feat: redirect to workloads after deploy via v4

* refactor: code format
#3367)

* feat: standardize skeleton loading pattern across edit views

- Create reusable skeleton components (ActionBarSkeleton, BreadcrumbSkeleton,
  FieldsetSkeleton, FormSkeletonGenerator, InputSkeleton, SwitchSkeleton,
  TabsSkeleton) to eliminate duplication across views
- Add FormSkeleton configs for Domains, DataStream, EdgeConnectors,
  EdgeFunctions, EdgeApplicationsErrorResponses, NetworkLists, Users,
  YourSettings and EditViewSkeleton for EdgeDNS, EdgeNode, Workload
- Refactor EdgeApplications EditViewSkeleton to use new skeleton components
- Use overlay pattern in Domains EditView to mount form before skeleton
  hides, preventing dropdown loading flash after skeleton disappears
- Add settle-based dirty tracking in edit-form-block to handle async
  field callbacks (e.g. selectCertificate) before activating unsaved
  changes detection
- Fix checkValueInList in FieldDropdownLazyLoader to search grouped data,
  preventing redundant loadSelectedValue calls that caused false dirty state
- Add onLoaded emit to FieldDropdownLazyLoader and MultiSelectLazyLoader

* feat: implement skeleton loading pattern for your settings view

* feat(workload): add skeleton loading to edit view form

* refactor(templates): replace watch+setTimeout with provide/inject and improve variable naming

Replace fragile debounce-based dirty tracking (watch + setTimeout 300ms) in edit-form-block
with deterministic provide/inject + Promise.all pattern. Rename single-letter and unclear
loop variables across skeleton components and fieldDropdownLazyLoader for clean code compliance.
Replace local @/templates imports with @aziontech/webkit package imports for FieldText and FieldDropdown components.
@gdsantana gdsantana merged commit 70c8ae4 into dev Mar 12, 2026
7 of 8 checks passed
@gdsantana gdsantana deleted the ENG-35541-new-home branch March 12, 2026 17:32
@github-actions github-actions Bot locked and limited conversation to collaborators Mar 12, 2026
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

enhancement New feature or request

Development

Successfully merging this pull request may close these issues.

7 participants