open-index/open-npm huggingface dataset:
npm package: @mkenith/nxpert-ai-agent
Description: An AI Agent Widget for ERP applications, supporting NXpert AI Agent features.
Latest version: 1.0.2

# NXpert AI Agent Widget

A lightweight, powerful AI-powered web component designed for ERP applications. It features an intelligent chatbot, automated planning, and seamless integration with Angular and other web frameworks.

## Features

- **Intelligent Assistant**: Chat with the NXpert AI Agent for data analysis and task planning.
- **Customized UI**: Modern, draggable widget with expand/minimize controls.
- **Artifact Viewer**: Integrated popup for viewing and interacting with AI-generated plans and charts.
- **ERP Aware**: Built to interact with DataGrids and other ERP components via standard browser events.

## Installation

```bash
npm install nxpert-ai-agent
```

## Usage

Include the script in your HTML and use the custom element:

```html
<script src="node_modules/nxpert-ai-agent/dist/ai-widget.iife.js"></script>

<nxpert-ai-agent 
  user-id="your-user-id" 
  api-url="http://your-backend-api.com">
</nxpert-ai-agent>
```

### Attributes

- `user-id`: (Required) The unique identifier of the user.
- `api-url`: (Required) The base URL of the NXpert AI Backend service.

## Integration with Angular

1. Add `CUSTOM_ELEMENTS_SCHEMA` to your module or component.
2. Load the script in `angular.json` or `index.html`.
3. Use the `<nxpert-ai-agent>` tag in your templates.

## Architecture

The widget communicates with a .NET backend that follows SOLID and MVC principles, supporting persistent memory retention and vector search.

---
© 2026 NXpert AI Agent. Built with Vite, TypeScript, and Chart.js.