@mounaji_npm/admin-dashboard

Admin dashboard shell and panels for tenant capabilities and module availability monitoring.

Install

npm install @mounaji_npm/admin-dashboard @mounaji_npm/module-registry-core @mounaji_npm/module-gates

react and react-dom are required peer dependencies.

Quick Start

import {
  AdminDashboardShell,
  TenantCapabilitiesPanel,
  ModulesStatusPanel,
  QuickActionsPanel,
} from '@mounaji_npm/admin-dashboard';
import { CapabilitiesProvider } from '@mounaji_npm/module-registry-core';

const manifests = [
  { id: 'dashboard', label: 'Dashboard', path: '/dashboard' },
  { id: 'chat', label: 'Chat', path: '/chat', capabilities: { features: ['chat'] } },
];

const adapter = {
  async getCapabilitiesSnapshot() {
    return {
      plan: 'pro',
      permissions: ['admin.modules.manage'],
      features: ['chat'],
      modules: {
        dashboard: { installed: true, enabled: true },
        chat: { installed: true, enabled: true },
      },
    };
  },
};

export default function AdminPage() {
  return (
    <CapabilitiesProvider adapter={adapter} params={{ organizationId: 'org_1', userId: 'usr_1' }}>
      <AdminDashboardShell manifests={manifests} />
    </CapabilitiesProvider>
  );
}

Exports

• AdminDashboardShell — full page composition using all panels.
• TenantCapabilitiesPanel — shows plan, permissions, features, and refresh action.
• ModulesStatusPanel — shows module install/allow status from manifests.
• QuickActionsPanel — action panel behind admin.modules.manage permission.