diff --git a/docs/admin-panel.mdx b/docs/admin-panel.mdx new file mode 100644 index 0000000..516fa49 --- /dev/null +++ b/docs/admin-panel.mdx @@ -0,0 +1,99 @@ +```markdown +# Admin Panel + +The **Admin Panel** provides an interface for administrators to manage users and configure general settings for your Chatbot application. + +--- + +## Overview + +The admin panel is accessible to authenticated admin users and consists of two main sections, accessible via tabs: + +- **User Dashboard** +- **Settings** + +--- + +## User Dashboard + +This tab allows you to manage and monitor registered users in your application. + +**Features:** + +- View a list of all users with details such as ID, name, and email. +- (Depending on implementation, you may see functionality to edit user roles, remove users, or view user activity.) + +**Navigation:** + +When you open the Admin Panel, you land on the **User Dashboard** tab by default. + +--- + +## Settings + +The **Settings** tab lets you configure general settings for the administration and operation of your site. + +**General Settings Include:** + +- **Site Title:** Set the display title for your website. +- **Admin Email:** Configure the primary admin contact email. +- **Items Per Page (Dashboard):** Set how many users are listed per page on the dashboard. + +Changes can be saved by clicking **Save Settings**. + +--- + +## Navigating Between Tabs + +At the top of the Admin Panel, you'll find navigation tabs: + +- Click **User Dashboard** to view and manage users. +- Click **Settings** to update general site and admin information. + +The active tab is highlighted for ease of use. + +--- + +## Example UI + +
+Sample Admin Panel Layout + +```plaintext +-------------------------------------------------------------------------------- +| Admin Panel | +| -------------------------------------------------------------------------- | +| [ User Dashboard ] [ Settings ] | +| -------------------------------------------------------------------------- | + +- When "User Dashboard" is active: + - List of users, with options to manage each user. + +- When "Settings" is active: + - General Settings + - Site Title [_____________________] + - Admin Email [_____________________] + - Items Per Page [____10____] + [Save Settings] +-------------------------------------------------------------------------------- +``` + +
+ +--- + +## Access Control + +Only authenticated admin users can access the Admin Panel. If a user is not logged in, they will be redirected to the sign-in page. + +--- + +## Notes + +- The admin panel UI uses modern React features, including state for tab switching. +- Customization and extension are possible to suit your operational or business needs. + +--- + +If you have any questions or issues with the Admin Panel, contact [support@example.com](mailto:support@example.com). +``` \ No newline at end of file