Workspace dashboard

A component-composed dashboard with semantic chart pressure across new, active, degraded, loading, dense, and mobile states.

Workspace dashboard

Component-composed workspace overview with chart pressure across empty, healthy, degraded, loading, dense, and mobile states.

Loading

Workspace and chart frames remain visible while data and every mutable action are disabled.

Analytical Engines — Research and Production

Team plan · EU region · updated July 13, 2026 at 09:30 UTC

Loading+10

Refreshing workspace data

Request volume, recent activity, and service health are loading.

API request volume

Hourly API requests are loading

Loading hourly request volume

The chart frame remains available while 24 hourly request totals are fetched.

Active members: —; Refreshing member totals
Deployments this week: —; Refreshing deployment totals
API requests: —; Refreshing usage totals

ViewportFull width

Width

Preset

Rubytest/dummy/app/components/gallery/compositions/dashboard_page.rb

main(
  id: "gallery-dashboard-surface",
  aria: { busy: state == "loading" ? "true" : nil },
  data: {
    gallery: "composition-surface",
    gallery_composition: "dashboard",
    gallery_composition_state: state,
    gallery_mobile: state == "mobile" ? "true" : nil
  }.compact
) do
  render NitroKit::Container.new(size: :xl, id: "gallery-dashboard-container") do
    render NitroKit::Flex.new(dir: :col, gap: 6, align: :stretch,
    id: "gallery-dashboard-stack") do
      render_workspace_header(disabled: state == "loading")
      render_state
    end
  end
end