Admin UI Extensions

Overview

The admin panel is the standard Medusa Admin UI, heavily customized via a Vite plugin in medusa-config.ts. Default Medusa menu items are hidden and replaced with custom sections.

Custom Sections

SALES (Routes 00-09)

Route	Page	Purpose
00-sales-header	Section header	Hidden divider
01-quotations	Quotations	Create, edit, convert to orders
02-aplt-orders	Orders	Order management with status tracking
03-invoices	Invoices	Generate from orders, track payments
04-customers	Customers	B2B customer database
05-credit-notes	Credit Notes	Issue credit notes
06-payments	Payments	Payment tracking
07-reports	Reports	Sales reporting dashboard
08-subscriptions	Subscriptions	Recurring billing management
09-crm	CRM	Lead management

STIJL (Routes 10-15)

Route	Page	Purpose
10-stijl-header	Section header	Hidden divider
11-cms	CMS	Content page management
12-brand-wizard	Brand Wizard	Configure brand colors, logos
13-cms-modules	CMS Modules	Manage content modules
14-page-manager	Page Manager	Layout editor
15-menu-manager	Menu Manager	Navigation configuration

ADVANCED (Routes 20-26)

Route	Page	Purpose
20-advanced-header	Section header	Hidden divider
21-connectors	Connectors	Supplier data sync management
22-access-requests	Access Requests	Approve/reject store access
23-aplt-products	Products	APLT product catalog
24-category-manager	Categories	Product categorization
25-technique-pricing	Technique Pricing	Print technique pricing
26-translations	Translations	Multi-language content

Settings

Route	Page	Purpose
30-parameters	Parameters	System parameters, payment terms
settings/dev-projects	Dev Projects	Development project management

Medusa Customization Plugin

The Vite plugin in medusa-config.ts:

• Injects Magic e-VERSE branding into the admin HTML
• Hides default Medusa menu items (Orders, Products, etc.)
• Reorganizes sidebar with custom section headers
• Replaces Medusa logo with Magic e-VERSE logo
• Injects the Wayne support widget
• Blocks Command Palette (Ctrl+K) to prevent confusion
• Adds custom CSS for section styling

Location

Admin routes are defined in:

backend/src/admin/routes/
├── 00-sales-header/
├── 01-quotations/
├── 02-aplt-orders/
│   └── page.tsx
├── ...
└── settings/
    └── dev-projects/
        └── page.tsx

Each route follows the Medusa Admin SDK pattern with RouteConfig exports:

import { defineRouteConfig } from "@medusajs/admin-sdk"

export const config = defineRouteConfig({
  label: "Quotations",
  icon: DocumentTextSolid,
})