enterprise-ai-assistant

Reusable Angular 17 AI Assistant library with:

• Floating assistant bubble
• Right-side chat drawer
• Full-screen chat workspace
• SignalR streaming support

Prerequisites

• Angular ^17
• Node.js + npm
• SignalR backend URL (example: http://localhost:5057/hubs/ai-chat)

Install

npm i enterprise-ai-assistant

Configure

Add provider in your bootstrapApplication (or app config):

import { provideEnterpriseAiAssistant } from 'enterprise-ai-assistant';

bootstrapApplication(AppComponent, {
  providers: [
    provideEnterpriseAiAssistant({
      signalRHubUrl: 'http://localhost:5057/hubs/ai-chat'
    })
  ]
});

If you skip this provider, default URL is: http://localhost:5057/hubs/ai-chat

Use Components

Use both bubble + drawer:

<enterprise-ai-assistant-widget></enterprise-ai-assistant-widget>

Use only bubble:

<enterprise-ai-assistant-bubble></enterprise-ai-assistant-bubble>

Use only drawer chat:

<enterprise-ai-assistant-chat></enterprise-ai-assistant-chat>

Use full-screen experience:

<app-full-chat></app-full-chat>

Behavior Notes

• Drawer chat and full-screen chat are isolated (separate conversation state).
• Assistant action row supports: copy, like, dislike, share, try again.
• First-chat welcome state is centered, then switches to conversation view.

Local Development (Library)

From frontend:

npm run build:lib

Build output: dist/enterprise-ai-assistant

Create local tarball:

npm run pack:lib

Install tarball in another app:

npm i /absolute/path/to/frontend/enterprise-ai-assistant-1.0.0.tgz

Publish to npm

npm login
npm run publish:lib

Troubleshooting

• If build fails with Google Fonts/network in restricted environments: remove external font imports from app host or allow fonts.googleapis.com.
• If SignalR is disconnected: verify backend is running and URL matches signalRHubUrl.

Next Steps

1. Add auth token support for secured SignalR hubs.
2. Add i18n/localization for labels and tooltips.
3. Add theme API for host app branding.